+ 
+ 
+ 
+
+
diff --git a/css/docs.css b/css/docs.css
new file mode 100755
index 0000000..a8cc78a
--- /dev/null
+++ b/css/docs.css
@@ -0,0 +1,69 @@
+body {
+
+}
+
+.page-content {
+ padding-top: 48px;
+}
+
+.color-list li {
+ display: inline-block;
+ padding: 10px;
+ width: 14.2857%;
+}
+
+.prettyprint {
+ background-color: #eeeeee;
+ border: 0 !important;
+ border-width: 1px !important;
+ border-color: #eeeeee !important;
+ border-left: 8px #555555 solid !important;
+}
+
+.prettyprint ol {
+ background-color: transparent !important;
+}
+
+.prettyprint li {background-color: white !important; list-style-type: decimal !important; padding-left: 1em; border-bottom: 1px #eee solid;}
+.prettyprint li:last-child{border-bottom: 0;}
+.prettyprint code .tag {
+ font-size: .7rem;
+}
+
+.prettyprint {
+ overflow: hidden;
+ overflow-x: scroll;
+}
+
+.demo-grid .row > .cell {
+ padding: 10px;
+ background-color: darkgray;
+ color: white;
+ text-align: center;
+ border: 1px #000 solid;
+}
+
+.thumb {
+ background: white;
+ padding: 4px;
+ display: inline-block;
+ height: 2.375rem;
+ width: 2.375rem;
+ border: 1px transparent solid;
+ cursor: pointer;
+}
+
+@media screen and (max-width: 800px) {
+ .app-bar.fixed-top {
+ position: relative !important;
+ }
+ .page-content {
+ padding-top: 0 !important;
+ }
+}
+
+@media screen and (max-width: 640px) {
+ .page-content {
+ padding-top: 32px;
+ }
+}
diff --git a/css/general.css b/css/general.css
new file mode 100755
index 0000000..67f5f1a
--- /dev/null
+++ b/css/general.css
@@ -0,0 +1,2254 @@
+@font-face {
+ font-family: icielPanton;
+ font-weight: bold;
+ src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
+}
+@font-face {
+ font-family: icielPanton;
+ font-weight: italic;
+ src: url("../fonts/icielpanton-light.otf") format("opentype");
+}
+@font-face {
+ font-family: MyriadPro;
+ font-weight: regular;
+ src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
+}
+@font-face {
+ font-family: MyriadPro;
+ font-weight: bold;
+ src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
+}
+@font-face {
+ font-family: MyriadPro;
+ font-weight: italic;
+ src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
+}
+@font-face {
+ font-family: Androgyne;
+ font-weight: regular;
+ src: url("../fonts/UTM Androgyne.TTF") format("opentype");
+}
+@font-face {
+ font-family: iCielGotham;
+ font-weight: bold;
+ src: url("../fonts/GOTHAM-ULTRA.OTF") format("opentype");
+}
+@font-face {
+ font-family: iCielGotham;
+ font-weight: regular;
+ src: url("../fonts/GOTHAM-MEDIUM.OTF") format("opentype");
+}
+@font-face {
+ font-family: iCielGotham;
+ font-weight: thin;
+ src: url("../fonts/GOTHAM-THIN.OTF") format("opentype");
+}
+
+.header
+{
+ padding:10px 0px;
+}
+
+li
+{
+ list-style:none;
+}
+
+body
+{
+ font-size:15px;
+ font-family: "MyriadPro", Arial;
+}
+
+.focus
+{
+ font-family:Arial;
+}
+
+.header, .header .container{
+ padding-bottom:0px;
+}
+
+/* Language - Search */
+.h-menu.compact
+{
+ margin-top:8px;
+ margin-left:10px;
+}
+
+.h-menu.compact .input-control,
+.h-menu.compact .button
+{
+ height:28px;
+ min-height:28px;
+ font-size:12px;
+ margin:0px;
+}
+
+.h-menu.compact .search
+{
+ border-radius:5px;
+}
+
+.h-menu.compact .button
+{
+ height:26px;
+ min-height:26px;
+ padding:0px 6px;
+ border:0px;
+ position:absolute;
+ left:163px;
+ top:1px;
+}
+
+.h-menu.compact > li > a
+{
+ padding:7px;
+}
+
+.h-menu.compact > li > a:hover
+{
+ background-color:transparent;
+}
+
+.language-selector{
+ margin-left:10px;
+}
+
+.language-selector .deselect img
+{
+ opacity: 0.3;
+ filter: alpha(opacity=30); /* For IE8 and earlier */
+}
+.language-selector .deselect:hover img
+{
+ opacity: 0.8;
+ filter: alpha(opacity=80); /* For IE8 and earlier */
+}
+
+.horizontal-menu.compact li {
+ margin-left: 0px;
+}
+.horizontal-menu.compact ul {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+.horizontal-menu.compact a {
+ font-weight: normal;
+ font-size: 12px;
+ color: inherit;
+}
+.horizontal-menu.compact .dropdown-toggle:after {
+ bottom: 2px;
+}
+
+/* End Language - Search */
+
+/* Navigation */
+.app-bar.light {
+ background-color:transparent;
+ color:#686868;
+ padding-left:20px;
+ padding-right:20px;
+}
+
+.app-bar.light .app-bar-menu, .app-bar.light .app-bar-pullbutton.automatic{
+ margin-top:10px;
+}
+
+.app-bar.light .app-bar-element.branding{
+ background-color:transparent;
+}
+
+.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
+ font-size:14px;
+ height:50px;
+ line-height:45px;
+ padding-left:12px;
+ padding-right:12px;
+}
+
+/*
+.app-bar.light .app-bar-menu > li > a{
+ border-top:solid 5px transparent;
+ border-left:solid 1px #E2DAD5;
+}
+*/
+
+.app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a:hover{
+ font-size:14px;
+ background-color:transparent;
+}
+
+.app-bar.light .app-bar-menu > li > a:hover,
+.app-bar.light .app-bar-menu > li > a.selected{
+ /*border-top:solid 5px #568ABD;*/
+ color:#2B92D0;
+}
+
+.app-bar.light .app-bar-pullmenu .app-bar-menu {
+ background-color:transparent;
+}
+
+.app-bar.light .app-bar-pullmenu .app-bar-menu > li:hover{
+ background-color:transparent;
+}
+
+.app-bar.light .app-bar-pullbutton.automatic{
+ color:#686868;
+}
+
+.app-bar.light .app-bar-pullbutton.automatic:hover{
+ color:#568ABD;
+ background-color:transparent;
+}
+
+.app-bar.light .input-control.email, .input-control.file, .input-control.number, .input-control.password, .input-control.select, .input-control.tel, .input-control.text{
+ width:191px;
+}
+
+.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover,
+.app-bar.light .app-bar-pullmenu .app-bar-menu li:hover a
+{
+ background-color:transparent;
+}
+
+/* End Navigation */
+
+/* E-Course */
+.e-course
+{
+ position:relative;
+}
+
+.sl-item{
+ position: absolute;
+ top:0px;
+}
+
+.e-course-content
+{
+ position:absolute;
+ top:150px;
+ width:100%;
+ display:table;
+}
+
+.e-course-title
+{
+ position:absolute;
+ top:0px;
+ width:100%;
+ font-size:42px;
+ line-height:50px;
+ color:#fff;
+ font-weight:bold;
+ text-align:center;
+ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
+ padding:30px;
+}
+
+.e-course-content .item-title
+{
+ background-color:#892E41;
+ padding:50px 20px 20px 20px;
+ border-radius:120px;
+ height:240px;
+ width:240px;
+ overflow:hidden;
+ border:4px solid #FFF;
+ margin: auto;
+ color:#FFF;
+ text-align:center;
+ font-size:20px;
+ line-height:30px;
+ font-weight:bold;
+}
+
+.e-course-content .item-more
+{
+ font-size:14px;
+ color:#892E41;
+ background-color:#FFF;
+ border-radius:18px;
+ text-align:center;
+ margin:0px 20px;
+ margin-top:20px;
+ padding:3px 0px;
+ cursor:pointer;
+}
+
+.cb-slideshow,
+.cb-slideshow:after {
+ position:relative;
+ width:100%;
+ height:700px;
+ z-index: 0;
+ margin:0px;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+
+.cb-slideshow .sl-item img{
+ width:100%;
+ /*animation: slideshowImg 12s;*/
+ /*-webkit-animation-timing-function: slideshowImg 12s; /* Chrome, Safari, Opera */
+ /*animation-timing-function: slideshowImg 12s;*/
+}
+
+@keyframes slideshowImg{
+ 0% {
+ opacity: 0;
+ transform: scale(1.05);
+ }
+ 15% {
+ opacity: 1;
+ transform: scale(1.1);
+ }
+ 100% {
+ opacity: 1;
+ transform: scale(1.2) translateX(-4%);
+ }
+}
+
+.course-list .btn-safety,
+.cb-slideshow .sl-item:nth-child(1) .item-title{
+ background-color:#f58f20;
+}
+.course-list .btn-security,
+.cb-slideshow .sl-item:nth-child(2) .item-title{
+ background-color:#2681bc;
+}
+.course-list .btn-process,
+.cb-slideshow .sl-item:nth-child(3) .item-title{
+ background-color:#ee2e3a;
+}
+.course-list .btn-work,
+.cb-slideshow .sl-item:nth-child(4) .item-title{
+ background-color:#922a8d;
+}
+.course-list .btn-product,
+.cb-slideshow .sl-item:nth-child(5) .item-title{
+ background-color:#52c1ae;
+}
+.course-list .btn-orientation,
+.cb-slideshow .sl-item:nth-child(6) .item-title{
+ background-color:#8a2e42;
+}
+.course-list .btn-sale,
+.cb-slideshow .sl-item:nth-child(7) .item-title{
+ background-color:#8dc447;
+}
+
+.cb-slideshow .sl-item:nth-child(1) .item-more{
+ color:#f58f20;
+}
+.cb-slideshow .sl-item:nth-child(2) .item-more{
+ color:#2681bc;
+}
+.cb-slideshow .sl-item:nth-child(3) .item-more{
+ color:#ee2e3a;
+}
+.cb-slideshow .sl-item:nth-child(4) .item-more{
+ color:#922a8d;
+}
+.cb-slideshow .sl-item:nth-child(5) .item-more{
+ color:#52c1ae;
+}
+.cb-slideshow .sl-item:nth-child(6) .item-more{
+ color:#8a2e42;
+}
+.cb-slideshow .sl-item:nth-child(7) .item-more{
+ color:#8dc447;
+}
+
+.horizontal{
+ list-style:none;
+ margin:0;
+ padding:0;
+ text-align:center;
+}
+.horizontal li{
+ display:inline-block;
+}
+.horizontal a{
+ display:inline-block;
+ margin:15px;
+}
+.course-list a:hover,
+.course-list li.selected a,
+.course-list li.active a{
+ border: solid 5px #fff;
+ margin:10px;
+}
+.course-list a:hover img,
+.course-list li.selected img,
+.course-list li.active img{
+ opacity:1;
+}
+
+.course-list img{
+ width:70px;
+ height:70px;
+ opacity:0.5;
+}
+
+.course-list{
+ position:absolute;
+ bottom:30px;
+ width:100%;
+}
+
+
+/* End E-Course */
+
+/* About us section */
+.about-us
+{
+ margin-top:50px;
+ margin-bottom:40px;
+}
+
+.v-center-item
+{
+ display:table;
+ margin: 0 auto;
+ height:100%;
+}
+
+.v-center-content
+{
+ display:table-cell;
+ vertical-align: middle;
+ text-align: center;
+}
+
+.about-us-title
+{
+ text-transform:uppercase;
+ text-align:center;
+}
+
+.about-us-title.row1
+{
+ color:#5D5D5D;
+}
+
+.about-us-title.row2
+{
+ font-weight:bold;
+ color:#BF222F;
+}
+
+.about-us-bound
+{
+ height:100%;
+ display:table;
+}
+
+.about-us-overview
+{
+ display:table-cell;
+ vertical-align:middle;
+}
+
+.about-us-header
+{
+ text-align:center;
+ font-size:40px;
+}
+
+.about-us-content
+{
+ text-align:justify;
+ margin-top:10px;
+ line-height: 26px;
+ font-family:"icielPanton", Arial;
+}
+
+/* End About us section */
+
+.customer-detail
+{
+ text-align:center;
+}
+
+/*== English section ==*/
+/* English character */
+.english-character
+{
+ background-image:url(../images/bg-english.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:400px;
+}
+
+.english-title
+{
+ text-transform:uppercase;
+ font-weight:bold;
+ font-size:38px;
+ padding-top:60px;
+ margin-bottom:50px;
+ color:#fff;
+ text-align:center;
+}
+
+.english-block
+{
+ padding:15px;
+ width:300px;
+ color:#fff;
+ text-align:center;
+}
+
+.english-block.first
+{
+ background-color:#F0C218;
+}
+
+.english-block.second
+{
+ background-color:#2099D4;
+}
+
+.english-block.third
+{
+ background-color:#BF222F;
+ padding-top:65px;
+ border-radius:150px;
+ height:300px;
+ overflow:hidden;
+ position:relative;
+ top:-100px;
+ margin-bottom:-80px;
+ border:4px solid #FFF;
+}
+
+.english-block-caption
+{
+ text-transform:uppercase;
+ font-size:20px;
+ font-weight:bold;
+ border-bottom:2px solid #fff;
+ padding-bottom:5px;
+}
+
+.english-block-content
+{
+ text-align:justify;
+ margin-top:5px;
+ margin-bottom:70px;
+ line-height: 20px;
+}
+
+.english-block.third .english-block-content
+{
+ text-align:center;
+ margin-bottom:10px;
+}
+
+.english-block.third .english-block-caption
+{
+ margin-left:25px;
+ margin-right:25px;
+}
+
+/* End English character */
+
+/* English cerfiticate */
+.english-cerfiticate
+{
+ background-image:url(../images/bg-english-2.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ padding-bottom:20px;
+}
+
+.english-cer
+{
+ /* Fallback for web browsers that don't support RGBa */
+ background-color: rgb(240, 246, 232);
+ /* RGBa with 0.6 opacity */
+ background-color: rgba(141, 194, 69, 0.1);
+
+ text-align:center;
+ padding:10px;
+}
+
+.english-cer-title
+{
+ font-family:"Androgyne", Arial;
+ font-size:30px;
+ line-height:40px;
+ text-transform:uppercase;
+ color:#5D5D5D;
+ margin-bottom:15px;
+ padding-bottom:10px;
+}
+
+.english-cer-title-content
+{
+ padding-bottom:10px;
+ border-bottom:3px solid #5D5D5D;
+}
+
+.english-cer-number
+{
+ font-size:30px;
+ color:#BF222F;
+ font-weight:bold;
+}
+
+.english-cer-desc
+{
+ color:#717171;
+ font-size:20px;
+ line-height:28px;
+}
+
+/* End English cerfiticate */
+
+.english-toeic-compare
+{
+ text-align:center;
+ margin-top:20px;
+}
+
+.english-toeic-title
+{
+ font-family:"Androgyne", Arial;
+ font-size:30px;
+ color:#5D5D5D;
+ margin-bottom:10px;
+}
+
+.english-toeic-desc
+{
+ font-size:22px;
+ color:#2C2C2C;
+ margin-top:10px;
+ font-weight:bold;
+ text-transform:uppercase;
+}
+
+.english-toeic-desc-focus
+{
+ font-size:22px;
+ color:#BF222F;
+}
+
+.section-separate
+{
+ height:20px;
+ position:relative;
+ text-align:center;
+ z-index:1000;
+}
+
+.section-separate .more
+{
+ width:84px;
+ height:40px;
+ margin: 0 auto;
+ z-index:1000;
+}
+
+.section-separate-less
+{
+ border-bottom:1px solid #E5E5E5;
+}
+
+.section-separate-less .less
+{
+ width:84px;
+ height:40px;
+ margin: 0 auto;
+ z-index:1000;
+ position:relative;
+ bottom:3px;
+}
+
+/*== End English section ==*/
+
+/*== Start LMS section ==*/
+/* LMS Overview */
+.lms-overview
+{
+ background-image:url(../images/bg-lms-1.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:100px;
+ color:#FFF;
+}
+
+.lms-title,
+.lms-name-vn,
+.lms-name-en
+{
+ text-transform:uppercase;
+}
+
+.lms-title
+{
+ font-family:"iCielGotham", Arial;
+ font-size:66px;
+ font-weight:bold;
+ color:#FFF;
+ padding-top:100px;
+ padding-bottom:20px;
+}
+
+.lms-name-vn{
+ font-size:16px;
+ font-family:"icielPanton",Arial;
+}
+.lms-name-en{
+ font-size:28px;
+ line-height:40px;
+ font-weight:bold;
+}
+
+.lms-desc
+{
+ font-family:"icielPanton", Arial;
+ text-align:justify;
+ padding:30px;
+ font-size:16px;
+ line-height: 28px;
+}
+
+.lms-left
+{
+ position:relative;
+}
+
+img.lms-img
+{
+ width:100%;
+ height:auto;
+ position:absolute;
+ bottom:-50px;
+ left:-100px;
+}
+
+.lms-customer-title
+{
+ text-transform:uppercase;
+ text-align:center;
+ color:#6C7D7D;
+ font-weight:bold;
+ font-size:24px;
+ padding-top:30px;
+ border-top:1px solid #c5c5c5;
+}
+
+.lms-feature img
+{
+ width:100%;
+}
+
+/* End LMS Overview */
+/*== End LMS section ==*/
+
+/*== Start Test section ==*/
+/* Test Overview */
+.test-overview
+{
+ background-image:url(../images/bg-test-1.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:100px;
+ color:#FFF;
+}
+
+.test-title-1,
+.test-title-2
+{
+ text-transform:uppercase;
+}
+
+.test-title-1
+{
+ font-family:"icielPanton",Arial;
+ font-size:24px;
+ padding-top:60px;
+ line-height:34px;
+}
+
+.test-title-2{
+ font-size:40px;
+ line-height:52px;
+ font-weight:bold;
+}
+
+.test-desc
+{
+ font-family:"icielPanton",Arial;
+ text-align:justify;
+ padding:30px 100px;
+ font-size:16px;
+ line-height: 26px;
+}
+
+.test-right
+{
+ position:relative;
+}
+
+img.test-img
+{
+ width:430px;
+ position:absolute;
+ bottom:-20px;
+}
+
+.test-feature img
+{
+ width:100%;
+}
+
+/* End Test Overview */
+
+/* Start Test Customer */
+.test-customer-title
+{
+ font-size:24px;
+ font-weight:bold;
+ text-transform:uppercase;
+ margin:30px;
+ line-height:32px;
+ text-align:center;
+}
+
+.test-customer-title-content
+{
+ border-bottom:solid 3px #BF222F;
+}
+
+.test-customer-desc
+{
+ text-align:justify;
+ padding:20px;
+ line-height:20px;
+}
+
+.customer-item
+{
+ width:240px;
+ height:160px;
+ border-right:1px solid #E5E5E5;
+ border-bottom:1px solid #E5E5E5;
+}
+
+.customer-item.second
+{
+ border-bottom:none;
+}
+
+.customer-item .item
+{
+ width:240px;
+ height:160px;
+ display:inline-block;
+ position:relative;
+}
+
+.customer-item-middle
+{
+ display: table;
+ width: 100%;
+ height: 100%;
+ vertical-align: middle;
+ text-align:center;
+}
+
+.customer-item-img
+{
+ display: table-cell;
+ vertical-align: middle;
+ max-width: 220px;
+ max-height: 140px;
+}
+
+.customer-item-img img
+{
+ max-width: 90%;
+ max-height: 140px;
+}
+
+.scrollable-v
+{
+ width:100%;
+ overflow-x:hidden;
+}
+
+.scrollable-v-content
+{
+ /*width:1000px;*/
+ margin:auto;
+ text-align:center;
+}
+
+.scrollable-v-content .v-list
+{
+ display:table;
+ margin:0 auto;
+}
+
+.scrollable-v-content .v-list li
+{
+ margin-right:0px;
+ display:table-cell;
+}
+/* End Test Customer */
+
+/*== End Test section ==*/
+
+.share img
+{
+ width:40px;
+ margin:10px;
+}
+
+/* Footer */
+.footer-nav
+{
+ padding:10px;
+ background-color:#272E41;
+ color:#E5E5E4;
+}
+
+.nav-title
+{
+ font-family:Arial;
+ font-size:15px;
+ text-transform:uppercase;
+ font-weight:bold;
+ padding:15px 0px 0px 5px;
+ padding-left:45px;
+}
+
+.footer-nav .cell
+{
+ border-right:1px solid #444046;
+}
+
+.footer-nav .cell:last-child
+{
+ border-right:none;
+}
+
+.footer-nav .cell a
+{
+ color:#939292;
+}
+
+.footer-info
+{
+ padding:20px;
+ font-size:12px;
+ line-height:20px;
+ background-color:#272E41;
+}
+
+.footer-info-value
+{
+ color:#fff;
+ font-style:italic;
+}
+
+.copyright-content
+{
+ font-family:"iCielGotham", Arial;
+ font-weight:thin;
+ text-align:center;
+ font-size: 14px;
+ padding:10px;
+ color:#fff;
+ background-color:#272E41;
+ border-top:1px solid #444046;
+}
+/* End footer */
+
+/* E-Course Detail Banner */
+.ecourse-banner
+{
+ background-image:url(../images/ecourse-banner.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:100px;
+ color:#FFF;
+ position:relative;
+}
+
+.ecourse-banner-bound
+{
+ padding:100px 60px 60px 60px;
+ text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.54);
+}
+
+.ecourse-banner-title
+{
+ font-size:45px;
+ font-weight:bold;
+ line-height:66px;
+ text-align:center;
+ border-bottom:2px solid #fff;
+}
+
+.ecourse-banner-desc
+{
+ font-size:16px;
+ line-height:26px;
+}
+/* End E-Course Detail Banner */
+
+/*Typical courses*/
+.typical-courses
+{
+ padding:20px 0px;
+}
+
+.typical-courses-title
+{
+ text-align:center;
+ text-transform:uppercase;
+ margin-top:20px;
+}
+
+.typical-courses-title .row-1
+{
+ font-size:20px;
+ line-height:30px;
+ color:#000;
+}
+
+.typical-courses-title .row-2
+{
+ font-size:40px;
+ line-height:56px;
+ font-weight:bold;
+ color:#BF222F;
+}
+
+.typical-courses-desc
+{
+ font-size:16px;
+ line-height:26px;
+ text-align:center;
+ color:#2C2C2C;
+}
+
+.typical-course-list
+{
+ text-align:center;
+ margin-top:40px;
+}
+
+.typical-course-block
+{
+ display:inline-block;
+ padding:10px;
+}
+
+.typical-course-block .typical-course-image img
+{
+ width:269px;
+ height:143px;
+}
+
+.typical-course-block .typical-course-action
+{
+ color:#B7B7B7;
+ font-style:italic;
+ padding:10px;
+}
+
+.design-method
+{
+
+}
+
+.design-method-title
+{
+ background-color:#86B13F;
+ color:#FFF;
+ padding:30px 0px;
+ font-size:30px;
+ line-height:40px;
+ text-transform:uppercase;
+ text-align:center;
+}
+
+.design-method-title .row-1
+{
+ font-size:20px;
+ line-height:30px;
+}
+
+.design-method-title .row-2
+{
+ font-size:40px;
+ line-height:56px;
+ font-weight:bold;
+}
+
+.design-method-img img
+{
+ width:100%;
+ height:auto;
+}
+
+
+/*End E-course-criteria*/
+
+/* Design process */
+.process
+{
+ position:relative;
+ background-image:url(../images/design-process.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:100px;
+ margin-top:50px;
+}
+
+.process .process-title
+{
+ padding-top:100px;
+ padding-bottom:50px;
+ text-align:center;
+ width:100%;
+}
+.process .process-title-bound
+{
+ text-transform:uppercase;
+ font-size:28px;
+ color:#FFF;
+ background-color:#5D5D5D;
+ background-color: rgb(93, 93, 93);
+ /* RGBa with 0.6 opacity */
+ background-color: rgba(93, 93, 93, 0.8);
+ padding:5px 10px;
+}
+/* End Design process */
+
+/* Start Customer */
+.customer
+{
+ border-top:2px solid #c5c5c5;
+}
+
+.customer .customer-title
+{
+ margin-top:20px;
+ padding:10px;
+ font-size:24px;
+ font-weight:bold;
+ text-transform:uppercase;
+ text-align:center;
+ color:#6C7D7D;
+}
+
+.m-menu.cust-list
+{
+ box-shadow:none;
+}
+
+.m-menu.cust-list li:hover
+{
+ background-color:transparent;
+}
+/* End Customer */
+
+/*==== Ebooks ====*/
+.ebooks{
+ font-family:"icielPanton";
+ margin-bottom:30px;
+}
+
+.ebooks-banner{
+ background:url("../images/ebook-bg.png") no-repeat;
+ text-align:center;
+}
+
+.ebooks-title{
+ text-transform:uppercase;
+ color:#fff;
+ padding:40px 10px;
+}
+
+.ebooks-title .ebooks-title-style1{
+ font-size:25px;
+}
+
+.ebooks-title .ebooks-title-style2{
+ font-size:40px;
+ font-weight:bold;
+}
+
+.ebooks-video-instance{
+ cursor:pointer;
+}
+
+.overlay{
+ display:none;
+ text-align:center;
+ background-color:rgba(0, 0, 0, 0.901961);
+}
+
+.cross{
+ position: absolute;
+ right: 30px;
+ top: -8px;
+ font-size: 60px;
+ color: #fff;
+ /*font-family: 'maven_pro_light200';*/
+ cursor: pointer;
+ z-index: 999999;
+}
+
+.ebooks-overview-title{
+ font-size:35px;
+ margin:40px 0px 30px 0px;
+ text-align:center;
+ text-transform:uppercase;
+}
+
+.ebooks-style1{
+ color:#3D3732;
+}
+
+.ebooks-style2{
+ color:#83C2E0;
+}
+
+.ebooks-overview-content{
+ font-size:18px;
+ line-height:28px;
+ text-align:justify;
+ color:#535353;
+ display:table-cell;
+ vertical-align:middle;
+}
+
+.ebooks-overview-content .focus{
+ color:#2C2C2C;
+}
+
+.ebooks-overview-content-bound{
+ height:100%;
+ display:table;
+}
+
+.ebooks-content-platform{
+ background-color:#97B643;
+ color:#fff;
+}
+
+.ebooks-content-platform-content{
+ text-align:justify;
+}
+
+.ebooks-content-platform-title,
+.ebooks-content-compatible-title,
+.ebooks-content-report-title,
+.ebooks-content-drm-title,
+.ebooks-content-enrichment-title,
+.ebooks-content-quiz-title{
+ text-align:center;
+ font-size:28px;
+ line-height:36px;
+ padding:10px;
+ margin-bottom:30px;
+}
+
+.ebooks-content-platform,
+.ebooks-content-compatible,
+.ebooks-content-report,
+.ebooks-content-drm,
+.ebooks-content-enrichment,
+.ebooks-content-quiz{
+ padding:40px 0px;
+ font-size:18px;
+ line-height:26px;
+ text-align:center;
+ font-family:"icielPanton";
+}
+
+.ebooks-content-title-sub
+{
+ font-size:20px;
+}
+
+.ebooks-content-compatible-content,
+.ebooks-content-report-content{
+ padding-top:30px;
+}
+
+.ebooks-content-report{
+ background-color:#0a93cf;
+ color:#fff;
+}
+
+.ebooks-content-drm,
+.ebooks-content-quiz{
+ padding-bottom:0px;
+}
+
+.ebooks-content-drm-content,
+.ebooks-content-quiz-content{
+ color:#797A7A;
+ padding-bottom:30px;
+}
+
+.ebooks-content-enrichment{
+ background-color:#f79f46;
+}
+
+.ebooks-content-quiz{
+ margin-bottom:-40px;
+}
+
+/*==== End Ebooks ====*/
+
+/*==== Start General Intro ====*/
+.general-intro-banner
+{
+}
+
+.general-intro-banner img
+{
+ width:100%;
+}
+
+.introduction
+{
+ padding:30px 0px;
+ text-align:center;
+}
+
+.introduction-title
+{
+ padding:10px 0px;
+ font-size:36px;
+ color:#565556;
+ font-weight:bold;
+}
+
+.introduction-desc
+{
+ font-size:16px;
+ line-height:26px;
+ color:#918F8F;
+ text-align:justify;
+ margin-bottom:20px;
+}
+
+.key-value
+{
+ color:#FFF;
+ text-align:justify;
+ padding-top:20px;
+ background-image:url(../images/bg-key-value.png);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ background-color:#F6F6F6;
+}
+
+.key-value .key-value-content
+{
+ padding-bottom:100px;
+}
+
+.key-value-title
+{
+ text-transform:uppercase;
+ text-align:center;
+ font-size:16px;
+ padding:10px 0px;
+ font-weight:bold;
+}
+
+.key-value-desc
+{
+ font-size:14px;
+ line-height:20px;
+}
+
+.key-value-block
+{
+ padding:15px;
+ margin:10px 30px;
+}
+
+.key-value-block.green
+{
+ background-color:#149347;
+}
+
+.key-value-block.yellow
+{
+ background-color:#FBD913;
+}
+
+.key-value-block.orange
+{
+ background-color:#F05B24;
+}
+
+.key-value-block.grey
+{
+ background-color:#595959;
+}
+
+.key-value-block.violet
+{
+ background-color:#2F358F;
+}
+
+.key-value-center
+{
+ color:#565556;
+ background-color:#FFF;
+ font-size:34px;
+ font-weight:bold;
+ padding:8px 20px;
+ border-radius:20px;
+ border:2px solid #565556;
+}
+
+/*==== End General Intro ====*/
+
+/*==== Start Partner ====*/
+.partner
+{
+ padding:20px 0px;
+ text-align:center;
+}
+
+.partner-title
+{
+ font-size:36px;
+ font-weight:bold;
+ padding:20px 0px;
+}
+
+.partner-list .partner-block
+{
+ margin:15px;
+ padding:10px 20px;
+ border:1px solid #F38E20;
+ border-radius:15px;
+}
+
+.partner-list .partner-block .logo
+{
+ padding:10px 0px;
+ border-bottom:3px solid #F38E20;
+}
+
+.partner-list .partner-block .logo img
+{
+ max-width:400px;
+ max-height:100px;
+}
+
+.partner-list .partner-block .desc
+{
+ padding-top:20px;
+ padding-bottom:10px;
+ color:#5B5B5B;
+ font-size:16px;
+ line-height:24px;
+ text-align:justify;
+}
+
+.main-customer
+{
+ padding:20px 0px;
+ text-align:center;
+}
+
+.main-customer-title
+{
+ font-size:36px;
+ font-weight:bold;
+ padding:10px 0px;
+}
+
+.main-customer-list img
+{
+ width:100%;
+}
+
+
+/*==== End Partner ====*/
+
+/*==== Start Contact ====*/
+
+.contact-banner img
+{
+ width:100%;
+}
+
+.contact
+{
+ background-image:url(../images/bg-contact.png);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ min-height:300px;
+ padding:20px 0px;
+}
+
+.contact-title
+{
+ padding:10px 0px;
+ margin-bottom:50px;
+ font-size:36px;
+ font-weight:bold;
+ text-align:center;
+}
+
+.contact-block
+{
+ padding:20px;
+ width:300px;
+ margin:auto;
+ text-align:left;
+ font-size:14px;
+ line-height:24px;
+ background-color:#FFF;
+ border:1px solid #F38E20;
+ border-radius:15px;
+ box-shadow: 5px 5px 5px #888888;
+ position:relative;
+}
+
+.contact-block.item-1
+{
+ -ms-transform: rotate(-20deg); /* IE 9 */
+ -webkit-transform: rotate(-20deg); /* Safari */
+ transform: rotate(-20deg); /* Standard syntax */
+ position:relative;
+ left:-130px;
+}
+
+.contact-block.item-2
+{
+ -ms-transform: rotate(10deg); /* IE 9 */
+ -webkit-transform: rotate(10deg); /* Safari */
+ transform: rotate(10deg); /* Standard syntax */
+ position:relative;
+ right:-130px;
+ top:-100px;
+}
+
+.contact-block .title
+{
+ font-size:22px;
+ line-height:34px;
+ font-weight:bold;
+ text-transform:uppercase;
+ color:#1057a4;
+}
+
+.contact-block .stick
+{
+ position:absolute;
+ top:-50px;
+ right:150px;
+}
+/*==== End Contact ====*/
+
+
+/* Contact footer */
+.contact-footer{
+ background-image:url(../images/bg-contact-footer.jpg);
+ background-position:center;
+ background-size: cover;
+ background-repeat: none;
+ width:100%;
+ min-height:400px;
+}
+
+.contact-footer-content{
+ padding: 50px 0px;
+ color:#fff;
+ font-size:16px;
+ line-height:24px;
+}
+
+.contact-footer-title{
+ font-size:30px;
+ text-transform:uppercase;
+ font-weight:bold;
+ margin-top:20px;
+}
+
+.contact-footer-block{
+ width:400px;
+ padding:25px;
+ margin:30px 0px;
+ /*background-color:rgba(18,115,158,0.6);*/
+ background-color:rgba(54,93,131,0.6);
+}
+
+.back-to-top{
+ width:50px;
+ height:50px;
+ position:fixed;
+ bottom: 10px;
+ right:10px;
+ cursor:pointer;
+ display:none;
+}
+
+.process-detail
+{
+ text-align:center;
+ padding:50px 0px;
+}
+
+.design-process-step
+{
+ padding:8px;
+ border-radius:60px;
+ height:120px;
+ width:120px;
+ margin: 100px 40px;
+ color:#FFF;
+ text-align:center;
+ vertical-align:middle;
+ font-size:72px;
+ font-family:Arial;
+ line-height:88px;
+ font-weight:bold;
+ display:inline-block;
+ cursor:pointer;
+ position:relative;
+}
+
+.design-process-step:hover
+{
+ /*border-radius:120px;
+ height:240px;
+ width:240px;*/
+}
+
+.design-process-step.upper
+{
+ position:relative;
+ top:-60px;
+}
+
+.design-process-step.lowwer
+{
+ position:relative;
+ bottom:-60px;
+}
+
+.design-process-step.step1,
+.design-process-step-detail.step1
+{
+ background-color:#F0C218;
+ border:8px solid #F8D975;
+}
+
+.design-process-step.step1:hover
+{
+ background-color:#F0C218;
+ border:8px solid #DBA705;
+}
+
+.design-process-step.step2,
+.design-process-step-detail.step2
+{
+ background-color:#2099D4;
+ border:8px solid #52C2EF;
+}
+
+.design-process-step.step2:hover
+{
+ background-color:#2099D4;
+ border:8px solid #0986B7;
+}
+
+.design-process-step.step3,
+.design-process-step-detail.step3
+{
+ background-color:#BF222F;
+ border:8px solid #E95769;
+}
+
+.design-process-step.step3:hover
+{
+ background-color:#BF222F;
+ border:8px solid #990214;
+}
+
+.design-process-step.step4,
+.design-process-step-detail.step4
+{
+ background-color:#8DC245;
+ border:8px solid #B8D775;
+}
+
+.design-process-step.step4:hover
+{
+ background-color:#8DC245;
+ border:8px solid #6FAA13;
+}
+
+.design-process-step.step5,
+.design-process-step-detail.step5
+{
+ background-color:#E76C24;
+ border:8px solid #F69463;
+}
+
+.design-process-step.step5:hover
+{
+ background-color:#E76C24;
+ border:8px solid #D34C09;
+}
+
+.design-process-step-detail
+{
+ padding:35px;
+ border-radius:130px;
+ height:260px;
+ width:260px;
+ overflow:hidden;
+ color:#FFF;
+ text-align:justify;
+ vertical-align:middle;
+ font-size:14px;
+ line-height:20px;
+ display:none;
+ position:absolute;
+ font-weight:normal;
+ cursor:auto;
+}
+
+/*==== Responsive ====*/
+/* Desktop */
+@media screen and (min-width: 800px) {
+ img.lms-img
+ {
+ bottom:-20px;
+ left:-60px;
+ }
+
+ .lms-title
+ {
+ padding-top:40px;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ img.lms-img
+ {
+ bottom:-40px;
+ left:-100px;
+ }
+
+ .lms-title
+ {
+ padding-top:60px;
+ }
+}
+
+/* Large desktop */
+@media screen and (min-width: 1200px) {
+ img.lms-img
+ {
+ bottom:-40px;
+ left:-100px;
+ }
+ .lms-desc
+ {
+ padding-left:50px;
+ padding-right:50px;
+ }
+ .test-desc
+ {
+ padding-left:150px;
+ padding-right:150px;
+ }
+}
+/* Very Large desktop */
+@media screen and (max-width: 1200px) {
+ .app-bar.light .app-bar-menu > li, .app-bar.light .app-bar-menu > li > a{
+ padding-left:8px;
+ padding-right:8px;
+ }
+}
+/* tablet landscape*/
+@media only screen and (max-width: 1024px) {
+ .about-us
+ {
+ margin-top:20px;
+ margin-bottom:30px;
+ }
+
+ .test-desc
+ {
+ padding-left:50px;
+ padding-right:50px;
+ }
+}
+/* tablet portrait */
+@media only screen and (max-width: 800px) {
+ .about-us
+ {
+ margin-top:10px;
+ margin-bottom:20px;
+ }
+
+ img.lms-img
+ {
+ bottom:-10px;
+ left:-20px;
+ }
+
+ .lms-title
+ {
+ padding-top:30px;
+ }
+
+ .test-desc
+ {
+ padding-left:30px;
+ padding-right:30px;
+ }
+
+ .test-title-1
+ {
+ padding-top:50px;
+ }
+
+ .course-list
+ {
+ bottom:40px;
+ }
+}
+/* Phones landscape*/
+@media only screen and (max-width: 640px) {
+ .english-block
+ {
+ width:100%;
+ }
+
+ .english-block-content
+ {
+ margin-bottom:0px;
+ }
+
+ .english-block.third
+ {
+ padding-top:10px;
+ border-radius:0px;
+ height:auto;
+ position:relative;
+ top:0px;
+ margin-bottom:10px;
+ border:none;
+ }
+
+ .english-block.third .english-block-caption
+ {
+ margin-left:0px;
+ margin-right:0px;
+ }
+
+ img.lms-img
+ {
+ display:none;
+ }
+
+ .lms-title
+ {
+ padding-top:30px;
+ }
+
+ img.test-img
+ {
+ display:none;
+ }
+
+ .test-title-1
+ {
+ padding-top:30px;
+ }
+
+ .e-course-title
+ {
+
+ }
+
+ .e-course-content{
+ display:none;
+ }
+
+ .course-list li a
+ {
+ margin:5px;
+ }
+}
+/* Phones portrait*/
+@media only screen and (max-width: 480px) {
+
+}
+@media only screen and (max-width: 360px) {
+
+}
+@media only screen and (max-width: 320px) {
+
+}
+
+/*==== Responsive ====*/
+/* Desktop */
+@media screen and (min-width: 800px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:450px;
+ }
+
+ .e-course-title{
+ padding:15px;
+ }
+
+ .e-course-content{
+ top:120px;
+ }
+
+ .course-list{
+ bottom:20px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:30px;
+ bottom:90px;
+ font-size:40px;
+ }
+
+ .criteria-title .row-1
+ {
+ font-size:20px;
+ line-height:30px;
+ }
+
+ .criteria-title .row-2
+ {
+ font-size:40px;
+ }
+
+ .process .process-title-bound
+ {
+ font-size:28px;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:500px;
+ }
+
+ .e-course-title{
+ padding:15px;
+ }
+
+ .e-course-content{
+ top:120px;
+ }
+
+ .course-list{
+ bottom:20px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:70px;
+ bottom:90px;
+ }
+}
+
+/* Large desktop */
+@media screen and (min-width: 1200px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:600px;
+ }
+
+ .e-course-title{
+ padding:30px;
+ }
+
+ .e-course-content{
+ top:160px;
+ }
+
+ .course-list{
+ bottom:30px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:120px;
+ bottom:130px;
+ }
+}
+/* Very Large desktop */
+@media screen and (min-width: 1366px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:600px;
+ }
+ .ecourse-banner-title
+ {
+ font-size:60px;
+ line-height:76px;
+ }
+ .ecourse-banner-desc
+ {
+ font-size:18px;
+ line-height:28px;
+ }
+}
+@media screen and (min-width: 1600px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:600px;
+ }
+ .ecourse-banner-title
+ {
+ font-size:60px;
+ line-height:76px;
+ }
+ .ecourse-banner-desc
+ {
+ font-size:18px;
+ line-height:28px;
+ }
+
+ .lms-title
+ {
+ padding-top:140px;
+ font-size:80px;
+ }
+ /*Kiennt*/
+ .lms-name-vn
+ {
+ font-size:24px;
+ }
+ .lms-name-en
+ {
+ font-size:40px;
+ line-height:52px;
+ }
+ .lms-desc
+ {
+ font-size:20px;
+ }
+ .about-us-content
+ {
+ font-size:17px;
+ line-height:28px;
+ }
+
+ .typical-courses-title .row-1,
+ .design-method-title .row-1
+ {
+ font-size:26px;
+ }
+
+ .typical-courses-title .row-2,
+ .design-method-title .row-2
+ {
+ font-size:54px;
+ line-height:70px;
+ }
+
+ .typical-courses-desc
+ {
+ font-size:20px;
+ }
+}
+/* tablet landscape*/
+@media only screen and (max-width: 1024px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:500px;
+ }
+}
+/* tablet portrait */
+@media only screen and (max-width: 800px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:450px;
+ }
+
+ .e-course-title{
+ padding:15px;
+ }
+
+ .e-course-content{
+ top:120px;
+ }
+
+ .course-list{
+ bottom:20px;
+ }
+
+ .course-list img{
+ width:50px;
+ height:50px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:30px;
+ bottom:40px;
+ font-size:34px;
+ }
+
+ .criteria-title .row-1
+ {
+ font-size:16px;
+ line-height:24px;
+ }
+
+ .criteria-title .row-2
+ {
+ font-size:34px;
+ }
+
+ .process .process-title
+ {
+ top:50px;
+ }
+
+ .process .process-title-bound
+ {
+ font-size:20px;
+ }
+}
+/* Phones landscape*/
+@media only screen and (max-width: 640px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:360px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:20px;
+ bottom:30px;
+ font-size:30px;
+ line-height:40px;
+ }
+
+ .contact-block.item-1
+ {
+ -ms-transform: rotate(0deg); /* IE 9 */
+ -webkit-transform: rotate(0deg); /* Safari */
+ transform: rotate(0deg); /* Standard syntax */
+ position:relative;
+ margin:10px auto;
+ left:0px;
+ }
+
+ .contact-block.item-2
+ {
+ -ms-transform: rotate(0deg); /* IE 9 */
+ -webkit-transform: rotate(0deg); /* Safari */
+ transform: rotate(0deg); /* Standard syntax */
+ position:relative;
+ margin:10px auto;
+ right:0px;
+ top:0px;
+ }
+
+ .contact-block .stick
+ {
+ display:none;
+ }
+
+ .contact-title{
+ margin-bottom:0px;
+ }
+}
+/* Phones portrait*/
+@media only screen and (max-width: 480px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:270px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:15px;
+ bottom:20px;
+ font-size:24px;
+ line-height:30px;
+ }
+
+ .criteria-title .row-1
+ {
+ font-size:14px;
+ line-height:20px;
+ }
+
+ .criteria-title .row-2
+ {
+ font-size:26px;
+ }
+
+ .process .process-title
+ {
+ top:30px;
+ }
+
+ .process .process-title-bound
+ {
+ font-size:16px;
+ }
+}
+@media only screen and (max-width: 360px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:200px;
+ }
+
+ .ecourse-banner-title
+ {
+ right:10px;
+ bottom:10px;
+ font-size:20px;
+ line-height:26px;
+ }
+}
+@media only screen and (max-width: 320px) {
+ .ecourse-banner-bound,
+ .cb-slideshow{
+ height:180px;
+ }
+}
\ No newline at end of file
diff --git a/css/metro-icons.css b/css/metro-icons.css
new file mode 100755
index 0000000..88ef22f
--- /dev/null
+++ b/css/metro-icons.css
@@ -0,0 +1,6447 @@
+@font-face {
+ font-family: 'metro';
+ src: url('../fonts/metro.eot?izvoei');
+ src: url('../fonts/metro.eot?#iefixizvoei') format('embedded-opentype'), url('../fonts/metro.woff?izvoei') format('woff'), url('../fonts/metro.ttf?izvoei') format('truetype'), url('../fonts/metro.svg?izvoei#metro') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+[class^="mif-"],
+[class*=" mif-"] {
+ display: inline-block;
+ font: normal normal normal 1.5em/1;
+ font-family: metro, "Segoe UI", "Open Sans", serif;
+ line-height: 1 ;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ vertical-align: middle;
+ position: static;
+}
+[class^="mif-"]:before,
+[class*=" mif-"]:before {
+ font-family: metro, serif;
+}
+.mif-lg {
+ font-size: 1.3rem;
+ line-height: 0.75em;
+ vertical-align: -35%;
+}
+.mif-2x {
+ font-size: 1.75rem;
+ vertical-align: -25%;
+}
+.mif-3x {
+ font-size: 2.625rem;
+ vertical-align: -30%;
+}
+.mif-4x {
+ font-size: 3.5rem;
+ vertical-align: -35%;
+}
+.op-default {
+ background-color: rgba(27, 161, 226, 0.7);
+}
+.fg-black {
+ color: #000000 !important;
+}
+.bg-black {
+ background-color: #000000 !important;
+}
+.bd-black {
+ border-color: #000000 !important;
+}
+.ol-black {
+ outline-color: #000000 !important;
+}
+.op-black {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+.ribbed-black {
+ background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-black:before {
+ background: #000000 !important;
+}
+.before-fg-black:before {
+ color: #000000 !important;
+}
+.after-bg-black:after {
+ background: #000000 !important;
+}
+.after-fg-black:after {
+ color: #000000 !important;
+}
+.bg-hover-black:hover {
+ background: #000000 !important;
+}
+.bg-active-black:active {
+ background: #000000 !important;
+}
+.bg-focus-black:focus {
+ background: #000000 !important;
+}
+.fg-hover-black:hover {
+ color: #000000 !important;
+}
+.fg-active-black:active {
+ color: #000000 !important;
+}
+.fg-focus-black:focus {
+ color: #000000 !important;
+}
+.fg-white {
+ color: #ffffff !important;
+}
+.bg-white {
+ background-color: #ffffff !important;
+}
+.bd-white {
+ border-color: #ffffff !important;
+}
+.ol-white {
+ outline-color: #ffffff !important;
+}
+.op-white {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+.ribbed-white {
+ background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-white:before {
+ background: #ffffff !important;
+}
+.before-fg-white:before {
+ color: #ffffff !important;
+}
+.after-bg-white:after {
+ background: #ffffff !important;
+}
+.after-fg-white:after {
+ color: #ffffff !important;
+}
+.bg-hover-white:hover {
+ background: #ffffff !important;
+}
+.bg-active-white:active {
+ background: #ffffff !important;
+}
+.bg-focus-white:focus {
+ background: #ffffff !important;
+}
+.fg-hover-white:hover {
+ color: #ffffff !important;
+}
+.fg-active-white:active {
+ color: #ffffff !important;
+}
+.fg-focus-white:focus {
+ color: #ffffff !important;
+}
+.fg-lime {
+ color: #a4c400 !important;
+}
+.bg-lime {
+ background-color: #a4c400 !important;
+}
+.bd-lime {
+ border-color: #a4c400 !important;
+}
+.ol-lime {
+ outline-color: #a4c400 !important;
+}
+.op-lime {
+ background-color: rgba(164, 196, 0, 0.7);
+}
+.ribbed-lime {
+ background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lime:before {
+ background: #a4c400 !important;
+}
+.before-fg-lime:before {
+ color: #a4c400 !important;
+}
+.after-bg-lime:after {
+ background: #a4c400 !important;
+}
+.after-fg-lime:after {
+ color: #a4c400 !important;
+}
+.bg-hover-lime:hover {
+ background: #a4c400 !important;
+}
+.bg-active-lime:active {
+ background: #a4c400 !important;
+}
+.bg-focus-lime:focus {
+ background: #a4c400 !important;
+}
+.fg-hover-lime:hover {
+ color: #a4c400 !important;
+}
+.fg-active-lime:active {
+ color: #a4c400 !important;
+}
+.fg-focus-lime:focus {
+ color: #a4c400 !important;
+}
+.fg-green {
+ color: #60a917 !important;
+}
+.bg-green {
+ background-color: #60a917 !important;
+}
+.bd-green {
+ border-color: #60a917 !important;
+}
+.ol-green {
+ outline-color: #60a917 !important;
+}
+.op-green {
+ background-color: rgba(96, 169, 23, 0.7);
+}
+.ribbed-green {
+ background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-green:before {
+ background: #60a917 !important;
+}
+.before-fg-green:before {
+ color: #60a917 !important;
+}
+.after-bg-green:after {
+ background: #60a917 !important;
+}
+.after-fg-green:after {
+ color: #60a917 !important;
+}
+.bg-hover-green:hover {
+ background: #60a917 !important;
+}
+.bg-active-green:active {
+ background: #60a917 !important;
+}
+.bg-focus-green:focus {
+ background: #60a917 !important;
+}
+.fg-hover-green:hover {
+ color: #60a917 !important;
+}
+.fg-active-green:active {
+ color: #60a917 !important;
+}
+.fg-focus-green:focus {
+ color: #60a917 !important;
+}
+.fg-emerald {
+ color: #008a00 !important;
+}
+.bg-emerald {
+ background-color: #008a00 !important;
+}
+.bd-emerald {
+ border-color: #008a00 !important;
+}
+.ol-emerald {
+ outline-color: #008a00 !important;
+}
+.op-emerald {
+ background-color: rgba(0, 138, 0, 0.7);
+}
+.ribbed-emerald {
+ background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-emerald:before {
+ background: #008a00 !important;
+}
+.before-fg-emerald:before {
+ color: #008a00 !important;
+}
+.after-bg-emerald:after {
+ background: #008a00 !important;
+}
+.after-fg-emerald:after {
+ color: #008a00 !important;
+}
+.bg-hover-emerald:hover {
+ background: #008a00 !important;
+}
+.bg-active-emerald:active {
+ background: #008a00 !important;
+}
+.bg-focus-emerald:focus {
+ background: #008a00 !important;
+}
+.fg-hover-emerald:hover {
+ color: #008a00 !important;
+}
+.fg-active-emerald:active {
+ color: #008a00 !important;
+}
+.fg-focus-emerald:focus {
+ color: #008a00 !important;
+}
+.fg-blue {
+ color: #00aff0 !important;
+}
+.bg-blue {
+ background-color: #00aff0 !important;
+}
+.bd-blue {
+ border-color: #00aff0 !important;
+}
+.ol-blue {
+ outline-color: #00aff0 !important;
+}
+.op-blue {
+ background-color: rgba(0, 175, 240, 0.7);
+}
+.ribbed-blue {
+ background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-blue:before {
+ background: #00aff0 !important;
+}
+.before-fg-blue:before {
+ color: #00aff0 !important;
+}
+.after-bg-blue:after {
+ background: #00aff0 !important;
+}
+.after-fg-blue:after {
+ color: #00aff0 !important;
+}
+.bg-hover-blue:hover {
+ background: #00aff0 !important;
+}
+.bg-active-blue:active {
+ background: #00aff0 !important;
+}
+.bg-focus-blue:focus {
+ background: #00aff0 !important;
+}
+.fg-hover-blue:hover {
+ color: #00aff0 !important;
+}
+.fg-active-blue:active {
+ color: #00aff0 !important;
+}
+.fg-focus-blue:focus {
+ color: #00aff0 !important;
+}
+.fg-teal {
+ color: #00aba9 !important;
+}
+.bg-teal {
+ background-color: #00aba9 !important;
+}
+.bd-teal {
+ border-color: #00aba9 !important;
+}
+.ol-teal {
+ outline-color: #00aba9 !important;
+}
+.op-teal {
+ background-color: rgba(0, 171, 169, 0.7);
+}
+.ribbed-teal {
+ background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-teal:before {
+ background: #00aba9 !important;
+}
+.before-fg-teal:before {
+ color: #00aba9 !important;
+}
+.after-bg-teal:after {
+ background: #00aba9 !important;
+}
+.after-fg-teal:after {
+ color: #00aba9 !important;
+}
+.bg-hover-teal:hover {
+ background: #00aba9 !important;
+}
+.bg-active-teal:active {
+ background: #00aba9 !important;
+}
+.bg-focus-teal:focus {
+ background: #00aba9 !important;
+}
+.fg-hover-teal:hover {
+ color: #00aba9 !important;
+}
+.fg-active-teal:active {
+ color: #00aba9 !important;
+}
+.fg-focus-teal:focus {
+ color: #00aba9 !important;
+}
+.fg-cyan {
+ color: #1ba1e2 !important;
+}
+.bg-cyan {
+ background-color: #1ba1e2 !important;
+}
+.bd-cyan {
+ border-color: #1ba1e2 !important;
+}
+.ol-cyan {
+ outline-color: #1ba1e2 !important;
+}
+.op-cyan {
+ background-color: rgba(27, 161, 226, 0.7);
+}
+.ribbed-cyan {
+ background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-cyan:before {
+ background: #1ba1e2 !important;
+}
+.before-fg-cyan:before {
+ color: #1ba1e2 !important;
+}
+.after-bg-cyan:after {
+ background: #1ba1e2 !important;
+}
+.after-fg-cyan:after {
+ color: #1ba1e2 !important;
+}
+.bg-hover-cyan:hover {
+ background: #1ba1e2 !important;
+}
+.bg-active-cyan:active {
+ background: #1ba1e2 !important;
+}
+.bg-focus-cyan:focus {
+ background: #1ba1e2 !important;
+}
+.fg-hover-cyan:hover {
+ color: #1ba1e2 !important;
+}
+.fg-active-cyan:active {
+ color: #1ba1e2 !important;
+}
+.fg-focus-cyan:focus {
+ color: #1ba1e2 !important;
+}
+.fg-cobalt {
+ color: #0050ef !important;
+}
+.bg-cobalt {
+ background-color: #0050ef !important;
+}
+.bd-cobalt {
+ border-color: #0050ef !important;
+}
+.ol-cobalt {
+ outline-color: #0050ef !important;
+}
+.op-cobalt {
+ background-color: rgba(0, 80, 239, 0.7);
+}
+.ribbed-cobalt {
+ background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-cobalt:before {
+ background: #0050ef !important;
+}
+.before-fg-cobalt:before {
+ color: #0050ef !important;
+}
+.after-bg-cobalt:after {
+ background: #0050ef !important;
+}
+.after-fg-cobalt:after {
+ color: #0050ef !important;
+}
+.bg-hover-cobalt:hover {
+ background: #0050ef !important;
+}
+.bg-active-cobalt:active {
+ background: #0050ef !important;
+}
+.bg-focus-cobalt:focus {
+ background: #0050ef !important;
+}
+.fg-hover-cobalt:hover {
+ color: #0050ef !important;
+}
+.fg-active-cobalt:active {
+ color: #0050ef !important;
+}
+.fg-focus-cobalt:focus {
+ color: #0050ef !important;
+}
+.fg-indigo {
+ color: #6a00ff !important;
+}
+.bg-indigo {
+ background-color: #6a00ff !important;
+}
+.bd-indigo {
+ border-color: #6a00ff !important;
+}
+.ol-indigo {
+ outline-color: #6a00ff !important;
+}
+.op-indigo {
+ background-color: rgba(106, 0, 255, 0.7);
+}
+.ribbed-indigo {
+ background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-indigo:before {
+ background: #6a00ff !important;
+}
+.before-fg-indigo:before {
+ color: #6a00ff !important;
+}
+.after-bg-indigo:after {
+ background: #6a00ff !important;
+}
+.after-fg-indigo:after {
+ color: #6a00ff !important;
+}
+.bg-hover-indigo:hover {
+ background: #6a00ff !important;
+}
+.bg-active-indigo:active {
+ background: #6a00ff !important;
+}
+.bg-focus-indigo:focus {
+ background: #6a00ff !important;
+}
+.fg-hover-indigo:hover {
+ color: #6a00ff !important;
+}
+.fg-active-indigo:active {
+ color: #6a00ff !important;
+}
+.fg-focus-indigo:focus {
+ color: #6a00ff !important;
+}
+.fg-violet {
+ color: #aa00ff !important;
+}
+.bg-violet {
+ background-color: #aa00ff !important;
+}
+.bd-violet {
+ border-color: #aa00ff !important;
+}
+.ol-violet {
+ outline-color: #aa00ff !important;
+}
+.op-violet {
+ background-color: rgba(170, 0, 255, 0.7);
+}
+.ribbed-violet {
+ background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-violet:before {
+ background: #aa00ff !important;
+}
+.before-fg-violet:before {
+ color: #aa00ff !important;
+}
+.after-bg-violet:after {
+ background: #aa00ff !important;
+}
+.after-fg-violet:after {
+ color: #aa00ff !important;
+}
+.bg-hover-violet:hover {
+ background: #aa00ff !important;
+}
+.bg-active-violet:active {
+ background: #aa00ff !important;
+}
+.bg-focus-violet:focus {
+ background: #aa00ff !important;
+}
+.fg-hover-violet:hover {
+ color: #aa00ff !important;
+}
+.fg-active-violet:active {
+ color: #aa00ff !important;
+}
+.fg-focus-violet:focus {
+ color: #aa00ff !important;
+}
+.fg-pink {
+ color: #dc4fad !important;
+}
+.bg-pink {
+ background-color: #dc4fad !important;
+}
+.bd-pink {
+ border-color: #dc4fad !important;
+}
+.ol-pink {
+ outline-color: #dc4fad !important;
+}
+.op-pink {
+ background-color: rgba(220, 79, 173, 0.7);
+}
+.ribbed-pink {
+ background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-pink:before {
+ background: #dc4fad !important;
+}
+.before-fg-pink:before {
+ color: #dc4fad !important;
+}
+.after-bg-pink:after {
+ background: #dc4fad !important;
+}
+.after-fg-pink:after {
+ color: #dc4fad !important;
+}
+.bg-hover-pink:hover {
+ background: #dc4fad !important;
+}
+.bg-active-pink:active {
+ background: #dc4fad !important;
+}
+.bg-focus-pink:focus {
+ background: #dc4fad !important;
+}
+.fg-hover-pink:hover {
+ color: #dc4fad !important;
+}
+.fg-active-pink:active {
+ color: #dc4fad !important;
+}
+.fg-focus-pink:focus {
+ color: #dc4fad !important;
+}
+.fg-magenta {
+ color: #d80073 !important;
+}
+.bg-magenta {
+ background-color: #d80073 !important;
+}
+.bd-magenta {
+ border-color: #d80073 !important;
+}
+.ol-magenta {
+ outline-color: #d80073 !important;
+}
+.op-magenta {
+ background-color: rgba(216, 0, 115, 0.7);
+}
+.ribbed-magenta {
+ background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-magenta:before {
+ background: #d80073 !important;
+}
+.before-fg-magenta:before {
+ color: #d80073 !important;
+}
+.after-bg-magenta:after {
+ background: #d80073 !important;
+}
+.after-fg-magenta:after {
+ color: #d80073 !important;
+}
+.bg-hover-magenta:hover {
+ background: #d80073 !important;
+}
+.bg-active-magenta:active {
+ background: #d80073 !important;
+}
+.bg-focus-magenta:focus {
+ background: #d80073 !important;
+}
+.fg-hover-magenta:hover {
+ color: #d80073 !important;
+}
+.fg-active-magenta:active {
+ color: #d80073 !important;
+}
+.fg-focus-magenta:focus {
+ color: #d80073 !important;
+}
+.fg-crimson {
+ color: #a20025 !important;
+}
+.bg-crimson {
+ background-color: #a20025 !important;
+}
+.bd-crimson {
+ border-color: #a20025 !important;
+}
+.ol-crimson {
+ outline-color: #a20025 !important;
+}
+.op-crimson {
+ background-color: rgba(162, 0, 37, 0.7);
+}
+.ribbed-crimson {
+ background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-crimson:before {
+ background: #a20025 !important;
+}
+.before-fg-crimson:before {
+ color: #a20025 !important;
+}
+.after-bg-crimson:after {
+ background: #a20025 !important;
+}
+.after-fg-crimson:after {
+ color: #a20025 !important;
+}
+.bg-hover-crimson:hover {
+ background: #a20025 !important;
+}
+.bg-active-crimson:active {
+ background: #a20025 !important;
+}
+.bg-focus-crimson:focus {
+ background: #a20025 !important;
+}
+.fg-hover-crimson:hover {
+ color: #a20025 !important;
+}
+.fg-active-crimson:active {
+ color: #a20025 !important;
+}
+.fg-focus-crimson:focus {
+ color: #a20025 !important;
+}
+.fg-red {
+ color: #ce352c !important;
+}
+.bg-red {
+ background-color: #ce352c !important;
+}
+.bd-red {
+ border-color: #ce352c !important;
+}
+.ol-red {
+ outline-color: #ce352c !important;
+}
+.op-red {
+ background-color: rgba(206, 53, 44, 0.7);
+}
+.ribbed-red {
+ background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-red:before {
+ background: #ce352c !important;
+}
+.before-fg-red:before {
+ color: #ce352c !important;
+}
+.after-bg-red:after {
+ background: #ce352c !important;
+}
+.after-fg-red:after {
+ color: #ce352c !important;
+}
+.bg-hover-red:hover {
+ background: #ce352c !important;
+}
+.bg-active-red:active {
+ background: #ce352c !important;
+}
+.bg-focus-red:focus {
+ background: #ce352c !important;
+}
+.fg-hover-red:hover {
+ color: #ce352c !important;
+}
+.fg-active-red:active {
+ color: #ce352c !important;
+}
+.fg-focus-red:focus {
+ color: #ce352c !important;
+}
+.fg-orange {
+ color: #fa6800 !important;
+}
+.bg-orange {
+ background-color: #fa6800 !important;
+}
+.bd-orange {
+ border-color: #fa6800 !important;
+}
+.ol-orange {
+ outline-color: #fa6800 !important;
+}
+.op-orange {
+ background-color: rgba(250, 104, 0, 0.7);
+}
+.ribbed-orange {
+ background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-orange:before {
+ background: #fa6800 !important;
+}
+.before-fg-orange:before {
+ color: #fa6800 !important;
+}
+.after-bg-orange:after {
+ background: #fa6800 !important;
+}
+.after-fg-orange:after {
+ color: #fa6800 !important;
+}
+.bg-hover-orange:hover {
+ background: #fa6800 !important;
+}
+.bg-active-orange:active {
+ background: #fa6800 !important;
+}
+.bg-focus-orange:focus {
+ background: #fa6800 !important;
+}
+.fg-hover-orange:hover {
+ color: #fa6800 !important;
+}
+.fg-active-orange:active {
+ color: #fa6800 !important;
+}
+.fg-focus-orange:focus {
+ color: #fa6800 !important;
+}
+.fg-amber {
+ color: #f0a30a !important;
+}
+.bg-amber {
+ background-color: #f0a30a !important;
+}
+.bd-amber {
+ border-color: #f0a30a !important;
+}
+.ol-amber {
+ outline-color: #f0a30a !important;
+}
+.op-amber {
+ background-color: rgba(240, 163, 10, 0.7);
+}
+.ribbed-amber {
+ background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-amber:before {
+ background: #f0a30a !important;
+}
+.before-fg-amber:before {
+ color: #f0a30a !important;
+}
+.after-bg-amber:after {
+ background: #f0a30a !important;
+}
+.after-fg-amber:after {
+ color: #f0a30a !important;
+}
+.bg-hover-amber:hover {
+ background: #f0a30a !important;
+}
+.bg-active-amber:active {
+ background: #f0a30a !important;
+}
+.bg-focus-amber:focus {
+ background: #f0a30a !important;
+}
+.fg-hover-amber:hover {
+ color: #f0a30a !important;
+}
+.fg-active-amber:active {
+ color: #f0a30a !important;
+}
+.fg-focus-amber:focus {
+ color: #f0a30a !important;
+}
+.fg-yellow {
+ color: #e3c800 !important;
+}
+.bg-yellow {
+ background-color: #e3c800 !important;
+}
+.bd-yellow {
+ border-color: #e3c800 !important;
+}
+.ol-yellow {
+ outline-color: #e3c800 !important;
+}
+.op-yellow {
+ background-color: rgba(227, 200, 0, 0.7);
+}
+.ribbed-yellow {
+ background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-yellow:before {
+ background: #e3c800 !important;
+}
+.before-fg-yellow:before {
+ color: #e3c800 !important;
+}
+.after-bg-yellow:after {
+ background: #e3c800 !important;
+}
+.after-fg-yellow:after {
+ color: #e3c800 !important;
+}
+.bg-hover-yellow:hover {
+ background: #e3c800 !important;
+}
+.bg-active-yellow:active {
+ background: #e3c800 !important;
+}
+.bg-focus-yellow:focus {
+ background: #e3c800 !important;
+}
+.fg-hover-yellow:hover {
+ color: #e3c800 !important;
+}
+.fg-active-yellow:active {
+ color: #e3c800 !important;
+}
+.fg-focus-yellow:focus {
+ color: #e3c800 !important;
+}
+.fg-brown {
+ color: #825a2c !important;
+}
+.bg-brown {
+ background-color: #825a2c !important;
+}
+.bd-brown {
+ border-color: #825a2c !important;
+}
+.ol-brown {
+ outline-color: #825a2c !important;
+}
+.op-brown {
+ background-color: rgba(130, 90, 44, 0.7);
+}
+.ribbed-brown {
+ background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-brown:before {
+ background: #825a2c !important;
+}
+.before-fg-brown:before {
+ color: #825a2c !important;
+}
+.after-bg-brown:after {
+ background: #825a2c !important;
+}
+.after-fg-brown:after {
+ color: #825a2c !important;
+}
+.bg-hover-brown:hover {
+ background: #825a2c !important;
+}
+.bg-active-brown:active {
+ background: #825a2c !important;
+}
+.bg-focus-brown:focus {
+ background: #825a2c !important;
+}
+.fg-hover-brown:hover {
+ color: #825a2c !important;
+}
+.fg-active-brown:active {
+ color: #825a2c !important;
+}
+.fg-focus-brown:focus {
+ color: #825a2c !important;
+}
+.fg-olive {
+ color: #6d8764 !important;
+}
+.bg-olive {
+ background-color: #6d8764 !important;
+}
+.bd-olive {
+ border-color: #6d8764 !important;
+}
+.ol-olive {
+ outline-color: #6d8764 !important;
+}
+.op-olive {
+ background-color: rgba(109, 135, 100, 0.7);
+}
+.ribbed-olive {
+ background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-olive:before {
+ background: #6d8764 !important;
+}
+.before-fg-olive:before {
+ color: #6d8764 !important;
+}
+.after-bg-olive:after {
+ background: #6d8764 !important;
+}
+.after-fg-olive:after {
+ color: #6d8764 !important;
+}
+.bg-hover-olive:hover {
+ background: #6d8764 !important;
+}
+.bg-active-olive:active {
+ background: #6d8764 !important;
+}
+.bg-focus-olive:focus {
+ background: #6d8764 !important;
+}
+.fg-hover-olive:hover {
+ color: #6d8764 !important;
+}
+.fg-active-olive:active {
+ color: #6d8764 !important;
+}
+.fg-focus-olive:focus {
+ color: #6d8764 !important;
+}
+.fg-steel {
+ color: #647687 !important;
+}
+.bg-steel {
+ background-color: #647687 !important;
+}
+.bd-steel {
+ border-color: #647687 !important;
+}
+.ol-steel {
+ outline-color: #647687 !important;
+}
+.op-steel {
+ background-color: rgba(100, 118, 135, 0.7);
+}
+.ribbed-steel {
+ background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-steel:before {
+ background: #647687 !important;
+}
+.before-fg-steel:before {
+ color: #647687 !important;
+}
+.after-bg-steel:after {
+ background: #647687 !important;
+}
+.after-fg-steel:after {
+ color: #647687 !important;
+}
+.bg-hover-steel:hover {
+ background: #647687 !important;
+}
+.bg-active-steel:active {
+ background: #647687 !important;
+}
+.bg-focus-steel:focus {
+ background: #647687 !important;
+}
+.fg-hover-steel:hover {
+ color: #647687 !important;
+}
+.fg-active-steel:active {
+ color: #647687 !important;
+}
+.fg-focus-steel:focus {
+ color: #647687 !important;
+}
+.fg-mauve {
+ color: #76608a !important;
+}
+.bg-mauve {
+ background-color: #76608a !important;
+}
+.bd-mauve {
+ border-color: #76608a !important;
+}
+.ol-mauve {
+ outline-color: #76608a !important;
+}
+.op-mauve {
+ background-color: rgba(118, 96, 138, 0.7);
+}
+.ribbed-mauve {
+ background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-mauve:before {
+ background: #76608a !important;
+}
+.before-fg-mauve:before {
+ color: #76608a !important;
+}
+.after-bg-mauve:after {
+ background: #76608a !important;
+}
+.after-fg-mauve:after {
+ color: #76608a !important;
+}
+.bg-hover-mauve:hover {
+ background: #76608a !important;
+}
+.bg-active-mauve:active {
+ background: #76608a !important;
+}
+.bg-focus-mauve:focus {
+ background: #76608a !important;
+}
+.fg-hover-mauve:hover {
+ color: #76608a !important;
+}
+.fg-active-mauve:active {
+ color: #76608a !important;
+}
+.fg-focus-mauve:focus {
+ color: #76608a !important;
+}
+.fg-taupe {
+ color: #87794e !important;
+}
+.bg-taupe {
+ background-color: #87794e !important;
+}
+.bd-taupe {
+ border-color: #87794e !important;
+}
+.ol-taupe {
+ outline-color: #87794e !important;
+}
+.op-taupe {
+ background-color: rgba(135, 121, 78, 0.7);
+}
+.ribbed-taupe {
+ background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-taupe:before {
+ background: #87794e !important;
+}
+.before-fg-taupe:before {
+ color: #87794e !important;
+}
+.after-bg-taupe:after {
+ background: #87794e !important;
+}
+.after-fg-taupe:after {
+ color: #87794e !important;
+}
+.bg-hover-taupe:hover {
+ background: #87794e !important;
+}
+.bg-active-taupe:active {
+ background: #87794e !important;
+}
+.bg-focus-taupe:focus {
+ background: #87794e !important;
+}
+.fg-hover-taupe:hover {
+ color: #87794e !important;
+}
+.fg-active-taupe:active {
+ color: #87794e !important;
+}
+.fg-focus-taupe:focus {
+ color: #87794e !important;
+}
+.fg-dark {
+ color: #1d1d1d !important;
+}
+.bg-dark {
+ background-color: #1d1d1d !important;
+}
+.bd-dark {
+ border-color: #1d1d1d !important;
+}
+.ol-dark {
+ outline-color: #1d1d1d !important;
+}
+.op-dark {
+ background-color: rgba(29, 29, 29, 0.7);
+}
+.ribbed-dark {
+ background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-dark:before {
+ background: #1d1d1d !important;
+}
+.before-fg-dark:before {
+ color: #1d1d1d !important;
+}
+.after-bg-dark:after {
+ background: #1d1d1d !important;
+}
+.after-fg-dark:after {
+ color: #1d1d1d !important;
+}
+.bg-hover-dark:hover {
+ background: #1d1d1d !important;
+}
+.bg-active-dark:active {
+ background: #1d1d1d !important;
+}
+.bg-focus-dark:focus {
+ background: #1d1d1d !important;
+}
+.fg-hover-dark:hover {
+ color: #1d1d1d !important;
+}
+.fg-active-dark:active {
+ color: #1d1d1d !important;
+}
+.fg-focus-dark:focus {
+ color: #1d1d1d !important;
+}
+.fg-darkBrown {
+ color: #63362f !important;
+}
+.bg-darkBrown {
+ background-color: #63362f !important;
+}
+.bd-darkBrown {
+ border-color: #63362f !important;
+}
+.ol-darkBrown {
+ outline-color: #63362f !important;
+}
+.op-darkBrown {
+ background-color: rgba(99, 54, 47, 0.7);
+}
+.ribbed-darkBrown {
+ background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkBrown:before {
+ background: #63362f !important;
+}
+.before-fg-darkBrown:before {
+ color: #63362f !important;
+}
+.after-bg-darkBrown:after {
+ background: #63362f !important;
+}
+.after-fg-darkBrown:after {
+ color: #63362f !important;
+}
+.bg-hover-darkBrown:hover {
+ background: #63362f !important;
+}
+.bg-active-darkBrown:active {
+ background: #63362f !important;
+}
+.bg-focus-darkBrown:focus {
+ background: #63362f !important;
+}
+.fg-hover-darkBrown:hover {
+ color: #63362f !important;
+}
+.fg-active-darkBrown:active {
+ color: #63362f !important;
+}
+.fg-focus-darkBrown:focus {
+ color: #63362f !important;
+}
+.fg-darkCrimson {
+ color: #640024 !important;
+}
+.bg-darkCrimson {
+ background-color: #640024 !important;
+}
+.bd-darkCrimson {
+ border-color: #640024 !important;
+}
+.ol-darkCrimson {
+ outline-color: #640024 !important;
+}
+.op-darkCrimson {
+ background-color: rgba(100, 0, 36, 0.7);
+}
+.ribbed-darkCrimson {
+ background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCrimson:before {
+ background: #640024 !important;
+}
+.before-fg-darkCrimson:before {
+ color: #640024 !important;
+}
+.after-bg-darkCrimson:after {
+ background: #640024 !important;
+}
+.after-fg-darkCrimson:after {
+ color: #640024 !important;
+}
+.bg-hover-darkCrimson:hover {
+ background: #640024 !important;
+}
+.bg-active-darkCrimson:active {
+ background: #640024 !important;
+}
+.bg-focus-darkCrimson:focus {
+ background: #640024 !important;
+}
+.fg-hover-darkCrimson:hover {
+ color: #640024 !important;
+}
+.fg-active-darkCrimson:active {
+ color: #640024 !important;
+}
+.fg-focus-darkCrimson:focus {
+ color: #640024 !important;
+}
+.fg-darkMagenta {
+ color: #81003c !important;
+}
+.bg-darkMagenta {
+ background-color: #81003c !important;
+}
+.bd-darkMagenta {
+ border-color: #81003c !important;
+}
+.ol-darkMagenta {
+ outline-color: #81003c !important;
+}
+.op-darkMagenta {
+ background-color: rgba(129, 0, 60, 0.7);
+}
+.ribbed-darkMagenta {
+ background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkMagenta:before {
+ background: #81003c !important;
+}
+.before-fg-darkMagenta:before {
+ color: #81003c !important;
+}
+.after-bg-darkMagenta:after {
+ background: #81003c !important;
+}
+.after-fg-darkMagenta:after {
+ color: #81003c !important;
+}
+.bg-hover-darkMagenta:hover {
+ background: #81003c !important;
+}
+.bg-active-darkMagenta:active {
+ background: #81003c !important;
+}
+.bg-focus-darkMagenta:focus {
+ background: #81003c !important;
+}
+.fg-hover-darkMagenta:hover {
+ color: #81003c !important;
+}
+.fg-active-darkMagenta:active {
+ color: #81003c !important;
+}
+.fg-focus-darkMagenta:focus {
+ color: #81003c !important;
+}
+.fg-darkIndigo {
+ color: #4b0096 !important;
+}
+.bg-darkIndigo {
+ background-color: #4b0096 !important;
+}
+.bd-darkIndigo {
+ border-color: #4b0096 !important;
+}
+.ol-darkIndigo {
+ outline-color: #4b0096 !important;
+}
+.op-darkIndigo {
+ background-color: rgba(75, 0, 150, 0.7);
+}
+.ribbed-darkIndigo {
+ background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkIndigo:before {
+ background: #4b0096 !important;
+}
+.before-fg-darkIndigo:before {
+ color: #4b0096 !important;
+}
+.after-bg-darkIndigo:after {
+ background: #4b0096 !important;
+}
+.after-fg-darkIndigo:after {
+ color: #4b0096 !important;
+}
+.bg-hover-darkIndigo:hover {
+ background: #4b0096 !important;
+}
+.bg-active-darkIndigo:active {
+ background: #4b0096 !important;
+}
+.bg-focus-darkIndigo:focus {
+ background: #4b0096 !important;
+}
+.fg-hover-darkIndigo:hover {
+ color: #4b0096 !important;
+}
+.fg-active-darkIndigo:active {
+ color: #4b0096 !important;
+}
+.fg-focus-darkIndigo:focus {
+ color: #4b0096 !important;
+}
+.fg-darkCyan {
+ color: #1b6eae !important;
+}
+.bg-darkCyan {
+ background-color: #1b6eae !important;
+}
+.bd-darkCyan {
+ border-color: #1b6eae !important;
+}
+.ol-darkCyan {
+ outline-color: #1b6eae !important;
+}
+.op-darkCyan {
+ background-color: rgba(27, 110, 174, 0.7);
+}
+.ribbed-darkCyan {
+ background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCyan:before {
+ background: #1b6eae !important;
+}
+.before-fg-darkCyan:before {
+ color: #1b6eae !important;
+}
+.after-bg-darkCyan:after {
+ background: #1b6eae !important;
+}
+.after-fg-darkCyan:after {
+ color: #1b6eae !important;
+}
+.bg-hover-darkCyan:hover {
+ background: #1b6eae !important;
+}
+.bg-active-darkCyan:active {
+ background: #1b6eae !important;
+}
+.bg-focus-darkCyan:focus {
+ background: #1b6eae !important;
+}
+.fg-hover-darkCyan:hover {
+ color: #1b6eae !important;
+}
+.fg-active-darkCyan:active {
+ color: #1b6eae !important;
+}
+.fg-focus-darkCyan:focus {
+ color: #1b6eae !important;
+}
+.fg-darkCobalt {
+ color: #00356a !important;
+}
+.bg-darkCobalt {
+ background-color: #00356a !important;
+}
+.bd-darkCobalt {
+ border-color: #00356a !important;
+}
+.ol-darkCobalt {
+ outline-color: #00356a !important;
+}
+.op-darkCobalt {
+ background-color: rgba(0, 53, 106, 0.7);
+}
+.ribbed-darkCobalt {
+ background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCobalt:before {
+ background: #00356a !important;
+}
+.before-fg-darkCobalt:before {
+ color: #00356a !important;
+}
+.after-bg-darkCobalt:after {
+ background: #00356a !important;
+}
+.after-fg-darkCobalt:after {
+ color: #00356a !important;
+}
+.bg-hover-darkCobalt:hover {
+ background: #00356a !important;
+}
+.bg-active-darkCobalt:active {
+ background: #00356a !important;
+}
+.bg-focus-darkCobalt:focus {
+ background: #00356a !important;
+}
+.fg-hover-darkCobalt:hover {
+ color: #00356a !important;
+}
+.fg-active-darkCobalt:active {
+ color: #00356a !important;
+}
+.fg-focus-darkCobalt:focus {
+ color: #00356a !important;
+}
+.fg-darkTeal {
+ color: #004050 !important;
+}
+.bg-darkTeal {
+ background-color: #004050 !important;
+}
+.bd-darkTeal {
+ border-color: #004050 !important;
+}
+.ol-darkTeal {
+ outline-color: #004050 !important;
+}
+.op-darkTeal {
+ background-color: rgba(0, 64, 80, 0.7);
+}
+.ribbed-darkTeal {
+ background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkTeal:before {
+ background: #004050 !important;
+}
+.before-fg-darkTeal:before {
+ color: #004050 !important;
+}
+.after-bg-darkTeal:after {
+ background: #004050 !important;
+}
+.after-fg-darkTeal:after {
+ color: #004050 !important;
+}
+.bg-hover-darkTeal:hover {
+ background: #004050 !important;
+}
+.bg-active-darkTeal:active {
+ background: #004050 !important;
+}
+.bg-focus-darkTeal:focus {
+ background: #004050 !important;
+}
+.fg-hover-darkTeal:hover {
+ color: #004050 !important;
+}
+.fg-active-darkTeal:active {
+ color: #004050 !important;
+}
+.fg-focus-darkTeal:focus {
+ color: #004050 !important;
+}
+.fg-darkEmerald {
+ color: #003e00 !important;
+}
+.bg-darkEmerald {
+ background-color: #003e00 !important;
+}
+.bd-darkEmerald {
+ border-color: #003e00 !important;
+}
+.ol-darkEmerald {
+ outline-color: #003e00 !important;
+}
+.op-darkEmerald {
+ background-color: rgba(0, 62, 0, 0.7);
+}
+.ribbed-darkEmerald {
+ background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkEmerald:before {
+ background: #003e00 !important;
+}
+.before-fg-darkEmerald:before {
+ color: #003e00 !important;
+}
+.after-bg-darkEmerald:after {
+ background: #003e00 !important;
+}
+.after-fg-darkEmerald:after {
+ color: #003e00 !important;
+}
+.bg-hover-darkEmerald:hover {
+ background: #003e00 !important;
+}
+.bg-active-darkEmerald:active {
+ background: #003e00 !important;
+}
+.bg-focus-darkEmerald:focus {
+ background: #003e00 !important;
+}
+.fg-hover-darkEmerald:hover {
+ color: #003e00 !important;
+}
+.fg-active-darkEmerald:active {
+ color: #003e00 !important;
+}
+.fg-focus-darkEmerald:focus {
+ color: #003e00 !important;
+}
+.fg-darkGreen {
+ color: #128023 !important;
+}
+.bg-darkGreen {
+ background-color: #128023 !important;
+}
+.bd-darkGreen {
+ border-color: #128023 !important;
+}
+.ol-darkGreen {
+ outline-color: #128023 !important;
+}
+.op-darkGreen {
+ background-color: rgba(18, 128, 35, 0.7);
+}
+.ribbed-darkGreen {
+ background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkGreen:before {
+ background: #128023 !important;
+}
+.before-fg-darkGreen:before {
+ color: #128023 !important;
+}
+.after-bg-darkGreen:after {
+ background: #128023 !important;
+}
+.after-fg-darkGreen:after {
+ color: #128023 !important;
+}
+.bg-hover-darkGreen:hover {
+ background: #128023 !important;
+}
+.bg-active-darkGreen:active {
+ background: #128023 !important;
+}
+.bg-focus-darkGreen:focus {
+ background: #128023 !important;
+}
+.fg-hover-darkGreen:hover {
+ color: #128023 !important;
+}
+.fg-active-darkGreen:active {
+ color: #128023 !important;
+}
+.fg-focus-darkGreen:focus {
+ color: #128023 !important;
+}
+.fg-darkOrange {
+ color: #bf5a15 !important;
+}
+.bg-darkOrange {
+ background-color: #bf5a15 !important;
+}
+.bd-darkOrange {
+ border-color: #bf5a15 !important;
+}
+.ol-darkOrange {
+ outline-color: #bf5a15 !important;
+}
+.op-darkOrange {
+ background-color: rgba(191, 90, 21, 0.7);
+}
+.ribbed-darkOrange {
+ background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkOrange:before {
+ background: #bf5a15 !important;
+}
+.before-fg-darkOrange:before {
+ color: #bf5a15 !important;
+}
+.after-bg-darkOrange:after {
+ background: #bf5a15 !important;
+}
+.after-fg-darkOrange:after {
+ color: #bf5a15 !important;
+}
+.bg-hover-darkOrange:hover {
+ background: #bf5a15 !important;
+}
+.bg-active-darkOrange:active {
+ background: #bf5a15 !important;
+}
+.bg-focus-darkOrange:focus {
+ background: #bf5a15 !important;
+}
+.fg-hover-darkOrange:hover {
+ color: #bf5a15 !important;
+}
+.fg-active-darkOrange:active {
+ color: #bf5a15 !important;
+}
+.fg-focus-darkOrange:focus {
+ color: #bf5a15 !important;
+}
+.fg-darkRed {
+ color: #9a1616 !important;
+}
+.bg-darkRed {
+ background-color: #9a1616 !important;
+}
+.bd-darkRed {
+ border-color: #9a1616 !important;
+}
+.ol-darkRed {
+ outline-color: #9a1616 !important;
+}
+.op-darkRed {
+ background-color: rgba(154, 22, 22, 0.7);
+}
+.ribbed-darkRed {
+ background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkRed:before {
+ background: #9a1616 !important;
+}
+.before-fg-darkRed:before {
+ color: #9a1616 !important;
+}
+.after-bg-darkRed:after {
+ background: #9a1616 !important;
+}
+.after-fg-darkRed:after {
+ color: #9a1616 !important;
+}
+.bg-hover-darkRed:hover {
+ background: #9a1616 !important;
+}
+.bg-active-darkRed:active {
+ background: #9a1616 !important;
+}
+.bg-focus-darkRed:focus {
+ background: #9a1616 !important;
+}
+.fg-hover-darkRed:hover {
+ color: #9a1616 !important;
+}
+.fg-active-darkRed:active {
+ color: #9a1616 !important;
+}
+.fg-focus-darkRed:focus {
+ color: #9a1616 !important;
+}
+.fg-darkPink {
+ color: #9a165a !important;
+}
+.bg-darkPink {
+ background-color: #9a165a !important;
+}
+.bd-darkPink {
+ border-color: #9a165a !important;
+}
+.ol-darkPink {
+ outline-color: #9a165a !important;
+}
+.op-darkPink {
+ background-color: rgba(154, 22, 90, 0.7);
+}
+.ribbed-darkPink {
+ background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkPink:before {
+ background: #9a165a !important;
+}
+.before-fg-darkPink:before {
+ color: #9a165a !important;
+}
+.after-bg-darkPink:after {
+ background: #9a165a !important;
+}
+.after-fg-darkPink:after {
+ color: #9a165a !important;
+}
+.bg-hover-darkPink:hover {
+ background: #9a165a !important;
+}
+.bg-active-darkPink:active {
+ background: #9a165a !important;
+}
+.bg-focus-darkPink:focus {
+ background: #9a165a !important;
+}
+.fg-hover-darkPink:hover {
+ color: #9a165a !important;
+}
+.fg-active-darkPink:active {
+ color: #9a165a !important;
+}
+.fg-focus-darkPink:focus {
+ color: #9a165a !important;
+}
+.fg-darkViolet {
+ color: #57169a !important;
+}
+.bg-darkViolet {
+ background-color: #57169a !important;
+}
+.bd-darkViolet {
+ border-color: #57169a !important;
+}
+.ol-darkViolet {
+ outline-color: #57169a !important;
+}
+.op-darkViolet {
+ background-color: rgba(87, 22, 154, 0.7);
+}
+.ribbed-darkViolet {
+ background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkViolet:before {
+ background: #57169a !important;
+}
+.before-fg-darkViolet:before {
+ color: #57169a !important;
+}
+.after-bg-darkViolet:after {
+ background: #57169a !important;
+}
+.after-fg-darkViolet:after {
+ color: #57169a !important;
+}
+.bg-hover-darkViolet:hover {
+ background: #57169a !important;
+}
+.bg-active-darkViolet:active {
+ background: #57169a !important;
+}
+.bg-focus-darkViolet:focus {
+ background: #57169a !important;
+}
+.fg-hover-darkViolet:hover {
+ color: #57169a !important;
+}
+.fg-active-darkViolet:active {
+ color: #57169a !important;
+}
+.fg-focus-darkViolet:focus {
+ color: #57169a !important;
+}
+.fg-darkBlue {
+ color: #16499a !important;
+}
+.bg-darkBlue {
+ background-color: #16499a !important;
+}
+.bd-darkBlue {
+ border-color: #16499a !important;
+}
+.ol-darkBlue {
+ outline-color: #16499a !important;
+}
+.op-darkBlue {
+ background-color: rgba(22, 73, 154, 0.7);
+}
+.ribbed-darkBlue {
+ background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkBlue:before {
+ background: #16499a !important;
+}
+.before-fg-darkBlue:before {
+ color: #16499a !important;
+}
+.after-bg-darkBlue:after {
+ background: #16499a !important;
+}
+.after-fg-darkBlue:after {
+ color: #16499a !important;
+}
+.bg-hover-darkBlue:hover {
+ background: #16499a !important;
+}
+.bg-active-darkBlue:active {
+ background: #16499a !important;
+}
+.bg-focus-darkBlue:focus {
+ background: #16499a !important;
+}
+.fg-hover-darkBlue:hover {
+ color: #16499a !important;
+}
+.fg-active-darkBlue:active {
+ color: #16499a !important;
+}
+.fg-focus-darkBlue:focus {
+ color: #16499a !important;
+}
+.fg-lightBlue {
+ color: #4390df !important;
+}
+.bg-lightBlue {
+ background-color: #4390df !important;
+}
+.bd-lightBlue {
+ border-color: #4390df !important;
+}
+.ol-lightBlue {
+ outline-color: #4390df !important;
+}
+.op-lightBlue {
+ background-color: rgba(67, 144, 223, 0.7);
+}
+.ribbed-lightBlue {
+ background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightBlue:before {
+ background: #4390df !important;
+}
+.before-fg-lightBlue:before {
+ color: #4390df !important;
+}
+.after-bg-lightBlue:after {
+ background: #4390df !important;
+}
+.after-fg-lightBlue:after {
+ color: #4390df !important;
+}
+.bg-hover-lightBlue:hover {
+ background: #4390df !important;
+}
+.bg-active-lightBlue:active {
+ background: #4390df !important;
+}
+.bg-focus-lightBlue:focus {
+ background: #4390df !important;
+}
+.fg-hover-lightBlue:hover {
+ color: #4390df !important;
+}
+.fg-active-lightBlue:active {
+ color: #4390df !important;
+}
+.fg-focus-lightBlue:focus {
+ color: #4390df !important;
+}
+.fg-lighterBlue {
+ color: #00ccff !important;
+}
+.bg-lighterBlue {
+ background-color: #00ccff !important;
+}
+.bd-lighterBlue {
+ border-color: #00ccff !important;
+}
+.ol-lighterBlue {
+ outline-color: #00ccff !important;
+}
+.op-lighterBlue {
+ background-color: rgba(0, 204, 255, 0.7);
+}
+.ribbed-lighterBlue {
+ background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lighterBlue:before {
+ background: #00ccff !important;
+}
+.before-fg-lighterBlue:before {
+ color: #00ccff !important;
+}
+.after-bg-lighterBlue:after {
+ background: #00ccff !important;
+}
+.after-fg-lighterBlue:after {
+ color: #00ccff !important;
+}
+.bg-hover-lighterBlue:hover {
+ background: #00ccff !important;
+}
+.bg-active-lighterBlue:active {
+ background: #00ccff !important;
+}
+.bg-focus-lighterBlue:focus {
+ background: #00ccff !important;
+}
+.fg-hover-lighterBlue:hover {
+ color: #00ccff !important;
+}
+.fg-active-lighterBlue:active {
+ color: #00ccff !important;
+}
+.fg-focus-lighterBlue:focus {
+ color: #00ccff !important;
+}
+.fg-lightTeal {
+ color: #45fffd !important;
+}
+.bg-lightTeal {
+ background-color: #45fffd !important;
+}
+.bd-lightTeal {
+ border-color: #45fffd !important;
+}
+.ol-lightTeal {
+ outline-color: #45fffd !important;
+}
+.op-lightTeal {
+ background-color: rgba(69, 255, 253, 0.7);
+}
+.ribbed-lightTeal {
+ background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightTeal:before {
+ background: #45fffd !important;
+}
+.before-fg-lightTeal:before {
+ color: #45fffd !important;
+}
+.after-bg-lightTeal:after {
+ background: #45fffd !important;
+}
+.after-fg-lightTeal:after {
+ color: #45fffd !important;
+}
+.bg-hover-lightTeal:hover {
+ background: #45fffd !important;
+}
+.bg-active-lightTeal:active {
+ background: #45fffd !important;
+}
+.bg-focus-lightTeal:focus {
+ background: #45fffd !important;
+}
+.fg-hover-lightTeal:hover {
+ color: #45fffd !important;
+}
+.fg-active-lightTeal:active {
+ color: #45fffd !important;
+}
+.fg-focus-lightTeal:focus {
+ color: #45fffd !important;
+}
+.fg-lightOlive {
+ color: #78aa1c !important;
+}
+.bg-lightOlive {
+ background-color: #78aa1c !important;
+}
+.bd-lightOlive {
+ border-color: #78aa1c !important;
+}
+.ol-lightOlive {
+ outline-color: #78aa1c !important;
+}
+.op-lightOlive {
+ background-color: rgba(120, 170, 28, 0.7);
+}
+.ribbed-lightOlive {
+ background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightOlive:before {
+ background: #78aa1c !important;
+}
+.before-fg-lightOlive:before {
+ color: #78aa1c !important;
+}
+.after-bg-lightOlive:after {
+ background: #78aa1c !important;
+}
+.after-fg-lightOlive:after {
+ color: #78aa1c !important;
+}
+.bg-hover-lightOlive:hover {
+ background: #78aa1c !important;
+}
+.bg-active-lightOlive:active {
+ background: #78aa1c !important;
+}
+.bg-focus-lightOlive:focus {
+ background: #78aa1c !important;
+}
+.fg-hover-lightOlive:hover {
+ color: #78aa1c !important;
+}
+.fg-active-lightOlive:active {
+ color: #78aa1c !important;
+}
+.fg-focus-lightOlive:focus {
+ color: #78aa1c !important;
+}
+.fg-lightOrange {
+ color: #ffc194 !important;
+}
+.bg-lightOrange {
+ background-color: #ffc194 !important;
+}
+.bd-lightOrange {
+ border-color: #ffc194 !important;
+}
+.ol-lightOrange {
+ outline-color: #ffc194 !important;
+}
+.op-lightOrange {
+ background-color: rgba(255, 193, 148, 0.7);
+}
+.ribbed-lightOrange {
+ background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightOrange:before {
+ background: #ffc194 !important;
+}
+.before-fg-lightOrange:before {
+ color: #ffc194 !important;
+}
+.after-bg-lightOrange:after {
+ background: #ffc194 !important;
+}
+.after-fg-lightOrange:after {
+ color: #ffc194 !important;
+}
+.bg-hover-lightOrange:hover {
+ background: #ffc194 !important;
+}
+.bg-active-lightOrange:active {
+ background: #ffc194 !important;
+}
+.bg-focus-lightOrange:focus {
+ background: #ffc194 !important;
+}
+.fg-hover-lightOrange:hover {
+ color: #ffc194 !important;
+}
+.fg-active-lightOrange:active {
+ color: #ffc194 !important;
+}
+.fg-focus-lightOrange:focus {
+ color: #ffc194 !important;
+}
+.fg-lightPink {
+ color: #f472d0 !important;
+}
+.bg-lightPink {
+ background-color: #f472d0 !important;
+}
+.bd-lightPink {
+ border-color: #f472d0 !important;
+}
+.ol-lightPink {
+ outline-color: #f472d0 !important;
+}
+.op-lightPink {
+ background-color: rgba(244, 114, 208, 0.7);
+}
+.ribbed-lightPink {
+ background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightPink:before {
+ background: #f472d0 !important;
+}
+.before-fg-lightPink:before {
+ color: #f472d0 !important;
+}
+.after-bg-lightPink:after {
+ background: #f472d0 !important;
+}
+.after-fg-lightPink:after {
+ color: #f472d0 !important;
+}
+.bg-hover-lightPink:hover {
+ background: #f472d0 !important;
+}
+.bg-active-lightPink:active {
+ background: #f472d0 !important;
+}
+.bg-focus-lightPink:focus {
+ background: #f472d0 !important;
+}
+.fg-hover-lightPink:hover {
+ color: #f472d0 !important;
+}
+.fg-active-lightPink:active {
+ color: #f472d0 !important;
+}
+.fg-focus-lightPink:focus {
+ color: #f472d0 !important;
+}
+.fg-lightRed {
+ color: #da5a53 !important;
+}
+.bg-lightRed {
+ background-color: #da5a53 !important;
+}
+.bd-lightRed {
+ border-color: #da5a53 !important;
+}
+.ol-lightRed {
+ outline-color: #da5a53 !important;
+}
+.op-lightRed {
+ background-color: rgba(218, 90, 83, 0.7);
+}
+.ribbed-lightRed {
+ background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightRed:before {
+ background: #da5a53 !important;
+}
+.before-fg-lightRed:before {
+ color: #da5a53 !important;
+}
+.after-bg-lightRed:after {
+ background: #da5a53 !important;
+}
+.after-fg-lightRed:after {
+ color: #da5a53 !important;
+}
+.bg-hover-lightRed:hover {
+ background: #da5a53 !important;
+}
+.bg-active-lightRed:active {
+ background: #da5a53 !important;
+}
+.bg-focus-lightRed:focus {
+ background: #da5a53 !important;
+}
+.fg-hover-lightRed:hover {
+ color: #da5a53 !important;
+}
+.fg-active-lightRed:active {
+ color: #da5a53 !important;
+}
+.fg-focus-lightRed:focus {
+ color: #da5a53 !important;
+}
+.fg-lightGreen {
+ color: #7ad61d !important;
+}
+.bg-lightGreen {
+ background-color: #7ad61d !important;
+}
+.bd-lightGreen {
+ border-color: #7ad61d !important;
+}
+.ol-lightGreen {
+ outline-color: #7ad61d !important;
+}
+.op-lightGreen {
+ background-color: rgba(122, 214, 29, 0.7);
+}
+.ribbed-lightGreen {
+ background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightGreen:before {
+ background: #7ad61d !important;
+}
+.before-fg-lightGreen:before {
+ color: #7ad61d !important;
+}
+.after-bg-lightGreen:after {
+ background: #7ad61d !important;
+}
+.after-fg-lightGreen:after {
+ color: #7ad61d !important;
+}
+.bg-hover-lightGreen:hover {
+ background: #7ad61d !important;
+}
+.bg-active-lightGreen:active {
+ background: #7ad61d !important;
+}
+.bg-focus-lightGreen:focus {
+ background: #7ad61d !important;
+}
+.fg-hover-lightGreen:hover {
+ color: #7ad61d !important;
+}
+.fg-active-lightGreen:active {
+ color: #7ad61d !important;
+}
+.fg-focus-lightGreen:focus {
+ color: #7ad61d !important;
+}
+.fg-lightCyan {
+ color: #59cde2 !important;
+}
+.bg-lightCyan {
+ background-color: #59cde2 !important;
+}
+.bd-lightCyan {
+ border-color: #59cde2 !important;
+}
+.ol-lightCyan {
+ outline-color: #59cde2 !important;
+}
+.op-lightCyan {
+ background-color: rgba(89, 205, 226, 0.7);
+}
+.ribbed-lightCyan {
+ background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightCyan:before {
+ background: #59cde2 !important;
+}
+.before-fg-lightCyan:before {
+ color: #59cde2 !important;
+}
+.after-bg-lightCyan:after {
+ background: #59cde2 !important;
+}
+.after-fg-lightCyan:after {
+ color: #59cde2 !important;
+}
+.bg-hover-lightCyan:hover {
+ background: #59cde2 !important;
+}
+.bg-active-lightCyan:active {
+ background: #59cde2 !important;
+}
+.bg-focus-lightCyan:focus {
+ background: #59cde2 !important;
+}
+.fg-hover-lightCyan:hover {
+ color: #59cde2 !important;
+}
+.fg-active-lightCyan:active {
+ color: #59cde2 !important;
+}
+.fg-focus-lightCyan:focus {
+ color: #59cde2 !important;
+}
+.fg-grayed {
+ color: #585858 !important;
+}
+.bg-grayed {
+ background-color: #585858 !important;
+}
+.bd-grayed {
+ border-color: #585858 !important;
+}
+.ol-grayed {
+ outline-color: #585858 !important;
+}
+.op-grayed {
+ background-color: rgba(88, 88, 88, 0.7);
+}
+.ribbed-grayed {
+ background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayed:before {
+ background: #585858 !important;
+}
+.before-fg-grayed:before {
+ color: #585858 !important;
+}
+.after-bg-grayed:after {
+ background: #585858 !important;
+}
+.after-fg-grayed:after {
+ color: #585858 !important;
+}
+.bg-hover-grayed:hover {
+ background: #585858 !important;
+}
+.bg-active-grayed:active {
+ background: #585858 !important;
+}
+.bg-focus-grayed:focus {
+ background: #585858 !important;
+}
+.fg-hover-grayed:hover {
+ color: #585858 !important;
+}
+.fg-active-grayed:active {
+ color: #585858 !important;
+}
+.fg-focus-grayed:focus {
+ color: #585858 !important;
+}
+.fg-grayDarker {
+ color: #222222 !important;
+}
+.bg-grayDarker {
+ background-color: #222222 !important;
+}
+.bd-grayDarker {
+ border-color: #222222 !important;
+}
+.ol-grayDarker {
+ outline-color: #222222 !important;
+}
+.op-grayDarker {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-grayDarker {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayDarker:before {
+ background: #222222 !important;
+}
+.before-fg-grayDarker:before {
+ color: #222222 !important;
+}
+.after-bg-grayDarker:after {
+ background: #222222 !important;
+}
+.after-fg-grayDarker:after {
+ color: #222222 !important;
+}
+.bg-hover-grayDarker:hover {
+ background: #222222 !important;
+}
+.bg-active-grayDarker:active {
+ background: #222222 !important;
+}
+.bg-focus-grayDarker:focus {
+ background: #222222 !important;
+}
+.fg-hover-grayDarker:hover {
+ color: #222222 !important;
+}
+.fg-active-grayDarker:active {
+ color: #222222 !important;
+}
+.fg-focus-grayDarker:focus {
+ color: #222222 !important;
+}
+.fg-grayDark {
+ color: #333333 !important;
+}
+.bg-grayDark {
+ background-color: #333333 !important;
+}
+.bd-grayDark {
+ border-color: #333333 !important;
+}
+.ol-grayDark {
+ outline-color: #333333 !important;
+}
+.op-grayDark {
+ background-color: rgba(51, 51, 51, 0.7);
+}
+.ribbed-grayDark {
+ background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayDark:before {
+ background: #333333 !important;
+}
+.before-fg-grayDark:before {
+ color: #333333 !important;
+}
+.after-bg-grayDark:after {
+ background: #333333 !important;
+}
+.after-fg-grayDark:after {
+ color: #333333 !important;
+}
+.bg-hover-grayDark:hover {
+ background: #333333 !important;
+}
+.bg-active-grayDark:active {
+ background: #333333 !important;
+}
+.bg-focus-grayDark:focus {
+ background: #333333 !important;
+}
+.fg-hover-grayDark:hover {
+ color: #333333 !important;
+}
+.fg-active-grayDark:active {
+ color: #333333 !important;
+}
+.fg-focus-grayDark:focus {
+ color: #333333 !important;
+}
+.fg-gray {
+ color: #555555 !important;
+}
+.bg-gray {
+ background-color: #555555 !important;
+}
+.bd-gray {
+ border-color: #555555 !important;
+}
+.ol-gray {
+ outline-color: #555555 !important;
+}
+.op-gray {
+ background-color: rgba(85, 85, 85, 0.7);
+}
+.ribbed-gray {
+ background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-gray:before {
+ background: #555555 !important;
+}
+.before-fg-gray:before {
+ color: #555555 !important;
+}
+.after-bg-gray:after {
+ background: #555555 !important;
+}
+.after-fg-gray:after {
+ color: #555555 !important;
+}
+.bg-hover-gray:hover {
+ background: #555555 !important;
+}
+.bg-active-gray:active {
+ background: #555555 !important;
+}
+.bg-focus-gray:focus {
+ background: #555555 !important;
+}
+.fg-hover-gray:hover {
+ color: #555555 !important;
+}
+.fg-active-gray:active {
+ color: #555555 !important;
+}
+.fg-focus-gray:focus {
+ color: #555555 !important;
+}
+.fg-grayLight {
+ color: #999999 !important;
+}
+.bg-grayLight {
+ background-color: #999999 !important;
+}
+.bd-grayLight {
+ border-color: #999999 !important;
+}
+.ol-grayLight {
+ outline-color: #999999 !important;
+}
+.op-grayLight {
+ background-color: rgba(153, 153, 153, 0.7);
+}
+.ribbed-grayLight {
+ background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayLight:before {
+ background: #999999 !important;
+}
+.before-fg-grayLight:before {
+ color: #999999 !important;
+}
+.after-bg-grayLight:after {
+ background: #999999 !important;
+}
+.after-fg-grayLight:after {
+ color: #999999 !important;
+}
+.bg-hover-grayLight:hover {
+ background: #999999 !important;
+}
+.bg-active-grayLight:active {
+ background: #999999 !important;
+}
+.bg-focus-grayLight:focus {
+ background: #999999 !important;
+}
+.fg-hover-grayLight:hover {
+ color: #999999 !important;
+}
+.fg-active-grayLight:active {
+ color: #999999 !important;
+}
+.fg-focus-grayLight:focus {
+ color: #999999 !important;
+}
+.fg-grayLighter {
+ color: #eeeeee !important;
+}
+.bg-grayLighter {
+ background-color: #eeeeee !important;
+}
+.bd-grayLighter {
+ border-color: #eeeeee !important;
+}
+.ol-grayLighter {
+ outline-color: #eeeeee !important;
+}
+.op-grayLighter {
+ background-color: rgba(238, 238, 238, 0.7);
+}
+.ribbed-grayLighter {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayLighter:before {
+ background: #eeeeee !important;
+}
+.before-fg-grayLighter:before {
+ color: #eeeeee !important;
+}
+.after-bg-grayLighter:after {
+ background: #eeeeee !important;
+}
+.after-fg-grayLighter:after {
+ color: #eeeeee !important;
+}
+.bg-hover-grayLighter:hover {
+ background: #eeeeee !important;
+}
+.bg-active-grayLighter:active {
+ background: #eeeeee !important;
+}
+.bg-focus-grayLighter:focus {
+ background: #eeeeee !important;
+}
+.fg-hover-grayLighter:hover {
+ color: #eeeeee !important;
+}
+.fg-active-grayLighter:active {
+ color: #eeeeee !important;
+}
+.fg-focus-grayLighter:focus {
+ color: #eeeeee !important;
+}
+.fg-lightGray {
+ color: #999999 !important;
+}
+.bg-lightGray {
+ background-color: #999999 !important;
+}
+.bd-lightGray {
+ border-color: #999999 !important;
+}
+.ol-lightGray {
+ outline-color: #999999 !important;
+}
+.op-lightGray {
+ background-color: rgba(153, 153, 153, 0.7);
+}
+.ribbed-lightGray {
+ background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightGray:before {
+ background: #999999 !important;
+}
+.before-fg-lightGray:before {
+ color: #999999 !important;
+}
+.after-bg-lightGray:after {
+ background: #999999 !important;
+}
+.after-fg-lightGray:after {
+ color: #999999 !important;
+}
+.bg-hover-lightGray:hover {
+ background: #999999 !important;
+}
+.bg-active-lightGray:active {
+ background: #999999 !important;
+}
+.bg-focus-lightGray:focus {
+ background: #999999 !important;
+}
+.fg-hover-lightGray:hover {
+ color: #999999 !important;
+}
+.fg-active-lightGray:active {
+ color: #999999 !important;
+}
+.fg-focus-lightGray:focus {
+ color: #999999 !important;
+}
+.fg-lighterGray {
+ color: #eeeeee !important;
+}
+.bg-lighterGray {
+ background-color: #eeeeee !important;
+}
+.bd-lighterGray {
+ border-color: #eeeeee !important;
+}
+.ol-lighterGray {
+ outline-color: #eeeeee !important;
+}
+.op-lighterGray {
+ background-color: rgba(238, 238, 238, 0.7);
+}
+.ribbed-lighterGray {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lighterGray:before {
+ background: #eeeeee !important;
+}
+.before-fg-lighterGray:before {
+ color: #eeeeee !important;
+}
+.after-bg-lighterGray:after {
+ background: #eeeeee !important;
+}
+.after-fg-lighterGray:after {
+ color: #eeeeee !important;
+}
+.bg-hover-lighterGray:hover {
+ background: #eeeeee !important;
+}
+.bg-active-lighterGray:active {
+ background: #eeeeee !important;
+}
+.bg-focus-lighterGray:focus {
+ background: #eeeeee !important;
+}
+.fg-hover-lighterGray:hover {
+ color: #eeeeee !important;
+}
+.fg-active-lighterGray:active {
+ color: #eeeeee !important;
+}
+.fg-focus-lighterGray:focus {
+ color: #eeeeee !important;
+}
+.fg-darkGray {
+ color: #333333 !important;
+}
+.bg-darkGray {
+ background-color: #333333 !important;
+}
+.bd-darkGray {
+ border-color: #333333 !important;
+}
+.ol-darkGray {
+ outline-color: #333333 !important;
+}
+.op-darkGray {
+ background-color: rgba(51, 51, 51, 0.7);
+}
+.ribbed-darkGray {
+ background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkGray:before {
+ background: #333333 !important;
+}
+.before-fg-darkGray:before {
+ color: #333333 !important;
+}
+.after-bg-darkGray:after {
+ background: #333333 !important;
+}
+.after-fg-darkGray:after {
+ color: #333333 !important;
+}
+.bg-hover-darkGray:hover {
+ background: #333333 !important;
+}
+.bg-active-darkGray:active {
+ background: #333333 !important;
+}
+.bg-focus-darkGray:focus {
+ background: #333333 !important;
+}
+.fg-hover-darkGray:hover {
+ color: #333333 !important;
+}
+.fg-active-darkGray:active {
+ color: #333333 !important;
+}
+.fg-focus-darkGray:focus {
+ color: #333333 !important;
+}
+.fg-darkerGray {
+ color: #222222 !important;
+}
+.bg-darkerGray {
+ background-color: #222222 !important;
+}
+.bd-darkerGray {
+ border-color: #222222 !important;
+}
+.ol-darkerGray {
+ outline-color: #222222 !important;
+}
+.op-darkerGray {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-darkerGray {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkerGray:before {
+ background: #222222 !important;
+}
+.before-fg-darkerGray:before {
+ color: #222222 !important;
+}
+.after-bg-darkerGray:after {
+ background: #222222 !important;
+}
+.after-fg-darkerGray:after {
+ color: #222222 !important;
+}
+.bg-hover-darkerGray:hover {
+ background: #222222 !important;
+}
+.bg-active-darkerGray:active {
+ background: #222222 !important;
+}
+.bg-focus-darkerGray:focus {
+ background: #222222 !important;
+}
+.fg-hover-darkerGray:hover {
+ color: #222222 !important;
+}
+.fg-active-darkerGray:active {
+ color: #222222 !important;
+}
+.fg-focus-darkerGray:focus {
+ color: #222222 !important;
+}
+.fg-darker {
+ color: #222222 !important;
+}
+.bg-darker {
+ background-color: #222222 !important;
+}
+.bd-darker {
+ border-color: #222222 !important;
+}
+.ol-darker {
+ outline-color: #222222 !important;
+}
+.op-darker {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-darker {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darker:before {
+ background: #222222 !important;
+}
+.before-fg-darker:before {
+ color: #222222 !important;
+}
+.after-bg-darker:after {
+ background: #222222 !important;
+}
+.after-fg-darker:after {
+ color: #222222 !important;
+}
+.bg-hover-darker:hover {
+ background: #222222 !important;
+}
+.bg-active-darker:active {
+ background: #222222 !important;
+}
+.bg-focus-darker:focus {
+ background: #222222 !important;
+}
+.fg-hover-darker:hover {
+ color: #222222 !important;
+}
+.fg-active-darker:active {
+ color: #222222 !important;
+}
+.fg-focus-darker:focus {
+ color: #222222 !important;
+}
+.dropdown-toggle {
+ position: relative;
+ cursor: pointer;
+}
+.dropdown-toggle:before {
+ display: block;
+ position: absolute;
+ vertical-align: middle;
+ color: transparent;
+ font-size: 0;
+ content: "";
+ height: 5px;
+ width: 5px;
+ background-color: transparent;
+ border-left: 1px solid;
+ border-bottom: 1px solid;
+ border-color: #1d1d1d;
+ top: 50%;
+ left: 100%;
+ margin-left: -1rem;
+ margin-top: -0.1625rem;
+ z-index: 2;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.dropdown-toggle.drop-marker-light:before {
+ border-color: #ffffff;
+}
+*.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.flush-list {
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+}
+.shadow {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.before-shadow:before {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.after-shadow:after {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.block-shadow {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.block-shadow-success {
+ box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
+}
+.block-shadow-error {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.block-shadow-danger {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.block-shadow-warning {
+ box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
+}
+.block-shadow-info {
+ box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
+}
+.block-shadow-impact {
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.bottom-shadow {
+ box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
+}
+.text-shadow {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.before-text-shadow:before {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.after-text-shadow:after {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.no-shadow {
+ box-shadow: none !important;
+}
+.full-size {
+ width: 100% !important;
+}
+.block {
+ display: block !important;
+}
+.inline-block {
+ display: inline-block !important;
+}
+.no-display {
+ display: none !important;
+}
+.no-margin {
+ margin: 0 !important;
+}
+.no-margin-right {
+ margin-right: 0 !important;
+}
+.no-margin-left {
+ margin-left: 0 !important;
+}
+.no-margin-top {
+ margin-top: 0 !important;
+}
+.no-margin-bottom {
+ margin-bottom: 0 !important;
+}
+.no-padding {
+ padding: 0 !important;
+}
+.no-padding-left {
+ padding-left: 0 !important;
+}
+.no-padding-right {
+ padding-right: 0 !important;
+}
+.no-padding-top {
+ padding-top: 0 !important;
+}
+.no-padding-bottom {
+ padding-bottom: 0 !important;
+}
+.no-float {
+ float: none !important;
+}
+.no-visible {
+ visibility: hidden !important;
+}
+.no-border {
+ border: 0 !important;
+}
+.no-overflow {
+ overflow: hidden !important;
+}
+.no-scroll {
+ overflow: hidden !important;
+}
+.no-scroll-x {
+ overflow-x: hidden !important;
+}
+.no-scroll-y {
+ overflow-y: hidden !important;
+}
+.no-wrap {
+ white-space: nowrap !important;
+}
+.no-border-left {
+ border-left: none !important;
+}
+.no-border-right {
+ border-right: none !important;
+}
+.no-border-top {
+ border-top: none !important;
+}
+.no-border-bottom {
+ border-bottom: none !important;
+}
+.transparent-border {
+ border-color: transparent !important;
+}
+.place-right {
+ float: right !important;
+}
+.place-left {
+ float: left !important;
+}
+.clear-float:before,
+.clear-float:after {
+ display: table;
+ content: "";
+}
+.clear-float:after {
+ clear: both;
+}
+.clearfix:before,
+.clearfix:after {
+ display: table;
+ content: "";
+}
+.clearfix:after {
+ clear: both;
+}
+.no-user-select {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.no-appearance {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.debug {
+ border: 1px dashed red;
+}
+.example {
+ padding: .625rem 1.825rem .625rem 2.5rem;
+ border: 1px #ccc dashed;
+ position: relative;
+ margin: 0 0 .625rem 0;
+ background-color: #ffffff;
+}
+.example:before,
+.example:after {
+ display: table;
+ content: "";
+}
+.example:after {
+ clear: both;
+}
+.example:before {
+ position: absolute;
+ content: attr(data-text);
+ text-transform: lowercase;
+ left: 1.5rem;
+ top: 11.875rem;
+ color: gray;
+ display: block;
+ font-size: 1rem;
+ line-height: 1rem;
+ height: 1rem;
+ text-align: right;
+ white-space: nowrap;
+ direction: ltr;
+ width: 12.5rem;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%;
+}
+.video-container {
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ overflow: hidden;
+}
+.video-container iframe,
+.video-container object,
+.video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.padding10 {
+ padding: 0.625rem;
+}
+.padding20 {
+ padding: 1.25rem;
+}
+.padding30 {
+ padding: 1.875rem;
+}
+.padding40 {
+ padding: 2.5rem;
+}
+.padding50 {
+ padding: 3.125rem;
+}
+.padding60 {
+ padding: 3.75rem;
+}
+.padding70 {
+ padding: 4.375rem;
+}
+.padding80 {
+ padding: 5rem;
+}
+.padding90 {
+ padding: 5.625rem;
+}
+.padding100 {
+ padding: 6.25rem;
+}
+.padding5 {
+ padding: 5px;
+}
+.margin5 {
+ margin: 5px;
+}
+.margin10 {
+ margin: 0.625rem;
+}
+.margin20 {
+ margin: 1.25rem;
+}
+.margin30 {
+ margin: 1.875rem;
+}
+.margin40 {
+ margin: 2.5rem;
+}
+.margin50 {
+ margin: 3.125rem;
+}
+.margin60 {
+ margin: 3.75rem;
+}
+.margin70 {
+ margin: 4.375rem;
+}
+.margin80 {
+ margin: 5rem;
+}
+.margin90 {
+ margin: 5.625rem;
+}
+.margin100 {
+ margin: 6.25rem;
+}
+.opacity {
+ opacity: .9;
+}
+.half-opacity {
+ opacity: .5;
+}
+.hi-opacity {
+ opacity: .2;
+}
+.element-selected {
+ border: 4px #4390df solid;
+}
+.element-selected:after {
+ position: absolute;
+ display: block;
+ border-top: 28px solid #4390df;
+ border-left: 28px solid transparent;
+ right: 0;
+ content: "";
+ top: 0;
+ z-index: 101;
+}
+.element-selected:before {
+ position: absolute;
+ display: block;
+ content: "";
+ background-color: transparent;
+ border-color: #ffffff;
+ border-left: 2px solid;
+ border-bottom: 2px solid;
+ height: .25rem;
+ width: .5rem;
+ right: 0;
+ top: 0;
+ z-index: 102;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+/* Block function */
+.set-border {
+ border: 1px #d9d9d9 solid;
+}
+.set-border.medium-border {
+ border-width: 8px;
+}
+.set-border.large-border {
+ border-width: 16px;
+}
+/* transform functions */
+.rotate45 {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.rotate90 {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.rotate135 {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.rotate180 {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.rotate225 {
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+}
+.rotate270 {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.rotate360 {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+.rotate-45 {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.rotate-90 {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.rotate-135 {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+}
+.rotate-180 {
+ -webkit-transform: rotate(-180deg);
+ transform: rotate(-180deg);
+}
+.rotate-225 {
+ -webkit-transform: rotate(-225deg);
+ transform: rotate(-225deg);
+}
+.rotate-270 {
+ -webkit-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+}
+.rotate-360 {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+}
+.rotateX45 {
+ -webkit-transform: rotateX(45deg);
+ transform: rotateX(45deg);
+}
+.rotateX90 {
+ -webkit-transform: rotateX(90deg);
+ transform: rotateX(90deg);
+}
+.rotateX135 {
+ -webkit-transform: rotateX(135deg);
+ transform: rotateX(135deg);
+}
+.rotateX180 {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.rotateX225 {
+ -webkit-transform: rotateX(225deg);
+ transform: rotateX(225deg);
+}
+.rotateX270 {
+ -webkit-transform: rotateX(270deg);
+ transform: rotateX(270deg);
+}
+.rotateX360 {
+ -webkit-transform: rotateX(360deg);
+ transform: rotateX(360deg);
+}
+.rotateX-45 {
+ -webkit-transform: rotateX(-45deg);
+ transform: rotateX(-45deg);
+}
+.rotateX-90 {
+ -webkit-transform: rotateX(-90deg);
+ transform: rotateX(-90deg);
+}
+.rotateX-135 {
+ -webkit-transform: rotateX(-135deg);
+ transform: rotateX(-135deg);
+}
+.rotateX-180 {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+.rotateX-225 {
+ -webkit-transform: rotateX(-225deg);
+ transform: rotateX(-225deg);
+}
+.rotateX-270 {
+ -webkit-transform: rotateX(-270deg);
+ transform: rotateX(-270deg);
+}
+.rotateX-360 {
+ -webkit-transform: rotateX(-360deg);
+ transform: rotateX(-360deg);
+}
+.rotateY45 {
+ -webkit-transform: rotateY(45deg);
+ transform: rotateY(45deg);
+}
+.rotateY90 {
+ -webkit-transform: rotateY(90deg);
+ transform: rotateY(90deg);
+}
+.rotateY135 {
+ -webkit-transform: rotateY(135deg);
+ transform: rotateY(135deg);
+}
+.rotateY180 {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.rotateY225 {
+ -webkit-transform: rotateY(225deg);
+ transform: rotateY(225deg);
+}
+.rotateY270 {
+ -webkit-transform: rotateY(270deg);
+ transform: rotateY(270deg);
+}
+.rotateY360 {
+ -webkit-transform: rotateY(360deg);
+ transform: rotateY(360deg);
+}
+.rotateY-45 {
+ -webkit-transform: rotateY(-45deg);
+ transform: rotateY(-45deg);
+}
+.rotateY-90 {
+ -webkit-transform: rotateY(-90deg);
+ transform: rotateY(-90deg);
+}
+.rotateY-135 {
+ -webkit-transform: rotateY(-135deg);
+ transform: rotateY(-135deg);
+}
+.rotateY-180 {
+ -webkit-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+.rotateY-225 {
+ -webkit-transform: rotateY(-225deg);
+ transform: rotateY(-225deg);
+}
+.rotateY-270 {
+ -webkit-transform: rotateY(-270deg);
+ transform: rotateY(-270deg);
+}
+.rotateY-360 {
+ -webkit-transform: rotateY(-360deg);
+ transform: rotateY(-360deg);
+}
+.ani-spin,
+.ani-hover-spin:hover {
+ -webkit-animation: ani-spin 1.5s linear infinite;
+ animation: ani-spin 1.5s linear infinite;
+}
+.ani-spin.ani-fast,
+.ani-hover-spin.ani-fast:hover {
+ -webkit-animation: ani-spin 0.7s linear infinite;
+ animation: ani-spin 0.7s linear infinite;
+}
+.ani-spin.ani-slow,
+.ani-hover-spin.ani-slow:hover {
+ -webkit-animation: ani-spin 2.2s linear infinite;
+ animation: ani-spin 2.2s linear infinite;
+}
+.ani-pulse,
+.ani-hover-pulse:hover {
+ -webkit-animation: ani-pulse 1.7s infinite;
+ animation: ani-pulse 1.7s infinite;
+}
+.ani-pulse.ani-fast,
+.ani-hover-pulse.ani-fast:hover {
+ -webkit-animation: ani-pulse 1s infinite;
+ animation: ani-pulse 1s infinite;
+}
+.ani-pulse.ani-slow,
+.ani-hover-pulse.ani-slow:hover {
+ -webkit-animation: ani-pulse 3s infinite;
+ animation: ani-pulse 3s infinite;
+}
+.ani-spanner,
+.ani-hover-spanner:hover {
+ transform-origin-x: 90%;
+ transform-origin-y: 35%;
+ transform-origin-z: initial;
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.ani-spanner.ani-fast,
+.ani-hover-spanner.ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.ani-spanner.ani-slow,
+.ani-hover-spanner.ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.ani-ring,
+.ani-hover-ring:hover {
+ transform-origin-x: 50%;
+ transform-origin-y: 0px;
+ transform-origin-z: initial;
+ -webkit-animation: ani-ring 2s ease infinite;
+ animation: ani-ring 2s ease infinite;
+}
+.ani-ring.ani-fast,
+.ani-hover-ring.ani-fast:hover {
+ -webkit-animation: ani-ring 1s ease infinite;
+ animation: ani-ring 1s ease infinite;
+}
+.ani-ring.ani-slow,
+.ani-hover-ring.ani-slow:hover {
+ -webkit-animation: ani-ring 3s ease infinite;
+ animation: ani-ring 3s ease infinite;
+}
+.ani-vertical,
+.ani-hover-vertical:hover {
+ -webkit-animation: ani-vertical 2s ease infinite;
+ animation: ani-vertical 2s ease infinite;
+}
+.ani-vertical.ani-fast,
+.ani-vertical.ani-fast:hover {
+ -webkit-animation: ani-vertical 1s ease infinite;
+ animation: ani-vertical 1s ease infinite;
+}
+.ani-vertical.ani-slow,
+.ani-hover-vertical.ani-slow:hover {
+ -webkit-animation: ani-vertical 4s ease infinite;
+ animation: ani-vertical 4s ease infinite;
+}
+.ani-horizontal,
+.ani-hover-horizontal:hover {
+ -webkit-animation: ani-horizontal 2s ease infinite;
+ animation: ani-horizontal 2s ease infinite;
+}
+.ani-horizontal.ani-fast,
+.ani-horizontal.ani-fast:hover {
+ -webkit-animation: ani-horizontal 1s ease infinite;
+ animation: ani-horizontal 1s ease infinite;
+}
+.ani-horizontal.ani-slow,
+.ani-horizontal.ani-slow:hover {
+ -webkit-animation: ani-horizontal 3s ease infinite;
+ animation: ani-horizontal 3s ease infinite;
+}
+.ani-flash,
+.ani-hover-flash:hover {
+ -webkit-animation: ani-flash 2s ease infinite;
+ animation: ani-flash 2s ease infinite;
+}
+.ani-flash.ani-fast,
+.ani-hover-flash.ani-fast:hover {
+ -webkit-animation: ani-flash 1s ease infinite;
+ animation: ani-flash 1s ease infinite;
+}
+.ani-flash.ani-slow,
+.ani-hover-flash.ani-slow:hover {
+ -webkit-animation: ani-flash 3s ease infinite;
+ animation: ani-flash 3s ease infinite;
+}
+.ani-bounce,
+.ani-hover-bounce:hover {
+ -webkit-animation: ani-bounce 2s ease infinite;
+ animation: ani-bounce 2s ease infinite;
+}
+.ani-bounce.ani-fast,
+.ani-hover-bounce.ani-fast:hover {
+ -webkit-animation: ani-bounce 1s ease infinite;
+ animation: ani-bounce 1s ease infinite;
+}
+.ani-bounce.ani-slow,
+.ani-hover-bounce.ani-slow:hover {
+ -webkit-animation: ani-bounce 3s ease infinite;
+ animation: ani-bounce 3s ease infinite;
+}
+.ani-float,
+.ani-hover-float:hover {
+ -webkit-animation: ani-float 2s linear infinite;
+ animation: ani-float 2s linear infinite;
+}
+.ani-float.ani-fast,
+.ani-hover-float.ani-fast:hover {
+ -webkit-animation: ani-float 1s linear infinite;
+ animation: ani-float 1s linear infinite;
+}
+.ani-float.ani-slow,
+.ani-hover-float.ani-slow:hover {
+ -webkit-animation: ani-float 3s linear infinite;
+ animation: ani-float 3s linear infinite;
+}
+.ani-heartbeat,
+.ani-hover-heartbeat:hover {
+ -webkit-animation: ani-heartbeat 2s linear infinite;
+ animation: ani-heartbeat 2s linear infinite;
+}
+.ani-heartbeat.ani-fast,
+.ani-hover-heartbeat.ani-fast:hover {
+ -webkit-animation: ani-heartbeat 1s linear infinite;
+ animation: ani-heartbeat 1s linear infinite;
+}
+.ani-heartbeat.ani-slow,
+.ani-hover-heartbeat.ani-slow:hover {
+ -webkit-animation: ani-heartbeat 3s linear infinite;
+ animation: ani-heartbeat 3s linear infinite;
+}
+.ani-shake,
+.ani-hover-shake:hover {
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.ani-shake.ani-fast,
+.ani-hover-shake.ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.ani-shake.ani-slow,
+.ani-hover-shake.ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.ani-shuttle,
+.ani-hover-shuttle:hover {
+ -webkit-animation: ani-shuttle 2s linear infinite;
+ animation: ani-shuttle 2s linear infinite;
+}
+.ani-shuttle.ani-fast,
+.ani-hover-shuttle.ani-fast:hover {
+ -webkit-animation: ani-shuttle 1s linear infinite;
+ animation: ani-shuttle 1s linear infinite;
+}
+.ani-shuttle.ani-slow,
+.ani-hover-shuttle.ani-slow:hover {
+ -webkit-animation: ani-shuttle 3s linear infinite;
+ animation: ani-shuttle 3s linear infinite;
+}
+.ani-pass,
+.ani-hover-pass:hover {
+ -webkit-animation: ani-pass 2s linear infinite;
+ animation: ani-pass 2s linear infinite;
+}
+.ani-pass.ani-fast,
+.ani-hover-pass.ani-fast:hover {
+ -webkit-animation: ani-pass 1s linear infinite;
+ animation: ani-pass 1s linear infinite;
+}
+.ani-pass.ani-slow,
+.ani-hover-pass.ani-slow:hover {
+ -webkit-animation: ani-pass 3s linear infinite;
+ animation: ani-pass 3s linear infinite;
+}
+.ani-ripple,
+.ani-hover-ripple:hover {
+ -webkit-animation: ani-ripple 2s infinite linear;
+ animation: ani-ripple 2s infinite linear;
+}
+.ani-ripple.ani-fast,
+.ani-hover-ripple.ani-fast:hover {
+ -webkit-animation: ani-ripple 1s infinite linear;
+ animation: ani-ripple 1s infinite linear;
+}
+.ani-ripple.ani-slow,
+.ani-hover-ripple.ani-slow:hover {
+ -webkit-animation: ani-ripple 3s infinite linear;
+ animation: ani-ripple 3s infinite linear;
+}
+@-webkit-keyframes swinging {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 5% {
+ -webkit-transform: rotate(10deg);
+ transform: rotate(10deg);
+ }
+ 10% {
+ -webkit-transform: rotate(-9deg);
+ transform: rotate(-9deg);
+ }
+ 15% {
+ -webkit-transform: rotate(8deg);
+ transform: rotate(8deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg);
+ }
+ 25% {
+ -webkit-transform: rotate(6deg);
+ transform: rotate(6deg);
+ }
+ 30% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+ 35% {
+ -webkit-transform: rotate(4deg);
+ transform: rotate(4deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-3deg);
+ transform: rotate(-3deg);
+ }
+ 45% {
+ -webkit-transform: rotate(2deg);
+ transform: rotate(2deg);
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes swinging {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 5% {
+ -webkit-transform: rotate(10deg);
+ transform: rotate(10deg);
+ }
+ 10% {
+ -webkit-transform: rotate(-9deg);
+ transform: rotate(-9deg);
+ }
+ 15% {
+ -webkit-transform: rotate(8deg);
+ transform: rotate(8deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg);
+ }
+ 25% {
+ -webkit-transform: rotate(6deg);
+ transform: rotate(6deg);
+ }
+ 30% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+ 35% {
+ -webkit-transform: rotate(4deg);
+ transform: rotate(4deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-3deg);
+ transform: rotate(-3deg);
+ }
+ 45% {
+ -webkit-transform: rotate(2deg);
+ transform: rotate(2deg);
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes scaleout {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+@keyframes scaleout {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes cubemove {
+ 25% {
+ -webkit-transform: translateX(10px) rotate(-90deg);
+ transform: translateX(10px) rotate(-90deg);
+ }
+ 50% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
+ transform: translateX(10px) translateY(10px) rotate(-179deg);
+ }
+ 50.1% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
+ transform: translateX(10px) translateY(10px) rotate(-180deg);
+ }
+ 75% {
+ -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
+ transform: translateX(0px) translateY(10px) rotate(-270deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+@keyframes cubemove {
+ 25% {
+ -webkit-transform: translateX(10px) rotate(-90deg);
+ transform: translateX(10px) rotate(-90deg);
+ }
+ 50% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
+ transform: translateX(10px) translateY(10px) rotate(-179deg);
+ }
+ 50.1% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
+ transform: translateX(10px) translateY(10px) rotate(-180deg);
+ }
+ 75% {
+ -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
+ transform: translateX(0px) translateY(10px) rotate(-270deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+@-webkit-keyframes orbit {
+ 0% {
+ opacity: 1;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ }
+ 7% {
+ -webkit-transform: rotate(345deg);
+ transform: rotate(345deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 35% {
+ -webkit-transform: rotate(495deg);
+ transform: rotate(495deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+ 42% {
+ -webkit-transform: rotate(690deg);
+ transform: rotate(690deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 70% {
+ opacity: 1;
+ -webkit-transform: rotate(835deg);
+ transform: rotate(835deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 76% {
+ opacity: 1;
+ }
+ 77% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+ 78% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+}
+@keyframes orbit {
+ 0% {
+ opacity: 1;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ }
+ 7% {
+ -webkit-transform: rotate(345deg);
+ transform: rotate(345deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 35% {
+ -webkit-transform: rotate(495deg);
+ transform: rotate(495deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+ 42% {
+ -webkit-transform: rotate(690deg);
+ transform: rotate(690deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 70% {
+ opacity: 1;
+ -webkit-transform: rotate(835deg);
+ transform: rotate(835deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 76% {
+ opacity: 1;
+ }
+ 77% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+ 78% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes metro-slide {
+ 0% {
+ left: -50%;
+ }
+ 100% {
+ left: 150%;
+ }
+}
+@keyframes metro-slide {
+ 0% {
+ left: -50%;
+ }
+ 100% {
+ left: 150%;
+ }
+}
+@-webkit-keyframes metro-opacity {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: .5;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes metro-opacity {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: .5;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes ani-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes ani-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes ani-pulse {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes ani-pulse {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes ani-wrench {
+ 0% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 8% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 10% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 18% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 28% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 30% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 38% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 48% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 50% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 58% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 60% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 68% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 75% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes ani-wrench {
+ 0% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 8% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 10% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 18% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 28% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 30% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 38% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 48% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 50% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 58% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 60% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 68% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 75% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes ani-ring {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg);
+ }
+ 2% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+ 4% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 6% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 8% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg);
+ }
+ 10% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 14% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 16% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 18% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 20% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes ani-ring {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg);
+ }
+ 2% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+ 4% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 6% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 8% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg);
+ }
+ 10% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 14% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 16% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 18% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 20% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes ani-vertical {
+ 0% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 4% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 8% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 12% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 16% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 20% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 22% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@keyframes ani-vertical {
+ 0% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 4% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 8% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 12% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 16% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 20% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 22% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-webkit-keyframes ani-horizontal {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 6% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 12% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 18% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 24% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 30% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 36% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@keyframes ani-horizontal {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 6% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 12% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 18% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 24% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 30% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 36% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-webkit-keyframes ani-flash {
+ 0%,
+ 100%,
+ 50% {
+ opacity: 1;
+ }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+@keyframes ani-flash {
+ 0%,
+ 100%,
+ 50% {
+ opacity: 1;
+ }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-bounce {
+ 0%,
+ 10%,
+ 20%,
+ 50%,
+ 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 40% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+@keyframes ani-bounce {
+ 0%,
+ 10%,
+ 20%,
+ 50%,
+ 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 40% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+@-webkit-keyframes ani-float {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 50% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes ani-float {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 50% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes ani-heartbeat {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ 100% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+@keyframes ani-heartbeat {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ 100% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+@-webkit-keyframes ani-shuttle {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 10%,
+ 20% {
+ -webkit-transform: scale(0.9) rotate(-8deg);
+ transform: scale(0.9) rotate(-8deg);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: scale(1.3) rotate(8deg);
+ transform: scale(1.3) rotate(8deg);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: scale(1.3) rotate(-8deg);
+ transform: scale(1.3) rotate(-8deg);
+ }
+ 80% {
+ -webkit-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+@keyframes ani-shuttle {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 10%,
+ 20% {
+ -webkit-transform: scale(0.9) rotate(-8deg);
+ transform: scale(0.9) rotate(-8deg);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: scale(1.3) rotate(8deg);
+ transform: scale(1.3) rotate(8deg);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: scale(1.3) rotate(-8deg);
+ transform: scale(1.3) rotate(-8deg);
+ }
+ 80% {
+ -webkit-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+@-webkit-keyframes ani-pass {
+ 0% {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+ }
+ 50% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+ opacity: 0;
+ }
+}
+@keyframes ani-pass {
+ 0% {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+ }
+ 50% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-ripple {
+ 0% {
+ opacity: .6;
+ }
+ 50% {
+ -webkit-transform: scale(1.8);
+ transform: scale(1.8);
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes ani-ripple {
+ 0% {
+ opacity: .6;
+ }
+ 50% {
+ -webkit-transform: scale(1.8);
+ transform: scale(1.8);
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-shrink {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+@keyframes ani-shrink {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+@-webkit-keyframes ani-drop {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 25% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 25% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-drop2 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 50% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop2 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 50% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-drop3 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 75% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop3 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 75% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-pre-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes ani-pre-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes ani-bg-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+@keyframes ani-bg-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+.mif-ani-spin,
+.mif-ani-hover-spin:hover {
+ -webkit-animation: ani-spin 1.5s linear infinite;
+ animation: ani-spin 1.5s linear infinite;
+}
+.mif-ani-spin.mif-ani-fast,
+.mif-ani-hover-spin.mif-ani-fast:hover {
+ -webkit-animation: ani-spin 0.7s linear infinite;
+ animation: ani-spin 0.7s linear infinite;
+}
+.mif-ani-spin.mif-ani-slow,
+.mif-ani-hover-spin.mif-ani-slow:hover {
+ -webkit-animation: ani-spin 2.2s linear infinite;
+ animation: ani-spin 2.2s linear infinite;
+}
+.mif-ani-pulse,
+.mif-ani-hover-pulse:hover {
+ -webkit-animation: ani-pulse 1.7s infinite;
+ animation: ani-pulse 1.7s infinite;
+}
+.mif-ani-pulse.mif-ani-fast,
+.mif-ani-hover-pulse.mif-ani-fast:hover {
+ -webkit-animation: ani-pulse 1s infinite;
+ animation: ani-pulse 1s infinite;
+}
+.mif-ani-pulse.mif-ani-slow,
+.mif-ani-hover-pulse.mif-ani-slow:hover {
+ -webkit-animation: ani-pulse 3s infinite;
+ animation: ani-pulse 3s infinite;
+}
+.mif-ani-spanner,
+.mif-ani-hover-spanner:hover {
+ transform-origin-x: 90%;
+ transform-origin-y: 35%;
+ transform-origin-z: initial;
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.mif-ani-spanner.mif-ani-fast,
+.mif-ani-hover-spanner.mif-ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.mif-ani-spanner.mif-ani-slow,
+.mif-ani-hover-spanner.mif-ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.mif-ani-ring,
+.mif-ani-hover-ring:hover {
+ transform-origin-x: 50%;
+ transform-origin-y: 0px;
+ transform-origin-z: initial;
+ -webkit-animation: ani-ring 2s ease infinite;
+ animation: ani-ring 2s ease infinite;
+}
+.mif-ani-ring.mif-ani-fast,
+.mif-ani-hover-ring.mif-ani-fast:hover {
+ -webkit-animation: ani-ring 1s ease infinite;
+ animation: ani-ring 1s ease infinite;
+}
+.mif-ani-ring.mif-ani-slow,
+.mif-ani-hover-ring.mif-ani-slow:hover {
+ -webkit-animation: ani-ring 3s ease infinite;
+ animation: ani-ring 3s ease infinite;
+}
+.mif-ani-vertical,
+.mif-ani-hover-vertical:hover {
+ -webkit-animation: ani-vertical 2s ease infinite;
+ animation: ani-vertical 2s ease infinite;
+}
+.mif-ani-vertical.mif-ani-fast,
+.mif-ani-vertical.mif-ani-fast:hover {
+ -webkit-animation: ani-vertical 1s ease infinite;
+ animation: ani-vertical 1s ease infinite;
+}
+.mif-ani-vertical.mif-ani-slow,
+.mif-ani-hover-vertical.mif-ani-slow:hover {
+ -webkit-animation: ani-vertical 4s ease infinite;
+ animation: ani-vertical 4s ease infinite;
+}
+.mif-ani-horizontal,
+.mif-ani-hover-horizontal:hover {
+ -webkit-animation: ani-horizontal 2s ease infinite;
+ animation: ani-horizontal 2s ease infinite;
+}
+.mif-ani-horizontal.mif-ani-fast,
+.mif-ani-horizontal.mif-ani-fast:hover {
+ -webkit-animation: ani-horizontal 1s ease infinite;
+ animation: ani-horizontal 1s ease infinite;
+}
+.mif-ani-horizontal.mif-ani-slow,
+.mif-ani-horizontal.mif-ani-slow:hover {
+ -webkit-animation: ani-horizontal 3s ease infinite;
+ animation: ani-horizontal 3s ease infinite;
+}
+.mif-ani-flash,
+.mif-ani-hover-flash:hover {
+ -webkit-animation: ani-flash 2s ease infinite;
+ animation: ani-flash 2s ease infinite;
+}
+.mif-ani-flash.mif-ani-fast,
+.mif-ani-hover-flash.mif-ani-fast:hover {
+ -webkit-animation: ani-flash 1s ease infinite;
+ animation: ani-flash 1s ease infinite;
+}
+.mif-ani-flash.mif-ani-slow,
+.mif-ani-hover-flash.mif-ani-slow:hover {
+ -webkit-animation: ani-flash 3s ease infinite;
+ animation: ani-flash 3s ease infinite;
+}
+.mif-ani-bounce,
+.mif-ani-hover-bounce:hover {
+ -webkit-animation: ani-bounce 2s ease infinite;
+ animation: ani-bounce 2s ease infinite;
+}
+.mif-ani-bounce.mif-ani-fast,
+.mif-ani-hover-bounce.mif-ani-fast:hover {
+ -webkit-animation: ani-bounce 1s ease infinite;
+ animation: ani-bounce 1s ease infinite;
+}
+.mif-ani-bounce.mif-ani-slow,
+.mif-ani-hover-bounce.mif-ani-slow:hover {
+ -webkit-animation: ani-bounce 3s ease infinite;
+ animation: ani-bounce 3s ease infinite;
+}
+.mif-ani-float,
+.mif-ani-hover-float:hover {
+ -webkit-animation: ani-float 2s linear infinite;
+ animation: ani-float 2s linear infinite;
+}
+.mif-ani-float.mif-ani-fast,
+.mif-ani-hover-float.mif-ani-fast:hover {
+ -webkit-animation: ani-float 1s linear infinite;
+ animation: ani-float 1s linear infinite;
+}
+.mif-ani-float.mif-ani-slow,
+.mif-ani-hover-float.mif-ani-slow:hover {
+ -webkit-animation: ani-float 3s linear infinite;
+ animation: ani-float 3s linear infinite;
+}
+.mif-ani-heartbeat,
+.mif-ani-hover-heartbeat:hover {
+ -webkit-animation: ani-heartbeat 2s linear infinite;
+ animation: ani-heartbeat 2s linear infinite;
+}
+.mif-ani-heartbeat.mif-ani-fast,
+.mif-ani-hover-heartbeat.mif-ani-fast:hover {
+ -webkit-animation: ani-heartbeat 1s linear infinite;
+ animation: ani-heartbeat 1s linear infinite;
+}
+.mif-ani-heartbeat.mif-ani-slow,
+.mif-ani-hover-heartbeat.mif-ani-slow:hover {
+ -webkit-animation: ani-heartbeat 3s linear infinite;
+ animation: ani-heartbeat 3s linear infinite;
+}
+.mif-ani-shake,
+.mif-ani-hover-shake:hover {
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.mif-ani-shake.mif-ani-fast,
+.mif-ani-hover-shake.mif-ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.mif-ani-shake.mif-ani-slow,
+.mif-ani-hover-shake.mif-ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.mif-ani-shuttle,
+.mif-ani-hover-shuttle:hover {
+ -webkit-animation: ani-shuttle 2s linear infinite;
+ animation: ani-shuttle 2s linear infinite;
+}
+.mif-ani-shuttle.mif-ani-fast,
+.mif-ani-hover-shuttle.mif-ani-fast:hover {
+ -webkit-animation: ani-shuttle 1s linear infinite;
+ animation: ani-shuttle 1s linear infinite;
+}
+.mif-ani-shuttle.mif-ani-slow,
+.mif-ani-hover-shuttle.mif-ani-slow:hover {
+ -webkit-animation: ani-shuttle 3s linear infinite;
+ animation: ani-shuttle 3s linear infinite;
+}
+.mif-ani-pass,
+.mif-ani-hover-pass:hover {
+ -webkit-animation: ani-pass 2s linear infinite;
+ animation: ani-pass 2s linear infinite;
+}
+.mif-ani-pass.mif-ani-fast,
+.mif-ani-hover-pass.mif-ani-fast:hover {
+ -webkit-animation: ani-pass 1s linear infinite;
+ animation: ani-pass 1s linear infinite;
+}
+.mif-ani-pass.mif-ani-slow,
+.mif-ani-hover-pass.mif-ani-slow:hover {
+ -webkit-animation: ani-pass 3s linear infinite;
+ animation: ani-pass 3s linear infinite;
+}
+.mif-ani-ripple,
+.mif-ani-hover-ripple:hover {
+ -webkit-animation: ani-ripple 2s infinite linear;
+ animation: ani-ripple 2s infinite linear;
+}
+.mif-ani-ripple.mif-ani-fast,
+.mif-ani-hover-ripple.mif-ani-fast:hover {
+ -webkit-animation: ani-ripple 1s infinite linear;
+ animation: ani-ripple 1s infinite linear;
+}
+.mif-ani-ripple.mif-ani-slow,
+.mif-ani-hover-ripple.mif-ani-slow:hover {
+ -webkit-animation: ani-ripple 3s infinite linear;
+ animation: ani-ripple 3s infinite linear;
+}
+.mif-unlink:before {
+ content: "\f127";
+}
+.mif-fire-extinguisher:before {
+ content: "\f134";
+}
+.mif-eur:before {
+ content: "\f153";
+}
+.mif-gbp:before {
+ content: "\f154";
+}
+.mif-dollar2:before {
+ content: "\f155";
+}
+.mif-inr:before {
+ content: "\f156";
+}
+.mif-cny:before {
+ content: "\f157";
+}
+.mif-rouble:before {
+ content: "\f158";
+}
+.mif-krw:before {
+ content: "\f159";
+}
+.mif-bitcoin:before {
+ content: "\f15a";
+}
+.mif-youtube2:before {
+ content: "\f167";
+}
+.mif-youtube-play:before {
+ content: "\f16a";
+}
+.mif-linux:before {
+ content: "\f17c";
+}
+.mif-try:before {
+ content: "\f195";
+}
+.mif-space-shuttle:before {
+ content: "\f197";
+}
+.mif-openid:before {
+ content: "\f19b";
+}
+.mif-digg:before {
+ content: "\f1a6";
+}
+.mif-language:before {
+ content: "\f1ab";
+}
+.mif-automobile:before {
+ content: "\f1b9";
+}
+.mif-cab:before {
+ content: "\f1ba";
+}
+.mif-jsfiddle:before {
+ content: "\f1cc";
+}
+.mif-google-wallet:before {
+ content: "\f1ee";
+}
+.mif-copyright:before {
+ content: "\f1f9";
+}
+.mif-bicycle:before {
+ content: "\f206";
+}
+.mif-bus:before {
+ content: "\f207";
+}
+.mif-ship:before {
+ content: "\f21a";
+}
+.mif-motorcycle:before {
+ content: "\f21c";
+}
+.mif-train:before {
+ content: "\f238";
+}
+.mif-subway:before {
+ content: "\f239";
+}
+.mif-opencart:before {
+ content: "\f23d";
+}
+.mif-trademark:before {
+ content: "\f25c";
+}
+.mif-registered:before {
+ content: "\f25d";
+}
+.mif-creative-commons:before {
+ content: "\f25e";
+}
+.mif-wikipedia:before {
+ content: "\f266";
+}
+.mif-amazon:before {
+ content: "\f270";
+}
+.mif-fonticons:before {
+ content: "\f280";
+}
+.mif-user-md:before {
+ content: "\f0f0";
+}
+.mif-stethoscope:before {
+ content: "\f0f1";
+}
+.mif-ambulance:before {
+ content: "\f0f9";
+}
+.mif-medkit:before {
+ content: "\f0fa";
+}
+.mif-paw:before {
+ content: "\f1b0";
+}
+.mif-file-pdf:before {
+ content: "\f1c1";
+}
+.mif-file-word:before {
+ content: "\f1c2";
+}
+.mif-file-excel:before {
+ content: "\f1c3";
+}
+.mif-file-powerpoint:before {
+ content: "\f1c4";
+}
+.mif-file-image:before {
+ content: "\f1c5";
+}
+.mif-file-archive:before {
+ content: "\f1c6";
+}
+.mif-file-audio:before {
+ content: "\f1c7";
+}
+.mif-file-movie:before {
+ content: "\f1c8";
+}
+.mif-file-code:before {
+ content: "\f1c9";
+}
+.mif-visa:before {
+ content: "\f1f0";
+}
+.mif-mastercard:before {
+ content: "\f1f1";
+}
+.mif-discover:before {
+ content: "\f1f2";
+}
+.mif-amex:before {
+ content: "\f1f3";
+}
+.mif-cc-paypal:before {
+ content: "\f1f4";
+}
+.mif-heartbeat:before {
+ content: "\f21e";
+}
+.mif-venus:before {
+ content: "\f221";
+}
+.mif-mars:before {
+ content: "\f222";
+}
+.mif-medium:before {
+ content: "\f23a";
+}
+.mif-earth2:before {
+ content: "\e6c1";
+}
+.mif-shit:before {
+ content: "\e6c2";
+}
+.mif-broadcast:before {
+ content: "\f048";
+}
+.mif-organization:before {
+ content: "\f037";
+}
+.mif-squirrel:before {
+ content: "\f0b2";
+}
+.mif-steps:before {
+ content: "\f0c7";
+}
+.mif-versions:before {
+ content: "\f064";
+}
+.mif-microscope:before {
+ content: "\f089";
+}
+.mif-library:before {
+ content: "\e921";
+}
+.mif-file-binary:before {
+ content: "\f094";
+}
+.mif-mail-read:before {
+ content: "\f03c";
+}
+.mif-quote:before {
+ content: "\f063";
+}
+.mif-sunrise:before {
+ content: "\e66c";
+}
+.mif-sun:before {
+ content: "\e66d";
+}
+.mif-moon:before {
+ content: "\e66e";
+}
+.mif-sun3:before {
+ content: "\e66f";
+}
+.mif-windy:before {
+ content: "\e670";
+}
+.mif-wind:before {
+ content: "\e671";
+}
+.mif-snowflake:before {
+ content: "\e672";
+}
+.mif-cloudy:before {
+ content: "\e673";
+}
+.mif-cloud2:before {
+ content: "\e674";
+}
+.mif-weather:before {
+ content: "\e675";
+}
+.mif-weather2:before {
+ content: "\e676";
+}
+.mif-weather3:before {
+ content: "\e677";
+}
+.mif-lines:before {
+ content: "\e678";
+}
+.mif-cloud3:before {
+ content: "\e679";
+}
+.mif-lightning:before {
+ content: "\e67a";
+}
+.mif-lightning2:before {
+ content: "\e67b";
+}
+.mif-rainy:before {
+ content: "\e67c";
+}
+.mif-rainy2:before {
+ content: "\e67d";
+}
+.mif-windy2:before {
+ content: "\e67e";
+}
+.mif-windy3:before {
+ content: "\e67f";
+}
+.mif-snowy:before {
+ content: "\e680";
+}
+.mif-snowy2:before {
+ content: "\e681";
+}
+.mif-snowy3:before {
+ content: "\e682";
+}
+.mif-weather4:before {
+ content: "\e683";
+}
+.mif-cloudy2:before {
+ content: "\e684";
+}
+.mif-cloud4:before {
+ content: "\e685";
+}
+.mif-lightning3:before {
+ content: "\e686";
+}
+.mif-sun4:before {
+ content: "\e687";
+}
+.mif-moon2:before {
+ content: "\e688";
+}
+.mif-cloudy3:before {
+ content: "\e689";
+}
+.mif-cloud5:before {
+ content: "\e68a";
+}
+.mif-cloud6:before {
+ content: "\e68b";
+}
+.mif-lightning4:before {
+ content: "\e68c";
+}
+.mif-rainy3:before {
+ content: "\e68d";
+}
+.mif-rainy4:before {
+ content: "\e68e";
+}
+.mif-windy4:before {
+ content: "\e68f";
+}
+.mif-windy5:before {
+ content: "\e690";
+}
+.mif-snowy4:before {
+ content: "\e691";
+}
+.mif-snowy5:before {
+ content: "\e692";
+}
+.mif-weather5:before {
+ content: "\e693";
+}
+.mif-cloudy4:before {
+ content: "\e694";
+}
+.mif-lightning5:before {
+ content: "\e695";
+}
+.mif-thermometer:before {
+ content: "\e696";
+}
+.mif-none:before {
+ content: "\e698";
+}
+.mif-celsius:before {
+ content: "\e699";
+}
+.mif-fahrenheit:before {
+ content: "\e69a";
+}
+.mif-home:before {
+ content: "\e900";
+}
+.mif-pencil:before {
+ content: "\e905";
+}
+.mif-eyedropper:before {
+ content: "\e90a";
+}
+.mif-paint:before {
+ content: "\e90c";
+}
+.mif-image:before {
+ content: "\e90d";
+}
+.mif-images:before {
+ content: "\e90e";
+}
+.mif-camera:before {
+ content: "\e90f";
+}
+.mif-headphones:before {
+ content: "\e910";
+}
+.mif-music:before {
+ content: "\e911";
+}
+.mif-film:before {
+ content: "\e913";
+}
+.mif-video-camera:before {
+ content: "\e914";
+}
+.mif-dice:before {
+ content: "\e915";
+}
+.mif-wifi-connect:before {
+ content: "\e91b";
+}
+.mif-feed:before {
+ content: "\e91d";
+}
+.mif-mic:before {
+ content: "\e91e";
+}
+.mif-books:before {
+ content: "\e920";
+}
+.mif-file-empty:before {
+ content: "\e924";
+}
+.mif-files-empty:before {
+ content: "\e925";
+}
+.mif-file-text:before {
+ content: "\e926";
+}
+.mif-file-picture:before {
+ content: "\e927";
+}
+.mif-file-music:before {
+ content: "\e928";
+}
+.mif-file-play:before {
+ content: "\e929";
+}
+.mif-file-video:before {
+ content: "\e92a";
+}
+.mif-file-zip:before {
+ content: "\e92b";
+}
+.mif-stack:before {
+ content: "\e92e";
+}
+.mif-folder:before {
+ content: "\e92f";
+}
+.mif-folder-open:before {
+ content: "\e930";
+}
+.mif-folder-plus:before {
+ content: "\e931";
+}
+.mif-folder-minus:before {
+ content: "\e932";
+}
+.mif-folder-download:before {
+ content: "\e933";
+}
+.mif-folder-upload:before {
+ content: "\e934";
+}
+.mif-tag:before {
+ content: "\e935";
+}
+.mif-tags:before {
+ content: "\e936";
+}
+.mif-barcode:before {
+ content: "\e937";
+}
+.mif-qrcode:before {
+ content: "\e938";
+}
+.mif-cart:before {
+ content: "\e93a";
+}
+.mif-credit-card:before {
+ content: "\e93f";
+}
+.mif-calculator:before {
+ content: "\e940";
+}
+.mif-help:before {
+ content: "\e941";
+}
+.mif-phone:before {
+ content: "\e942";
+}
+.mif-envelop:before {
+ content: "\e945";
+}
+.mif-location:before {
+ content: "\e948";
+}
+.mif-compass:before {
+ content: "\e949";
+}
+.mif-compass2:before {
+ content: "\e94a";
+}
+.mif-map:before {
+ content: "\e94b";
+}
+.mif-history:before {
+ content: "\e94d";
+}
+.mif-bell:before {
+ content: "\e951";
+}
+.mif-calendar:before {
+ content: "\e953";
+}
+.mif-printer:before {
+ content: "\e954";
+}
+.mif-keyboard:before {
+ content: "\e955";
+}
+.mif-display:before {
+ content: "\e956";
+}
+.mif-laptop:before {
+ content: "\e957";
+}
+.mif-mobile:before {
+ content: "\e959";
+}
+.mif-tablet:before {
+ content: "\e95a";
+}
+.mif-download:before {
+ content: "\e960";
+}
+.mif-upload:before {
+ content: "\e961";
+}
+.mif-floppy-disk:before {
+ content: "\e962";
+}
+.mif-drive:before {
+ content: "\e963";
+}
+.mif-database:before {
+ content: "\e964";
+}
+.mif-undo:before {
+ content: "\e965";
+}
+.mif-redo:before {
+ content: "\e966";
+}
+.mif-bubble:before {
+ content: "\e96b";
+}
+.mif-bubbles:before {
+ content: "\e96c";
+}
+.mif-user:before {
+ content: "\e971";
+}
+.mif-users:before {
+ content: "\e972";
+}
+.mif-user-plus:before {
+ content: "\e973";
+}
+.mif-user-minus:before {
+ content: "\e974";
+}
+.mif-user-check:before {
+ content: "\e975";
+}
+.mif-hour-glass:before {
+ content: "\e979";
+}
+.mif-spinner:before {
+ content: "\e97a";
+}
+.mif-spinner1:before {
+ content: "\e97b";
+}
+.mif-spinner2:before {
+ content: "\e97d";
+}
+.mif-spinner3:before {
+ content: "\e981";
+}
+.mif-spinner4:before {
+ content: "\e982";
+}
+.mif-spinner5:before {
+ content: "\e983";
+}
+.mif-search:before {
+ content: "\e986";
+}
+.mif-zoom-in:before {
+ content: "\e987";
+}
+.mif-zoom-out:before {
+ content: "\e988";
+}
+.mif-enlarge:before {
+ content: "\e989";
+}
+.mif-shrink:before {
+ content: "\e98a";
+}
+.mif-enlarge2:before {
+ content: "\e98b";
+}
+.mif-shrink2:before {
+ content: "\e98c";
+}
+.mif-key:before {
+ content: "\e98d";
+}
+.mif-wrench:before {
+ content: "\e991";
+}
+.mif-equalizer:before {
+ content: "\e992";
+}
+.mif-equalizer-v:before {
+ content: "\e993";
+}
+.mif-cog:before {
+ content: "\e994";
+}
+.mif-cogs:before {
+ content: "\e995";
+}
+.mif-magic-wand:before {
+ content: "\e997";
+}
+.mif-bug:before {
+ content: "\e999";
+}
+.mif-chart-pie:before {
+ content: "\e99a";
+}
+.mif-chart-dots:before {
+ content: "\e99b";
+}
+.mif-chart-bars:before {
+ content: "\e99c";
+}
+.mif-chart-bars2:before {
+ content: "\e99d";
+}
+.mif-trophy:before {
+ content: "\e99e";
+}
+.mif-gift:before {
+ content: "\e99f";
+}
+.mif-spoon-fork:before {
+ content: "\e9a3";
+}
+.mif-rocket:before {
+ content: "\e9a5";
+}
+.mif-meter:before {
+ content: "\e9a6";
+}
+.mif-hammer:before {
+ content: "\e9a8";
+}
+.mif-fire:before {
+ content: "\e9a9";
+}
+.mif-lab:before {
+ content: "\e9aa";
+}
+.mif-bin:before {
+ content: "\e9ac";
+}
+.mif-truck:before {
+ content: "\e9b0";
+}
+.mif-target:before {
+ content: "\e9b3";
+}
+.mif-power:before {
+ content: "\e9b5";
+}
+.mif-switch:before {
+ content: "\e9b6";
+}
+.mif-power-cord:before {
+ content: "\e9b7";
+}
+.mif-clipboard:before {
+ content: "\e9b8";
+}
+.mif-list-numbered:before {
+ content: "\e9b9";
+}
+.mif-list:before {
+ content: "\e9ba";
+}
+.mif-list2:before {
+ content: "\e9bb";
+}
+.mif-tree:before {
+ content: "\e9bc";
+}
+.mif-cloud:before {
+ content: "\e9c1";
+}
+.mif-cloud-download:before {
+ content: "\e9c2";
+}
+.mif-cloud-upload:before {
+ content: "\e9c3";
+}
+.mif-download2:before {
+ content: "\e9c7";
+}
+.mif-upload2:before {
+ content: "\e9c8";
+}
+.mif-earth:before {
+ content: "\e9ca";
+}
+.mif-link:before {
+ content: "\e9cb";
+}
+.mif-flag:before {
+ content: "\e9cc";
+}
+.mif-attachment:before {
+ content: "\e9cd";
+}
+.mif-eye:before {
+ content: "\e9ce";
+}
+.mif-bookmark:before {
+ content: "\e9d2";
+}
+.mif-bookmarks:before {
+ content: "\e9d3";
+}
+.mif-contrast:before {
+ content: "\e9d5";
+}
+.mif-brightness:before {
+ content: "\e9d6";
+}
+.mif-star-empty:before {
+ content: "\e9d7";
+}
+.mif-star-half:before {
+ content: "\e9d8";
+}
+.mif-star-full:before {
+ content: "\e9d9";
+}
+.mif-heart:before {
+ content: "\e9da";
+}
+.mif-heart-broken:before {
+ content: "\e9db";
+}
+.mif-warning:before {
+ content: "\ea07";
+}
+.mif-notification:before {
+ content: "\ea08";
+}
+.mif-question:before {
+ content: "\ea09";
+}
+.mif-plus:before {
+ content: "\ea0a";
+}
+.mif-minus:before {
+ content: "\ea0b";
+}
+.mif-info:before {
+ content: "\ea0c";
+}
+.mif-cancel:before {
+ content: "\ea0d";
+}
+.mif-blocked:before {
+ content: "\ea0e";
+}
+.mif-cross:before {
+ content: "\ea0f";
+}
+.mif-checkmark:before {
+ content: "\ea10";
+}
+.mif-spell-check:before {
+ content: "\ea12";
+}
+.mif-enter:before {
+ content: "\ea13";
+}
+.mif-exit:before {
+ content: "\ea14";
+}
+.mif-play:before {
+ content: "\ea1c";
+}
+.mif-pause:before {
+ content: "\ea1d";
+}
+.mif-stop:before {
+ content: "\ea1e";
+}
+.mif-backward:before {
+ content: "\ea1f";
+}
+.mif-forward:before {
+ content: "\ea20";
+}
+.mif-first:before {
+ content: "\ea21";
+}
+.mif-last:before {
+ content: "\ea22";
+}
+.mif-previous:before {
+ content: "\ea23";
+}
+.mif-next:before {
+ content: "\ea24";
+}
+.mif-eject:before {
+ content: "\ea25";
+}
+.mif-volume-high:before {
+ content: "\ea26";
+}
+.mif-volume-medium:before {
+ content: "\ea27";
+}
+.mif-volume-low:before {
+ content: "\ea28";
+}
+.mif-volume-mute:before {
+ content: "\ea29";
+}
+.mif-volume-mute2:before {
+ content: "\ea2a";
+}
+.mif-volume-plus:before {
+ content: "\ea2b";
+}
+.mif-volume-minus:before {
+ content: "\ea2c";
+}
+.mif-loop:before {
+ content: "\ea2d";
+}
+.mif-loop2:before {
+ content: "\ea2e";
+}
+.mif-infinite:before {
+ content: "\ea2f";
+}
+.mif-shuffle:before {
+ content: "\ea30";
+}
+.mif-arrow-up-left:before {
+ content: "\ea39";
+}
+.mif-arrow-up:before {
+ content: "\ea3a";
+}
+.mif-arrow-up-right:before {
+ content: "\ea3b";
+}
+.mif-arrow-right:before {
+ content: "\ea3c";
+}
+.mif-arrow-down-right:before {
+ content: "\ea3d";
+}
+.mif-arrow-down:before {
+ content: "\ea3e";
+}
+.mif-arrow-down-left:before {
+ content: "\ea3f";
+}
+.mif-arrow-left:before {
+ content: "\ea40";
+}
+.mif-tab:before {
+ content: "\ea45";
+}
+.mif-move-up:before {
+ content: "\ea46";
+}
+.mif-move-down:before {
+ content: "\ea47";
+}
+.mif-sort-asc:before {
+ content: "\ea4c";
+}
+.mif-sort-desc:before {
+ content: "\ea4d";
+}
+.mif-command:before {
+ content: "\ea4e";
+}
+.mif-shift:before {
+ content: "\ea4f";
+}
+.mif-crop:before {
+ content: "\ea57";
+}
+.mif-filter:before {
+ content: "\ea5b";
+}
+.mif-bold:before {
+ content: "\ea62";
+}
+.mif-underline:before {
+ content: "\ea63";
+}
+.mif-italic:before {
+ content: "\ea64";
+}
+.mif-strikethrough:before {
+ content: "\ea65";
+}
+.mif-page-break:before {
+ content: "\ea68";
+}
+.mif-superscript:before {
+ content: "\ea69";
+}
+.mif-subscript:before {
+ content: "\ea6a";
+}
+.mif-table:before {
+ content: "\ea71";
+}
+.mif-insert-template:before {
+ content: "\ea72";
+}
+.mif-pilcrow:before {
+ content: "\ea73";
+}
+.mif-ltr:before {
+ content: "\ea74";
+}
+.mif-rtl:before {
+ content: "\ea75";
+}
+.mif-section:before {
+ content: "\ea76";
+}
+.mif-paragraph-left:before {
+ content: "\ea77";
+}
+.mif-paragraph-center:before {
+ content: "\ea78";
+}
+.mif-paragraph-right:before {
+ content: "\ea79";
+}
+.mif-paragraph-justify:before {
+ content: "\ea7a";
+}
+.mif-indent-increase:before {
+ content: "\ea7b";
+}
+.mif-indent-decrease:before {
+ content: "\ea7c";
+}
+.mif-embed:before {
+ content: "\ea7f";
+}
+.mif-embed2:before {
+ content: "\ea80";
+}
+.mif-share:before {
+ content: "\ea82";
+}
+.mif-google:before {
+ content: "\ea87";
+}
+.mif-google-plus:before {
+ content: "\ea88";
+}
+.mif-facebook:before {
+ content: "\ea8d";
+}
+.mif-twitter:before {
+ content: "\ea91";
+}
+.mif-feed3:before {
+ content: "\ea95";
+}
+.mif-youtube:before {
+ content: "\ea99";
+}
+.mif-steam:before {
+ content: "\eaae";
+}
+.mif-onedrive:before {
+ content: "\eab0";
+}
+.mif-github:before {
+ content: "\eab3";
+}
+.mif-git:before {
+ content: "\eab5";
+}
+.mif-apple:before {
+ content: "\eabf";
+}
+.mif-android:before {
+ content: "\eac1";
+}
+.mif-windows:before {
+ content: "\eac3";
+}
+.mif-skype:before {
+ content: "\eac6";
+}
+.mif-linkedin:before {
+ content: "\eac8";
+}
+.mif-html5:before {
+ content: "\eadf";
+}
+.mif-css3:before {
+ content: "\eae1";
+}
+.mif-chrome:before {
+ content: "\eae5";
+}
+.mif-firefox:before {
+ content: "\eae6";
+}
+.mif-ie:before {
+ content: "\eae7";
+}
+.mif-opera:before {
+ content: "\eae8";
+}
+.mif-safari:before {
+ content: "\eae9";
+}
+.mif-airplane:before {
+ content: "\e6c3";
+}
+.mif-truck2:before {
+ content: "\e6c4";
+}
+.mif-instagram:before {
+ content: "\e6c5";
+}
+.mif-twitch:before {
+ content: "\e6c6";
+}
+.mif-picassa:before {
+ content: "\e6c7";
+}
+.mif-deviantart2:before {
+ content: "\e6c8";
+}
+.mif-wordpress2:before {
+ content: "\e6c9";
+}
+.mif-joomla:before {
+ content: "\e6ca";
+}
+.mif-blogger:before {
+ content: "\e6cb";
+}
+.mif-tux:before {
+ content: "\e6cc";
+}
+.mif-finder:before {
+ content: "\e6cd";
+}
+.mif-soundcloud:before {
+ content: "\e6ce";
+}
+.mif-reddit:before {
+ content: "\e6cf";
+}
+.mif-delicious:before {
+ content: "\e6d0";
+}
+.mif-stackoverflow:before {
+ content: "\e6d1";
+}
+.mif-flattr:before {
+ content: "\e6d2";
+}
+.mif-foursquare:before {
+ content: "\e6d3";
+}
+.mif-file-openoffice:before {
+ content: "\e6d4";
+}
+.mif-libreoffice:before {
+ content: "\e6d5";
+}
+.mif-codepen:before {
+ content: "\e6d6";
+}
+.mif-IcoMoon:before {
+ content: "\e6d7";
+}
+.mif-stack2:before {
+ content: "\e6b9";
+}
+.mif-stack3:before {
+ content: "\e6ba";
+}
+.mif-lamp:before {
+ content: "\e6bb";
+}
+.mif-injection:before {
+ content: "\e6bc";
+}
+.mif-thermometer2:before {
+ content: "\e6bd";
+}
+.mif-justice:before {
+ content: "\e6be";
+}
+.mif-cabinet:before {
+ content: "\e62b";
+}
+.mif-suitcase:before {
+ content: "\e62c";
+}
+.mif-gamepad:before {
+ content: "\e65e";
+}
+.mif-satellite:before {
+ content: "\e65f";
+}
+.mif-lock:before {
+ content: "\e660";
+}
+.mif-unlock:before {
+ content: "\e661";
+}
+.mif-battery-full:before {
+ content: "\e62d";
+}
+.mif-battery-two:before {
+ content: "\e62e";
+}
+.mif-battery-one:before {
+ content: "\e62f";
+}
+.mif-battery-empty:before {
+ content: "\e630";
+}
+.mif-battery-charge:before {
+ content: "\e631";
+}
+.mif-tools:before {
+ content: "\e632";
+}
+.mif-pin:before {
+ content: "\e662";
+}
+.mif-discout:before {
+ content: "\e663";
+}
+.mif-profile:before {
+ content: "\e664";
+}
+.mif-dollar:before {
+ content: "\e665";
+}
+.mif-dollars:before {
+ content: "\e666";
+}
+.mif-coins:before {
+ content: "\e6b8";
+}
+.mif-male:before {
+ content: "\e667";
+}
+.mif-female:before {
+ content: "\e668";
+}
+.mif-piano:before {
+ content: "\e669";
+}
+.mif-anchor:before {
+ content: "\e66a";
+}
+.mif-directions-bike:before {
+ content: "\e6bf";
+}
+.mif-location-city:before {
+ content: "\e6c0";
+}
+.mif-wifi-low:before {
+ content: "\e60c";
+}
+.mif-wifi-mid:before {
+ content: "\e60d";
+}
+.mif-wifi-full:before {
+ content: "\e634";
+}
+.mif-tablet-landscape:before {
+ content: "\e635";
+}
+.mif-calculator2:before {
+ content: "\e636";
+}
+.mif-barbell:before {
+ content: "\e637";
+}
+.mif-chart-line:before {
+ content: "\e656";
+}
+.mif-3d-rotation:before {
+ content: "\e600";
+}
+.mif-alarm:before {
+ content: "\e601";
+}
+.mif-alarm-on:before {
+ content: "\e602";
+}
+.mif-favorite:before {
+ content: "\e603";
+}
+.mif-perm-phone-msg:before {
+ content: "\e604";
+}
+.mif-print:before {
+ content: "\e605";
+}
+.mif-bt-settings:before {
+ content: "\e606";
+}
+.mif-settings-ethernet:before {
+ content: "\e607";
+}
+.mif-settings-phone:before {
+ content: "\e608";
+}
+.mif-settings-power:before {
+ content: "\e609";
+}
+.mif-settings-voice:before {
+ content: "\e60a";
+}
+.mif-shopping-basket:before {
+ content: "\e60b";
+}
+.mif-dialer-sip:before {
+ content: "\e60e";
+}
+.mif-dialpad:before {
+ content: "\e60f";
+}
+.mif-contacts-dialer:before {
+ content: "\e610";
+}
+.mif-contacts-mail:before {
+ content: "\e611";
+}
+.mif-ring-volume:before {
+ content: "\e612";
+}
+.mif-voicemail:before {
+ content: "\e613";
+}
+.mif-drafts:before {
+ content: "\e614";
+}
+.mif-mail:before {
+ content: "\e615";
+}
+.mif-bluetooth:before {
+ content: "\e626";
+}
+.mif-bt-connected:before {
+ content: "\e627";
+}
+.mif-bt-disabled:before {
+ content: "\e628";
+}
+.mif-bt-searching:before {
+ content: "\e629";
+}
+.mif-brightness-auto:before {
+ content: "\e62a";
+}
+.mif-multitrack-audio:before {
+ content: "\e616";
+}
+.mif-widgets:before {
+ content: "\e617";
+}
+.mif-usb:before {
+ content: "\e638";
+}
+.mif-money:before {
+ content: "\e639";
+}
+.mif-vertical-align-bottom:before {
+ content: "\e63a";
+}
+.mif-vertical-align-center:before {
+ content: "\e63b";
+}
+.mif-vertical-align-top:before {
+ content: "\e63c";
+}
+.mif-file-download:before {
+ content: "\e63d";
+}
+.mif-file-upload:before {
+ content: "\e63e";
+}
+.mif-keyboard-return:before {
+ content: "\e63f";
+}
+.mif-keyboard-voice:before {
+ content: "\e640";
+}
+.mif-phonelink:before {
+ content: "\e641";
+}
+.mif-phonelink-off:before {
+ content: "\e642";
+}
+.mif-security:before {
+ content: "\e618";
+}
+.mif-looks:before {
+ content: "\e643";
+}
+.mif-palette:before {
+ content: "\e619";
+}
+.mif-layers:before {
+ content: "\e644";
+}
+.mif-layers-clear:before {
+ content: "\e61a";
+}
+.mif-local-airport:before {
+ content: "\e645";
+}
+.mif-florist:before {
+ content: "\e61b";
+}
+.mif-gas-station:before {
+ content: "\e61c";
+}
+.mif-hotel:before {
+ content: "\e646";
+}
+.mif-local-service:before {
+ content: "\e61d";
+}
+.mif-map2:before {
+ content: "\e620";
+}
+.mif-my-location:before {
+ content: "\e61e";
+}
+.mif-traff:before {
+ content: "\e621";
+}
+.mif-apps:before {
+ content: "\e647";
+}
+.mif-chevron-left:before {
+ content: "\e648";
+}
+.mif-chevron-right:before {
+ content: "\e649";
+}
+.mif-expand-less:before {
+ content: "\e64a";
+}
+.mif-expand-more:before {
+ content: "\e64b";
+}
+.mif-menu:before {
+ content: "\e64c";
+}
+.mif-more-horiz:before {
+ content: "\e64d";
+}
+.mif-more-vert:before {
+ content: "\e64e";
+}
+.mif-unfold-less:before {
+ content: "\e64f";
+}
+.mif-unfold-more:before {
+ content: "\e650";
+}
+.mif-bt-audio:before {
+ content: "\e651";
+}
+.mif-not:before {
+ content: "\e633";
+}
+.mif-drive-eta:before {
+ content: "\e652";
+}
+.mif-event-available:before {
+ content: "\e653";
+}
+.mif-event-busy:before {
+ content: "\e654";
+}
+.mif-folder-special:before {
+ content: "\e655";
+}
+.mif-phone-bt:before {
+ content: "\e657";
+}
+.mif-phone-forwarded:before {
+ content: "\e658";
+}
+.mif-phone-in-talk:before {
+ content: "\e659";
+}
+.mif-phone-locked:before {
+ content: "\e65a";
+}
+.mif-phone-missed:before {
+ content: "\e65b";
+}
+.mif-phone-paused:before {
+ content: "\e65c";
+}
+.mif-sd-card:before {
+ content: "\e65d";
+}
+.mif-sync-disabled:before {
+ content: "\e622";
+}
+.mif-sync-problem:before {
+ content: "\e623";
+}
+.mif-vpn-lock:before {
+ content: "\e624";
+}
+.mif-vpn-publ:before {
+ content: "\e625";
+}
+.mif-school:before {
+ content: "\e61f";
+}
+.mif-chevron-thin-down:before {
+ content: "\e66b";
+}
+.mif-chevron-thin-left:before {
+ content: "\e697";
+}
+.mif-chevron-thin-right:before {
+ content: "\e69b";
+}
+.mif-chevron-thin-up:before {
+ content: "\e69c";
+}
+.mif-flow-branch:before {
+ content: "\e69d";
+}
+.mif-flow-cascade:before {
+ content: "\e69e";
+}
+.mif-flow-line:before {
+ content: "\e69f";
+}
+.mif-flow-parallel:before {
+ content: "\e6a0";
+}
+.mif-flow-tree:before {
+ content: "\e6a1";
+}
+.mif-air:before {
+ content: "\e6a2";
+}
+.mif-medal:before {
+ content: "\e6a3";
+}
+.mif-paper-plane:before {
+ content: "\e6a4";
+}
+.mif-shareable:before {
+ content: "\e6a5";
+}
+.mif-shop:before {
+ content: "\e6a6";
+}
+.mif-shopping-basket2:before {
+ content: "\e6a7";
+}
+.mif-thumbs-down:before {
+ content: "\e6a8";
+}
+.mif-thumbs-up:before {
+ content: "\e6a9";
+}
+.mif-traffic-cone:before {
+ content: "\e6aa";
+}
+.mif-water:before {
+ content: "\e6ab";
+}
+.mif-creative-cloud:before {
+ content: "\e6ac";
+}
+.mif-dropbox:before {
+ content: "\e6ad";
+}
+.mif-evernote:before {
+ content: "\e6ae";
+}
+.mif-paypal:before {
+ content: "\e6af";
+}
+.mif-swarm:before {
+ content: "\e6b0";
+}
+.mif-vk:before {
+ content: "\e6b1";
+}
+.mif-yelp:before {
+ content: "\e6b2";
+}
+.mif-dribbble:before {
+ content: "\e6b3";
+}
+.mif-lastfm:before {
+ content: "\e6b4";
+}
+.mif-pinterest:before {
+ content: "\e6b5";
+}
+.mif-stumbleupon:before {
+ content: "\e6b6";
+}
+.mif-vimeo:before {
+ content: "\e6b7";
+}
diff --git a/css/metro-icons.min.css b/css/metro-icons.min.css
new file mode 100755
index 0000000..7623dc6
--- /dev/null
+++ b/css/metro-icons.min.css
@@ -0,0 +1 @@
+.after-fg-black:after,.before-fg-black:before,.fg-active-black:active,.fg-black,.fg-focus-black:focus,.fg-hover-black:hover{color:#000!important}@font-face{font-family:metro;src:url(../fonts/metro.eot?izvoei);src:url(../fonts/metro.eot?#iefixizvoei)format('embedded-opentype'),url(../fonts/metro.woff?izvoei)format('woff'),url(../fonts/metro.ttf?izvoei)format('truetype'),url(../fonts/metro.svg?izvoei#metro)format('svg');font-weight:400;font-style:normal}[class*=" mif-"],[class^=mif-]{display:inline-block;font:normal normal normal 1.5em/1;font-family:metro,"Segoe UI","Open Sans",serif;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);transform:translate(0,0);vertical-align:middle;position:static}[class*=" mif-"]:before,[class^=mif-]:before{font-family:metro,serif}.mif-lg{font-size:1.3rem;line-height:.75em;vertical-align:-35%}.mif-2x{font-size:1.75rem;vertical-align:-25%}.mif-3x{font-size:2.625rem;vertical-align:-30%}.mif-4x{font-size:3.5rem;vertical-align:-35%}.op-default{background-color:rgba(27,161,226,.7)}.bg-black{background-color:#000!important}.bd-black{border-color:#000!important}.ol-black{outline-color:#000!important}.op-black{background-color:rgba(0,0,0,.7)}.ribbed-black{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#000!important;background-size:40px 40px!important}.after-bg-black:after,.before-bg-black:before,.bg-active-black:active,.bg-focus-black:focus,.bg-hover-black:hover{background:#000!important}.after-fg-white:after,.before-fg-white:before,.fg-active-white:active,.fg-focus-white:focus,.fg-hover-white:hover,.fg-white{color:#fff!important}.bg-white{background-color:#fff!important}.bd-white{border-color:#fff!important}.ol-white{outline-color:#fff!important}.op-white{background-color:rgba(255,255,255,.7)}.ribbed-white{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#fff!important;background-size:40px 40px!important}.after-bg-white:after,.before-bg-white:before,.bg-active-white:active,.bg-focus-white:focus,.bg-hover-white:hover{background:#fff!important}.after-fg-lime:after,.before-fg-lime:before,.fg-active-lime:active,.fg-focus-lime:focus,.fg-hover-lime:hover,.fg-lime{color:#a4c400!important}.bg-lime{background-color:#a4c400!important}.bd-lime{border-color:#a4c400!important}.ol-lime{outline-color:#a4c400!important}.op-lime{background-color:rgba(164,196,0,.7)}.ribbed-lime{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a4c400!important;background-size:40px 40px!important}.after-bg-lime:after,.before-bg-lime:before,.bg-active-lime:active,.bg-focus-lime:focus,.bg-hover-lime:hover{background:#a4c400!important}.after-fg-green:after,.before-fg-green:before,.fg-active-green:active,.fg-focus-green:focus,.fg-green,.fg-hover-green:hover{color:#60a917!important}.bg-green{background-color:#60a917!important}.bd-green{border-color:#60a917!important}.ol-green{outline-color:#60a917!important}.op-green{background-color:rgba(96,169,23,.7)}.ribbed-green{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#60a917!important;background-size:40px 40px!important}.after-bg-green:after,.before-bg-green:before,.bg-active-green:active,.bg-focus-green:focus,.bg-hover-green:hover{background:#60a917!important}.after-fg-emerald:after,.before-fg-emerald:before,.fg-active-emerald:active,.fg-emerald,.fg-focus-emerald:focus,.fg-hover-emerald:hover{color:#008a00!important}.bg-emerald{background-color:#008a00!important}.bd-emerald{border-color:#008a00!important}.ol-emerald{outline-color:#008a00!important}.op-emerald{background-color:rgba(0,138,0,.7)}.ribbed-emerald{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#008a00!important;background-size:40px 40px!important}.after-bg-emerald:after,.before-bg-emerald:before,.bg-active-emerald:active,.bg-focus-emerald:focus,.bg-hover-emerald:hover{background:#008a00!important}.after-fg-blue:after,.before-fg-blue:before,.fg-active-blue:active,.fg-blue,.fg-focus-blue:focus,.fg-hover-blue:hover{color:#00aff0!important}.bg-blue{background-color:#00aff0!important}.bd-blue{border-color:#00aff0!important}.ol-blue{outline-color:#00aff0!important}.op-blue{background-color:rgba(0,175,240,.7)}.ribbed-blue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00aff0!important;background-size:40px 40px!important}.after-bg-blue:after,.before-bg-blue:before,.bg-active-blue:active,.bg-focus-blue:focus,.bg-hover-blue:hover{background:#00aff0!important}.after-fg-teal:after,.before-fg-teal:before,.fg-active-teal:active,.fg-focus-teal:focus,.fg-hover-teal:hover,.fg-teal{color:#00aba9!important}.bg-teal{background-color:#00aba9!important}.bd-teal{border-color:#00aba9!important}.ol-teal{outline-color:#00aba9!important}.op-teal{background-color:rgba(0,171,169,.7)}.ribbed-teal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00aba9!important;background-size:40px 40px!important}.after-bg-teal:after,.before-bg-teal:before,.bg-active-teal:active,.bg-focus-teal:focus,.bg-hover-teal:hover{background:#00aba9!important}.after-fg-cyan:after,.before-fg-cyan:before,.fg-active-cyan:active,.fg-cyan,.fg-focus-cyan:focus,.fg-hover-cyan:hover{color:#1ba1e2!important}.bg-cyan{background-color:#1ba1e2!important}.bd-cyan{border-color:#1ba1e2!important}.ol-cyan{outline-color:#1ba1e2!important}.op-cyan{background-color:rgba(27,161,226,.7)}.ribbed-cyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1ba1e2!important;background-size:40px 40px!important}.after-bg-cyan:after,.before-bg-cyan:before,.bg-active-cyan:active,.bg-focus-cyan:focus,.bg-hover-cyan:hover{background:#1ba1e2!important}.after-fg-cobalt:after,.before-fg-cobalt:before,.fg-active-cobalt:active,.fg-cobalt,.fg-focus-cobalt:focus,.fg-hover-cobalt:hover{color:#0050ef!important}.bg-cobalt{background-color:#0050ef!important}.bd-cobalt{border-color:#0050ef!important}.ol-cobalt{outline-color:#0050ef!important}.op-cobalt{background-color:rgba(0,80,239,.7)}.ribbed-cobalt{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#0050ef!important;background-size:40px 40px!important}.after-bg-cobalt:after,.before-bg-cobalt:before,.bg-active-cobalt:active,.bg-focus-cobalt:focus,.bg-hover-cobalt:hover{background:#0050ef!important}.after-fg-indigo:after,.before-fg-indigo:before,.fg-active-indigo:active,.fg-focus-indigo:focus,.fg-hover-indigo:hover,.fg-indigo{color:#6a00ff!important}.bg-indigo{background-color:#6a00ff!important}.bd-indigo{border-color:#6a00ff!important}.ol-indigo{outline-color:#6a00ff!important}.op-indigo{background-color:rgba(106,0,255,.7)}.ribbed-indigo{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#6a00ff!important;background-size:40px 40px!important}.after-bg-indigo:after,.before-bg-indigo:before,.bg-active-indigo:active,.bg-focus-indigo:focus,.bg-hover-indigo:hover{background:#6a00ff!important}.after-fg-violet:after,.before-fg-violet:before,.fg-active-violet:active,.fg-focus-violet:focus,.fg-hover-violet:hover,.fg-violet{color:#a0f!important}.bg-violet{background-color:#a0f!important}.bd-violet{border-color:#a0f!important}.ol-violet{outline-color:#a0f!important}.op-violet{background-color:rgba(170,0,255,.7)}.ribbed-violet{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a0f!important;background-size:40px 40px!important}.after-bg-violet:after,.before-bg-violet:before,.bg-active-violet:active,.bg-focus-violet:focus,.bg-hover-violet:hover{background:#a0f!important}.after-fg-pink:after,.before-fg-pink:before,.fg-active-pink:active,.fg-focus-pink:focus,.fg-hover-pink:hover,.fg-pink{color:#dc4fad!important}.bg-pink{background-color:#dc4fad!important}.bd-pink{border-color:#dc4fad!important}.ol-pink{outline-color:#dc4fad!important}.op-pink{background-color:rgba(220,79,173,.7)}.ribbed-pink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#dc4fad!important;background-size:40px 40px!important}.after-bg-pink:after,.before-bg-pink:before,.bg-active-pink:active,.bg-focus-pink:focus,.bg-hover-pink:hover{background:#dc4fad!important}.after-fg-magenta:after,.before-fg-magenta:before,.fg-active-magenta:active,.fg-focus-magenta:focus,.fg-hover-magenta:hover,.fg-magenta{color:#d80073!important}.bg-magenta{background-color:#d80073!important}.bd-magenta{border-color:#d80073!important}.ol-magenta{outline-color:#d80073!important}.op-magenta{background-color:rgba(216,0,115,.7)}.ribbed-magenta{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#d80073!important;background-size:40px 40px!important}.after-bg-magenta:after,.before-bg-magenta:before,.bg-active-magenta:active,.bg-focus-magenta:focus,.bg-hover-magenta:hover{background:#d80073!important}.after-fg-crimson:after,.before-fg-crimson:before,.fg-active-crimson:active,.fg-crimson,.fg-focus-crimson:focus,.fg-hover-crimson:hover{color:#a20025!important}.bg-crimson{background-color:#a20025!important}.bd-crimson{border-color:#a20025!important}.ol-crimson{outline-color:#a20025!important}.op-crimson{background-color:rgba(162,0,37,.7)}.ribbed-crimson{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a20025!important;background-size:40px 40px!important}.after-bg-crimson:after,.before-bg-crimson:before,.bg-active-crimson:active,.bg-focus-crimson:focus,.bg-hover-crimson:hover{background:#a20025!important}.after-fg-red:after,.before-fg-red:before,.fg-active-red:active,.fg-focus-red:focus,.fg-hover-red:hover,.fg-red{color:#ce352c!important}.bg-red{background-color:#ce352c!important}.bd-red{border-color:#ce352c!important}.ol-red{outline-color:#ce352c!important}.op-red{background-color:rgba(206,53,44,.7)}.ribbed-red{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#ce352c!important;background-size:40px 40px!important}.after-bg-red:after,.before-bg-red:before,.bg-active-red:active,.bg-focus-red:focus,.bg-hover-red:hover{background:#ce352c!important}.after-fg-orange:after,.before-fg-orange:before,.fg-active-orange:active,.fg-focus-orange:focus,.fg-hover-orange:hover,.fg-orange{color:#fa6800!important}.bg-orange{background-color:#fa6800!important}.bd-orange{border-color:#fa6800!important}.ol-orange{outline-color:#fa6800!important}.op-orange{background-color:rgba(250,104,0,.7)}.ribbed-orange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#fa6800!important;background-size:40px 40px!important}.after-bg-orange:after,.before-bg-orange:before,.bg-active-orange:active,.bg-focus-orange:focus,.bg-hover-orange:hover{background:#fa6800!important}.after-fg-amber:after,.before-fg-amber:before,.fg-active-amber:active,.fg-amber,.fg-focus-amber:focus,.fg-hover-amber:hover{color:#f0a30a!important}.bg-amber{background-color:#f0a30a!important}.bd-amber{border-color:#f0a30a!important}.ol-amber{outline-color:#f0a30a!important}.op-amber{background-color:rgba(240,163,10,.7)}.ribbed-amber{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#f0a30a!important;background-size:40px 40px!important}.after-bg-amber:after,.before-bg-amber:before,.bg-active-amber:active,.bg-focus-amber:focus,.bg-hover-amber:hover{background:#f0a30a!important}.after-fg-yellow:after,.before-fg-yellow:before,.fg-active-yellow:active,.fg-focus-yellow:focus,.fg-hover-yellow:hover,.fg-yellow{color:#e3c800!important}.bg-yellow{background-color:#e3c800!important}.bd-yellow{border-color:#e3c800!important}.ol-yellow{outline-color:#e3c800!important}.op-yellow{background-color:rgba(227,200,0,.7)}.ribbed-yellow{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#e3c800!important;background-size:40px 40px!important}.after-bg-yellow:after,.before-bg-yellow:before,.bg-active-yellow:active,.bg-focus-yellow:focus,.bg-hover-yellow:hover{background:#e3c800!important}.after-fg-brown:after,.before-fg-brown:before,.fg-active-brown:active,.fg-brown,.fg-focus-brown:focus,.fg-hover-brown:hover{color:#825a2c!important}.bg-brown{background-color:#825a2c!important}.bd-brown{border-color:#825a2c!important}.ol-brown{outline-color:#825a2c!important}.op-brown{background-color:rgba(130,90,44,.7)}.ribbed-brown{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#825a2c!important;background-size:40px 40px!important}.after-bg-brown:after,.before-bg-brown:before,.bg-active-brown:active,.bg-focus-brown:focus,.bg-hover-brown:hover{background:#825a2c!important}.after-fg-olive:after,.before-fg-olive:before,.fg-active-olive:active,.fg-focus-olive:focus,.fg-hover-olive:hover,.fg-olive{color:#6d8764!important}.bg-olive{background-color:#6d8764!important}.bd-olive{border-color:#6d8764!important}.ol-olive{outline-color:#6d8764!important}.op-olive{background-color:rgba(109,135,100,.7)}.ribbed-olive{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#6d8764!important;background-size:40px 40px!important}.after-bg-olive:after,.before-bg-olive:before,.bg-active-olive:active,.bg-focus-olive:focus,.bg-hover-olive:hover{background:#6d8764!important}.after-fg-steel:after,.before-fg-steel:before,.fg-active-steel:active,.fg-focus-steel:focus,.fg-hover-steel:hover,.fg-steel{color:#647687!important}.bg-steel{background-color:#647687!important}.bd-steel{border-color:#647687!important}.ol-steel{outline-color:#647687!important}.op-steel{background-color:rgba(100,118,135,.7)}.ribbed-steel{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#647687!important;background-size:40px 40px!important}.after-bg-steel:after,.before-bg-steel:before,.bg-active-steel:active,.bg-focus-steel:focus,.bg-hover-steel:hover{background:#647687!important}.after-fg-mauve:after,.before-fg-mauve:before,.fg-active-mauve:active,.fg-focus-mauve:focus,.fg-hover-mauve:hover,.fg-mauve{color:#76608a!important}.bg-mauve{background-color:#76608a!important}.bd-mauve{border-color:#76608a!important}.ol-mauve{outline-color:#76608a!important}.op-mauve{background-color:rgba(118,96,138,.7)}.ribbed-mauve{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#76608a!important;background-size:40px 40px!important}.after-bg-mauve:after,.before-bg-mauve:before,.bg-active-mauve:active,.bg-focus-mauve:focus,.bg-hover-mauve:hover{background:#76608a!important}.after-fg-taupe:after,.before-fg-taupe:before,.fg-active-taupe:active,.fg-focus-taupe:focus,.fg-hover-taupe:hover,.fg-taupe{color:#87794e!important}.bg-taupe{background-color:#87794e!important}.bd-taupe{border-color:#87794e!important}.ol-taupe{outline-color:#87794e!important}.op-taupe{background-color:rgba(135,121,78,.7)}.ribbed-taupe{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#87794e!important;background-size:40px 40px!important}.after-bg-taupe:after,.before-bg-taupe:before,.bg-active-taupe:active,.bg-focus-taupe:focus,.bg-hover-taupe:hover{background:#87794e!important}.after-fg-dark:after,.before-fg-dark:before,.fg-active-dark:active,.fg-dark,.fg-focus-dark:focus,.fg-hover-dark:hover{color:#1d1d1d!important}.bg-dark{background-color:#1d1d1d!important}.bd-dark{border-color:#1d1d1d!important}.ol-dark{outline-color:#1d1d1d!important}.op-dark{background-color:rgba(29,29,29,.7)}.ribbed-dark{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1d1d1d!important;background-size:40px 40px!important}.after-bg-dark:after,.before-bg-dark:before,.bg-active-dark:active,.bg-focus-dark:focus,.bg-hover-dark:hover{background:#1d1d1d!important}.after-fg-darkBrown:after,.before-fg-darkBrown:before,.fg-active-darkBrown:active,.fg-darkBrown,.fg-focus-darkBrown:focus,.fg-hover-darkBrown:hover{color:#63362f!important}.bg-darkBrown{background-color:#63362f!important}.bd-darkBrown{border-color:#63362f!important}.ol-darkBrown{outline-color:#63362f!important}.op-darkBrown{background-color:rgba(99,54,47,.7)}.ribbed-darkBrown{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#63362f!important;background-size:40px 40px!important}.after-bg-darkBrown:after,.before-bg-darkBrown:before,.bg-active-darkBrown:active,.bg-focus-darkBrown:focus,.bg-hover-darkBrown:hover{background:#63362f!important}.after-fg-darkCrimson:after,.before-fg-darkCrimson:before,.fg-active-darkCrimson:active,.fg-darkCrimson,.fg-focus-darkCrimson:focus,.fg-hover-darkCrimson:hover{color:#640024!important}.bg-darkCrimson{background-color:#640024!important}.bd-darkCrimson{border-color:#640024!important}.ol-darkCrimson{outline-color:#640024!important}.op-darkCrimson{background-color:rgba(100,0,36,.7)}.ribbed-darkCrimson{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#640024!important;background-size:40px 40px!important}.after-bg-darkCrimson:after,.before-bg-darkCrimson:before,.bg-active-darkCrimson:active,.bg-focus-darkCrimson:focus,.bg-hover-darkCrimson:hover{background:#640024!important}.after-fg-darkMagenta:after,.before-fg-darkMagenta:before,.fg-active-darkMagenta:active,.fg-darkMagenta,.fg-focus-darkMagenta:focus,.fg-hover-darkMagenta:hover{color:#81003c!important}.bg-darkMagenta{background-color:#81003c!important}.bd-darkMagenta{border-color:#81003c!important}.ol-darkMagenta{outline-color:#81003c!important}.op-darkMagenta{background-color:rgba(129,0,60,.7)}.ribbed-darkMagenta{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#81003c!important;background-size:40px 40px!important}.after-bg-darkMagenta:after,.before-bg-darkMagenta:before,.bg-active-darkMagenta:active,.bg-focus-darkMagenta:focus,.bg-hover-darkMagenta:hover{background:#81003c!important}.after-fg-darkIndigo:after,.before-fg-darkIndigo:before,.fg-active-darkIndigo:active,.fg-darkIndigo,.fg-focus-darkIndigo:focus,.fg-hover-darkIndigo:hover{color:#4b0096!important}.bg-darkIndigo{background-color:#4b0096!important}.bd-darkIndigo{border-color:#4b0096!important}.ol-darkIndigo{outline-color:#4b0096!important}.op-darkIndigo{background-color:rgba(75,0,150,.7)}.ribbed-darkIndigo{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#4b0096!important;background-size:40px 40px!important}.after-bg-darkIndigo:after,.before-bg-darkIndigo:before,.bg-active-darkIndigo:active,.bg-focus-darkIndigo:focus,.bg-hover-darkIndigo:hover{background:#4b0096!important}.after-fg-darkCyan:after,.before-fg-darkCyan:before,.fg-active-darkCyan:active,.fg-darkCyan,.fg-focus-darkCyan:focus,.fg-hover-darkCyan:hover{color:#1b6eae!important}.bg-darkCyan{background-color:#1b6eae!important}.bd-darkCyan{border-color:#1b6eae!important}.ol-darkCyan{outline-color:#1b6eae!important}.op-darkCyan{background-color:rgba(27,110,174,.7)}.ribbed-darkCyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1b6eae!important;background-size:40px 40px!important}.after-bg-darkCyan:after,.before-bg-darkCyan:before,.bg-active-darkCyan:active,.bg-focus-darkCyan:focus,.bg-hover-darkCyan:hover{background:#1b6eae!important}.after-fg-darkCobalt:after,.before-fg-darkCobalt:before,.fg-active-darkCobalt:active,.fg-darkCobalt,.fg-focus-darkCobalt:focus,.fg-hover-darkCobalt:hover{color:#00356a!important}.bg-darkCobalt{background-color:#00356a!important}.bd-darkCobalt{border-color:#00356a!important}.ol-darkCobalt{outline-color:#00356a!important}.op-darkCobalt{background-color:rgba(0,53,106,.7)}.ribbed-darkCobalt{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00356a!important;background-size:40px 40px!important}.after-bg-darkCobalt:after,.before-bg-darkCobalt:before,.bg-active-darkCobalt:active,.bg-focus-darkCobalt:focus,.bg-hover-darkCobalt:hover{background:#00356a!important}.after-fg-darkTeal:after,.before-fg-darkTeal:before,.fg-active-darkTeal:active,.fg-darkTeal,.fg-focus-darkTeal:focus,.fg-hover-darkTeal:hover{color:#004050!important}.bg-darkTeal{background-color:#004050!important}.bd-darkTeal{border-color:#004050!important}.ol-darkTeal{outline-color:#004050!important}.op-darkTeal{background-color:rgba(0,64,80,.7)}.ribbed-darkTeal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#004050!important;background-size:40px 40px!important}.after-bg-darkTeal:after,.before-bg-darkTeal:before,.bg-active-darkTeal:active,.bg-focus-darkTeal:focus,.bg-hover-darkTeal:hover{background:#004050!important}.after-fg-darkEmerald:after,.before-fg-darkEmerald:before,.fg-active-darkEmerald:active,.fg-darkEmerald,.fg-focus-darkEmerald:focus,.fg-hover-darkEmerald:hover{color:#003e00!important}.bg-darkEmerald{background-color:#003e00!important}.bd-darkEmerald{border-color:#003e00!important}.ol-darkEmerald{outline-color:#003e00!important}.op-darkEmerald{background-color:rgba(0,62,0,.7)}.ribbed-darkEmerald{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#003e00!important;background-size:40px 40px!important}.after-bg-darkEmerald:after,.before-bg-darkEmerald:before,.bg-active-darkEmerald:active,.bg-focus-darkEmerald:focus,.bg-hover-darkEmerald:hover{background:#003e00!important}.after-fg-darkGreen:after,.before-fg-darkGreen:before,.fg-active-darkGreen:active,.fg-darkGreen,.fg-focus-darkGreen:focus,.fg-hover-darkGreen:hover{color:#128023!important}.bg-darkGreen{background-color:#128023!important}.bd-darkGreen{border-color:#128023!important}.ol-darkGreen{outline-color:#128023!important}.op-darkGreen{background-color:rgba(18,128,35,.7)}.ribbed-darkGreen{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#128023!important;background-size:40px 40px!important}.after-bg-darkGreen:after,.before-bg-darkGreen:before,.bg-active-darkGreen:active,.bg-focus-darkGreen:focus,.bg-hover-darkGreen:hover{background:#128023!important}.after-fg-darkOrange:after,.before-fg-darkOrange:before,.fg-active-darkOrange:active,.fg-darkOrange,.fg-focus-darkOrange:focus,.fg-hover-darkOrange:hover{color:#bf5a15!important}.bg-darkOrange{background-color:#bf5a15!important}.bd-darkOrange{border-color:#bf5a15!important}.ol-darkOrange{outline-color:#bf5a15!important}.op-darkOrange{background-color:rgba(191,90,21,.7)}.ribbed-darkOrange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#bf5a15!important;background-size:40px 40px!important}.after-bg-darkOrange:after,.before-bg-darkOrange:before,.bg-active-darkOrange:active,.bg-focus-darkOrange:focus,.bg-hover-darkOrange:hover{background:#bf5a15!important}.after-fg-darkRed:after,.before-fg-darkRed:before,.fg-active-darkRed:active,.fg-darkRed,.fg-focus-darkRed:focus,.fg-hover-darkRed:hover{color:#9a1616!important}.bg-darkRed{background-color:#9a1616!important}.bd-darkRed{border-color:#9a1616!important}.ol-darkRed{outline-color:#9a1616!important}.op-darkRed{background-color:rgba(154,22,22,.7)}.ribbed-darkRed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#9a1616!important;background-size:40px 40px!important}.after-bg-darkRed:after,.before-bg-darkRed:before,.bg-active-darkRed:active,.bg-focus-darkRed:focus,.bg-hover-darkRed:hover{background:#9a1616!important}.after-fg-darkPink:after,.before-fg-darkPink:before,.fg-active-darkPink:active,.fg-darkPink,.fg-focus-darkPink:focus,.fg-hover-darkPink:hover{color:#9a165a!important}.bg-darkPink{background-color:#9a165a!important}.bd-darkPink{border-color:#9a165a!important}.ol-darkPink{outline-color:#9a165a!important}.op-darkPink{background-color:rgba(154,22,90,.7)}.ribbed-darkPink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#9a165a!important;background-size:40px 40px!important}.after-bg-darkPink:after,.before-bg-darkPink:before,.bg-active-darkPink:active,.bg-focus-darkPink:focus,.bg-hover-darkPink:hover{background:#9a165a!important}.after-fg-darkViolet:after,.before-fg-darkViolet:before,.fg-active-darkViolet:active,.fg-darkViolet,.fg-focus-darkViolet:focus,.fg-hover-darkViolet:hover{color:#57169a!important}.bg-darkViolet{background-color:#57169a!important}.bd-darkViolet{border-color:#57169a!important}.ol-darkViolet{outline-color:#57169a!important}.op-darkViolet{background-color:rgba(87,22,154,.7)}.ribbed-darkViolet{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#57169a!important;background-size:40px 40px!important}.after-bg-darkViolet:after,.before-bg-darkViolet:before,.bg-active-darkViolet:active,.bg-focus-darkViolet:focus,.bg-hover-darkViolet:hover{background:#57169a!important}.after-fg-darkBlue:after,.before-fg-darkBlue:before,.fg-active-darkBlue:active,.fg-darkBlue,.fg-focus-darkBlue:focus,.fg-hover-darkBlue:hover{color:#16499a!important}.bg-darkBlue{background-color:#16499a!important}.bd-darkBlue{border-color:#16499a!important}.ol-darkBlue{outline-color:#16499a!important}.op-darkBlue{background-color:rgba(22,73,154,.7)}.ribbed-darkBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#16499a!important;background-size:40px 40px!important}.after-bg-darkBlue:after,.before-bg-darkBlue:before,.bg-active-darkBlue:active,.bg-focus-darkBlue:focus,.bg-hover-darkBlue:hover{background:#16499a!important}.after-fg-lightBlue:after,.before-fg-lightBlue:before,.fg-active-lightBlue:active,.fg-focus-lightBlue:focus,.fg-hover-lightBlue:hover,.fg-lightBlue{color:#4390df!important}.bg-lightBlue{background-color:#4390df!important}.bd-lightBlue{border-color:#4390df!important}.ol-lightBlue{outline-color:#4390df!important}.op-lightBlue{background-color:rgba(67,144,223,.7)}.ribbed-lightBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#4390df!important;background-size:40px 40px!important}.after-bg-lightBlue:after,.before-bg-lightBlue:before,.bg-active-lightBlue:active,.bg-focus-lightBlue:focus,.bg-hover-lightBlue:hover{background:#4390df!important}.after-fg-lighterBlue:after,.before-fg-lighterBlue:before,.fg-active-lighterBlue:active,.fg-focus-lighterBlue:focus,.fg-hover-lighterBlue:hover,.fg-lighterBlue{color:#0cf!important}.bg-lighterBlue{background-color:#0cf!important}.bd-lighterBlue{border-color:#0cf!important}.ol-lighterBlue{outline-color:#0cf!important}.op-lighterBlue{background-color:rgba(0,204,255,.7)}.ribbed-lighterBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#0cf!important;background-size:40px 40px!important}.after-bg-lighterBlue:after,.before-bg-lighterBlue:before,.bg-active-lighterBlue:active,.bg-focus-lighterBlue:focus,.bg-hover-lighterBlue:hover{background:#0cf!important}.after-fg-lightTeal:after,.before-fg-lightTeal:before,.fg-active-lightTeal:active,.fg-focus-lightTeal:focus,.fg-hover-lightTeal:hover,.fg-lightTeal{color:#45fffd!important}.bg-lightTeal{background-color:#45fffd!important}.bd-lightTeal{border-color:#45fffd!important}.ol-lightTeal{outline-color:#45fffd!important}.op-lightTeal{background-color:rgba(69,255,253,.7)}.ribbed-lightTeal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#45fffd!important;background-size:40px 40px!important}.after-bg-lightTeal:after,.before-bg-lightTeal:before,.bg-active-lightTeal:active,.bg-focus-lightTeal:focus,.bg-hover-lightTeal:hover{background:#45fffd!important}.after-fg-lightOlive:after,.before-fg-lightOlive:before,.fg-active-lightOlive:active,.fg-focus-lightOlive:focus,.fg-hover-lightOlive:hover,.fg-lightOlive{color:#78aa1c!important}.bg-lightOlive{background-color:#78aa1c!important}.bd-lightOlive{border-color:#78aa1c!important}.ol-lightOlive{outline-color:#78aa1c!important}.op-lightOlive{background-color:rgba(120,170,28,.7)}.ribbed-lightOlive{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#78aa1c!important;background-size:40px 40px!important}.after-bg-lightOlive:after,.before-bg-lightOlive:before,.bg-active-lightOlive:active,.bg-focus-lightOlive:focus,.bg-hover-lightOlive:hover{background:#78aa1c!important}.after-fg-lightOrange:after,.before-fg-lightOrange:before,.fg-active-lightOrange:active,.fg-focus-lightOrange:focus,.fg-hover-lightOrange:hover,.fg-lightOrange{color:#ffc194!important}.bg-lightOrange{background-color:#ffc194!important}.bd-lightOrange{border-color:#ffc194!important}.ol-lightOrange{outline-color:#ffc194!important}.op-lightOrange{background-color:rgba(255,193,148,.7)}.ribbed-lightOrange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#ffc194!important;background-size:40px 40px!important}.after-bg-lightOrange:after,.before-bg-lightOrange:before,.bg-active-lightOrange:active,.bg-focus-lightOrange:focus,.bg-hover-lightOrange:hover{background:#ffc194!important}.after-fg-lightPink:after,.before-fg-lightPink:before,.fg-active-lightPink:active,.fg-focus-lightPink:focus,.fg-hover-lightPink:hover,.fg-lightPink{color:#f472d0!important}.bg-lightPink{background-color:#f472d0!important}.bd-lightPink{border-color:#f472d0!important}.ol-lightPink{outline-color:#f472d0!important}.op-lightPink{background-color:rgba(244,114,208,.7)}.ribbed-lightPink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#f472d0!important;background-size:40px 40px!important}.after-bg-lightPink:after,.before-bg-lightPink:before,.bg-active-lightPink:active,.bg-focus-lightPink:focus,.bg-hover-lightPink:hover{background:#f472d0!important}.after-fg-lightRed:after,.before-fg-lightRed:before,.fg-active-lightRed:active,.fg-focus-lightRed:focus,.fg-hover-lightRed:hover,.fg-lightRed{color:#da5a53!important}.bg-lightRed{background-color:#da5a53!important}.bd-lightRed{border-color:#da5a53!important}.ol-lightRed{outline-color:#da5a53!important}.op-lightRed{background-color:rgba(218,90,83,.7)}.ribbed-lightRed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#da5a53!important;background-size:40px 40px!important}.after-bg-lightRed:after,.before-bg-lightRed:before,.bg-active-lightRed:active,.bg-focus-lightRed:focus,.bg-hover-lightRed:hover{background:#da5a53!important}.after-fg-lightGreen:after,.before-fg-lightGreen:before,.fg-active-lightGreen:active,.fg-focus-lightGreen:focus,.fg-hover-lightGreen:hover,.fg-lightGreen{color:#7ad61d!important}.bg-lightGreen{background-color:#7ad61d!important}.bd-lightGreen{border-color:#7ad61d!important}.ol-lightGreen{outline-color:#7ad61d!important}.op-lightGreen{background-color:rgba(122,214,29,.7)}.ribbed-lightGreen{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#7ad61d!important;background-size:40px 40px!important}.after-bg-lightGreen:after,.before-bg-lightGreen:before,.bg-active-lightGreen:active,.bg-focus-lightGreen:focus,.bg-hover-lightGreen:hover{background:#7ad61d!important}.after-fg-lightCyan:after,.before-fg-lightCyan:before,.fg-active-lightCyan:active,.fg-focus-lightCyan:focus,.fg-hover-lightCyan:hover,.fg-lightCyan{color:#59cde2!important}.bg-lightCyan{background-color:#59cde2!important}.bd-lightCyan{border-color:#59cde2!important}.ol-lightCyan{outline-color:#59cde2!important}.op-lightCyan{background-color:rgba(89,205,226,.7)}.ribbed-lightCyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#59cde2!important;background-size:40px 40px!important}.after-bg-lightCyan:after,.before-bg-lightCyan:before,.bg-active-lightCyan:active,.bg-focus-lightCyan:focus,.bg-hover-lightCyan:hover{background:#59cde2!important}.after-fg-grayed:after,.before-fg-grayed:before,.fg-active-grayed:active,.fg-focus-grayed:focus,.fg-grayed,.fg-hover-grayed:hover{color:#585858!important}.bg-grayed{background-color:#585858!important}.bd-grayed{border-color:#585858!important}.ol-grayed{outline-color:#585858!important}.op-grayed{background-color:rgba(88,88,88,.7)}.ribbed-grayed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#585858!important;background-size:40px 40px!important}.after-bg-grayed:after,.before-bg-grayed:before,.bg-active-grayed:active,.bg-focus-grayed:focus,.bg-hover-grayed:hover{background:#585858!important}.after-fg-grayDarker:after,.before-fg-grayDarker:before,.fg-active-grayDarker:active,.fg-focus-grayDarker:focus,.fg-grayDarker,.fg-hover-grayDarker:hover{color:#222!important}.bg-grayDarker{background-color:#222!important}.bd-grayDarker{border-color:#222!important}.ol-grayDarker{outline-color:#222!important}.op-grayDarker{background-color:rgba(34,34,34,.7)}.ribbed-grayDarker{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-grayDarker:after,.before-bg-grayDarker:before,.bg-active-grayDarker:active,.bg-focus-grayDarker:focus,.bg-hover-grayDarker:hover{background:#222!important}.after-fg-grayDark:after,.before-fg-grayDark:before,.fg-active-grayDark:active,.fg-focus-grayDark:focus,.fg-grayDark,.fg-hover-grayDark:hover{color:#333!important}.bg-grayDark{background-color:#333!important}.bd-grayDark{border-color:#333!important}.ol-grayDark{outline-color:#333!important}.op-grayDark{background-color:rgba(51,51,51,.7)}.ribbed-grayDark{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#333!important;background-size:40px 40px!important}.after-bg-grayDark:after,.before-bg-grayDark:before,.bg-active-grayDark:active,.bg-focus-grayDark:focus,.bg-hover-grayDark:hover{background:#333!important}.after-fg-gray:after,.before-fg-gray:before,.fg-active-gray:active,.fg-focus-gray:focus,.fg-gray,.fg-hover-gray:hover{color:#555!important}.bg-gray{background-color:#555!important}.bd-gray{border-color:#555!important}.ol-gray{outline-color:#555!important}.op-gray{background-color:rgba(85,85,85,.7)}.ribbed-gray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#555!important;background-size:40px 40px!important}.after-bg-gray:after,.before-bg-gray:before,.bg-active-gray:active,.bg-focus-gray:focus,.bg-hover-gray:hover{background:#555!important}.after-fg-grayLight:after,.before-fg-grayLight:before,.fg-active-grayLight:active,.fg-focus-grayLight:focus,.fg-grayLight,.fg-hover-grayLight:hover{color:#999!important}.bg-grayLight{background-color:#999!important}.bd-grayLight{border-color:#999!important}.ol-grayLight{outline-color:#999!important}.op-grayLight{background-color:rgba(153,153,153,.7)}.ribbed-grayLight{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#999!important;background-size:40px 40px!important}.after-bg-grayLight:after,.before-bg-grayLight:before,.bg-active-grayLight:active,.bg-focus-grayLight:focus,.bg-hover-grayLight:hover{background:#999!important}.after-fg-grayLighter:after,.before-fg-grayLighter:before,.fg-active-grayLighter:active,.fg-focus-grayLighter:focus,.fg-grayLighter,.fg-hover-grayLighter:hover{color:#eee!important}.bg-grayLighter{background-color:#eee!important}.bd-grayLighter{border-color:#eee!important}.ol-grayLighter{outline-color:#eee!important}.op-grayLighter{background-color:rgba(238,238,238,.7)}.ribbed-grayLighter{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee!important;background-size:40px 40px!important}.after-bg-grayLighter:after,.before-bg-grayLighter:before,.bg-active-grayLighter:active,.bg-focus-grayLighter:focus,.bg-hover-grayLighter:hover{background:#eee!important}.after-fg-lightGray:after,.before-fg-lightGray:before,.fg-active-lightGray:active,.fg-focus-lightGray:focus,.fg-hover-lightGray:hover,.fg-lightGray{color:#999!important}.bg-lightGray{background-color:#999!important}.bd-lightGray{border-color:#999!important}.ol-lightGray{outline-color:#999!important}.op-lightGray{background-color:rgba(153,153,153,.7)}.ribbed-lightGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#999!important;background-size:40px 40px!important}.after-bg-lightGray:after,.before-bg-lightGray:before,.bg-active-lightGray:active,.bg-focus-lightGray:focus,.bg-hover-lightGray:hover{background:#999!important}.after-fg-lighterGray:after,.before-fg-lighterGray:before,.fg-active-lighterGray:active,.fg-focus-lighterGray:focus,.fg-hover-lighterGray:hover,.fg-lighterGray{color:#eee!important}.bg-lighterGray{background-color:#eee!important}.bd-lighterGray{border-color:#eee!important}.ol-lighterGray{outline-color:#eee!important}.op-lighterGray{background-color:rgba(238,238,238,.7)}.ribbed-lighterGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee!important;background-size:40px 40px!important}.after-bg-lighterGray:after,.before-bg-lighterGray:before,.bg-active-lighterGray:active,.bg-focus-lighterGray:focus,.bg-hover-lighterGray:hover{background:#eee!important}.after-fg-darkGray:after,.before-fg-darkGray:before,.fg-active-darkGray:active,.fg-darkGray,.fg-focus-darkGray:focus,.fg-hover-darkGray:hover{color:#333!important}.bg-darkGray{background-color:#333!important}.bd-darkGray{border-color:#333!important}.bd-darker,.bd-darkerGray{border-color:#222!important}.ol-darkGray{outline-color:#333!important}.ol-darker,.ol-darkerGray{outline-color:#222!important}.op-darkGray{background-color:rgba(51,51,51,.7)}.ribbed-darkGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#333!important;background-size:40px 40px!important}.after-bg-darkGray:after,.before-bg-darkGray:before,.bg-active-darkGray:active,.bg-focus-darkGray:focus,.bg-hover-darkGray:hover{background:#333!important}.after-fg-darker:after,.after-fg-darkerGray:after,.before-fg-darker:before,.before-fg-darkerGray:before,.fg-active-darker:active,.fg-active-darkerGray:active,.fg-darker,.fg-darkerGray,.fg-focus-darker:focus,.fg-focus-darkerGray:focus,.fg-hover-darker:hover,.fg-hover-darkerGray:hover{color:#222!important}.bg-darkerGray{background-color:#222!important}.op-darkerGray{background-color:rgba(34,34,34,.7)}.ribbed-darkerGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-darkerGray:after,.before-bg-darkerGray:before,.bg-active-darkerGray:active,.bg-focus-darkerGray:focus,.bg-hover-darkerGray:hover{background:#222!important}.bg-darker{background-color:#222!important}.op-darker{background-color:rgba(34,34,34,.7)}.ribbed-darker{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-darker:after,.before-bg-darker:before,.bg-active-darker:active,.bg-focus-darker:focus,.bg-hover-darker:hover{background:#222!important}.dropdown-toggle{position:relative;cursor:pointer;padding-right:1.625rem}.dropdown-toggle:before{display:block;position:absolute;vertical-align:middle;color:transparent;font-size:0;content:"";height:5px;width:5px;background-color:transparent;border-left:1px solid;border-bottom:1px solid;border-color:#1d1d1d;top:50%;left:100%;margin-left:-1rem;margin-top:-.1625rem;z-index:2;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown-toggle.drop-marker-light:before{border-color:#fff}.flush-list{padding:0;margin:0;list-style:none inside}.after-shadow:after,.before-shadow:before,.shadow{box-shadow:0 2px 4px rgba(0,0,0,.35)}.block-shadow{box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.block-shadow-success{box-shadow:0 0 25px 0 rgba(0,128,0,.7)}.block-shadow-danger,.block-shadow-error{box-shadow:0 0 25px 0 rgba(128,0,0,.7)}.block-shadow-warning{box-shadow:0 0 25px 0 rgba(255,165,0,.7)}.block-shadow-info{box-shadow:0 0 25px 0 rgba(89,205,226,.7)}.block-shadow-impact{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.bottom-shadow{box-shadow:-1px 6px 6px -6px rgba(0,0,0,.35)}.after-text-shadow:after,.before-text-shadow:before,.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.4)}.no-shadow{box-shadow:none!important}.full-size{width:100%!important}.block{display:block!important}.inline-block{display:inline-block!important}.no-display{display:none!important}.no-margin{margin:0!important}.no-margin-right{margin-right:0!important}.no-margin-left{margin-left:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-float{float:none!important}.no-visible{visibility:hidden!important}.no-border{border:0!important}.no-overflow,.no-scroll{overflow:hidden!important}.no-scroll-x{overflow-x:hidden!important}.no-scroll-y{overflow-y:hidden!important}.no-wrap{white-space:nowrap!important}.no-border-left{border-left:none!important}.no-border-right{border-right:none!important}.no-border-top{border-top:none!important}.no-border-bottom{border-bottom:none!important}.transparent-border{border-color:transparent!important}.place-right{float:right!important}.place-left{float:left!important}.clear-float:after,.clear-float:before{display:table;content:""}.clear-float:after{clear:both}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.no-user-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-appearance{-moz-appearance:none;-webkit-appearance:none;appearance:none}.debug{border:1px dashed red}.example{padding:.625rem 1.825rem .625rem 2.5rem;border:1px dashed #ccc;position:relative;margin:0 0 .625rem;background-color:#fff}.example:after,.example:before{display:table;content:""}.example:after{clear:both}.example:before{position:absolute;content:attr(data-text);text-transform:lowercase;left:1.5rem;top:11.875rem;color:gray;display:block;font-size:1rem;line-height:1rem;height:1rem;text-align:right;white-space:nowrap;direction:ltr;width:12.5rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.element-selected:after,.element-selected:before{position:absolute;content:""}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.padding10{padding:.625rem}.padding20{padding:1.25rem}.padding30{padding:1.875rem}.padding40{padding:2.5rem}.padding50{padding:3.125rem}.padding60{padding:3.75rem}.padding70{padding:4.375rem}.padding80{padding:5rem}.padding90{padding:5.625rem}.padding100{padding:6.25rem}.padding5{padding:5px}.margin5{margin:5px}.margin10{margin:.625rem}.margin20{margin:1.25rem}.margin30{margin:1.875rem}.margin40{margin:2.5rem}.margin50{margin:3.125rem}.margin60{margin:3.75rem}.margin70{margin:4.375rem}.margin80{margin:5rem}.margin90{margin:5.625rem}.margin100{margin:6.25rem}.opacity{opacity:.9}.half-opacity{opacity:.5}.hi-opacity{opacity:.2}.element-selected{border:4px solid #4390df}.element-selected:after{display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;top:0;z-index:101}.element-selected:before{display:block;background-color:transparent;border-color:#fff;border-left:2px solid;border-bottom:2px solid;height:.25rem;width:.5rem;right:0;top:0;z-index:102;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.set-border{border:1px solid #d9d9d9}.set-border.medium-border{border-width:8px}.set-border.large-border{border-width:16px}.rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate360{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.rotate-45{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rotate-90{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rotate-135{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.rotate-180{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.rotate-225{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.rotate-270{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.rotate-360{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.rotateX45{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}.rotateX90{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.rotateX135{-webkit-transform:rotateX(135deg);transform:rotateX(135deg)}.rotateX180{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.rotateX225{-webkit-transform:rotateX(225deg);transform:rotateX(225deg)}.rotateX270{-webkit-transform:rotateX(270deg);transform:rotateX(270deg)}.rotateX360{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}.rotateX-45{-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg)}.rotateX-90{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.rotateX-135{-webkit-transform:rotateX(-135deg);transform:rotateX(-135deg)}.rotateX-180{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.rotateX-225{-webkit-transform:rotateX(-225deg);transform:rotateX(-225deg)}.rotateX-270{-webkit-transform:rotateX(-270deg);transform:rotateX(-270deg)}.rotateX-360{-webkit-transform:rotateX(-360deg);transform:rotateX(-360deg)}.rotateY45{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}.rotateY90{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.rotateY135{-webkit-transform:rotateY(135deg);transform:rotateY(135deg)}.rotateY180{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rotateY225{-webkit-transform:rotateY(225deg);transform:rotateY(225deg)}.rotateY270{-webkit-transform:rotateY(270deg);transform:rotateY(270deg)}.rotateY360{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.rotateY-45{-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg)}.rotateY-90{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.rotateY-135{-webkit-transform:rotateY(-135deg);transform:rotateY(-135deg)}.rotateY-180{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.rotateY-225{-webkit-transform:rotateY(-225deg);transform:rotateY(-225deg)}.rotateY-270{-webkit-transform:rotateY(-270deg);transform:rotateY(-270deg)}.rotateY-360{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}.ani-hover-spin:hover,.ani-spin{-webkit-animation:ani-spin 1.5s linear infinite;animation:ani-spin 1.5s linear infinite}.ani-hover-spin.ani-fast:hover,.ani-spin.ani-fast{-webkit-animation:ani-spin .7s linear infinite;animation:ani-spin .7s linear infinite}.ani-hover-spin.ani-slow:hover,.ani-spin.ani-slow{-webkit-animation:ani-spin 2.2s linear infinite;animation:ani-spin 2.2s linear infinite}.ani-hover-pulse:hover,.ani-pulse{-webkit-animation:ani-pulse 1.7s infinite;animation:ani-pulse 1.7s infinite}.ani-hover-pulse.ani-fast:hover,.ani-pulse.ani-fast{-webkit-animation:ani-pulse 1s infinite;animation:ani-pulse 1s infinite}.ani-hover-pulse.ani-slow:hover,.ani-pulse.ani-slow{-webkit-animation:ani-pulse 3s infinite;animation:ani-pulse 3s infinite}.ani-hover-spanner:hover,.ani-spanner{transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial;-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.ani-hover-spanner.ani-fast:hover,.ani-spanner.ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.ani-hover-spanner.ani-slow:hover,.ani-spanner.ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.ani-hover-ring:hover,.ani-ring{transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial;-webkit-animation:ani-ring 2s ease infinite;animation:ani-ring 2s ease infinite}.ani-hover-ring.ani-fast:hover,.ani-ring.ani-fast{-webkit-animation:ani-ring 1s ease infinite;animation:ani-ring 1s ease infinite}.ani-hover-ring.ani-slow:hover,.ani-ring.ani-slow{-webkit-animation:ani-ring 3s ease infinite;animation:ani-ring 3s ease infinite}.ani-hover-vertical:hover,.ani-vertical{-webkit-animation:ani-vertical 2s ease infinite;animation:ani-vertical 2s ease infinite}.ani-vertical.ani-fast,.ani-vertical.ani-fast:hover{-webkit-animation:ani-vertical 1s ease infinite;animation:ani-vertical 1s ease infinite}.ani-hover-vertical.ani-slow:hover,.ani-vertical.ani-slow{-webkit-animation:ani-vertical 4s ease infinite;animation:ani-vertical 4s ease infinite}.ani-horizontal,.ani-hover-horizontal:hover{-webkit-animation:ani-horizontal 2s ease infinite;animation:ani-horizontal 2s ease infinite}.ani-horizontal.ani-fast,.ani-horizontal.ani-fast:hover{-webkit-animation:ani-horizontal 1s ease infinite;animation:ani-horizontal 1s ease infinite}.ani-horizontal.ani-slow,.ani-horizontal.ani-slow:hover{-webkit-animation:ani-horizontal 3s ease infinite;animation:ani-horizontal 3s ease infinite}.ani-flash,.ani-hover-flash:hover{-webkit-animation:ani-flash 2s ease infinite;animation:ani-flash 2s ease infinite}.ani-flash.ani-fast,.ani-hover-flash.ani-fast:hover{-webkit-animation:ani-flash 1s ease infinite;animation:ani-flash 1s ease infinite}.ani-flash.ani-slow,.ani-hover-flash.ani-slow:hover{-webkit-animation:ani-flash 3s ease infinite;animation:ani-flash 3s ease infinite}.ani-bounce,.ani-hover-bounce:hover{-webkit-animation:ani-bounce 2s ease infinite;animation:ani-bounce 2s ease infinite}.ani-bounce.ani-fast,.ani-hover-bounce.ani-fast:hover{-webkit-animation:ani-bounce 1s ease infinite;animation:ani-bounce 1s ease infinite}.ani-bounce.ani-slow,.ani-hover-bounce.ani-slow:hover{-webkit-animation:ani-bounce 3s ease infinite;animation:ani-bounce 3s ease infinite}.ani-float,.ani-hover-float:hover{-webkit-animation:ani-float 2s linear infinite;animation:ani-float 2s linear infinite}.ani-float.ani-fast,.ani-hover-float.ani-fast:hover{-webkit-animation:ani-float 1s linear infinite;animation:ani-float 1s linear infinite}.ani-float.ani-slow,.ani-hover-float.ani-slow:hover{-webkit-animation:ani-float 3s linear infinite;animation:ani-float 3s linear infinite}.ani-heartbeat,.ani-hover-heartbeat:hover{-webkit-animation:ani-heartbeat 2s linear infinite;animation:ani-heartbeat 2s linear infinite}.ani-heartbeat.ani-fast,.ani-hover-heartbeat.ani-fast:hover{-webkit-animation:ani-heartbeat 1s linear infinite;animation:ani-heartbeat 1s linear infinite}.ani-heartbeat.ani-slow,.ani-hover-heartbeat.ani-slow:hover{-webkit-animation:ani-heartbeat 3s linear infinite;animation:ani-heartbeat 3s linear infinite}.ani-hover-shake:hover,.ani-shake{-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.ani-hover-shake.ani-fast:hover,.ani-shake.ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.ani-hover-shake.ani-slow:hover,.ani-shake.ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.ani-hover-shuttle:hover,.ani-shuttle{-webkit-animation:ani-shuttle 2s linear infinite;animation:ani-shuttle 2s linear infinite}.ani-hover-shuttle.ani-fast:hover,.ani-shuttle.ani-fast{-webkit-animation:ani-shuttle 1s linear infinite;animation:ani-shuttle 1s linear infinite}.ani-hover-shuttle.ani-slow:hover,.ani-shuttle.ani-slow{-webkit-animation:ani-shuttle 3s linear infinite;animation:ani-shuttle 3s linear infinite}.ani-hover-pass:hover,.ani-pass{-webkit-animation:ani-pass 2s linear infinite;animation:ani-pass 2s linear infinite}.ani-hover-pass.ani-fast:hover,.ani-pass.ani-fast{-webkit-animation:ani-pass 1s linear infinite;animation:ani-pass 1s linear infinite}.ani-hover-pass.ani-slow:hover,.ani-pass.ani-slow{-webkit-animation:ani-pass 3s linear infinite;animation:ani-pass 3s linear infinite}.ani-hover-ripple:hover,.ani-ripple{-webkit-animation:ani-ripple 2s infinite linear;animation:ani-ripple 2s infinite linear}.ani-hover-ripple.ani-fast:hover,.ani-ripple.ani-fast{-webkit-animation:ani-ripple 1s infinite linear;animation:ani-ripple 1s infinite linear}.ani-hover-ripple.ani-slow:hover,.ani-ripple.ani-slow{-webkit-animation:ani-ripple 3s infinite linear;animation:ani-ripple 3s infinite linear}@-webkit-keyframes swinging{0%,100%,50%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes swinging{0%,100%,50%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(10px)rotate(-90deg);transform:translateX(10px)rotate(-90deg)}50%{-webkit-transform:translateX(10px)translateY(10px)rotate(-179deg);transform:translateX(10px)translateY(10px)rotate(-179deg)}50.1%{-webkit-transform:translateX(10px)translateY(10px)rotate(-180deg);transform:translateX(10px)translateY(10px)rotate(-180deg)}75%{-webkit-transform:translateX(0)translateY(10px)rotate(-270deg);transform:translateX(0)translateY(10px)rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cubemove{25%{-webkit-transform:translateX(10px)rotate(-90deg);transform:translateX(10px)rotate(-90deg)}50%{-webkit-transform:translateX(10px)translateY(10px)rotate(-179deg);transform:translateX(10px)translateY(10px)rotate(-179deg)}50.1%{-webkit-transform:translateX(10px)translateY(10px)rotate(-180deg);transform:translateX(10px)translateY(10px)rotate(-180deg)}75%{-webkit-transform:translateX(0)translateY(10px)rotate(-270deg);transform:translateX(0)translateY(10px)rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes orbit{0%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:rotate(225deg);transform:rotate(225deg)}7%{-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}35%{-webkit-transform:rotate(495deg);transform:rotate(495deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}42%{-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}70%{opacity:1;-webkit-transform:rotate(835deg);transform:rotate(835deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}76%{opacity:1}77%{-webkit-transform:rotate(955deg);transform:rotate(955deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,78%{-webkit-transform:rotate(955deg);transform:rotate(955deg);opacity:0}}@keyframes orbit{0%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:rotate(225deg);transform:rotate(225deg)}7%{-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}35%{-webkit-transform:rotate(495deg);transform:rotate(495deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}42%{-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}70%{opacity:1;-webkit-transform:rotate(835deg);transform:rotate(835deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}76%{opacity:1}77%{-webkit-transform:rotate(955deg);transform:rotate(955deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,78%{-webkit-transform:rotate(955deg);transform:rotate(955deg);opacity:0}}@-webkit-keyframes metro-slide{0%{left:-50%}100%{left:150%}}@keyframes metro-slide{0%{left:-50%}100%{left:150%}}@-webkit-keyframes metro-opacity{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes metro-opacity{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes ani-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ani-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ani-pulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ani-pulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ani-wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ani-wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}75%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes ani-ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}12%,4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%,6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ani-ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}12%,4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%,6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes ani-vertical{0%,16%,8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%,20%,4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ani-vertical{0%,16%,8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%,20%,4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ani-horizontal{0%,12%,24%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%,30%,6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}}@keyframes ani-horizontal{0%,12%,24%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%,30%,6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}}@-webkit-keyframes ani-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes ani-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes ani-bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes ani-bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes ani-float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes ani-float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes ani-heartbeat{0%,100%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes ani-heartbeat{0%,100%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes ani-shuttle{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-8deg);transform:scale(.9)rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3)rotate(8deg);transform:scale(1.3)rotate(8deg)}40%,60%{-webkit-transform:scale(1.3)rotate(-8deg);transform:scale(1.3)rotate(-8deg)}80%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes ani-shuttle{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-8deg);transform:scale(.9)rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3)rotate(8deg);transform:scale(1.3)rotate(8deg)}40%,60%{-webkit-transform:scale(1.3)rotate(-8deg);transform:scale(1.3)rotate(-8deg)}80%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@-webkit-keyframes ani-pass{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes ani-pass{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@-webkit-keyframes ani-ripple{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes ani-ripple{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@-webkit-keyframes ani-shrink{0%,90%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes ani-shrink{0%,90%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes ani-drop{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,25%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,25%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-drop2{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,50%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop2{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,50%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-drop3{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,75%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop3{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,75%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-pre-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ani-pre-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ani-bg-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes ani-bg-stripes{from{background-position:40px 0}to{background-position:0 0}}.mif-ani-hover-spin:hover,.mif-ani-spin{-webkit-animation:ani-spin 1.5s linear infinite;animation:ani-spin 1.5s linear infinite}.mif-ani-hover-spin.mif-ani-fast:hover,.mif-ani-spin.mif-ani-fast{-webkit-animation:ani-spin .7s linear infinite;animation:ani-spin .7s linear infinite}.mif-ani-hover-spin.mif-ani-slow:hover,.mif-ani-spin.mif-ani-slow{-webkit-animation:ani-spin 2.2s linear infinite;animation:ani-spin 2.2s linear infinite}.mif-ani-hover-pulse:hover,.mif-ani-pulse{-webkit-animation:ani-pulse 1.7s infinite;animation:ani-pulse 1.7s infinite}.mif-ani-hover-pulse.mif-ani-fast:hover,.mif-ani-pulse.mif-ani-fast{-webkit-animation:ani-pulse 1s infinite;animation:ani-pulse 1s infinite}.mif-ani-hover-pulse.mif-ani-slow:hover,.mif-ani-pulse.mif-ani-slow{-webkit-animation:ani-pulse 3s infinite;animation:ani-pulse 3s infinite}.mif-ani-hover-spanner:hover,.mif-ani-spanner{transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial;-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.mif-ani-hover-spanner.mif-ani-fast:hover,.mif-ani-spanner.mif-ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.mif-ani-hover-spanner.mif-ani-slow:hover,.mif-ani-spanner.mif-ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.mif-ani-hover-ring:hover,.mif-ani-ring{transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial;-webkit-animation:ani-ring 2s ease infinite;animation:ani-ring 2s ease infinite}.mif-ani-hover-ring.mif-ani-fast:hover,.mif-ani-ring.mif-ani-fast{-webkit-animation:ani-ring 1s ease infinite;animation:ani-ring 1s ease infinite}.mif-ani-hover-ring.mif-ani-slow:hover,.mif-ani-ring.mif-ani-slow{-webkit-animation:ani-ring 3s ease infinite;animation:ani-ring 3s ease infinite}.mif-ani-hover-vertical:hover,.mif-ani-vertical{-webkit-animation:ani-vertical 2s ease infinite;animation:ani-vertical 2s ease infinite}.mif-ani-vertical.mif-ani-fast,.mif-ani-vertical.mif-ani-fast:hover{-webkit-animation:ani-vertical 1s ease infinite;animation:ani-vertical 1s ease infinite}.mif-ani-hover-vertical.mif-ani-slow:hover,.mif-ani-vertical.mif-ani-slow{-webkit-animation:ani-vertical 4s ease infinite;animation:ani-vertical 4s ease infinite}.mif-ani-horizontal,.mif-ani-hover-horizontal:hover{-webkit-animation:ani-horizontal 2s ease infinite;animation:ani-horizontal 2s ease infinite}.mif-ani-horizontal.mif-ani-fast,.mif-ani-horizontal.mif-ani-fast:hover{-webkit-animation:ani-horizontal 1s ease infinite;animation:ani-horizontal 1s ease infinite}.mif-ani-horizontal.mif-ani-slow,.mif-ani-horizontal.mif-ani-slow:hover{-webkit-animation:ani-horizontal 3s ease infinite;animation:ani-horizontal 3s ease infinite}.mif-ani-flash,.mif-ani-hover-flash:hover{-webkit-animation:ani-flash 2s ease infinite;animation:ani-flash 2s ease infinite}.mif-ani-flash.mif-ani-fast,.mif-ani-hover-flash.mif-ani-fast:hover{-webkit-animation:ani-flash 1s ease infinite;animation:ani-flash 1s ease infinite}.mif-ani-flash.mif-ani-slow,.mif-ani-hover-flash.mif-ani-slow:hover{-webkit-animation:ani-flash 3s ease infinite;animation:ani-flash 3s ease infinite}.mif-ani-bounce,.mif-ani-hover-bounce:hover{-webkit-animation:ani-bounce 2s ease infinite;animation:ani-bounce 2s ease infinite}.mif-ani-bounce.mif-ani-fast,.mif-ani-hover-bounce.mif-ani-fast:hover{-webkit-animation:ani-bounce 1s ease infinite;animation:ani-bounce 1s ease infinite}.mif-ani-bounce.mif-ani-slow,.mif-ani-hover-bounce.mif-ani-slow:hover{-webkit-animation:ani-bounce 3s ease infinite;animation:ani-bounce 3s ease infinite}.mif-ani-float,.mif-ani-hover-float:hover{-webkit-animation:ani-float 2s linear infinite;animation:ani-float 2s linear infinite}.mif-ani-float.mif-ani-fast,.mif-ani-hover-float.mif-ani-fast:hover{-webkit-animation:ani-float 1s linear infinite;animation:ani-float 1s linear infinite}.mif-ani-float.mif-ani-slow,.mif-ani-hover-float.mif-ani-slow:hover{-webkit-animation:ani-float 3s linear infinite;animation:ani-float 3s linear infinite}.mif-ani-heartbeat,.mif-ani-hover-heartbeat:hover{-webkit-animation:ani-heartbeat 2s linear infinite;animation:ani-heartbeat 2s linear infinite}.mif-ani-heartbeat.mif-ani-fast,.mif-ani-hover-heartbeat.mif-ani-fast:hover{-webkit-animation:ani-heartbeat 1s linear infinite;animation:ani-heartbeat 1s linear infinite}.mif-ani-heartbeat.mif-ani-slow,.mif-ani-hover-heartbeat.mif-ani-slow:hover{-webkit-animation:ani-heartbeat 3s linear infinite;animation:ani-heartbeat 3s linear infinite}.mif-ani-hover-shake:hover,.mif-ani-shake{-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.mif-ani-hover-shake.mif-ani-fast:hover,.mif-ani-shake.mif-ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.mif-ani-hover-shake.mif-ani-slow:hover,.mif-ani-shake.mif-ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.mif-ani-hover-shuttle:hover,.mif-ani-shuttle{-webkit-animation:ani-shuttle 2s linear infinite;animation:ani-shuttle 2s linear infinite}.mif-ani-hover-shuttle.mif-ani-fast:hover,.mif-ani-shuttle.mif-ani-fast{-webkit-animation:ani-shuttle 1s linear infinite;animation:ani-shuttle 1s linear infinite}.mif-ani-hover-shuttle.mif-ani-slow:hover,.mif-ani-shuttle.mif-ani-slow{-webkit-animation:ani-shuttle 3s linear infinite;animation:ani-shuttle 3s linear infinite}.mif-ani-hover-pass:hover,.mif-ani-pass{-webkit-animation:ani-pass 2s linear infinite;animation:ani-pass 2s linear infinite}.mif-ani-hover-pass.mif-ani-fast:hover,.mif-ani-pass.mif-ani-fast{-webkit-animation:ani-pass 1s linear infinite;animation:ani-pass 1s linear infinite}.mif-ani-hover-pass.mif-ani-slow:hover,.mif-ani-pass.mif-ani-slow{-webkit-animation:ani-pass 3s linear infinite;animation:ani-pass 3s linear infinite}.mif-ani-hover-ripple:hover,.mif-ani-ripple{-webkit-animation:ani-ripple 2s infinite linear;animation:ani-ripple 2s infinite linear}.mif-ani-hover-ripple.mif-ani-fast:hover,.mif-ani-ripple.mif-ani-fast{-webkit-animation:ani-ripple 1s infinite linear;animation:ani-ripple 1s infinite linear}.mif-ani-hover-ripple.mif-ani-slow:hover,.mif-ani-ripple.mif-ani-slow{-webkit-animation:ani-ripple 3s infinite linear;animation:ani-ripple 3s infinite linear}.mif-unlink:before{content:"\f127"}.mif-fire-extinguisher:before{content:"\f134"}.mif-eur:before{content:"\f153"}.mif-gbp:before{content:"\f154"}.mif-dollar2:before{content:"\f155"}.mif-inr:before{content:"\f156"}.mif-cny:before{content:"\f157"}.mif-rouble:before{content:"\f158"}.mif-krw:before{content:"\f159"}.mif-bitcoin:before{content:"\f15a"}.mif-youtube2:before{content:"\f167"}.mif-youtube-play:before{content:"\f16a"}.mif-linux:before{content:"\f17c"}.mif-try:before{content:"\f195"}.mif-space-shuttle:before{content:"\f197"}.mif-openid:before{content:"\f19b"}.mif-digg:before{content:"\f1a6"}.mif-language:before{content:"\f1ab"}.mif-automobile:before{content:"\f1b9"}.mif-cab:before{content:"\f1ba"}.mif-jsfiddle:before{content:"\f1cc"}.mif-google-wallet:before{content:"\f1ee"}.mif-copyright:before{content:"\f1f9"}.mif-bicycle:before{content:"\f206"}.mif-bus:before{content:"\f207"}.mif-ship:before{content:"\f21a"}.mif-motorcycle:before{content:"\f21c"}.mif-train:before{content:"\f238"}.mif-subway:before{content:"\f239"}.mif-opencart:before{content:"\f23d"}.mif-trademark:before{content:"\f25c"}.mif-registered:before{content:"\f25d"}.mif-creative-commons:before{content:"\f25e"}.mif-wikipedia:before{content:"\f266"}.mif-amazon:before{content:"\f270"}.mif-fonticons:before{content:"\f280"}.mif-user-md:before{content:"\f0f0"}.mif-stethoscope:before{content:"\f0f1"}.mif-ambulance:before{content:"\f0f9"}.mif-medkit:before{content:"\f0fa"}.mif-paw:before{content:"\f1b0"}.mif-file-pdf:before{content:"\f1c1"}.mif-file-word:before{content:"\f1c2"}.mif-file-excel:before{content:"\f1c3"}.mif-file-powerpoint:before{content:"\f1c4"}.mif-file-image:before{content:"\f1c5"}.mif-file-archive:before{content:"\f1c6"}.mif-file-audio:before{content:"\f1c7"}.mif-file-movie:before{content:"\f1c8"}.mif-file-code:before{content:"\f1c9"}.mif-visa:before{content:"\f1f0"}.mif-mastercard:before{content:"\f1f1"}.mif-discover:before{content:"\f1f2"}.mif-amex:before{content:"\f1f3"}.mif-cc-paypal:before{content:"\f1f4"}.mif-heartbeat:before{content:"\f21e"}.mif-venus:before{content:"\f221"}.mif-mars:before{content:"\f222"}.mif-medium:before{content:"\f23a"}.mif-earth2:before{content:"\e6c1"}.mif-shit:before{content:"\e6c2"}.mif-broadcast:before{content:"\f048"}.mif-organization:before{content:"\f037"}.mif-squirrel:before{content:"\f0b2"}.mif-steps:before{content:"\f0c7"}.mif-versions:before{content:"\f064"}.mif-microscope:before{content:"\f089"}.mif-library:before{content:"\e921"}.mif-file-binary:before{content:"\f094"}.mif-mail-read:before{content:"\f03c"}.mif-quote:before{content:"\f063"}.mif-sunrise:before{content:"\e66c"}.mif-sun:before{content:"\e66d"}.mif-moon:before{content:"\e66e"}.mif-sun3:before{content:"\e66f"}.mif-windy:before{content:"\e670"}.mif-wind:before{content:"\e671"}.mif-snowflake:before{content:"\e672"}.mif-cloudy:before{content:"\e673"}.mif-cloud2:before{content:"\e674"}.mif-weather:before{content:"\e675"}.mif-weather2:before{content:"\e676"}.mif-weather3:before{content:"\e677"}.mif-lines:before{content:"\e678"}.mif-cloud3:before{content:"\e679"}.mif-lightning:before{content:"\e67a"}.mif-lightning2:before{content:"\e67b"}.mif-rainy:before{content:"\e67c"}.mif-rainy2:before{content:"\e67d"}.mif-windy2:before{content:"\e67e"}.mif-windy3:before{content:"\e67f"}.mif-snowy:before{content:"\e680"}.mif-snowy2:before{content:"\e681"}.mif-snowy3:before{content:"\e682"}.mif-weather4:before{content:"\e683"}.mif-cloudy2:before{content:"\e684"}.mif-cloud4:before{content:"\e685"}.mif-lightning3:before{content:"\e686"}.mif-sun4:before{content:"\e687"}.mif-moon2:before{content:"\e688"}.mif-cloudy3:before{content:"\e689"}.mif-cloud5:before{content:"\e68a"}.mif-cloud6:before{content:"\e68b"}.mif-lightning4:before{content:"\e68c"}.mif-rainy3:before{content:"\e68d"}.mif-rainy4:before{content:"\e68e"}.mif-windy4:before{content:"\e68f"}.mif-windy5:before{content:"\e690"}.mif-snowy4:before{content:"\e691"}.mif-snowy5:before{content:"\e692"}.mif-weather5:before{content:"\e693"}.mif-cloudy4:before{content:"\e694"}.mif-lightning5:before{content:"\e695"}.mif-thermometer:before{content:"\e696"}.mif-none:before{content:"\e698"}.mif-celsius:before{content:"\e699"}.mif-fahrenheit:before{content:"\e69a"}.mif-home:before{content:"\e900"}.mif-pencil:before{content:"\e905"}.mif-eyedropper:before{content:"\e90a"}.mif-paint:before{content:"\e90c"}.mif-image:before{content:"\e90d"}.mif-images:before{content:"\e90e"}.mif-camera:before{content:"\e90f"}.mif-headphones:before{content:"\e910"}.mif-music:before{content:"\e911"}.mif-film:before{content:"\e913"}.mif-video-camera:before{content:"\e914"}.mif-dice:before{content:"\e915"}.mif-wifi-connect:before{content:"\e91b"}.mif-feed:before{content:"\e91d"}.mif-mic:before{content:"\e91e"}.mif-books:before{content:"\e920"}.mif-file-empty:before{content:"\e924"}.mif-files-empty:before{content:"\e925"}.mif-file-text:before{content:"\e926"}.mif-file-picture:before{content:"\e927"}.mif-file-music:before{content:"\e928"}.mif-file-play:before{content:"\e929"}.mif-file-video:before{content:"\e92a"}.mif-file-zip:before{content:"\e92b"}.mif-stack:before{content:"\e92e"}.mif-folder:before{content:"\e92f"}.mif-folder-open:before{content:"\e930"}.mif-folder-plus:before{content:"\e931"}.mif-folder-minus:before{content:"\e932"}.mif-folder-download:before{content:"\e933"}.mif-folder-upload:before{content:"\e934"}.mif-tag:before{content:"\e935"}.mif-tags:before{content:"\e936"}.mif-barcode:before{content:"\e937"}.mif-qrcode:before{content:"\e938"}.mif-cart:before{content:"\e93a"}.mif-credit-card:before{content:"\e93f"}.mif-calculator:before{content:"\e940"}.mif-help:before{content:"\e941"}.mif-phone:before{content:"\e942"}.mif-envelop:before{content:"\e945"}.mif-location:before{content:"\e948"}.mif-compass:before{content:"\e949"}.mif-compass2:before{content:"\e94a"}.mif-map:before{content:"\e94b"}.mif-history:before{content:"\e94d"}.mif-bell:before{content:"\e951"}.mif-calendar:before{content:"\e953"}.mif-printer:before{content:"\e954"}.mif-keyboard:before{content:"\e955"}.mif-display:before{content:"\e956"}.mif-laptop:before{content:"\e957"}.mif-mobile:before{content:"\e959"}.mif-tablet:before{content:"\e95a"}.mif-download:before{content:"\e960"}.mif-upload:before{content:"\e961"}.mif-floppy-disk:before{content:"\e962"}.mif-drive:before{content:"\e963"}.mif-database:before{content:"\e964"}.mif-undo:before{content:"\e965"}.mif-redo:before{content:"\e966"}.mif-bubble:before{content:"\e96b"}.mif-bubbles:before{content:"\e96c"}.mif-user:before{content:"\e971"}.mif-users:before{content:"\e972"}.mif-user-plus:before{content:"\e973"}.mif-user-minus:before{content:"\e974"}.mif-user-check:before{content:"\e975"}.mif-hour-glass:before{content:"\e979"}.mif-spinner:before{content:"\e97a"}.mif-spinner1:before{content:"\e97b"}.mif-spinner2:before{content:"\e97d"}.mif-spinner3:before{content:"\e981"}.mif-spinner4:before{content:"\e982"}.mif-spinner5:before{content:"\e983"}.mif-search:before{content:"\e986"}.mif-zoom-in:before{content:"\e987"}.mif-zoom-out:before{content:"\e988"}.mif-enlarge:before{content:"\e989"}.mif-shrink:before{content:"\e98a"}.mif-enlarge2:before{content:"\e98b"}.mif-shrink2:before{content:"\e98c"}.mif-key:before{content:"\e98d"}.mif-wrench:before{content:"\e991"}.mif-equalizer:before{content:"\e992"}.mif-equalizer-v:before{content:"\e993"}.mif-cog:before{content:"\e994"}.mif-cogs:before{content:"\e995"}.mif-magic-wand:before{content:"\e997"}.mif-bug:before{content:"\e999"}.mif-chart-pie:before{content:"\e99a"}.mif-chart-dots:before{content:"\e99b"}.mif-chart-bars:before{content:"\e99c"}.mif-chart-bars2:before{content:"\e99d"}.mif-trophy:before{content:"\e99e"}.mif-gift:before{content:"\e99f"}.mif-spoon-fork:before{content:"\e9a3"}.mif-rocket:before{content:"\e9a5"}.mif-meter:before{content:"\e9a6"}.mif-hammer:before{content:"\e9a8"}.mif-fire:before{content:"\e9a9"}.mif-lab:before{content:"\e9aa"}.mif-bin:before{content:"\e9ac"}.mif-truck:before{content:"\e9b0"}.mif-target:before{content:"\e9b3"}.mif-power:before{content:"\e9b5"}.mif-switch:before{content:"\e9b6"}.mif-power-cord:before{content:"\e9b7"}.mif-clipboard:before{content:"\e9b8"}.mif-list-numbered:before{content:"\e9b9"}.mif-list:before{content:"\e9ba"}.mif-list2:before{content:"\e9bb"}.mif-tree:before{content:"\e9bc"}.mif-cloud:before{content:"\e9c1"}.mif-cloud-download:before{content:"\e9c2"}.mif-cloud-upload:before{content:"\e9c3"}.mif-download2:before{content:"\e9c7"}.mif-upload2:before{content:"\e9c8"}.mif-earth:before{content:"\e9ca"}.mif-link:before{content:"\e9cb"}.mif-flag:before{content:"\e9cc"}.mif-attachment:before{content:"\e9cd"}.mif-eye:before{content:"\e9ce"}.mif-bookmark:before{content:"\e9d2"}.mif-bookmarks:before{content:"\e9d3"}.mif-contrast:before{content:"\e9d5"}.mif-brightness:before{content:"\e9d6"}.mif-star-empty:before{content:"\e9d7"}.mif-star-half:before{content:"\e9d8"}.mif-star-full:before{content:"\e9d9"}.mif-heart:before{content:"\e9da"}.mif-heart-broken:before{content:"\e9db"}.mif-warning:before{content:"\ea07"}.mif-notification:before{content:"\ea08"}.mif-question:before{content:"\ea09"}.mif-plus:before{content:"\ea0a"}.mif-minus:before{content:"\ea0b"}.mif-info:before{content:"\ea0c"}.mif-cancel:before{content:"\ea0d"}.mif-blocked:before{content:"\ea0e"}.mif-cross:before{content:"\ea0f"}.mif-checkmark:before{content:"\ea10"}.mif-spell-check:before{content:"\ea12"}.mif-enter:before{content:"\ea13"}.mif-exit:before{content:"\ea14"}.mif-play:before{content:"\ea1c"}.mif-pause:before{content:"\ea1d"}.mif-stop:before{content:"\ea1e"}.mif-backward:before{content:"\ea1f"}.mif-forward:before{content:"\ea20"}.mif-first:before{content:"\ea21"}.mif-last:before{content:"\ea22"}.mif-previous:before{content:"\ea23"}.mif-next:before{content:"\ea24"}.mif-eject:before{content:"\ea25"}.mif-volume-high:before{content:"\ea26"}.mif-volume-medium:before{content:"\ea27"}.mif-volume-low:before{content:"\ea28"}.mif-volume-mute:before{content:"\ea29"}.mif-volume-mute2:before{content:"\ea2a"}.mif-volume-plus:before{content:"\ea2b"}.mif-volume-minus:before{content:"\ea2c"}.mif-loop:before{content:"\ea2d"}.mif-loop2:before{content:"\ea2e"}.mif-infinite:before{content:"\ea2f"}.mif-shuffle:before{content:"\ea30"}.mif-arrow-up-left:before{content:"\ea39"}.mif-arrow-up:before{content:"\ea3a"}.mif-arrow-up-right:before{content:"\ea3b"}.mif-arrow-right:before{content:"\ea3c"}.mif-arrow-down-right:before{content:"\ea3d"}.mif-arrow-down:before{content:"\ea3e"}.mif-arrow-down-left:before{content:"\ea3f"}.mif-arrow-left:before{content:"\ea40"}.mif-tab:before{content:"\ea45"}.mif-move-up:before{content:"\ea46"}.mif-move-down:before{content:"\ea47"}.mif-sort-asc:before{content:"\ea4c"}.mif-sort-desc:before{content:"\ea4d"}.mif-command:before{content:"\ea4e"}.mif-shift:before{content:"\ea4f"}.mif-crop:before{content:"\ea57"}.mif-filter:before{content:"\ea5b"}.mif-bold:before{content:"\ea62"}.mif-underline:before{content:"\ea63"}.mif-italic:before{content:"\ea64"}.mif-strikethrough:before{content:"\ea65"}.mif-page-break:before{content:"\ea68"}.mif-superscript:before{content:"\ea69"}.mif-subscript:before{content:"\ea6a"}.mif-table:before{content:"\ea71"}.mif-insert-template:before{content:"\ea72"}.mif-pilcrow:before{content:"\ea73"}.mif-ltr:before{content:"\ea74"}.mif-rtl:before{content:"\ea75"}.mif-section:before{content:"\ea76"}.mif-paragraph-left:before{content:"\ea77"}.mif-paragraph-center:before{content:"\ea78"}.mif-paragraph-right:before{content:"\ea79"}.mif-paragraph-justify:before{content:"\ea7a"}.mif-indent-increase:before{content:"\ea7b"}.mif-indent-decrease:before{content:"\ea7c"}.mif-embed:before{content:"\ea7f"}.mif-embed2:before{content:"\ea80"}.mif-share:before{content:"\ea82"}.mif-google:before{content:"\ea87"}.mif-google-plus:before{content:"\ea88"}.mif-facebook:before{content:"\ea8d"}.mif-twitter:before{content:"\ea91"}.mif-feed3:before{content:"\ea95"}.mif-youtube:before{content:"\ea99"}.mif-steam:before{content:"\eaae"}.mif-onedrive:before{content:"\eab0"}.mif-github:before{content:"\eab3"}.mif-git:before{content:"\eab5"}.mif-apple:before{content:"\eabf"}.mif-android:before{content:"\eac1"}.mif-windows:before{content:"\eac3"}.mif-skype:before{content:"\eac6"}.mif-linkedin:before{content:"\eac8"}.mif-html5:before{content:"\eadf"}.mif-css3:before{content:"\eae1"}.mif-chrome:before{content:"\eae5"}.mif-firefox:before{content:"\eae6"}.mif-ie:before{content:"\eae7"}.mif-opera:before{content:"\eae8"}.mif-safari:before{content:"\eae9"}.mif-airplane:before{content:"\e6c3"}.mif-truck2:before{content:"\e6c4"}.mif-instagram:before{content:"\e6c5"}.mif-twitch:before{content:"\e6c6"}.mif-picassa:before{content:"\e6c7"}.mif-deviantart2:before{content:"\e6c8"}.mif-wordpress2:before{content:"\e6c9"}.mif-joomla:before{content:"\e6ca"}.mif-blogger:before{content:"\e6cb"}.mif-tux:before{content:"\e6cc"}.mif-finder:before{content:"\e6cd"}.mif-soundcloud:before{content:"\e6ce"}.mif-reddit:before{content:"\e6cf"}.mif-delicious:before{content:"\e6d0"}.mif-stackoverflow:before{content:"\e6d1"}.mif-flattr:before{content:"\e6d2"}.mif-foursquare:before{content:"\e6d3"}.mif-file-openoffice:before{content:"\e6d4"}.mif-libreoffice:before{content:"\e6d5"}.mif-codepen:before{content:"\e6d6"}.mif-IcoMoon:before{content:"\e6d7"}.mif-stack2:before{content:"\e6b9"}.mif-stack3:before{content:"\e6ba"}.mif-lamp:before{content:"\e6bb"}.mif-injection:before{content:"\e6bc"}.mif-thermometer2:before{content:"\e6bd"}.mif-justice:before{content:"\e6be"}.mif-cabinet:before{content:"\e62b"}.mif-suitcase:before{content:"\e62c"}.mif-gamepad:before{content:"\e65e"}.mif-satellite:before{content:"\e65f"}.mif-lock:before{content:"\e660"}.mif-unlock:before{content:"\e661"}.mif-battery-full:before{content:"\e62d"}.mif-battery-two:before{content:"\e62e"}.mif-battery-one:before{content:"\e62f"}.mif-battery-empty:before{content:"\e630"}.mif-battery-charge:before{content:"\e631"}.mif-tools:before{content:"\e632"}.mif-pin:before{content:"\e662"}.mif-discout:before{content:"\e663"}.mif-profile:before{content:"\e664"}.mif-dollar:before{content:"\e665"}.mif-dollars:before{content:"\e666"}.mif-coins:before{content:"\e6b8"}.mif-male:before{content:"\e667"}.mif-female:before{content:"\e668"}.mif-piano:before{content:"\e669"}.mif-anchor:before{content:"\e66a"}.mif-directions-bike:before{content:"\e6bf"}.mif-location-city:before{content:"\e6c0"}.mif-wifi-low:before{content:"\e60c"}.mif-wifi-mid:before{content:"\e60d"}.mif-wifi-full:before{content:"\e634"}.mif-tablet-landscape:before{content:"\e635"}.mif-calculator2:before{content:"\e636"}.mif-barbell:before{content:"\e637"}.mif-chart-line:before{content:"\e656"}.mif-3d-rotation:before{content:"\e600"}.mif-alarm:before{content:"\e601"}.mif-alarm-on:before{content:"\e602"}.mif-favorite:before{content:"\e603"}.mif-perm-phone-msg:before{content:"\e604"}.mif-print:before{content:"\e605"}.mif-bt-settings:before{content:"\e606"}.mif-settings-ethernet:before{content:"\e607"}.mif-settings-phone:before{content:"\e608"}.mif-settings-power:before{content:"\e609"}.mif-settings-voice:before{content:"\e60a"}.mif-shopping-basket:before{content:"\e60b"}.mif-dialer-sip:before{content:"\e60e"}.mif-dialpad:before{content:"\e60f"}.mif-contacts-dialer:before{content:"\e610"}.mif-contacts-mail:before{content:"\e611"}.mif-ring-volume:before{content:"\e612"}.mif-voicemail:before{content:"\e613"}.mif-drafts:before{content:"\e614"}.mif-mail:before{content:"\e615"}.mif-bluetooth:before{content:"\e626"}.mif-bt-connected:before{content:"\e627"}.mif-bt-disabled:before{content:"\e628"}.mif-bt-searching:before{content:"\e629"}.mif-brightness-auto:before{content:"\e62a"}.mif-multitrack-audio:before{content:"\e616"}.mif-widgets:before{content:"\e617"}.mif-usb:before{content:"\e638"}.mif-money:before{content:"\e639"}.mif-vertical-align-bottom:before{content:"\e63a"}.mif-vertical-align-center:before{content:"\e63b"}.mif-vertical-align-top:before{content:"\e63c"}.mif-file-download:before{content:"\e63d"}.mif-file-upload:before{content:"\e63e"}.mif-keyboard-return:before{content:"\e63f"}.mif-keyboard-voice:before{content:"\e640"}.mif-phonelink:before{content:"\e641"}.mif-phonelink-off:before{content:"\e642"}.mif-security:before{content:"\e618"}.mif-looks:before{content:"\e643"}.mif-palette:before{content:"\e619"}.mif-layers:before{content:"\e644"}.mif-layers-clear:before{content:"\e61a"}.mif-local-airport:before{content:"\e645"}.mif-florist:before{content:"\e61b"}.mif-gas-station:before{content:"\e61c"}.mif-hotel:before{content:"\e646"}.mif-local-service:before{content:"\e61d"}.mif-map2:before{content:"\e620"}.mif-my-location:before{content:"\e61e"}.mif-traff:before{content:"\e621"}.mif-apps:before{content:"\e647"}.mif-chevron-left:before{content:"\e648"}.mif-chevron-right:before{content:"\e649"}.mif-expand-less:before{content:"\e64a"}.mif-expand-more:before{content:"\e64b"}.mif-menu:before{content:"\e64c"}.mif-more-horiz:before{content:"\e64d"}.mif-more-vert:before{content:"\e64e"}.mif-unfold-less:before{content:"\e64f"}.mif-unfold-more:before{content:"\e650"}.mif-bt-audio:before{content:"\e651"}.mif-not:before{content:"\e633"}.mif-drive-eta:before{content:"\e652"}.mif-event-available:before{content:"\e653"}.mif-event-busy:before{content:"\e654"}.mif-folder-special:before{content:"\e655"}.mif-phone-bt:before{content:"\e657"}.mif-phone-forwarded:before{content:"\e658"}.mif-phone-in-talk:before{content:"\e659"}.mif-phone-locked:before{content:"\e65a"}.mif-phone-missed:before{content:"\e65b"}.mif-phone-paused:before{content:"\e65c"}.mif-sd-card:before{content:"\e65d"}.mif-sync-disabled:before{content:"\e622"}.mif-sync-problem:before{content:"\e623"}.mif-vpn-lock:before{content:"\e624"}.mif-vpn-publ:before{content:"\e625"}.mif-school:before{content:"\e61f"}.mif-chevron-thin-down:before{content:"\e66b"}.mif-chevron-thin-left:before{content:"\e697"}.mif-chevron-thin-right:before{content:"\e69b"}.mif-chevron-thin-up:before{content:"\e69c"}.mif-flow-branch:before{content:"\e69d"}.mif-flow-cascade:before{content:"\e69e"}.mif-flow-line:before{content:"\e69f"}.mif-flow-parallel:before{content:"\e6a0"}.mif-flow-tree:before{content:"\e6a1"}.mif-air:before{content:"\e6a2"}.mif-medal:before{content:"\e6a3"}.mif-paper-plane:before{content:"\e6a4"}.mif-shareable:before{content:"\e6a5"}.mif-shop:before{content:"\e6a6"}.mif-shopping-basket2:before{content:"\e6a7"}.mif-thumbs-down:before{content:"\e6a8"}.mif-thumbs-up:before{content:"\e6a9"}.mif-traffic-cone:before{content:"\e6aa"}.mif-water:before{content:"\e6ab"}.mif-creative-cloud:before{content:"\e6ac"}.mif-dropbox:before{content:"\e6ad"}.mif-evernote:before{content:"\e6ae"}.mif-paypal:before{content:"\e6af"}.mif-swarm:before{content:"\e6b0"}.mif-vk:before{content:"\e6b1"}.mif-yelp:before{content:"\e6b2"}.mif-dribbble:before{content:"\e6b3"}.mif-lastfm:before{content:"\e6b4"}.mif-pinterest:before{content:"\e6b5"}.mif-stumbleupon:before{content:"\e6b6"}.mif-vimeo:before{content:"\e6b7"}
\ No newline at end of file
diff --git a/css/metro-responsive.css b/css/metro-responsive.css
new file mode 100755
index 0000000..9dbaca2
--- /dev/null
+++ b/css/metro-responsive.css
@@ -0,0 +1,720 @@
+.flexbox {
+ display: -webkit-flex;
+ display: flex;
+}
+.flex-dir-row {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+}
+.flex-dir-row-reverse {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.flex-dir-column {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+}
+.flex-dir-column-reverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+.flex-wrap {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+.flex-wrap-reverse {
+ -webkit-flex-wrap: wrap-reverse;
+ flex-wrap: wrap-reverse;
+}
+.flex-no-wrap {
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+.flex-just-start {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+}
+.flex-just-end {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+}
+.flex-just-center {
+ -webkit-justify-content: center;
+ justify-content: center;
+}
+.flex-just-sa {
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+}
+.flex-just-sb {
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+.flex-align-stretch {
+ -webkit-align-items: stretch;
+ align-items: stretch;
+}
+.flex-align-start {
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+}
+.flex-align-end {
+ -webkit-align-items: flex-end;
+ align-items: flex-end;
+}
+.flex-align-center {
+ -webkit-align-items: center;
+ align-items: center;
+}
+.flex-align-base {
+ -webkit-align-items: baseline;
+ align-items: baseline;
+}
+.flex-content-stretch {
+ -webkit-align-content: stretch;
+ align-content: stretch;
+}
+.flex-content-start {
+ -webkit-align-content: flex-start;
+ align-content: flex-start;
+}
+.flex-content-end {
+ -webkit-align-content: flex-end;
+ align-content: flex-end;
+}
+.flex-content-center {
+ -webkit-align-content: center;
+ align-content: center;
+}
+.flex-content-sb {
+ -webkit-align-content: space-between;
+ align-content: space-between;
+}
+.flex-content-sa {
+ -webkit-align-content: space-around;
+ align-content: space-around;
+}
+.flex-self-auto {
+ -webkit-align-self: auto;
+ align-self: auto;
+}
+.flex-self-start {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+}
+.flex-self-end {
+ -webkit-align-self: flex-end;
+ align-self: flex-end;
+}
+.flex-self-center {
+ -webkit-align-self: center;
+ align-self: center;
+}
+.flex-self-base {
+ -webkit-align-self: baseline;
+ align-self: baseline;
+}
+.flex-self-stretch {
+ -webkit-align-self: stretch;
+ align-self: stretch;
+}
+.no-shrink {
+ -webkit-flex-shrink: 0 !important;
+ flex-shrink: 0 !important;
+}
+.no-grow {
+ -webkit-flex-grow: 0 !important;
+ flex-grow: 0 !important;
+}
+.flex-size-auto {
+ -webkit-flex: 1 auto;
+ flex: 1 auto;
+}
+.flex-size1 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+}
+.flex-size2 {
+ -webkit-flex-grow: 2;
+ flex-grow: 2;
+}
+.flex-size3 {
+ -webkit-flex-grow: 3;
+ flex-grow: 3;
+}
+.flex-size4 {
+ -webkit-flex-grow: 4;
+ flex-grow: 4;
+}
+.flex-size5 {
+ -webkit-flex-grow: 5;
+ flex-grow: 5;
+}
+.flex-size6 {
+ -webkit-flex-grow: 6;
+ flex-grow: 6;
+}
+.flex-size7 {
+ -webkit-flex-grow: 7;
+ flex-grow: 7;
+}
+.flex-size8 {
+ -webkit-flex-grow: 8;
+ flex-grow: 8;
+}
+.flex-size9 {
+ -webkit-flex-grow: 9;
+ flex-grow: 9;
+}
+.flex-size10 {
+ -webkit-flex-grow: 10;
+ flex-grow: 10;
+}
+.flex-size11 {
+ -webkit-flex-grow: 11;
+ flex-grow: 11;
+}
+.flex-size12 {
+ -webkit-flex-grow: 12;
+ flex-grow: 12;
+}
+.flex-size-p10 {
+ -webkit-flex: 0 0 10%;
+ flex: 0 0 10%;
+}
+.flex-size-p20 {
+ -webkit-flex: 0 0 20%;
+ flex: 0 0 20%;
+}
+.flex-size-p30 {
+ -webkit-flex: 0 0 30%;
+ flex: 0 0 30%;
+}
+.flex-size-p40 {
+ -webkit-flex: 0 0 40%;
+ flex: 0 0 40%;
+}
+.flex-size-p50 {
+ -webkit-flex: 0 0 50%;
+ flex: 0 0 50%;
+}
+.flex-size-p60 {
+ -webkit-flex: 0 0 60%;
+ flex: 0 0 60%;
+}
+.flex-size-p70 {
+ -webkit-flex: 0 0 70%;
+ flex: 0 0 70%;
+}
+.flex-size-p80 {
+ -webkit-flex: 0 0 80%;
+ flex: 0 0 80%;
+}
+.flex-size-p90 {
+ -webkit-flex: 0 0 90%;
+ flex: 0 0 90%;
+}
+.flex-size-p100 {
+ -webkit-flex: 0 0 100%;
+ flex: 0 0 100%;
+}
+.flex-size-x100 {
+ -webkit-flex: 0 0 100px;
+ flex: 0 0 100px;
+}
+.flex-size-x200 {
+ -webkit-flex: 0 0 200px;
+ flex: 0 0 200px;
+}
+.flex-size-x300 {
+ -webkit-flex: 0 0 300px;
+ flex: 0 0 300px;
+}
+.flex-size-x400 {
+ -webkit-flex: 0 0 400px;
+ flex: 0 0 400px;
+}
+.flex-size-x500 {
+ -webkit-flex: 0 0 500px;
+ flex: 0 0 500px;
+}
+.flex-size-x600 {
+ -webkit-flex: 0 0 600px;
+ flex: 0 0 600px;
+}
+.flex-size-x700 {
+ -webkit-flex: 0 0 700px;
+ flex: 0 0 700px;
+}
+.flex-size-x800 {
+ -webkit-flex: 0 0 800px;
+ flex: 0 0 800px;
+}
+.flex-size-x900 {
+ -webkit-flex: 0 0 900px;
+ flex: 0 0 900px;
+}
+.flex-size-x1000 {
+ -webkit-flex: 0 0 1000px;
+ flex: 0 0 1000px;
+}
+@media screen and (min-width: 1401px) {
+ html {
+ font-size: 120%;
+ }
+}
+@media screen and (max-width: 1400px) {
+ html {
+ font-size: 110%;
+ }
+}
+@media screen and (max-width: 1200px) {
+ html {
+ font-size: 100%;
+ }
+}
+@media screen and (max-width: 768px) {
+ html {
+ font-size: 100%;
+ }
+}
+@media screen and (max-width: 640px) {
+ html {
+ font-size: 90%;
+ }
+}
+@media screen and (max-width: 320px) {
+ html {
+ font-size: 80%;
+ }
+}
+@media screen and (max-width: 800px) {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ p {
+ margin: .625rem;
+ }
+}
+@media screen and (min-width: 1401px) {
+ .container {
+ width: 1200px;
+ }
+}
+@media screen and (max-width: 992px) {
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+}
+@media screen and (max-width: 768px) {
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+}
+@media screen and (max-width: 640px) {
+ .container {
+ width: 100%;
+ padding: 10px;
+ }
+}
+@media screen and (max-width: 320px) {
+ .container {
+ width: 100%;
+ padding: 5px;
+ }
+}
+@media only screen and (max-width: 800px) {
+ .flex-grid .row {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+ .flex-grid .row .cell,
+ .flex-grid .row .cell[class*=size] {
+ -webkit-flex: 0 0 50%;
+ flex: 0 0 50%;
+ }
+ .flex-grid .row .cell:nth-child(1):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(1):last-child,
+ .flex-grid .row .cell:nth-child(3):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(3):last-child,
+ .flex-grid .row .cell:nth-child(5):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(5):last-child,
+ .flex-grid .row .cell:nth-child(7):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(7):last-child,
+ .flex-grid .row .cell:nth-child(9):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(9):last-child,
+ .flex-grid .row .cell:nth-child(11):last-child,
+ .flex-grid .row .cell[class*=size]:nth-child(11):last-child {
+ -webkit-flex-basis: 100%;
+ flex-basis: 100%;
+ }
+}
+@media only screen and (max-width: 640px) {
+ .flex-grid .row {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ }
+}
+@media screen and (max-width: 800px) {
+ .grid .row,
+ .grid .row[class*=cells] {
+ margin: 0;
+ }
+ .grid .row > .cell,
+ .grid .row[class*=cells] > .cell,
+ .grid .row > .cell[class*=colspan],
+ .grid .row[class*=cells] > .cell[class*=colspan] {
+ width: 48.936175% ;
+ margin-bottom: 10px;
+ }
+ .grid .row > .cell:nth-child(odd),
+ .grid .row[class*=cells] > .cell:nth-child(odd),
+ .grid .row > .cell[class*=colspan]:nth-child(odd),
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
+ margin-left: 0;
+ }
+ .grid .row > .cell:nth-child(1):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(1):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(1):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
+ .grid .row > .cell:nth-child(3):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(3):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(3):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
+ .grid .row > .cell:nth-child(5):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(5):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(5):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
+ .grid .row > .cell:nth-child(7):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(7):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(7):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
+ .grid .row > .cell:nth-child(9):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(9):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(9):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
+ .grid .row > .cell:nth-child(11):last-child,
+ .grid .row[class*=cells] > .cell:nth-child(11):last-child,
+ .grid .row > .cell[class*=colspan]:nth-child(11):last-child,
+ .grid .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
+ width: 100%;
+ }
+}
+@media screen and (max-width: 640px) {
+ .grid .row,
+ .grid .row[class*=cells] {
+ margin: 0;
+ }
+ .grid .row > .cell,
+ .grid .row[class*=cells] > .cell,
+ .grid .row > .cell[class*=colspan],
+ .grid .row[class*=cells] > .cell[class*=colspan] {
+ width: 100%;
+ margin: .3125rem 0;
+ }
+}
+@media screen and (max-width: 800px) {
+ .grid.condensed .row,
+ .grid.condensed .row[class*=cells] {
+ margin: 0;
+ }
+ .grid.condensed .row > .cell,
+ .grid.condensed .row[class*=cells] > .cell,
+ .grid.condensed .row > .cell[class*=colspan],
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
+ width: 50% ;
+ margin-bottom: 10px ;
+ }
+ .grid.condensed .row > .cell:nth-child(odd),
+ .grid.condensed .row[class*=cells] > .cell:nth-child(odd),
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(odd),
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(odd) {
+ margin-left: 0;
+ }
+ .grid.condensed .row > .cell:nth-child(1):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(1):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(1):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(1):last-child,
+ .grid.condensed .row > .cell:nth-child(3):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(3):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(3):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(3):last-child,
+ .grid.condensed .row > .cell:nth-child(5):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(5):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(5):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(5):last-child,
+ .grid.condensed .row > .cell:nth-child(7):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(7):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(7):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(7):last-child,
+ .grid.condensed .row > .cell:nth-child(9):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(9):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(9):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(9):last-child,
+ .grid.condensed .row > .cell:nth-child(11):last-child,
+ .grid.condensed .row[class*=cells] > .cell:nth-child(11):last-child,
+ .grid.condensed .row > .cell[class*=colspan]:nth-child(11):last-child,
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan]:nth-child(11):last-child {
+ width: 100%;
+ }
+}
+@media only screen and (max-width: 640px) {
+ .grid.condensed .row,
+ .grid.condensed .row[class*=cells] {
+ margin: 0;
+ }
+ .grid.condensed .row > .cell,
+ .grid.condensed .row[class*=cells] > .cell,
+ .grid.condensed .row > .cell[class*=colspan],
+ .grid.condensed .row[class*=cells] > .cell[class*=colspan] {
+ width: 100%;
+ margin: .3125rem 0;
+ }
+}
+@media only screen and (max-width: 640px) {
+ .f-menu {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ }
+}
+@media only screen and (max-width: 640px) {
+ .f-menu > li .d-menu {
+ position: relative;
+ box-shadow: none;
+ left: 0;
+ }
+}
+@media screen and (max-width: 800px) {
+ .sidebar {
+ width: 52px;
+ }
+ .sidebar li > a {
+ padding-right: 0;
+ padding-left: 0;
+ width: 52px !important;
+ }
+ .sidebar li > a > .title {
+ display: none ;
+ }
+ .sidebar li > a > .counter {
+ position: absolute;
+ top: 0;
+ right: 4px;
+ }
+}
+@media screen and (max-width: 320px) {
+ .wizard2 .step:before {
+ width: 16px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile {
+ width: 120px;
+ height: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.small-tile {
+ width: 56px;
+ height: 56px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.wide-tile {
+ width: 248px;
+ height: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.wide-tile-v {
+ width: 120px;
+ height: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.large-tile {
+ width: 248px;
+ height: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.big-tile {
+ width: 376px;
+ height: 376px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile.super-tile {
+ width: 504px;
+ height: 504px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-square {
+ width: 120px;
+ height: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-small {
+ width: 56px;
+ height: 56px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-wide {
+ width: 248px;
+ height: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-large {
+ width: 248px;
+ height: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-big {
+ width: 376px;
+ height: 376px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-super {
+ width: 504px;
+ height: 504px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-small-x {
+ width: 56px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-square-x {
+ width: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-wide-x {
+ width: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-large-x {
+ width: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-big-x {
+ width: 376px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-super-x {
+ width: 504px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-small-y {
+ height: 56px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-square-y {
+ height: 120px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-wide-y {
+ height: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-large-y {
+ height: 248px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-big-y {
+ height: 376px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-super-y {
+ height: 504px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-content.iconic .icon {
+ width: 51.2px;
+ height: 51.2px;
+ margin-left: -25.6px;
+ margin-top: -32px;
+ font-size: 51.2px;
+ }
+}
+@media screen and (max-width: 800px) {
+ .tile-small .tile-content.iconic .icon {
+ font-size: 25.6px;
+ width: 25.6px;
+ height: 25.6px;
+ margin-left: -12.8px;
+ margin-top: -12.8px;
+ }
+}
+@media screen and (max-width: 640px) {
+ .tile-area {
+ width: 100% ;
+ padding: 0;
+ }
+ .tile-area .tile-area-title {
+ display: none;
+ }
+ .tile-area .tile-group {
+ margin: 0 ;
+ padding: 0 ;
+ float: none;
+ }
+ .tile-area .tile-group .tile-group-title {
+ display: none;
+ }
+}
+@media screen and (max-width: 640px) {
+ .tile-container {
+ width: 100% ;
+ }
+}
+@media screen and (max-width: 320px) {
+ .tile-big,
+ .tile.big-tile,
+ .tile-super,
+ .tile.super-tile {
+ width: 310px ;
+ }
+}
+@media screen and (max-width: 320px) {
+ .no-small-phone {
+ display: none !important;
+ }
+}
+@media screen and (max-width: 640px) {
+ .no-phone {
+ display: none !important;
+ }
+}
+@media screen and (max-width: 800px) {
+ .no-tablet {
+ display: none !important;
+ }
+}
+@media screen and (min-width: 801px) {
+ .no-pc {
+ display: none !important;
+ }
+}
diff --git a/css/metro-responsive.min.css b/css/metro-responsive.min.css
new file mode 100755
index 0000000..3af4d5f
--- /dev/null
+++ b/css/metro-responsive.min.css
@@ -0,0 +1 @@
+.flexbox{display:-webkit-flex;display:flex}.flex-dir-row{-webkit-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-no-wrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.flex-just-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-just-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-just-center{-webkit-justify-content:center;justify-content:center}.flex-just-sa{-webkit-justify-content:space-around;justify-content:space-around}.flex-just-sb{-webkit-justify-content:space-between;justify-content:space-between}.flex-align-stretch{-webkit-align-items:stretch;align-items:stretch}.flex-align-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-align-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-align-center{-webkit-align-items:center;align-items:center}.flex-align-base{-webkit-align-items:baseline;align-items:baseline}.flex-content-stretch{-webkit-align-content:stretch;align-content:stretch}.flex-content-start{-webkit-align-content:flex-start;align-content:flex-start}.flex-content-end{-webkit-align-content:flex-end;align-content:flex-end}.flex-content-center{-webkit-align-content:center;align-content:center}.flex-content-sb{-webkit-align-content:space-between;align-content:space-between}.flex-content-sa{-webkit-align-content:space-around;align-content:space-around}.flex-self-auto{-webkit-align-self:auto;align-self:auto}.flex-self-start{-webkit-align-self:flex-start;align-self:flex-start}.flex-self-end{-webkit-align-self:flex-end;align-self:flex-end}.flex-self-center{-webkit-align-self:center;align-self:center}.flex-self-base{-webkit-align-self:baseline;align-self:baseline}.flex-self-stretch{-webkit-align-self:stretch;align-self:stretch}.no-shrink{-webkit-flex-shrink:0!important;flex-shrink:0!important}.no-grow{-webkit-flex-grow:0!important;flex-grow:0!important}.flex-size-auto{-webkit-flex:1 auto;flex:1 auto}.flex-size1{-webkit-flex-grow:1;flex-grow:1}.flex-size2{-webkit-flex-grow:2;flex-grow:2}.flex-size3{-webkit-flex-grow:3;flex-grow:3}.flex-size4{-webkit-flex-grow:4;flex-grow:4}.flex-size5{-webkit-flex-grow:5;flex-grow:5}.flex-size6{-webkit-flex-grow:6;flex-grow:6}.flex-size7{-webkit-flex-grow:7;flex-grow:7}.flex-size8{-webkit-flex-grow:8;flex-grow:8}.flex-size9{-webkit-flex-grow:9;flex-grow:9}.flex-size10{-webkit-flex-grow:10;flex-grow:10}.flex-size11{-webkit-flex-grow:11;flex-grow:11}.flex-size12{-webkit-flex-grow:12;flex-grow:12}.flex-size-p10{-webkit-flex:0 0 10%;flex:0 0 10%}.flex-size-p20{-webkit-flex:0 0 20%;flex:0 0 20%}.flex-size-p30{-webkit-flex:0 0 30%;flex:0 0 30%}.flex-size-p40{-webkit-flex:0 0 40%;flex:0 0 40%}.flex-size-p50{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-size-p60{-webkit-flex:0 0 60%;flex:0 0 60%}.flex-size-p70{-webkit-flex:0 0 70%;flex:0 0 70%}.flex-size-p80{-webkit-flex:0 0 80%;flex:0 0 80%}.flex-size-p90{-webkit-flex:0 0 90%;flex:0 0 90%}.flex-size-p100{-webkit-flex:0 0 100%;flex:0 0 100%}.flex-size-x100{-webkit-flex:0 0 100px;flex:0 0 100px}.flex-size-x200{-webkit-flex:0 0 200px;flex:0 0 200px}.flex-size-x300{-webkit-flex:0 0 300px;flex:0 0 300px}.flex-size-x400{-webkit-flex:0 0 400px;flex:0 0 400px}.flex-size-x500{-webkit-flex:0 0 500px;flex:0 0 500px}.flex-size-x600{-webkit-flex:0 0 600px;flex:0 0 600px}.flex-size-x700{-webkit-flex:0 0 700px;flex:0 0 700px}.flex-size-x800{-webkit-flex:0 0 800px;flex:0 0 800px}.flex-size-x900{-webkit-flex:0 0 900px;flex:0 0 900px}.flex-size-x1000{-webkit-flex:0 0 1000px;flex:0 0 1000px}@media screen and (min-width:1401px){html{font-size:120%}}@media screen and (max-width:1400px){html{font-size:110%}}@media screen and (max-width:1200px){html{font-size:100%}}@media screen and (max-width:768px){html{font-size:100%}}@media screen and (max-width:640px){html{font-size:90%}}@media screen and (min-width:1401px){.container{width:1200px}}@media screen and (max-width:992px){.container{width:100%;padding:10px}}@media screen and (max-width:768px){.container{width:100%;padding:10px}}@media screen and (max-width:640px){.container{width:100%;padding:10px}}@media screen and (max-width:320px){html{font-size:80%}.container{width:100%;padding:5px}}@media only screen and (max-width:800px){.flex-grid .row{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-grid .row .cell,.flex-grid .row .cell[class*=size]{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-grid .row .cell:nth-child(1):last-child,.flex-grid .row .cell:nth-child(11):last-child,.flex-grid .row .cell:nth-child(3):last-child,.flex-grid .row .cell:nth-child(5):last-child,.flex-grid .row .cell:nth-child(7):last-child,.flex-grid .row .cell:nth-child(9):last-child,.flex-grid .row .cell[class*=size]:nth-child(1):last-child,.flex-grid .row .cell[class*=size]:nth-child(11):last-child,.flex-grid .row .cell[class*=size]:nth-child(3):last-child,.flex-grid .row .cell[class*=size]:nth-child(5):last-child,.flex-grid .row .cell[class*=size]:nth-child(7):last-child,.flex-grid .row .cell[class*=size]:nth-child(9):last-child{-webkit-flex-basis:100%;flex-basis:100%}}@media screen and (max-width:800px){h1,h2,h3,h4,h5,h6,p{margin:.625rem}.grid .row,.grid .row[class*=cells]{margin:0}.grid .row>.cell,.grid .row>.cell[class*=colspan],.grid .row[class*=cells]>.cell,.grid .row[class*=cells]>.cell[class*=colspan]{width:48.936175%;margin-bottom:10px}.grid .row>.cell:nth-child(odd),.grid .row>.cell[class*=colspan]:nth-child(odd),.grid .row[class*=cells]>.cell:nth-child(odd),.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(odd){margin-left:0}.grid .row>.cell:nth-child(1):last-child,.grid .row>.cell:nth-child(11):last-child,.grid .row>.cell:nth-child(3):last-child,.grid .row>.cell:nth-child(5):last-child,.grid .row>.cell:nth-child(7):last-child,.grid .row>.cell:nth-child(9):last-child,.grid .row>.cell[class*=colspan]:nth-child(1):last-child,.grid .row>.cell[class*=colspan]:nth-child(11):last-child,.grid .row>.cell[class*=colspan]:nth-child(3):last-child,.grid .row>.cell[class*=colspan]:nth-child(5):last-child,.grid .row>.cell[class*=colspan]:nth-child(7):last-child,.grid .row>.cell[class*=colspan]:nth-child(9):last-child,.grid .row[class*=cells]>.cell:nth-child(1):last-child,.grid .row[class*=cells]>.cell:nth-child(11):last-child,.grid .row[class*=cells]>.cell:nth-child(3):last-child,.grid .row[class*=cells]>.cell:nth-child(5):last-child,.grid .row[class*=cells]>.cell:nth-child(7):last-child,.grid .row[class*=cells]>.cell:nth-child(9):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(1):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(11):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(3):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(5):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(7):last-child,.grid .row[class*=cells]>.cell[class*=colspan]:nth-child(9):last-child{width:100%}}@media screen and (max-width:640px){.grid .row,.grid .row[class*=cells]{margin:0}.grid .row>.cell,.grid .row>.cell[class*=colspan],.grid .row[class*=cells]>.cell,.grid .row[class*=cells]>.cell[class*=colspan]{width:100%;margin:.3125rem 0}}@media screen and (max-width:800px){.grid.condensed .row,.grid.condensed .row[class*=cells]{margin:0}.grid.condensed .row>.cell,.grid.condensed .row>.cell[class*=colspan],.grid.condensed .row[class*=cells]>.cell,.grid.condensed .row[class*=cells]>.cell[class*=colspan]{width:50%;margin-bottom:10px}.grid.condensed .row>.cell:nth-child(odd),.grid.condensed .row>.cell[class*=colspan]:nth-child(odd),.grid.condensed .row[class*=cells]>.cell:nth-child(odd),.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(odd){margin-left:0}.grid.condensed .row>.cell:nth-child(1):last-child,.grid.condensed .row>.cell:nth-child(11):last-child,.grid.condensed .row>.cell:nth-child(3):last-child,.grid.condensed .row>.cell:nth-child(5):last-child,.grid.condensed .row>.cell:nth-child(7):last-child,.grid.condensed .row>.cell:nth-child(9):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(1):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(11):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(3):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(5):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(7):last-child,.grid.condensed .row>.cell[class*=colspan]:nth-child(9):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(1):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(11):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(3):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(5):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(7):last-child,.grid.condensed .row[class*=cells]>.cell:nth-child(9):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(1):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(11):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(3):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(5):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(7):last-child,.grid.condensed .row[class*=cells]>.cell[class*=colspan]:nth-child(9):last-child{width:100%}}@media only screen and (max-width:640px){.flex-grid .row{-webkit-flex-direction:column;flex-direction:column}.grid.condensed .row,.grid.condensed .row[class*=cells]{margin:0}.grid.condensed .row>.cell,.grid.condensed .row>.cell[class*=colspan],.grid.condensed .row[class*=cells]>.cell,.grid.condensed .row[class*=cells]>.cell[class*=colspan]{width:100%;margin:.3125rem 0}.f-menu{-webkit-flex-direction:column;flex-direction:column}.f-menu>li .d-menu{position:relative;box-shadow:none;left:0}}@media screen and (max-width:800px){.sidebar{width:52px}.sidebar li>a{padding-right:0;padding-left:0;width:52px!important}.sidebar li>a>.title{display:none}.sidebar li>a>.counter{position:absolute;top:0;right:4px}}@media screen and (max-width:320px){.wizard2 .step:before{width:16px}}@media screen and (max-width:800px){.tile{width:120px;height:120px}.tile.small-tile{width:56px;height:56px}.tile.wide-tile{width:248px;height:120px}.tile.wide-tile-v{width:120px;height:248px}.tile.large-tile{width:248px;height:248px}.tile.big-tile{width:376px;height:376px}.tile.super-tile{width:504px;height:504px}.tile-square{width:120px;height:120px}.tile-small{width:56px;height:56px}.tile-wide{width:248px;height:120px}.tile-large{width:248px;height:248px}.tile-big{width:376px;height:376px}.tile-super{width:504px;height:504px}.tile-small-x{width:56px}.tile-square-x{width:120px}.tile-large-x,.tile-wide-x{width:248px}.tile-big-x{width:376px}.tile-super-x{width:504px}.tile-small-y{height:56px}.tile-square-y{height:120px}.tile-large-y,.tile-wide-y{height:248px}.tile-big-y{height:376px}.tile-super-y{height:504px}.tile-content.iconic .icon{width:51.2px;height:51.2px;margin-left:-25.6px;margin-top:-32px;font-size:51.2px}.tile-small .tile-content.iconic .icon{font-size:25.6px;width:25.6px;height:25.6px;margin-left:-12.8px;margin-top:-12.8px}}@media screen and (max-width:640px){.tile-area .tile-area-title,.tile-area .tile-group .tile-group-title{display:none}.tile-area{width:100%;padding:0}.tile-area .tile-group{margin:0;padding:0;float:none}.tile-container{width:100%}}@media screen and (max-width:320px){.tile-big,.tile-super,.tile.big-tile,.tile.super-tile{width:310px}.no-small-phone{display:none!important}}@media screen and (max-width:640px){.no-phone{display:none!important}}@media screen and (max-width:800px){.no-tablet{display:none!important}}@media screen and (min-width:801px){.no-pc{display:none!important}}
\ No newline at end of file
diff --git a/css/metro-rtl.css b/css/metro-rtl.css
new file mode 100755
index 0000000..4c956a8
--- /dev/null
+++ b/css/metro-rtl.css
@@ -0,0 +1,127 @@
+*[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: embed;
+}
+*[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: embed;
+}
+bdo[dir=ltr] {
+ direction: ltr;
+ unicode-bidi: bidi-override;
+}
+bdo[dir=rtl] {
+ direction: rtl;
+ unicode-bidi: bidi-override;
+}
+*[dir=rtl] ul,
+*[dir=rtl] ol,
+ul[dir=rtl],
+ol[dir=rtl] {
+ margin-right: .3125rem;
+ margin-left: 0;
+ padding-right: .625rem;
+}
+*[dir=rtl] ul li ul,
+*[dir=rtl] ol li ul,
+ul[dir=rtl] li ul,
+ol[dir=rtl] li ul,
+*[dir=rtl] ul li ol,
+*[dir=rtl] ol li ol,
+ul[dir=rtl] li ol,
+ol[dir=rtl] li ol {
+ padding-right: 1.5625rem;
+ padding-left: 0;
+}
+*[dir=rtl] dl dd,
+dl[dir=rtl] dd {
+ margin-right: .9375rem;
+ margin-left: 0;
+}
+*[dir=rtl] dl.horizontal dt,
+dl[dir=rtl].horizontal dt {
+ float: right;
+ width: 10rem;
+ overflow: hidden;
+ clear: left;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+*[dir=rtl] dl.horizontal dd,
+dl[dir=rtl].horizontal dd {
+ margin-right: 11.25rem;
+ margin-left: 0;
+}
+*[dir=rtl] blockquote,
+blockquote[dir=rtl] {
+ margin: .625rem 0;
+ padding: 0 .625rem 0 0;
+ border-left: none;
+ border-right: 0.25rem #999999 solid;
+}
+*[dir=rtl] .input-control.text .button,
+.input-control[dir=rtl].text .button,
+*[dir=rtl] .input-control.select .button,
+.input-control[dir=rtl].select .button,
+*[dir=rtl] .input-control.file .button,
+.input-control[dir=rtl].file .button,
+*[dir=rtl] .input-control.password .button,
+.input-control[dir=rtl].password .button,
+*[dir=rtl] .input-control.number .button,
+.input-control[dir=rtl].number .button,
+*[dir=rtl] .input-control.email .button,
+.input-control[dir=rtl].email .button,
+*[dir=rtl] .input-control.tel .button,
+.input-control[dir=rtl].tel .button,
+*[dir=rtl] .input-control.text .button-group,
+.input-control[dir=rtl].text .button-group,
+*[dir=rtl] .input-control.select .button-group,
+.input-control[dir=rtl].select .button-group,
+*[dir=rtl] .input-control.file .button-group,
+.input-control[dir=rtl].file .button-group,
+*[dir=rtl] .input-control.password .button-group,
+.input-control[dir=rtl].password .button-group,
+*[dir=rtl] .input-control.number .button-group,
+.input-control[dir=rtl].number .button-group,
+*[dir=rtl] .input-control.email .button-group,
+.input-control[dir=rtl].email .button-group,
+*[dir=rtl] .input-control.tel .button-group,
+.input-control[dir=rtl].tel .button-group {
+ right: auto;
+ left: 0;
+}
+*[dir=rtl] .input-control.text .prepend-icon,
+.input-control[dir=rtl].text .prepend-icon,
+*[dir=rtl] .input-control.select .prepend-icon,
+.input-control[dir=rtl].select .prepend-icon,
+*[dir=rtl] .input-control.file .prepend-icon,
+.input-control[dir=rtl].file .prepend-icon,
+*[dir=rtl] .input-control.password .prepend-icon,
+.input-control[dir=rtl].password .prepend-icon,
+*[dir=rtl] .input-control.number .prepend-icon,
+.input-control[dir=rtl].number .prepend-icon,
+*[dir=rtl] .input-control.email .prepend-icon,
+.input-control[dir=rtl].email .prepend-icon,
+*[dir=rtl] .input-control.tel .prepend-icon,
+.input-control[dir=rtl].tel .prepend-icon {
+ left: auto;
+ right: 4px;
+}
+*[dir=rtl] .input-control.text .prepend-icon ~ input,
+.input-control[dir=rtl].text .prepend-icon ~ input,
+*[dir=rtl] .input-control.select .prepend-icon ~ input,
+.input-control[dir=rtl].select .prepend-icon ~ input,
+*[dir=rtl] .input-control.file .prepend-icon ~ input,
+.input-control[dir=rtl].file .prepend-icon ~ input,
+*[dir=rtl] .input-control.password .prepend-icon ~ input,
+.input-control[dir=rtl].password .prepend-icon ~ input,
+*[dir=rtl] .input-control.number .prepend-icon ~ input,
+.input-control[dir=rtl].number .prepend-icon ~ input,
+*[dir=rtl] .input-control.email .prepend-icon ~ input,
+.input-control[dir=rtl].email .prepend-icon ~ input,
+*[dir=rtl] .input-control.tel .prepend-icon ~ input,
+.input-control[dir=rtl].tel .prepend-icon ~ input {
+ padding-left: 0;
+ padding-right: 30px;
+}
diff --git a/css/metro-rtl.min.css b/css/metro-rtl.min.css
new file mode 100755
index 0000000..4264159
--- /dev/null
+++ b/css/metro-rtl.min.css
@@ -0,0 +1 @@
+[dir=ltr],[dir=rtl]{unicode-bidi:embed}[dir=ltr],bdo[dir=ltr]{direction:ltr}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}[dir=rtl]{direction:rtl}bdo[dir=rtl]{direction:rtl}[dir=rtl] ol,[dir=rtl] ul,ol[dir=rtl],ul[dir=rtl]{margin-right:.3125rem;margin-left:0;padding-right:.625rem}[dir=rtl] ol li ol,[dir=rtl] ol li ul,[dir=rtl] ul li ol,[dir=rtl] ul li ul,ol[dir=rtl] li ol,ol[dir=rtl] li ul,ul[dir=rtl] li ol,ul[dir=rtl] li ul{padding-right:1.5625rem;padding-left:0}[dir=rtl] dl dd,dl[dir=rtl] dd{margin-right:.9375rem;margin-left:0}[dir=rtl] dl.horizontal dt,dl[dir=rtl].horizontal dt{float:right;width:10rem;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] dl.horizontal dd,dl[dir=rtl].horizontal dd{margin-right:11.25rem;margin-left:0}[dir=rtl] blockquote,blockquote[dir=rtl]{margin:.625rem 0;padding:0 .625rem 0 0;border-left:none;border-right:.25rem #999 solid}.input-control[dir=rtl].email .button,.input-control[dir=rtl].email .button-group,.input-control[dir=rtl].file .button,.input-control[dir=rtl].file .button-group,.input-control[dir=rtl].number .button,.input-control[dir=rtl].number .button-group,.input-control[dir=rtl].password .button,.input-control[dir=rtl].password .button-group,.input-control[dir=rtl].select .button,.input-control[dir=rtl].select .button-group,.input-control[dir=rtl].tel .button,.input-control[dir=rtl].tel .button-group,.input-control[dir=rtl].text .button,.input-control[dir=rtl].text .button-group,[dir=rtl] .input-control.email .button,[dir=rtl] .input-control.email .button-group,[dir=rtl] .input-control.file .button,[dir=rtl] .input-control.file .button-group,[dir=rtl] .input-control.number .button,[dir=rtl] .input-control.number .button-group,[dir=rtl] .input-control.password .button,[dir=rtl] .input-control.password .button-group,[dir=rtl] .input-control.select .button,[dir=rtl] .input-control.select .button-group,[dir=rtl] .input-control.tel .button,[dir=rtl] .input-control.tel .button-group,[dir=rtl] .input-control.text .button,[dir=rtl] .input-control.text .button-group{right:auto;left:0}.input-control[dir=rtl].email .prepend-icon,.input-control[dir=rtl].file .prepend-icon,.input-control[dir=rtl].number .prepend-icon,.input-control[dir=rtl].password .prepend-icon,.input-control[dir=rtl].select .prepend-icon,.input-control[dir=rtl].tel .prepend-icon,.input-control[dir=rtl].text .prepend-icon,[dir=rtl] .input-control.email .prepend-icon,[dir=rtl] .input-control.file .prepend-icon,[dir=rtl] .input-control.number .prepend-icon,[dir=rtl] .input-control.password .prepend-icon,[dir=rtl] .input-control.select .prepend-icon,[dir=rtl] .input-control.tel .prepend-icon,[dir=rtl] .input-control.text .prepend-icon{left:auto;right:4px}.input-control[dir=rtl].email .prepend-icon~input,.input-control[dir=rtl].file .prepend-icon~input,.input-control[dir=rtl].number .prepend-icon~input,.input-control[dir=rtl].password .prepend-icon~input,.input-control[dir=rtl].select .prepend-icon~input,.input-control[dir=rtl].tel .prepend-icon~input,.input-control[dir=rtl].text .prepend-icon~input,[dir=rtl] .input-control.email .prepend-icon~input,[dir=rtl] .input-control.file .prepend-icon~input,[dir=rtl] .input-control.number .prepend-icon~input,[dir=rtl] .input-control.password .prepend-icon~input,[dir=rtl] .input-control.select .prepend-icon~input,[dir=rtl] .input-control.tel .prepend-icon~input,[dir=rtl] .input-control.text .prepend-icon~input{padding-left:0;padding-right:30px}[dir=rtl] .grid .row>.cell{float:right}
\ No newline at end of file
diff --git a/css/metro-schemes.css b/css/metro-schemes.css
new file mode 100755
index 0000000..c5f2ec4
--- /dev/null
+++ b/css/metro-schemes.css
@@ -0,0 +1,1092 @@
+/*
+* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
+*/
+.app-bar.pink {
+ background-color: #dc4fad;
+}
+.app-bar.pink .app-bar-element:hover,
+.app-bar.pink .app-bar-menu > li:hover,
+.app-bar.pink .app-bar-menu > li > a:hover,
+.app-bar.pink .app-bar-element:active,
+.app-bar.pink .app-bar-menu > li:active,
+.app-bar.pink .app-bar-menu > li > a:active {
+ background-color: #9a165a;
+}
+.app-bar.pink .app-bar-divider {
+ background-color: #f472d0;
+}
+.app-bar.pink .app-bar-element .d-menu,
+.app-bar.pink .app-bar-menu > li .d-menu {
+ background-color: #dc4fad;
+ border-color: transparent;
+}
+.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.pink .app-bar-element .d-menu li > a,
+.app-bar.pink .app-bar-menu > li .d-menu li > a {
+ background-color: #dc4fad;
+ color: #ffffff;
+}
+.app-bar.pink .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.pink .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.pink .app-bar-element .d-menu li > a:hover,
+.app-bar.pink .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #9a165a;
+ color: #ffffff;
+}
+.app-bar.pink .app-bar-element .d-menu li:hover > a,
+.app-bar.pink .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #9a165a;
+}
+.app-bar.pink .app-bar-element .d-menu .divider,
+.app-bar.pink .app-bar-menu > li .d-menu .divider {
+ background-color: #f472d0;
+}
+.app-bar.pink .app-bar-element .d-menu .divider:hover,
+.app-bar.pink .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #f472d0;
+}
+.app-bar.pink .app-bar-element .dropdown-toggle:before,
+.app-bar.pink .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.pink .app-bar-element.disabled,
+.app-bar.pink .app-bar-menu li.disabled,
+.app-bar.pink .app-bar-element:disabled,
+.app-bar.pink .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.pink .app-bar-element.disabled a,
+.app-bar.pink .app-bar-menu li.disabled a,
+.app-bar.pink .app-bar-element:disabled a,
+.app-bar.pink .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.pink .app-bar-pullbutton:hover {
+ background-color: #9a165a;
+}
+.app-bar.pink .app-bar-drop-container {
+ border: 2px solid #dc4fad;
+ background-color: #dc4fad;
+ color: #ffffff;
+}
+.app-bar.pink .app-bar-drop-container:before {
+ background-color: #dc4fad;
+ border-color: #dc4fad;
+}
+.app-bar.pink .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #f472d0;
+ background-color: #f472d0;
+}
+.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #dc4fad;
+}
+.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #9a165a;
+ color: #ffffff;
+}
+.app-bar.darcula {
+ background-color: #3c3f41;
+}
+.app-bar.darcula .app-bar-element:hover,
+.app-bar.darcula .app-bar-menu > li:hover,
+.app-bar.darcula .app-bar-menu > li > a:hover,
+.app-bar.darcula .app-bar-element:active,
+.app-bar.darcula .app-bar-menu > li:active,
+.app-bar.darcula .app-bar-menu > li > a:active {
+ background-color: #1d1d1d;
+}
+.app-bar.darcula .app-bar-divider {
+ background-color: #616162;
+}
+.app-bar.darcula .app-bar-element .d-menu,
+.app-bar.darcula .app-bar-menu > li .d-menu {
+ background-color: #3c3f41;
+ border-color: transparent;
+}
+.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.darcula .app-bar-element .d-menu li > a,
+.app-bar.darcula .app-bar-menu > li .d-menu li > a {
+ background-color: #3c3f41;
+ color: #ffffff;
+}
+.app-bar.darcula .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.darcula .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.darcula .app-bar-element .d-menu li > a:hover,
+.app-bar.darcula .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #1d1d1d;
+ color: #ffffff;
+}
+.app-bar.darcula .app-bar-element .d-menu li:hover > a,
+.app-bar.darcula .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #1d1d1d;
+}
+.app-bar.darcula .app-bar-element .d-menu .divider,
+.app-bar.darcula .app-bar-menu > li .d-menu .divider {
+ background-color: #616162;
+}
+.app-bar.darcula .app-bar-element .d-menu .divider:hover,
+.app-bar.darcula .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #616162;
+}
+.app-bar.darcula .app-bar-element .dropdown-toggle:before,
+.app-bar.darcula .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.darcula .app-bar-element.disabled,
+.app-bar.darcula .app-bar-menu li.disabled,
+.app-bar.darcula .app-bar-element:disabled,
+.app-bar.darcula .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.darcula .app-bar-element.disabled a,
+.app-bar.darcula .app-bar-menu li.disabled a,
+.app-bar.darcula .app-bar-element:disabled a,
+.app-bar.darcula .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.darcula .app-bar-pullbutton:hover {
+ background-color: #1d1d1d;
+}
+.app-bar.darcula .app-bar-drop-container {
+ border: 2px solid #3c3f41;
+ background-color: #3c3f41;
+ color: #ffffff;
+}
+.app-bar.darcula .app-bar-drop-container:before {
+ background-color: #3c3f41;
+ border-color: #3c3f41;
+}
+.app-bar.darcula .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #616162;
+ background-color: #616162;
+}
+.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #3c3f41;
+}
+.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #1d1d1d;
+ color: #ffffff;
+}
+.app-bar.navy {
+ background-color: #0072c6;
+}
+.app-bar.navy .app-bar-element:hover,
+.app-bar.navy .app-bar-menu > li:hover,
+.app-bar.navy .app-bar-menu > li > a:hover,
+.app-bar.navy .app-bar-element:active,
+.app-bar.navy .app-bar-menu > li:active,
+.app-bar.navy .app-bar-menu > li > a:active {
+ background-color: #005696;
+}
+.app-bar.navy .app-bar-divider {
+ background-color: #4c9cd7;
+}
+.app-bar.navy .app-bar-element .d-menu,
+.app-bar.navy .app-bar-menu > li .d-menu {
+ background-color: #0072c6;
+ border-color: transparent;
+}
+.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.navy .app-bar-element .d-menu li > a,
+.app-bar.navy .app-bar-menu > li .d-menu li > a {
+ background-color: #0072c6;
+ color: #ffffff;
+}
+.app-bar.navy .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.navy .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.navy .app-bar-element .d-menu li > a:hover,
+.app-bar.navy .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #005696;
+ color: #ffffff;
+}
+.app-bar.navy .app-bar-element .d-menu li:hover > a,
+.app-bar.navy .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #005696;
+}
+.app-bar.navy .app-bar-element .d-menu .divider,
+.app-bar.navy .app-bar-menu > li .d-menu .divider {
+ background-color: #4c9cd7;
+}
+.app-bar.navy .app-bar-element .d-menu .divider:hover,
+.app-bar.navy .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #4c9cd7;
+}
+.app-bar.navy .app-bar-element .dropdown-toggle:before,
+.app-bar.navy .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.navy .app-bar-element.disabled,
+.app-bar.navy .app-bar-menu li.disabled,
+.app-bar.navy .app-bar-element:disabled,
+.app-bar.navy .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.navy .app-bar-element.disabled a,
+.app-bar.navy .app-bar-menu li.disabled a,
+.app-bar.navy .app-bar-element:disabled a,
+.app-bar.navy .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.navy .app-bar-pullbutton:hover {
+ background-color: #005696;
+}
+.app-bar.navy .app-bar-drop-container {
+ border: 2px solid #0072c6;
+ background-color: #0072c6;
+ color: #ffffff;
+}
+.app-bar.navy .app-bar-drop-container:before {
+ background-color: #0072c6;
+ border-color: #0072c6;
+}
+.app-bar.navy .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #4c9cd7;
+ background-color: #4c9cd7;
+}
+.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #0072c6;
+}
+.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #005696;
+ color: #ffffff;
+}
+.app-bar.red {
+ background-color: #ce352c;
+}
+.app-bar.red .app-bar-element:hover,
+.app-bar.red .app-bar-menu > li:hover,
+.app-bar.red .app-bar-menu > li > a:hover,
+.app-bar.red .app-bar-element:active,
+.app-bar.red .app-bar-menu > li:active,
+.app-bar.red .app-bar-menu > li > a:active {
+ background-color: #9a1616;
+}
+.app-bar.red .app-bar-divider {
+ background-color: #da5a53;
+}
+.app-bar.red .app-bar-element .d-menu,
+.app-bar.red .app-bar-menu > li .d-menu {
+ background-color: #ce352c;
+ border-color: transparent;
+}
+.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.red .app-bar-element .d-menu li > a,
+.app-bar.red .app-bar-menu > li .d-menu li > a {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.app-bar.red .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.red .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.red .app-bar-element .d-menu li > a:hover,
+.app-bar.red .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #9a1616;
+ color: #ffffff;
+}
+.app-bar.red .app-bar-element .d-menu li:hover > a,
+.app-bar.red .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #9a1616;
+}
+.app-bar.red .app-bar-element .d-menu .divider,
+.app-bar.red .app-bar-menu > li .d-menu .divider {
+ background-color: #da5a53;
+}
+.app-bar.red .app-bar-element .d-menu .divider:hover,
+.app-bar.red .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #da5a53;
+}
+.app-bar.red .app-bar-element .dropdown-toggle:before,
+.app-bar.red .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.red .app-bar-element.disabled,
+.app-bar.red .app-bar-menu li.disabled,
+.app-bar.red .app-bar-element:disabled,
+.app-bar.red .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.red .app-bar-element.disabled a,
+.app-bar.red .app-bar-menu li.disabled a,
+.app-bar.red .app-bar-element:disabled a,
+.app-bar.red .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.red .app-bar-pullbutton:hover {
+ background-color: #9a1616;
+}
+.app-bar.red .app-bar-drop-container {
+ border: 2px solid #ce352c;
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.app-bar.red .app-bar-drop-container:before {
+ background-color: #ce352c;
+ border-color: #ce352c;
+}
+.app-bar.red .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #da5a53;
+ background-color: #da5a53;
+}
+.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #ce352c;
+}
+.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #9a1616;
+ color: #ffffff;
+}
+.app-bar.green {
+ background-color: #60a917;
+}
+.app-bar.green .app-bar-element:hover,
+.app-bar.green .app-bar-menu > li:hover,
+.app-bar.green .app-bar-menu > li > a:hover,
+.app-bar.green .app-bar-element:active,
+.app-bar.green .app-bar-menu > li:active,
+.app-bar.green .app-bar-menu > li > a:active {
+ background-color: #128023;
+}
+.app-bar.green .app-bar-divider {
+ background-color: #7ad61d;
+}
+.app-bar.green .app-bar-element .d-menu,
+.app-bar.green .app-bar-menu > li .d-menu {
+ background-color: #60a917;
+ border-color: transparent;
+}
+.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.green .app-bar-element .d-menu li > a,
+.app-bar.green .app-bar-menu > li .d-menu li > a {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.app-bar.green .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.green .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.green .app-bar-element .d-menu li > a:hover,
+.app-bar.green .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #128023;
+ color: #ffffff;
+}
+.app-bar.green .app-bar-element .d-menu li:hover > a,
+.app-bar.green .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #128023;
+}
+.app-bar.green .app-bar-element .d-menu .divider,
+.app-bar.green .app-bar-menu > li .d-menu .divider {
+ background-color: #7ad61d;
+}
+.app-bar.green .app-bar-element .d-menu .divider:hover,
+.app-bar.green .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #7ad61d;
+}
+.app-bar.green .app-bar-element .dropdown-toggle:before,
+.app-bar.green .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.green .app-bar-element.disabled,
+.app-bar.green .app-bar-menu li.disabled,
+.app-bar.green .app-bar-element:disabled,
+.app-bar.green .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.green .app-bar-element.disabled a,
+.app-bar.green .app-bar-menu li.disabled a,
+.app-bar.green .app-bar-element:disabled a,
+.app-bar.green .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.green .app-bar-pullbutton:hover {
+ background-color: #128023;
+}
+.app-bar.green .app-bar-drop-container {
+ border: 2px solid #60a917;
+ background-color: #60a917;
+ color: #ffffff;
+}
+.app-bar.green .app-bar-drop-container:before {
+ background-color: #60a917;
+ border-color: #60a917;
+}
+.app-bar.green .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #7ad61d;
+ background-color: #7ad61d;
+}
+.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #60a917;
+}
+.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #128023;
+ color: #ffffff;
+}
+.app-bar.orange {
+ background-color: #fa6800;
+}
+.app-bar.orange .app-bar-element:hover,
+.app-bar.orange .app-bar-menu > li:hover,
+.app-bar.orange .app-bar-menu > li > a:hover,
+.app-bar.orange .app-bar-element:active,
+.app-bar.orange .app-bar-menu > li:active,
+.app-bar.orange .app-bar-menu > li > a:active {
+ background-color: #bf5a15;
+}
+.app-bar.orange .app-bar-divider {
+ background-color: #ffc194;
+}
+.app-bar.orange .app-bar-element .d-menu,
+.app-bar.orange .app-bar-menu > li .d-menu {
+ background-color: #fa6800;
+ border-color: transparent;
+}
+.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a,
+.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a,
+.app-bar.orange .app-bar-element .d-menu li > a,
+.app-bar.orange .app-bar-menu > li .d-menu li > a {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.app-bar.orange .app-bar-element .d-menu li:not(.disabled) > a:hover,
+.app-bar.orange .app-bar-menu > li .d-menu li:not(.disabled) > a:hover,
+.app-bar.orange .app-bar-element .d-menu li > a:hover,
+.app-bar.orange .app-bar-menu > li .d-menu li > a:hover {
+ background-color: #bf5a15;
+ color: #ffffff;
+}
+.app-bar.orange .app-bar-element .d-menu li:hover > a,
+.app-bar.orange .app-bar-menu > li .d-menu li:hover > a {
+ background-color: #bf5a15;
+}
+.app-bar.orange .app-bar-element .d-menu .divider,
+.app-bar.orange .app-bar-menu > li .d-menu .divider {
+ background-color: #ffc194;
+}
+.app-bar.orange .app-bar-element .d-menu .divider:hover,
+.app-bar.orange .app-bar-menu > li .d-menu .divider:hover {
+ background-color: #ffc194;
+}
+.app-bar.orange .app-bar-element .dropdown-toggle:before,
+.app-bar.orange .app-bar-menu li .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar.orange .app-bar-element.disabled,
+.app-bar.orange .app-bar-menu li.disabled,
+.app-bar.orange .app-bar-element:disabled,
+.app-bar.orange .app-bar-menu li:disabled {
+ color: #555555;
+}
+.app-bar.orange .app-bar-element.disabled a,
+.app-bar.orange .app-bar-menu li.disabled a,
+.app-bar.orange .app-bar-element:disabled a,
+.app-bar.orange .app-bar-menu li:disabled a {
+ color: inherit !important;
+}
+.app-bar.orange .app-bar-pullbutton:hover {
+ background-color: #bf5a15;
+}
+.app-bar.orange .app-bar-drop-container {
+ border: 2px solid #fa6800;
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.app-bar.orange .app-bar-drop-container:before {
+ background-color: #fa6800;
+ border-color: #fa6800;
+}
+.app-bar.orange .app-bar-pullmenu .app-bar-menu {
+ border-top: 1px solid #ffc194;
+ background-color: #ffc194;
+}
+.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #fa6800;
+}
+.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #bf5a15;
+ color: #ffffff;
+}
+/*
+* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
+*/
+.v-menu.darcula,
+.d-menu.darcula {
+ background: #3c3f41;
+}
+.v-menu.darcula li > a,
+.d-menu.darcula li > a {
+ background: #3c3f41;
+ color: #ffffff;
+}
+.v-menu.darcula li > a .icon,
+.d-menu.darcula li > a .icon {
+ color: #cccccc;
+}
+.v-menu.darcula li > a:hover,
+.d-menu.darcula li > a:hover {
+ background: #1d1d1d;
+ color: #ffffff;
+}
+.v-menu.darcula li > a:hover .icon,
+.d-menu.darcula li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.darcula li > .item-block,
+.d-menu.darcula li > .item-block {
+ background: #484c4e;
+}
+.v-menu.darcula li.disabled > a,
+.d-menu.darcula li.disabled > a {
+ background: #3c3f41;
+ color: #555555;
+}
+.v-menu.darcula li > a.dropdown-toggle:before,
+.d-menu.darcula li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.darcula li.menu-title,
+.d-menu.darcula li.menu-title {
+ background: #303234;
+ color: #cccccc;
+}
+.v-menu.darcula li.divider,
+.d-menu.darcula li.divider {
+ background: #616162;
+}
+.v-menu.pink,
+.d-menu.pink {
+ background: #dc4fad;
+}
+.v-menu.pink li > a,
+.d-menu.pink li > a {
+ background: #dc4fad;
+ color: #ffffff;
+}
+.v-menu.pink li > a .icon,
+.d-menu.pink li > a .icon {
+ color: #cccccc;
+}
+.v-menu.pink li > a:hover,
+.d-menu.pink li > a:hover {
+ background: #9a165a;
+ color: #ffffff;
+}
+.v-menu.pink li > a:hover .icon,
+.d-menu.pink li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.pink li > .item-block,
+.d-menu.pink li > .item-block {
+ background: #e064b7;
+}
+.v-menu.pink li.disabled > a,
+.d-menu.pink li.disabled > a {
+ background: #dc4fad;
+ color: #555555;
+}
+.v-menu.pink li > a.dropdown-toggle:before,
+.d-menu.pink li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.pink li.menu-title,
+.d-menu.pink li.menu-title {
+ background: #d83aa3;
+ color: #cccccc;
+}
+.v-menu.pink li.divider,
+.d-menu.pink li.divider {
+ background: #f472d0;
+}
+.v-menu.navy,
+.d-menu.navy {
+ background: #0072c6;
+}
+.v-menu.navy li > a,
+.d-menu.navy li > a {
+ background: #0072c6;
+ color: #ffffff;
+}
+.v-menu.navy li > a .icon,
+.d-menu.navy li > a .icon {
+ color: #cccccc;
+}
+.v-menu.navy li > a:hover,
+.d-menu.navy li > a:hover {
+ background: #005696;
+ color: #ffffff;
+}
+.v-menu.navy li > a:hover .icon,
+.d-menu.navy li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.navy li > .item-block,
+.d-menu.navy li > .item-block {
+ background: #0081e0;
+}
+.v-menu.navy li.disabled > a,
+.d-menu.navy li.disabled > a {
+ background: #0072c6;
+ color: #555555;
+}
+.v-menu.navy li > a.dropdown-toggle:before,
+.d-menu.navy li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.navy li.menu-title,
+.d-menu.navy li.menu-title {
+ background: #0063ad;
+ color: #cccccc;
+}
+.v-menu.navy li.divider,
+.d-menu.navy li.divider {
+ background: #4c9cd7;
+}
+.v-menu.red,
+.d-menu.red {
+ background: #ce352c;
+}
+.v-menu.red li > a,
+.d-menu.red li > a {
+ background: #ce352c;
+ color: #ffffff;
+}
+.v-menu.red li > a .icon,
+.d-menu.red li > a .icon {
+ color: #cccccc;
+}
+.v-menu.red li > a:hover,
+.d-menu.red li > a:hover {
+ background: #9a1616;
+ color: #ffffff;
+}
+.v-menu.red li > a:hover .icon,
+.d-menu.red li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.red li > .item-block,
+.d-menu.red li > .item-block {
+ background: #d6463e;
+}
+.v-menu.red li.disabled > a,
+.d-menu.red li.disabled > a {
+ background: #ce352c;
+ color: #555555;
+}
+.v-menu.red li > a.dropdown-toggle:before,
+.d-menu.red li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.red li.menu-title,
+.d-menu.red li.menu-title {
+ background: #b93028;
+ color: #cccccc;
+}
+.v-menu.red li.divider,
+.d-menu.red li.divider {
+ background: #da5a53;
+}
+.v-menu.green,
+.d-menu.green {
+ background: #60a917;
+}
+.v-menu.green li > a,
+.d-menu.green li > a {
+ background: #60a917;
+ color: #ffffff;
+}
+.v-menu.green li > a .icon,
+.d-menu.green li > a .icon {
+ color: #cccccc;
+}
+.v-menu.green li > a:hover,
+.d-menu.green li > a:hover {
+ background: #128023;
+ color: #ffffff;
+}
+.v-menu.green li > a:hover .icon,
+.d-menu.green li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.green li > .item-block,
+.d-menu.green li > .item-block {
+ background: #6dbf1a;
+}
+.v-menu.green li.disabled > a,
+.d-menu.green li.disabled > a {
+ background: #60a917;
+ color: #555555;
+}
+.v-menu.green li > a.dropdown-toggle:before,
+.d-menu.green li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.green li.menu-title,
+.d-menu.green li.menu-title {
+ background: #539314;
+ color: #cccccc;
+}
+.v-menu.green li.divider,
+.d-menu.green li.divider {
+ background: #7ad61d;
+}
+.v-menu.orange,
+.d-menu.orange {
+ background: #fa6800;
+}
+.v-menu.orange li > a,
+.d-menu.orange li > a {
+ background: #fa6800;
+ color: #ffffff;
+}
+.v-menu.orange li > a .icon,
+.d-menu.orange li > a .icon {
+ color: #cccccc;
+}
+.v-menu.orange li > a:hover,
+.d-menu.orange li > a:hover {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.v-menu.orange li > a:hover .icon,
+.d-menu.orange li > a:hover .icon {
+ color: #ffffff;
+}
+.v-menu.orange li > .item-block,
+.d-menu.orange li > .item-block {
+ background: #ff7615;
+}
+.v-menu.orange li.disabled > a,
+.d-menu.orange li.disabled > a {
+ background: #fa6800;
+ color: #555555;
+}
+.v-menu.orange li > a.dropdown-toggle:before,
+.d-menu.orange li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.v-menu.orange li.menu-title,
+.d-menu.orange li.menu-title {
+ background: #e15d00;
+ color: #cccccc;
+}
+.v-menu.orange li.divider,
+.d-menu.orange li.divider {
+ background: #ffc194;
+}
+/*
+* params: name, background, backgroundHover, item, itemHover, itemDisabled, divider, dropdown-toggle
+*/
+.t-menu.darcula {
+ background-color: #3c3f41;
+}
+.t-menu.darcula .t-menu {
+ background-color: #3c3f41;
+}
+.t-menu.darcula li > a {
+ background: #3c3f41;
+ color: #ffffff;
+ border-bottom-color: #616162;
+}
+.t-menu.darcula li > a.dropdown-toggle:after,
+.t-menu.darcula li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.darcula li:hover > a {
+ background: #1d1d1d;
+ color: #ffffff;
+}
+.t-menu.darcula li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.darcula li.disabled > a {
+ background: #3c3f41;
+ color: #555555;
+}
+.t-menu.darcula li.disabled > a:hover {
+ background: #3c3f41;
+}
+.t-menu.darcula.horizontal > li > a,
+.t-menu.darcula .horizontal > li > a {
+ border-right-color: #616162;
+}
+.t-menu.pink {
+ background-color: #dc4fad;
+}
+.t-menu.pink .t-menu {
+ background-color: #dc4fad;
+}
+.t-menu.pink li > a {
+ background: #dc4fad;
+ color: #ffffff;
+ border-bottom-color: #f472d0;
+}
+.t-menu.pink li > a.dropdown-toggle:after,
+.t-menu.pink li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.pink li:hover > a {
+ background: #9a165a;
+ color: #ffffff;
+}
+.t-menu.pink li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.pink li.disabled > a {
+ background: #dc4fad;
+ color: #555555;
+}
+.t-menu.pink li.disabled > a:hover {
+ background: #dc4fad;
+}
+.t-menu.pink.horizontal > li > a,
+.t-menu.pink .horizontal > li > a {
+ border-right-color: #f472d0;
+}
+.t-menu.navy {
+ background-color: #0072c6;
+}
+.t-menu.navy .t-menu {
+ background-color: #0072c6;
+}
+.t-menu.navy li > a {
+ background: #0072c6;
+ color: #ffffff;
+ border-bottom-color: #4c9cd7;
+}
+.t-menu.navy li > a.dropdown-toggle:after,
+.t-menu.navy li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.navy li:hover > a {
+ background: #005696;
+ color: #ffffff;
+}
+.t-menu.navy li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.navy li.disabled > a {
+ background: #0072c6;
+ color: #555555;
+}
+.t-menu.navy li.disabled > a:hover {
+ background: #0072c6;
+}
+.t-menu.navy.horizontal > li > a,
+.t-menu.navy .horizontal > li > a {
+ border-right-color: #4c9cd7;
+}
+.t-menu.red {
+ background-color: #ce352c;
+}
+.t-menu.red .t-menu {
+ background-color: #ce352c;
+}
+.t-menu.red li > a {
+ background: #ce352c;
+ color: #ffffff;
+ border-bottom-color: #da5a53;
+}
+.t-menu.red li > a.dropdown-toggle:after,
+.t-menu.red li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.red li:hover > a {
+ background: #9a1616;
+ color: #ffffff;
+}
+.t-menu.red li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.red li.disabled > a {
+ background: #ce352c;
+ color: #555555;
+}
+.t-menu.red li.disabled > a:hover {
+ background: #ce352c;
+}
+.t-menu.red.horizontal > li > a,
+.t-menu.red .horizontal > li > a {
+ border-right-color: #da5a53;
+}
+.t-menu.green {
+ background-color: #60a917;
+}
+.t-menu.green .t-menu {
+ background-color: #60a917;
+}
+.t-menu.green li > a {
+ background: #60a917;
+ color: #ffffff;
+ border-bottom-color: #7ad61d;
+}
+.t-menu.green li > a.dropdown-toggle:after,
+.t-menu.green li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.green li:hover > a {
+ background: #128023;
+ color: #ffffff;
+}
+.t-menu.green li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.green li.disabled > a {
+ background: #60a917;
+ color: #555555;
+}
+.t-menu.green li.disabled > a:hover {
+ background: #60a917;
+}
+.t-menu.green.horizontal > li > a,
+.t-menu.green .horizontal > li > a {
+ border-right-color: #7ad61d;
+}
+.t-menu.orange {
+ background-color: #fa6800;
+}
+.t-menu.orange .t-menu {
+ background-color: #fa6800;
+}
+.t-menu.orange li > a {
+ background: #fa6800;
+ color: #ffffff;
+ border-bottom-color: #ffc194;
+}
+.t-menu.orange li > a.dropdown-toggle:after,
+.t-menu.orange li > a.dropdown-toggle:hover:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.orange li:hover > a {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.t-menu.orange li:hover > a.dropdown-toggle:after {
+ border-color: transparent transparent #ffffff;
+}
+.t-menu.orange li.disabled > a {
+ background: #fa6800;
+ color: #555555;
+}
+.t-menu.orange li.disabled > a:hover {
+ background: #fa6800;
+}
+.t-menu.orange.horizontal > li > a,
+.t-menu.orange .horizontal > li > a {
+ border-right-color: #ffc194;
+}
+/*
+* params: name, background, backgroundHover, backgroundActive, item, itemHover, itemActive, itemDisabled
+*/
+.sidebar.darcula {
+ background: #3c3f41;
+}
+.sidebar.darcula li > a {
+ background: #3c3f41;
+ color: #ffffff;
+}
+.sidebar.darcula li:hover > a {
+ background: #4d5154;
+ color: #ffffff;
+}
+.sidebar.darcula li.active > a {
+ background: #1d1d1d;
+ color: #ffffff;
+}
+.sidebar.darcula li.disabled > a {
+ background: #3c3f41;
+ color: #555555;
+}
+.sidebar.pink {
+ background: #dc4fad;
+}
+.sidebar.pink li > a {
+ background: #dc4fad;
+ color: #ffffff;
+}
+.sidebar.pink li:hover > a {
+ background: #b91a6c;
+ color: #ffffff;
+}
+.sidebar.pink li.active > a {
+ background: #9a165a;
+ color: #ffffff;
+}
+.sidebar.pink li.disabled > a {
+ background: #dc4fad;
+ color: #555555;
+}
+.sidebar.navy {
+ background: #0072c6;
+}
+.sidebar.navy li > a {
+ background: #0072c6;
+ color: #ffffff;
+}
+.sidebar.navy li:hover > a {
+ background: #006aba;
+ color: #ffffff;
+}
+.sidebar.navy li.active > a {
+ background: #005696;
+ color: #ffffff;
+}
+.sidebar.navy li.disabled > a {
+ background: #0072c6;
+ color: #555555;
+}
+.sidebar.red {
+ background: #ce352c;
+}
+.sidebar.red li > a {
+ background: #ce352c;
+ color: #ffffff;
+}
+.sidebar.red li:hover > a {
+ background: #b91a1a;
+ color: #ffffff;
+}
+.sidebar.red li.active > a {
+ background: #9a1616;
+ color: #ffffff;
+}
+.sidebar.red li.disabled > a {
+ background: #ce352c;
+ color: #555555;
+}
+.sidebar.green {
+ background: #60a917;
+}
+.sidebar.green li > a {
+ background: #60a917;
+ color: #ffffff;
+}
+.sidebar.green li:hover > a {
+ background: #169f2c;
+ color: #ffffff;
+}
+.sidebar.green li.active > a {
+ background: #128023;
+ color: #ffffff;
+}
+.sidebar.green li.disabled > a {
+ background: #60a917;
+ color: #555555;
+}
+.sidebar.orange {
+ background: #fa6800;
+}
+.sidebar.orange li > a {
+ background: #fa6800;
+ color: #ffffff;
+}
+.sidebar.orange li:hover > a {
+ background: #df6919;
+ color: #ffffff;
+}
+.sidebar.orange li.active > a {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.sidebar.orange li.disabled > a {
+ background: #fa6800;
+ color: #555555;
+}
diff --git a/css/metro-schemes.min.css b/css/metro-schemes.min.css
new file mode 100755
index 0000000..d749e65
--- /dev/null
+++ b/css/metro-schemes.min.css
@@ -0,0 +1 @@
+.app-bar.pink{background-color:#dc4fad}.app-bar.pink .app-bar-element:active,.app-bar.pink .app-bar-element:hover,.app-bar.pink .app-bar-menu>li:active,.app-bar.pink .app-bar-menu>li:hover,.app-bar.pink .app-bar-menu>li>a:active,.app-bar.pink .app-bar-menu>li>a:hover{background-color:#9a165a}.app-bar.pink .app-bar-divider{background-color:#f472d0}.app-bar.pink .app-bar-element .d-menu,.app-bar.pink .app-bar-menu>li .d-menu{background-color:#dc4fad;border-color:transparent}.app-bar.pink .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.pink .app-bar-element .d-menu li>a,.app-bar.pink .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.pink .app-bar-menu>li .d-menu li>a{background-color:#dc4fad;color:#fff}.app-bar.pink .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.pink .app-bar-element .d-menu li>a:hover,.app-bar.pink .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.pink .app-bar-menu>li .d-menu li>a:hover{background-color:#9a165a;color:#fff}.app-bar.pink .app-bar-element .d-menu li:hover>a,.app-bar.pink .app-bar-menu>li .d-menu li:hover>a{background-color:#9a165a}.app-bar.pink .app-bar-element .d-menu .divider,.app-bar.pink .app-bar-element .d-menu .divider:hover,.app-bar.pink .app-bar-menu>li .d-menu .divider,.app-bar.pink .app-bar-menu>li .d-menu .divider:hover{background-color:#f472d0}.app-bar.pink .app-bar-element .dropdown-toggle:before,.app-bar.pink .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.pink .app-bar-element.disabled,.app-bar.pink .app-bar-element:disabled,.app-bar.pink .app-bar-menu li.disabled,.app-bar.pink .app-bar-menu li:disabled{color:#555}.app-bar.pink .app-bar-element.disabled a,.app-bar.pink .app-bar-element:disabled a,.app-bar.pink .app-bar-menu li.disabled a,.app-bar.pink .app-bar-menu li:disabled a{color:inherit!important}.app-bar.pink .app-bar-pullbutton:hover{background-color:#9a165a}.app-bar.pink .app-bar-drop-container{border:2px solid #dc4fad;background-color:#dc4fad;color:#fff}.app-bar.pink .app-bar-drop-container:before{background-color:#dc4fad;border-color:#dc4fad}.app-bar.pink .app-bar-pullmenu .app-bar-menu{border-top:1px solid #f472d0;background-color:#f472d0}.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover{background-color:#dc4fad}.app-bar.pink .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#9a165a;color:#fff}.app-bar.darcula{background-color:#3c3f41}.app-bar.darcula .app-bar-element:active,.app-bar.darcula .app-bar-element:hover,.app-bar.darcula .app-bar-menu>li:active,.app-bar.darcula .app-bar-menu>li:hover,.app-bar.darcula .app-bar-menu>li>a:active,.app-bar.darcula .app-bar-menu>li>a:hover{background-color:#1d1d1d}.app-bar.darcula .app-bar-divider{background-color:#616162}.app-bar.darcula .app-bar-element .d-menu,.app-bar.darcula .app-bar-menu>li .d-menu{background-color:#3c3f41;border-color:transparent}.app-bar.darcula .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.darcula .app-bar-element .d-menu li>a,.app-bar.darcula .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.darcula .app-bar-menu>li .d-menu li>a{background-color:#3c3f41;color:#fff}.app-bar.darcula .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.darcula .app-bar-element .d-menu li>a:hover,.app-bar.darcula .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.darcula .app-bar-menu>li .d-menu li>a:hover{background-color:#1d1d1d;color:#fff}.app-bar.darcula .app-bar-element .d-menu li:hover>a,.app-bar.darcula .app-bar-menu>li .d-menu li:hover>a{background-color:#1d1d1d}.app-bar.darcula .app-bar-element .d-menu .divider,.app-bar.darcula .app-bar-element .d-menu .divider:hover,.app-bar.darcula .app-bar-menu>li .d-menu .divider,.app-bar.darcula .app-bar-menu>li .d-menu .divider:hover{background-color:#616162}.app-bar.darcula .app-bar-element .dropdown-toggle:before,.app-bar.darcula .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.darcula .app-bar-element.disabled,.app-bar.darcula .app-bar-element:disabled,.app-bar.darcula .app-bar-menu li.disabled,.app-bar.darcula .app-bar-menu li:disabled{color:#555}.app-bar.darcula .app-bar-element.disabled a,.app-bar.darcula .app-bar-element:disabled a,.app-bar.darcula .app-bar-menu li.disabled a,.app-bar.darcula .app-bar-menu li:disabled a{color:inherit!important}.app-bar.darcula .app-bar-pullbutton:hover{background-color:#1d1d1d}.app-bar.darcula .app-bar-drop-container{border:2px solid #3c3f41;background-color:#3c3f41;color:#fff}.app-bar.darcula .app-bar-drop-container:before{background-color:#3c3f41;border-color:#3c3f41}.app-bar.darcula .app-bar-pullmenu .app-bar-menu{border-top:1px solid #616162;background-color:#616162}.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover{background-color:#3c3f41}.app-bar.darcula .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#1d1d1d;color:#fff}.app-bar.navy{background-color:#0072c6}.app-bar.navy .app-bar-element:active,.app-bar.navy .app-bar-element:hover,.app-bar.navy .app-bar-menu>li:active,.app-bar.navy .app-bar-menu>li:hover,.app-bar.navy .app-bar-menu>li>a:active,.app-bar.navy .app-bar-menu>li>a:hover{background-color:#005696}.app-bar.navy .app-bar-divider{background-color:#4c9cd7}.app-bar.navy .app-bar-element .d-menu,.app-bar.navy .app-bar-menu>li .d-menu{background-color:#0072c6;border-color:transparent}.app-bar.navy .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.navy .app-bar-element .d-menu li>a,.app-bar.navy .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.navy .app-bar-menu>li .d-menu li>a{background-color:#0072c6;color:#fff}.app-bar.navy .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.navy .app-bar-element .d-menu li>a:hover,.app-bar.navy .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.navy .app-bar-menu>li .d-menu li>a:hover{background-color:#005696;color:#fff}.app-bar.navy .app-bar-element .d-menu li:hover>a,.app-bar.navy .app-bar-menu>li .d-menu li:hover>a{background-color:#005696}.app-bar.navy .app-bar-element .d-menu .divider,.app-bar.navy .app-bar-element .d-menu .divider:hover,.app-bar.navy .app-bar-menu>li .d-menu .divider,.app-bar.navy .app-bar-menu>li .d-menu .divider:hover{background-color:#4c9cd7}.app-bar.navy .app-bar-element .dropdown-toggle:before,.app-bar.navy .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.navy .app-bar-element.disabled,.app-bar.navy .app-bar-element:disabled,.app-bar.navy .app-bar-menu li.disabled,.app-bar.navy .app-bar-menu li:disabled{color:#555}.app-bar.navy .app-bar-element.disabled a,.app-bar.navy .app-bar-element:disabled a,.app-bar.navy .app-bar-menu li.disabled a,.app-bar.navy .app-bar-menu li:disabled a{color:inherit!important}.app-bar.navy .app-bar-pullbutton:hover{background-color:#005696}.app-bar.navy .app-bar-drop-container{border:2px solid #0072c6;background-color:#0072c6;color:#fff}.app-bar.navy .app-bar-drop-container:before{background-color:#0072c6;border-color:#0072c6}.app-bar.navy .app-bar-pullmenu .app-bar-menu{border-top:1px solid #4c9cd7;background-color:#4c9cd7}.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover{background-color:#0072c6}.app-bar.navy .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#005696;color:#fff}.app-bar.red{background-color:#ce352c}.app-bar.red .app-bar-element:active,.app-bar.red .app-bar-element:hover,.app-bar.red .app-bar-menu>li:active,.app-bar.red .app-bar-menu>li:hover,.app-bar.red .app-bar-menu>li>a:active,.app-bar.red .app-bar-menu>li>a:hover{background-color:#9a1616}.app-bar.red .app-bar-divider{background-color:#da5a53}.app-bar.red .app-bar-element .d-menu,.app-bar.red .app-bar-menu>li .d-menu{background-color:#ce352c;border-color:transparent}.app-bar.red .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.red .app-bar-element .d-menu li>a,.app-bar.red .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.red .app-bar-menu>li .d-menu li>a{background-color:#ce352c;color:#fff}.app-bar.red .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.red .app-bar-element .d-menu li>a:hover,.app-bar.red .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.red .app-bar-menu>li .d-menu li>a:hover{background-color:#9a1616;color:#fff}.app-bar.red .app-bar-element .d-menu li:hover>a,.app-bar.red .app-bar-menu>li .d-menu li:hover>a{background-color:#9a1616}.app-bar.red .app-bar-element .d-menu .divider,.app-bar.red .app-bar-element .d-menu .divider:hover,.app-bar.red .app-bar-menu>li .d-menu .divider,.app-bar.red .app-bar-menu>li .d-menu .divider:hover{background-color:#da5a53}.app-bar.red .app-bar-element .dropdown-toggle:before,.app-bar.red .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.red .app-bar-element.disabled,.app-bar.red .app-bar-element:disabled,.app-bar.red .app-bar-menu li.disabled,.app-bar.red .app-bar-menu li:disabled{color:#555}.app-bar.red .app-bar-element.disabled a,.app-bar.red .app-bar-element:disabled a,.app-bar.red .app-bar-menu li.disabled a,.app-bar.red .app-bar-menu li:disabled a{color:inherit!important}.app-bar.red .app-bar-pullbutton:hover{background-color:#9a1616}.app-bar.red .app-bar-drop-container{border:2px solid #ce352c;background-color:#ce352c;color:#fff}.app-bar.red .app-bar-drop-container:before{background-color:#ce352c;border-color:#ce352c}.app-bar.red .app-bar-pullmenu .app-bar-menu{border-top:1px solid #da5a53;background-color:#da5a53}.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover{background-color:#ce352c}.app-bar.red .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#9a1616;color:#fff}.app-bar.green{background-color:#60a917}.app-bar.green .app-bar-element:active,.app-bar.green .app-bar-element:hover,.app-bar.green .app-bar-menu>li:active,.app-bar.green .app-bar-menu>li:hover,.app-bar.green .app-bar-menu>li>a:active,.app-bar.green .app-bar-menu>li>a:hover{background-color:#128023}.app-bar.green .app-bar-divider{background-color:#7ad61d}.app-bar.green .app-bar-element .d-menu,.app-bar.green .app-bar-menu>li .d-menu{background-color:#60a917;border-color:transparent}.app-bar.green .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.green .app-bar-element .d-menu li>a,.app-bar.green .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.green .app-bar-menu>li .d-menu li>a{background-color:#60a917;color:#fff}.app-bar.green .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.green .app-bar-element .d-menu li>a:hover,.app-bar.green .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.green .app-bar-menu>li .d-menu li>a:hover{background-color:#128023;color:#fff}.app-bar.green .app-bar-element .d-menu li:hover>a,.app-bar.green .app-bar-menu>li .d-menu li:hover>a{background-color:#128023}.app-bar.green .app-bar-element .d-menu .divider,.app-bar.green .app-bar-element .d-menu .divider:hover,.app-bar.green .app-bar-menu>li .d-menu .divider,.app-bar.green .app-bar-menu>li .d-menu .divider:hover{background-color:#7ad61d}.app-bar.green .app-bar-element .dropdown-toggle:before,.app-bar.green .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.green .app-bar-element.disabled,.app-bar.green .app-bar-element:disabled,.app-bar.green .app-bar-menu li.disabled,.app-bar.green .app-bar-menu li:disabled{color:#555}.app-bar.green .app-bar-element.disabled a,.app-bar.green .app-bar-element:disabled a,.app-bar.green .app-bar-menu li.disabled a,.app-bar.green .app-bar-menu li:disabled a{color:inherit!important}.app-bar.green .app-bar-pullbutton:hover{background-color:#128023}.app-bar.green .app-bar-drop-container{border:2px solid #60a917;background-color:#60a917;color:#fff}.app-bar.green .app-bar-drop-container:before{background-color:#60a917;border-color:#60a917}.app-bar.green .app-bar-pullmenu .app-bar-menu{border-top:1px solid #7ad61d;background-color:#7ad61d}.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover{background-color:#60a917}.app-bar.green .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#128023;color:#fff}.app-bar.orange{background-color:#fa6800}.app-bar.orange .app-bar-element:active,.app-bar.orange .app-bar-element:hover,.app-bar.orange .app-bar-menu>li:active,.app-bar.orange .app-bar-menu>li:hover,.app-bar.orange .app-bar-menu>li>a:active,.app-bar.orange .app-bar-menu>li>a:hover{background-color:#bf5a15}.app-bar.orange .app-bar-divider{background-color:#ffc194}.app-bar.orange .app-bar-element .d-menu,.app-bar.orange .app-bar-menu>li .d-menu{background-color:#fa6800;border-color:transparent}.app-bar.orange .app-bar-element .d-menu li:not(.disabled)>a,.app-bar.orange .app-bar-element .d-menu li>a,.app-bar.orange .app-bar-menu>li .d-menu li:not(.disabled)>a,.app-bar.orange .app-bar-menu>li .d-menu li>a{background-color:#fa6800;color:#fff}.app-bar.orange .app-bar-element .d-menu li:not(.disabled)>a:hover,.app-bar.orange .app-bar-element .d-menu li>a:hover,.app-bar.orange .app-bar-menu>li .d-menu li:not(.disabled)>a:hover,.app-bar.orange .app-bar-menu>li .d-menu li>a:hover{background-color:#bf5a15;color:#fff}.app-bar.orange .app-bar-element .d-menu li:hover>a,.app-bar.orange .app-bar-menu>li .d-menu li:hover>a{background-color:#bf5a15}.app-bar.orange .app-bar-element .d-menu .divider,.app-bar.orange .app-bar-element .d-menu .divider:hover,.app-bar.orange .app-bar-menu>li .d-menu .divider,.app-bar.orange .app-bar-menu>li .d-menu .divider:hover{background-color:#ffc194}.app-bar.orange .app-bar-element .dropdown-toggle:before,.app-bar.orange .app-bar-menu li .dropdown-toggle:before{border-color:#fff}.app-bar.orange .app-bar-element.disabled,.app-bar.orange .app-bar-element:disabled,.app-bar.orange .app-bar-menu li.disabled,.app-bar.orange .app-bar-menu li:disabled{color:#555}.app-bar.orange .app-bar-element.disabled a,.app-bar.orange .app-bar-element:disabled a,.app-bar.orange .app-bar-menu li.disabled a,.app-bar.orange .app-bar-menu li:disabled a{color:inherit!important}.app-bar.orange .app-bar-pullbutton:hover{background-color:#bf5a15}.app-bar.orange .app-bar-drop-container{border:2px solid #fa6800;background-color:#fa6800;color:#fff}.app-bar.orange .app-bar-drop-container:before{background-color:#fa6800;border-color:#fa6800}.d-menu.darcula li>a.dropdown-toggle:before,.d-menu.green li>a.dropdown-toggle:before,.d-menu.navy li>a.dropdown-toggle:before,.d-menu.orange li>a.dropdown-toggle:before,.d-menu.pink li>a.dropdown-toggle:before,.d-menu.red li>a.dropdown-toggle:before,.v-menu.darcula li>a.dropdown-toggle:before,.v-menu.green li>a.dropdown-toggle:before,.v-menu.navy li>a.dropdown-toggle:before,.v-menu.orange li>a.dropdown-toggle:before,.v-menu.pink li>a.dropdown-toggle:before,.v-menu.red li>a.dropdown-toggle:before{border-color:#fff}.app-bar.orange .app-bar-pullmenu .app-bar-menu{border-top:1px solid #ffc194;background-color:#ffc194}.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover{background-color:#fa6800}.app-bar.orange .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#bf5a15;color:#fff}.d-menu.darcula,.v-menu.darcula{background:#3c3f41}.d-menu.darcula li>a,.v-menu.darcula li>a{background:#3c3f41;color:#fff}.d-menu.darcula li>a .icon,.v-menu.darcula li>a .icon{color:#ccc}.d-menu.darcula li>a:hover,.v-menu.darcula li>a:hover{background:#1d1d1d;color:#fff}.d-menu.darcula li>a:hover .icon,.v-menu.darcula li>a:hover .icon{color:#fff}.d-menu.darcula li>.item-block,.v-menu.darcula li>.item-block{background:#484c4e}.d-menu.darcula li.disabled>a,.v-menu.darcula li.disabled>a{background:#3c3f41;color:#555}.d-menu.darcula li.menu-title,.v-menu.darcula li.menu-title{background:#303234;color:#ccc}.d-menu.darcula li.divider,.v-menu.darcula li.divider{background:#616162}.d-menu.pink,.v-menu.pink{background:#dc4fad}.d-menu.pink li>a,.v-menu.pink li>a{background:#dc4fad;color:#fff}.d-menu.pink li>a .icon,.v-menu.pink li>a .icon{color:#ccc}.d-menu.pink li>a:hover,.v-menu.pink li>a:hover{background:#9a165a;color:#fff}.d-menu.pink li>a:hover .icon,.v-menu.pink li>a:hover .icon{color:#fff}.d-menu.pink li>.item-block,.v-menu.pink li>.item-block{background:#e064b7}.d-menu.pink li.disabled>a,.v-menu.pink li.disabled>a{background:#dc4fad;color:#555}.d-menu.pink li.menu-title,.v-menu.pink li.menu-title{background:#d83aa3;color:#ccc}.d-menu.pink li.divider,.v-menu.pink li.divider{background:#f472d0}.d-menu.navy,.v-menu.navy{background:#0072c6}.d-menu.navy li>a,.v-menu.navy li>a{background:#0072c6;color:#fff}.d-menu.navy li>a .icon,.v-menu.navy li>a .icon{color:#ccc}.d-menu.navy li>a:hover,.v-menu.navy li>a:hover{background:#005696;color:#fff}.d-menu.navy li>a:hover .icon,.v-menu.navy li>a:hover .icon{color:#fff}.d-menu.navy li>.item-block,.v-menu.navy li>.item-block{background:#0081e0}.d-menu.navy li.disabled>a,.v-menu.navy li.disabled>a{background:#0072c6;color:#555}.d-menu.navy li.menu-title,.v-menu.navy li.menu-title{background:#0063ad;color:#ccc}.d-menu.navy li.divider,.v-menu.navy li.divider{background:#4c9cd7}.d-menu.red,.v-menu.red{background:#ce352c}.d-menu.red li>a,.v-menu.red li>a{background:#ce352c;color:#fff}.d-menu.red li>a .icon,.v-menu.red li>a .icon{color:#ccc}.d-menu.red li>a:hover,.v-menu.red li>a:hover{background:#9a1616;color:#fff}.d-menu.red li>a:hover .icon,.v-menu.red li>a:hover .icon{color:#fff}.d-menu.red li>.item-block,.v-menu.red li>.item-block{background:#d6463e}.d-menu.red li.disabled>a,.v-menu.red li.disabled>a{background:#ce352c;color:#555}.d-menu.red li.menu-title,.v-menu.red li.menu-title{background:#b93028;color:#ccc}.d-menu.red li.divider,.v-menu.red li.divider{background:#da5a53}.d-menu.green,.v-menu.green{background:#60a917}.d-menu.green li>a,.v-menu.green li>a{background:#60a917;color:#fff}.d-menu.green li>a .icon,.v-menu.green li>a .icon{color:#ccc}.d-menu.green li>a:hover,.v-menu.green li>a:hover{background:#128023;color:#fff}.d-menu.green li>a:hover .icon,.v-menu.green li>a:hover .icon{color:#fff}.d-menu.green li>.item-block,.v-menu.green li>.item-block{background:#6dbf1a}.d-menu.green li.disabled>a,.v-menu.green li.disabled>a{background:#60a917;color:#555}.d-menu.green li.menu-title,.v-menu.green li.menu-title{background:#539314;color:#ccc}.d-menu.green li.divider,.v-menu.green li.divider{background:#7ad61d}.d-menu.orange,.v-menu.orange{background:#fa6800}.d-menu.orange li>a,.v-menu.orange li>a{background:#fa6800;color:#fff}.d-menu.orange li>a .icon,.v-menu.orange li>a .icon{color:#ccc}.d-menu.orange li>a:hover,.v-menu.orange li>a:hover{background:#bf5a15;color:#fff}.d-menu.orange li>a:hover .icon,.v-menu.orange li>a:hover .icon{color:#fff}.d-menu.orange li>.item-block,.v-menu.orange li>.item-block{background:#ff7615}.d-menu.orange li.disabled>a,.v-menu.orange li.disabled>a{background:#fa6800;color:#555}.t-menu.darcula li:hover>a.dropdown-toggle:after,.t-menu.darcula li>a.dropdown-toggle:after,.t-menu.darcula li>a.dropdown-toggle:hover:after,.t-menu.green li:hover>a.dropdown-toggle:after,.t-menu.green li>a.dropdown-toggle:after,.t-menu.green li>a.dropdown-toggle:hover:after,.t-menu.navy li>a.dropdown-toggle:after,.t-menu.navy li>a.dropdown-toggle:hover:after,.t-menu.orange li:hover>a.dropdown-toggle:after,.t-menu.orange li>a.dropdown-toggle:after,.t-menu.orange li>a.dropdown-toggle:hover:after,.t-menu.pink li:hover>a.dropdown-toggle:after,.t-menu.pink li>a.dropdown-toggle:after,.t-menu.pink li>a.dropdown-toggle:hover:after,.t-menu.red li:hover>a.dropdown-toggle:after,.t-menu.red li>a.dropdown-toggle:after,.t-menu.red li>a.dropdown-toggle:hover:after{border-color:transparent transparent #fff}.d-menu.orange li.menu-title,.v-menu.orange li.menu-title{background:#e15d00;color:#ccc}.d-menu.orange li.divider,.v-menu.orange li.divider{background:#ffc194}.t-menu.darcula,.t-menu.darcula .t-menu{background-color:#3c3f41}.t-menu.darcula li>a{background:#3c3f41;color:#fff;border-bottom-color:#616162}.t-menu.darcula li:hover>a{background:#1d1d1d;color:#fff}.t-menu.darcula li.disabled>a{background:#3c3f41;color:#555}.t-menu.darcula li.disabled>a:hover{background:#3c3f41}.t-menu.darcula .horizontal>li>a,.t-menu.darcula.horizontal>li>a{border-right-color:#616162}.t-menu.pink,.t-menu.pink .t-menu{background-color:#dc4fad}.t-menu.pink li>a{background:#dc4fad;color:#fff;border-bottom-color:#f472d0}.t-menu.pink li:hover>a{background:#9a165a;color:#fff}.t-menu.pink li.disabled>a{background:#dc4fad;color:#555}.t-menu.pink li.disabled>a:hover{background:#dc4fad}.t-menu.pink .horizontal>li>a,.t-menu.pink.horizontal>li>a{border-right-color:#f472d0}.t-menu.navy,.t-menu.navy .t-menu{background-color:#0072c6}.t-menu.navy li>a{background:#0072c6;color:#fff;border-bottom-color:#4c9cd7}.t-menu.navy li:hover>a{background:#005696;color:#fff}.t-menu.navy li:hover>a.dropdown-toggle:after{border-color:transparent transparent #fff}.t-menu.navy li.disabled>a{background:#0072c6;color:#555}.t-menu.navy li.disabled>a:hover{background:#0072c6}.t-menu.navy .horizontal>li>a,.t-menu.navy.horizontal>li>a{border-right-color:#4c9cd7}.t-menu.red,.t-menu.red .t-menu{background-color:#ce352c}.t-menu.red li>a{background:#ce352c;color:#fff;border-bottom-color:#da5a53}.t-menu.red li:hover>a{background:#9a1616;color:#fff}.t-menu.red li.disabled>a{background:#ce352c;color:#555}.t-menu.red li.disabled>a:hover{background:#ce352c}.t-menu.red .horizontal>li>a,.t-menu.red.horizontal>li>a{border-right-color:#da5a53}.t-menu.green,.t-menu.green .t-menu{background-color:#60a917}.t-menu.green li>a{background:#60a917;color:#fff;border-bottom-color:#7ad61d}.t-menu.green li:hover>a{background:#128023;color:#fff}.t-menu.green li.disabled>a{background:#60a917;color:#555}.t-menu.green li.disabled>a:hover{background:#60a917}.t-menu.green .horizontal>li>a,.t-menu.green.horizontal>li>a{border-right-color:#7ad61d}.t-menu.orange,.t-menu.orange .t-menu{background-color:#fa6800}.t-menu.orange li>a{background:#fa6800;color:#fff;border-bottom-color:#ffc194}.t-menu.orange li:hover>a{background:#bf5a15;color:#fff}.t-menu.orange li.disabled>a{background:#fa6800;color:#555}.t-menu.orange li.disabled>a:hover{background:#fa6800}.t-menu.orange .horizontal>li>a,.t-menu.orange.horizontal>li>a{border-right-color:#ffc194}.sidebar.darcula{background:#3c3f41}.sidebar.darcula li>a{background:#3c3f41;color:#fff}.sidebar.darcula li:hover>a{background:#4d5154;color:#fff}.sidebar.darcula li.active>a{background:#1d1d1d;color:#fff}.sidebar.darcula li.disabled>a{background:#3c3f41;color:#555}.sidebar.pink,.sidebar.pink li>a{background:#dc4fad}.sidebar.pink li>a{color:#fff}.sidebar.pink li:hover>a{background:#b91a6c;color:#fff}.sidebar.pink li.active>a{background:#9a165a;color:#fff}.sidebar.pink li.disabled>a{background:#dc4fad;color:#555}.sidebar.navy,.sidebar.navy li>a{background:#0072c6}.sidebar.navy li>a{color:#fff}.sidebar.navy li:hover>a{background:#006aba;color:#fff}.sidebar.navy li.active>a{background:#005696;color:#fff}.sidebar.navy li.disabled>a{background:#0072c6;color:#555}.sidebar.red,.sidebar.red li>a{background:#ce352c}.sidebar.red li>a{color:#fff}.sidebar.red li:hover>a{background:#b91a1a;color:#fff}.sidebar.red li.active>a{background:#9a1616;color:#fff}.sidebar.red li.disabled>a{background:#ce352c;color:#555}.sidebar.green{background:#60a917}.sidebar.green li>a{background:#60a917;color:#fff}.sidebar.green li:hover>a{background:#169f2c;color:#fff}.sidebar.green li.active>a{background:#128023;color:#fff}.sidebar.green li.disabled>a{background:#60a917;color:#555}.sidebar.orange{background:#fa6800}.sidebar.orange li>a{background:#fa6800;color:#fff}.sidebar.orange li:hover>a{background:#df6919;color:#fff}.sidebar.orange li.active>a{background:#bf5a15;color:#fff}.sidebar.orange li.disabled>a{background:#fa6800;color:#555}.calendar.darcula .day-of-week,.calendar.darcula a,.calendar.darcula a:hover,.calendar.green .day-of-week,.calendar.green a,.calendar.green a:hover,.calendar.navy a,.calendar.navy a:hover,.calendar.orange .day-of-week,.calendar.orange a,.calendar.orange a:hover,.calendar.pink .day-of-week,.calendar.pink a,.calendar.pink a:hover,.calendar.red .day-of-week,.calendar.red a,.calendar.red a:hover{color:#fff}.calendar.darcula{background:#3c3f41}.calendar.darcula a:hover{background:#4d5154}.calendar.darcula .calendar-header{background:#3c3f41}.calendar.darcula .today a{background-color:#fa6800}.calendar.darcula .day,.calendar.darcula .month,.calendar.darcula .year{border-color:#4d5154}.calendar.darcula .other-day{background:#555;border-color:#555}.calendar.darcula .calendar-actions .calendar-btn-today{background:#1d1d1d;border-color:#1d1d1d}.calendar.darcula .calendar-actions .calendar-btn-today:active{background:#030303}.calendar.darcula .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}.calendar.pink{background:#dc4fad}.calendar.pink a:hover{background:#b91a6c}.calendar.pink .calendar-header{background:#dc4fad}.calendar.pink .today a{background-color:#fa6800}.calendar.pink .day,.calendar.pink .month,.calendar.pink .year{border-color:#b91a6c}.calendar.pink .other-day{background:#f472d0;border-color:#f472d0}.calendar.pink .calendar-actions .calendar-btn-today{background:#9a165a;border-color:#9a165a}.calendar.pink .calendar-actions .calendar-btn-today:active{background:#6d1040}.calendar.pink .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}.calendar.navy{background:#0072c6}.calendar.navy a:hover{background:#006aba}.calendar.navy .calendar-header{background:#0072c6}.calendar.navy .today a{background-color:#fa6800}.calendar.navy .day,.calendar.navy .month,.calendar.navy .year{border-color:#006aba}.calendar.navy .other-day{background:#59cde2;border-color:#59cde2}.calendar.navy .day-of-week{color:#fff}.calendar.navy .calendar-actions .calendar-btn-today{background:#16499a;border-color:#16499a}.calendar.navy .calendar-actions .calendar-btn-today:active{background:#10346d}.calendar.navy .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}.calendar.red{background:#ce352c}.calendar.red a:hover{background:#b91a1a}.calendar.red .calendar-header{background:#ce352c}.calendar.red .today a{background-color:#fa6800}.calendar.red .day,.calendar.red .month,.calendar.red .year{border-color:#b91a1a}.calendar.red .other-day{background:#da5a53;border-color:#da5a53}.calendar.red .calendar-actions .calendar-btn-today{background:#9a1616;border-color:#9a1616}.calendar.red .calendar-actions .calendar-btn-today:active{background:#6d1010}.calendar.red .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}.calendar.green{background:#60a917}.calendar.green a:hover{background:#169f2c}.calendar.green .calendar-header{background:#60a917}.calendar.green .today a{background-color:#fa6800}.calendar.green .day,.calendar.green .month,.calendar.green .year{border-color:#169f2c}.calendar.green .other-day{background:#7ad61d;border-color:#7ad61d}.calendar.green .calendar-actions .calendar-btn-today{background:#128023;border-color:#128023}.calendar.green .calendar-actions .calendar-btn-today:active{background:#0c5317}.calendar.green .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}.calendar.orange{background:#fa6800}.calendar.orange a:hover{background:#df6919}.calendar.orange .calendar-header{background:#fa6800}.calendar.orange .today a{background-color:#fa6800}.calendar.orange .day,.calendar.orange .month,.calendar.orange .year{border-color:#df6919}.calendar.orange .other-day{background:#ffc194;border-color:#ffc194}.calendar.orange .calendar-actions .calendar-btn-today{background:#bf5a15;border-color:#bf5a15}.calendar.orange .calendar-actions .calendar-btn-today:active{background:#914410}.calendar.orange .calendar-actions .calendar-btn-clear{background:0 0;border-color:transparent}
\ No newline at end of file
diff --git a/css/metro.css b/css/metro.css
new file mode 100755
index 0000000..3bc34a3
--- /dev/null
+++ b/css/metro.css
@@ -0,0 +1,18512 @@
+html,
+body {
+ padding: 0;
+ margin: 0;
+ height: 100%;
+}
+html,
+body,
+* {
+ box-sizing: border-box;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+audio:not([controls]) {
+ display: none;
+}
+a:hover,
+a:active,
+.tile:active {
+ outline: 0;
+}
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ max-width: 100%;
+ height: auto;
+ vertical-align: middle;
+ border: 0;
+}
+#map_canvas img,
+.google-maps img {
+ max-width: none;
+}
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+}
+button,
+input {
+ line-height: normal;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button;
+ cursor: pointer;
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+ cursor: pointer;
+}
+input[type="search"] {
+ box-sizing: content-box;
+ appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+input[type=text]::-ms-clear,
+input[type=email]::-ms-clear,
+input[type=url]::-ms-clear,
+input[type=tel]::-ms-clear,
+input[type=number]::-ms-clear,
+input[type=time]::-ms-clear {
+ display: none;
+}
+input[type=password]::-ms-reveal {
+ display: none;
+}
+* {
+ border-collapse: collapse;
+}
+a {
+ text-decoration: none;
+}
+@media print {
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+ thead {
+ display: table-header-group;
+ }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+ img {
+ max-width: 100%;
+ }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+}
+@font-face {
+ font-family: "PT Serif Caption";
+ font-style: normal;
+ font-weight: 400;
+ src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v6/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
+}
+@font-face {
+ font-family: "Open Sans Light";
+ font-style: normal;
+ font-weight: 300;
+ src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
+}
+@font-face {
+ font-family: "Open Sans";
+ font-style: normal;
+ font-weight: 400;
+ src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
+}
+@font-face {
+ font-family: "Open Sans Bold";
+ font-style: normal;
+ font-weight: 700;
+ src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
+}
+html {
+ font-size: 100%;
+}
+body {
+ /*font-family: "Segoe UI", "Open Sans", sans-serif, serif;*/
+ font-size: 0.875rem;
+ line-height: 1.1;
+ font-weight: 400;
+ font-style: normal;
+}
+#font .light {
+ font-weight: 300;
+ font-style: normal;
+}
+#font .normal {
+ font-weight: 400;
+ font-style: normal;
+}
+#font .bold {
+ font-style: normal;
+ font-weight: 700;
+}
+#font .italic {
+ font-style: italic;
+}
+
+.leader {
+ font: 400 2.25rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
+}
+.sub-leader {
+ font: 500 1.875rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
+}
+.header {
+ font: 500 1.5rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+.sub-header {
+ font: 500 1.125rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+.alt-header {
+ font: 500 1rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+.sub-alt-header {
+ font: 500 0.875rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+.minor-header {
+ font: 500 0.75rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h1 {
+ font: 400 2.25rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h2 {
+ font: 500 1.875rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h3 {
+ font: 500 1.5rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h4 {
+ font: 500 1.125rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h5 {
+ font: 500 0.875rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h6 {
+ font: 500 0.75rem/1.1 /*"Segoe UI", "Open Sans", sans-serif, serif*/;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: .625rem 0;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small {
+ font-weight: 400;
+ font-size: .7em;
+ line-height: 1;
+ color: #777;
+}
+.text-light {
+ font-weight: 300;
+ font-style: normal;
+}
+.text-normal {
+ font-weight: 400;
+ font-style: normal;
+}
+.text-bold {
+ font-style: normal;
+ font-weight: 700;
+}
+.text-italic {
+ font-style: italic;
+}
+.uppercase {
+ text-transform: uppercase;
+}
+.lowercase {
+ text-transform: lowercase;
+}
+.capital {
+ text-transform: capitalize;
+}
+.align-left {
+ text-align: left;
+}
+.align-right {
+ text-align: right;
+}
+.align-center {
+ text-align: center;
+}
+.align-justify {
+ text-align: justify;
+}
+.v-align-top {
+ vertical-align: top;
+}
+.v-align-bottom {
+ vertical-align: bottom;
+}
+.v-align-baseline {
+ vertical-align: baseline;
+}
+.v-align-middle {
+ vertical-align: middle;
+}
+.v-align-sub {
+ vertical-align: sub;
+}
+.v-align-super {
+ vertical-align: super;
+}
+.v-align-top-text {
+ vertical-align: text-top;
+}
+.v-align-bottom-text {
+ vertical-align: text-bottom;
+}
+.text-dashed {
+ border: 0;
+ border-bottom: 1px gray dashed;
+ display: inline;
+}
+.indent-paragraph:first-letter {
+ margin-left: 2.5rem;
+}
+.text-secondary {
+ font-size: 0.75rem;
+}
+.text-accent,
+.text-enlarged {
+ font-size: 1.1rem;
+}
+.text-default {
+ font-size: 0.875rem;
+}
+.text-small {
+ font-size: 0.625rem;
+}
+.text-light {
+ font-weight: 300;
+}
+.text-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+abbr {
+ text-decoration: none;
+ border-bottom: 1px #999999 dotted;
+ cursor: help;
+ display: inline;
+}
+address {
+ font-weight: 400;
+ font-style: normal;
+ margin: .625rem 0;
+}
+blockquote {
+ margin: .625rem 0;
+ padding: 0 0 0 .625rem;
+ border-left: 0.25rem #999999 solid;
+}
+blockquote small {
+ color: #999999;
+}
+blockquote small:before {
+ content: "\2014 \00A0";
+}
+blockquote.place-right {
+ border: 0;
+ border-right: 4px #999999 solid;
+ padding-right: .625rem;
+ text-align: right;
+}
+blockquote.place-right small:before {
+ content: "";
+}
+blockquote.place-right small:after {
+ content: " \00A0 \2014";
+}
+.unstyled-list {
+ padding-left: 0;
+ list-style: none;
+}
+.unstyled-list li ul,
+.unstyled-list li ol {
+ list-style: none;
+ padding-left: 1.5625rem;
+}
+.inline-list {
+ list-style: none;
+ padding-left: 0;
+}
+.inline-list li {
+ display: inline-block;
+ margin-right: .625rem;
+}
+.inline-list li:last-child {
+ margin-right: 0;
+}
+ul,
+ol {
+ margin-left: .3125rem;
+}
+ul li,
+ol li {
+ line-height: 1.25rem;
+}
+ul li ul,
+ol li ul,
+ul li ol,
+ol li ol {
+ padding-left: 1.5625rem;
+}
+dl dt,
+dl dd {
+ line-height: 1.25rem;
+}
+dl dt {
+ font-style: normal;
+ font-weight: 700;
+}
+dl dd {
+ margin-left: .9375rem;
+}
+dl.horizontal dt {
+ float: left;
+ width: 10rem;
+ overflow: hidden;
+ clear: left;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+dl.horizontal dd {
+ margin-left: 11.25rem;
+}
+a {
+ color: #2086bf;
+}
+a:visited {
+ color: #2086bf;
+}
+hr {
+ border: 0;
+ height: 2px;
+ background-color: #88b9e3;
+}
+hr.thin {
+ height: 1px;
+}
+hr.fat {
+ height: 3px;
+}
+.tag {
+ display: inline-block;
+ line-height: 1.1;
+ font-size: 80%;
+ padding: 1px 4px 2px;
+ background-color: #eeeeee;
+ border-radius: 2px;
+ color: #1d1d1d;
+ vertical-align: middle;
+}
+.tag.success {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.tag.alert {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.tag.info {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.tag.warning {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+a.tag {
+ text-decoration: underline;
+ cursor: pointer;
+}
+.container {
+ width: 960px;
+ margin: 0 auto;
+}
+.fixed-top,
+.fixed-bottom {
+ position: fixed;
+ left: 0;
+ right: 0;
+ z-index: 1030;
+}
+.fixed-top {
+ top: 0;
+ bottom: auto;
+}
+.fixed-bottom {
+ top: auto;
+ bottom: 0;
+}
+.pos-abs {
+ position: absolute !important;
+}
+.pos-rel {
+ position: relative !important;
+}
+.pos-fix {
+ position: fixed !important;
+}
+.dropdown-toggle {
+ position: relative;
+ cursor: pointer;
+}
+.dropdown-toggle:before {
+ display: block;
+ position: absolute;
+ vertical-align: middle;
+ color: transparent;
+ font-size: 0;
+ content: "";
+ height: 5px;
+ width: 5px;
+ background-color: transparent;
+ border-left: 1px solid;
+ border-bottom: 1px solid;
+ border-color: #1d1d1d;
+ top: 50%;
+ left: 100%;
+ margin-left: -1rem;
+ margin-top: -0.1625rem;
+ z-index: 2;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.dropdown-toggle.drop-marker-light:before {
+ border-color: #ffffff;
+}
+*.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.flush-list {
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+}
+.shadow {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.before-shadow:before {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.after-shadow:after {
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.block-shadow {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.block-shadow-success {
+ box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
+}
+.block-shadow-error {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.block-shadow-danger {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.block-shadow-warning {
+ box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
+}
+.block-shadow-info {
+ box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
+}
+.block-shadow-impact {
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.bottom-shadow {
+ box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
+}
+.text-shadow {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.before-text-shadow:before {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.after-text-shadow:after {
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.no-shadow {
+ box-shadow: none !important;
+}
+.full-size {
+ width: 100% !important;
+}
+.block {
+ display: block !important;
+}
+.inline-block {
+ display: inline-block !important;
+}
+.no-display {
+ display: none !important;
+}
+.no-margin {
+ margin: 0 !important;
+}
+.no-margin-right {
+ margin-right: 0 !important;
+}
+.no-margin-left {
+ margin-left: 0 !important;
+}
+.no-margin-top {
+ margin-top: 0 !important;
+}
+.no-margin-bottom {
+ margin-bottom: 0 !important;
+}
+.no-padding {
+ padding: 0 !important;
+}
+.no-padding-left {
+ padding-left: 0 !important;
+}
+.no-padding-right {
+ padding-right: 0 !important;
+}
+.no-padding-top {
+ padding-top: 0 !important;
+}
+.no-padding-bottom {
+ padding-bottom: 0 !important;
+}
+.no-float {
+ float: none !important;
+}
+.no-visible {
+ visibility: hidden !important;
+}
+.no-border {
+ border: 0 !important;
+}
+.no-overflow {
+ overflow: hidden !important;
+}
+.no-scroll {
+ overflow: hidden !important;
+}
+.no-scroll-x {
+ overflow-x: hidden !important;
+}
+.no-scroll-y {
+ overflow-y: hidden !important;
+}
+.no-wrap {
+ white-space: nowrap !important;
+}
+.no-border-left {
+ border-left: none !important;
+}
+.no-border-right {
+ border-right: none !important;
+}
+.no-border-top {
+ border-top: none !important;
+}
+.no-border-bottom {
+ border-bottom: none !important;
+}
+.transparent-border {
+ border-color: transparent !important;
+}
+.place-right {
+ float: right !important;
+}
+.place-left {
+ float: left !important;
+}
+.clear-float:before,
+.clear-float:after {
+ display: table;
+ content: "";
+}
+.clear-float:after {
+ clear: both;
+}
+.clearfix:before,
+.clearfix:after {
+ display: table;
+ content: "";
+}
+.clearfix:after {
+ clear: both;
+}
+.no-user-select {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.no-appearance {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+}
+.debug {
+ border: 1px dashed red;
+}
+.example {
+ padding: .625rem 1.825rem .625rem 2.5rem;
+ border: 1px #ccc dashed;
+ position: relative;
+ margin: 0 0 .625rem 0;
+ background-color: #ffffff;
+}
+.example:before,
+.example:after {
+ display: table;
+ content: "";
+}
+.example:after {
+ clear: both;
+}
+.example:before {
+ position: absolute;
+ content: attr(data-text);
+ text-transform: lowercase;
+ left: 1.5rem;
+ top: 11.875rem;
+ color: gray;
+ display: block;
+ font-size: 1rem;
+ line-height: 1rem;
+ height: 1rem;
+ text-align: right;
+ white-space: nowrap;
+ direction: ltr;
+ width: 12.5rem;
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%;
+}
+.video-container {
+ position: relative;
+ padding-bottom: 56.25%;
+ padding-top: 30px;
+ height: 0;
+ overflow: hidden;
+}
+.video-container iframe,
+.video-container object,
+.video-container embed {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+.padding10 {
+ padding: 0.625rem;
+}
+.padding20 {
+ padding: 1.25rem;
+}
+.padding30 {
+ padding: 1.875rem;
+}
+.padding40 {
+ padding: 2.5rem;
+}
+.padding50 {
+ padding: 3.125rem;
+}
+.padding60 {
+ padding: 3.75rem;
+}
+.padding70 {
+ padding: 4.375rem;
+}
+.padding80 {
+ padding: 5rem;
+}
+.padding90 {
+ padding: 5.625rem;
+}
+.padding100 {
+ padding: 6.25rem;
+}
+.padding5 {
+ padding: 5px;
+}
+.margin5 {
+ margin: 5px;
+}
+.margin10 {
+ margin: 0.625rem;
+}
+.margin20 {
+ margin: 1.25rem;
+}
+.margin30 {
+ margin: 1.875rem;
+}
+.margin40 {
+ margin: 2.5rem;
+}
+.margin50 {
+ margin: 3.125rem;
+}
+.margin60 {
+ margin: 3.75rem;
+}
+.margin70 {
+ margin: 4.375rem;
+}
+.margin80 {
+ margin: 5rem;
+}
+.margin90 {
+ margin: 5.625rem;
+}
+.margin100 {
+ margin: 6.25rem;
+}
+.opacity {
+ opacity: .9;
+}
+.half-opacity {
+ opacity: .5;
+}
+.hi-opacity {
+ opacity: .2;
+}
+.element-selected {
+ border: 4px #4390df solid;
+}
+.element-selected:after {
+ position: absolute;
+ display: block;
+ border-top: 28px solid #4390df;
+ border-left: 28px solid transparent;
+ right: 0;
+ content: "";
+ top: 0;
+ z-index: 101;
+}
+.element-selected:before {
+ position: absolute;
+ display: block;
+ content: "";
+ background-color: transparent;
+ border-color: #ffffff;
+ border-left: 2px solid;
+ border-bottom: 2px solid;
+ height: .25rem;
+ width: .5rem;
+ right: 0;
+ top: 0;
+ z-index: 102;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+/* Block function */
+.set-border {
+ border: 1px #d9d9d9 solid;
+}
+.set-border.medium-border {
+ border-width: 8px;
+}
+.set-border.large-border {
+ border-width: 16px;
+}
+.grid {
+ display: block;
+ position: relative;
+ margin: .625rem 0;
+}
+.grid:before,
+.grid:after {
+ display: table;
+ content: "";
+}
+.grid:after {
+ clear: both;
+}
+.grid .row {
+ width: 100%;
+ display: block;
+ margin: 0 0 2.12765% 0;
+}
+.grid .row:before,
+.grid .row:after {
+ display: table;
+ content: "";
+}
+.grid .row:after {
+ clear: both;
+}
+.grid .row:last-child {
+ margin-bottom: 0;
+}
+.grid .row > .cell {
+ display: block;
+ float: left;
+ width: 100%;
+ min-height: 10px;
+ margin: 0 0 0 2.12765%;
+}
+.grid .row > .cell:first-child {
+ margin-left: 0;
+}
+.grid .row.cells2 > .cell {
+ width: 48.936175%;
+}
+.grid .row.cells2 > .cell.colspan2 {
+ width: 100%;
+}
+.grid .row.cells2 > .cell.offset1 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells2 > .cell.offset2 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells3 > .cell {
+ width: 31.9149%;
+}
+.grid .row.cells3 > .cell.colspan2 {
+ width: 65.95745%;
+}
+.grid .row.cells3 > .cell.colspan3 {
+ width: 100%;
+}
+.grid .row.cells3 > .cell.offset1 {
+ margin-left: 34.04255%;
+}
+.grid .row.cells3 > .cell.offset2 {
+ margin-left: 68.0851%;
+}
+.grid .row.cells3 > .cell.offset3 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells4 > .cell {
+ width: 23.4042625%;
+}
+.grid .row.cells4 > .cell.colspan2 {
+ width: 48.936175%;
+}
+.grid .row.cells4 > .cell.colspan3 {
+ width: 74.4680875%;
+}
+.grid .row.cells4 > .cell.colspan4 {
+ width: 100%;
+}
+.grid .row.cells4 > .cell.offset1 {
+ margin-left: 25.5319125%;
+}
+.grid .row.cells4 > .cell.offset2 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells4 > .cell.offset3 {
+ margin-left: 76.5957375%;
+}
+.grid .row.cells4 > .cell.offset4 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells5 > .cell {
+ width: 18.29788%;
+}
+.grid .row.cells5 > .cell.colspan2 {
+ width: 38.72341%;
+}
+.grid .row.cells5 > .cell.colspan3 {
+ width: 59.14894%;
+}
+.grid .row.cells5 > .cell.colspan4 {
+ width: 79.57447%;
+}
+.grid .row.cells5 > .cell.colspan5 {
+ width: 100%;
+}
+.grid .row.cells5 > .cell.offset1 {
+ margin-left: 20.42553%;
+}
+.grid .row.cells5 > .cell.offset2 {
+ margin-left: 40.85106%;
+}
+.grid .row.cells5 > .cell.offset3 {
+ margin-left: 61.27659%;
+}
+.grid .row.cells5 > .cell.offset4 {
+ margin-left: 81.70212%;
+}
+.grid .row.cells5 > .cell.offset5 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells6 > .cell {
+ width: 14.893625%;
+}
+.grid .row.cells6 > .cell.colspan2 {
+ width: 31.9149%;
+}
+.grid .row.cells6 > .cell.colspan3 {
+ width: 48.936175%;
+}
+.grid .row.cells6 > .cell.colspan4 {
+ width: 65.95745%;
+}
+.grid .row.cells6 > .cell.colspan5 {
+ width: 82.978725%;
+}
+.grid .row.cells6 > .cell.colspan6 {
+ width: 100%;
+}
+.grid .row.cells6 > .cell.offset1 {
+ margin-left: 17.021275%;
+}
+.grid .row.cells6 > .cell.offset2 {
+ margin-left: 34.04255%;
+}
+.grid .row.cells6 > .cell.offset3 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells6 > .cell.offset4 {
+ margin-left: 68.0851%;
+}
+.grid .row.cells6 > .cell.offset5 {
+ margin-left: 85.106375%;
+}
+.grid .row.cells6 > .cell.offset6 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells7 > .cell {
+ width: 12.46201429%;
+}
+.grid .row.cells7 > .cell.colspan2 {
+ width: 27.05167857%;
+}
+.grid .row.cells7 > .cell.colspan3 {
+ width: 41.64134286%;
+}
+.grid .row.cells7 > .cell.colspan4 {
+ width: 56.23100714%;
+}
+.grid .row.cells7 > .cell.colspan5 {
+ width: 70.82067143%;
+}
+.grid .row.cells7 > .cell.colspan6 {
+ width: 85.41033571%;
+}
+.grid .row.cells7 > .cell.colspan7 {
+ width: 100%;
+}
+.grid .row.cells7 > .cell.offset1 {
+ margin-left: 14.58966429%;
+}
+.grid .row.cells7 > .cell.offset2 {
+ margin-left: 29.17932857%;
+}
+.grid .row.cells7 > .cell.offset3 {
+ margin-left: 43.76899286%;
+}
+.grid .row.cells7 > .cell.offset4 {
+ margin-left: 58.35865714%;
+}
+.grid .row.cells7 > .cell.offset5 {
+ margin-left: 72.94832143%;
+}
+.grid .row.cells7 > .cell.offset6 {
+ margin-left: 87.53798571%;
+}
+.grid .row.cells7 > .cell.offset7 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells8 > .cell {
+ width: 10.63830625%;
+}
+.grid .row.cells8 > .cell.colspan2 {
+ width: 23.4042625%;
+}
+.grid .row.cells8 > .cell.colspan3 {
+ width: 36.17021875%;
+}
+.grid .row.cells8 > .cell.colspan4 {
+ width: 48.936175%;
+}
+.grid .row.cells8 > .cell.colspan5 {
+ width: 61.70213125%;
+}
+.grid .row.cells8 > .cell.colspan6 {
+ width: 74.4680875%;
+}
+.grid .row.cells8 > .cell.colspan7 {
+ width: 87.23404375%;
+}
+.grid .row.cells8 > .cell.colspan8 {
+ width: 100%;
+}
+.grid .row.cells8 > .cell.offset1 {
+ margin-left: 12.76595625%;
+}
+.grid .row.cells8 > .cell.offset2 {
+ margin-left: 25.5319125%;
+}
+.grid .row.cells8 > .cell.offset3 {
+ margin-left: 38.29786875%;
+}
+.grid .row.cells8 > .cell.offset4 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells8 > .cell.offset5 {
+ margin-left: 63.82978125%;
+}
+.grid .row.cells8 > .cell.offset6 {
+ margin-left: 76.5957375%;
+}
+.grid .row.cells8 > .cell.offset7 {
+ margin-left: 89.36169375%;
+}
+.grid .row.cells8 > .cell.offset8 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells9 > .cell {
+ width: 9.21986667%;
+}
+.grid .row.cells9 > .cell.colspan2 {
+ width: 20.56738333%;
+}
+.grid .row.cells9 > .cell.colspan3 {
+ width: 31.9149%;
+}
+.grid .row.cells9 > .cell.colspan4 {
+ width: 43.26241667%;
+}
+.grid .row.cells9 > .cell.colspan5 {
+ width: 54.60993333%;
+}
+.grid .row.cells9 > .cell.colspan6 {
+ width: 65.95745%;
+}
+.grid .row.cells9 > .cell.colspan7 {
+ width: 77.30496667%;
+}
+.grid .row.cells9 > .cell.colspan8 {
+ width: 88.65248333%;
+}
+.grid .row.cells9 > .cell.colspan9 {
+ width: 100%;
+}
+.grid .row.cells9 > .cell.offset1 {
+ margin-left: 11.34751667%;
+}
+.grid .row.cells9 > .cell.offset2 {
+ margin-left: 22.69503333%;
+}
+.grid .row.cells9 > .cell.offset3 {
+ margin-left: 34.04255%;
+}
+.grid .row.cells9 > .cell.offset4 {
+ margin-left: 45.39006667%;
+}
+.grid .row.cells9 > .cell.offset5 {
+ margin-left: 56.73758333%;
+}
+.grid .row.cells9 > .cell.offset6 {
+ margin-left: 68.0851%;
+}
+.grid .row.cells9 > .cell.offset7 {
+ margin-left: 79.43261667%;
+}
+.grid .row.cells9 > .cell.offset8 {
+ margin-left: 90.78013333%;
+}
+.grid .row.cells9 > .cell.offset9 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells10 > .cell {
+ width: 8.085115%;
+}
+.grid .row.cells10 > .cell.colspan2 {
+ width: 18.29788%;
+}
+.grid .row.cells10 > .cell.colspan3 {
+ width: 28.510645%;
+}
+.grid .row.cells10 > .cell.colspan4 {
+ width: 38.72341%;
+}
+.grid .row.cells10 > .cell.colspan5 {
+ width: 48.936175%;
+}
+.grid .row.cells10 > .cell.colspan6 {
+ width: 59.14894%;
+}
+.grid .row.cells10 > .cell.colspan7 {
+ width: 69.361705%;
+}
+.grid .row.cells10 > .cell.colspan8 {
+ width: 79.57447%;
+}
+.grid .row.cells10 > .cell.colspan9 {
+ width: 89.787235%;
+}
+.grid .row.cells10 > .cell.colspan10 {
+ width: 100%;
+}
+.grid .row.cells10 > .cell.offset1 {
+ margin-left: 10.212765%;
+}
+.grid .row.cells10 > .cell.offset2 {
+ margin-left: 20.42553%;
+}
+.grid .row.cells10 > .cell.offset3 {
+ margin-left: 30.638295%;
+}
+.grid .row.cells10 > .cell.offset4 {
+ margin-left: 40.85106%;
+}
+.grid .row.cells10 > .cell.offset5 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells10 > .cell.offset6 {
+ margin-left: 61.27659%;
+}
+.grid .row.cells10 > .cell.offset7 {
+ margin-left: 71.489355%;
+}
+.grid .row.cells10 > .cell.offset8 {
+ margin-left: 81.70212%;
+}
+.grid .row.cells10 > .cell.offset9 {
+ margin-left: 91.914885%;
+}
+.grid .row.cells10 > .cell.offset10 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells11 > .cell {
+ width: 7.15668182%;
+}
+.grid .row.cells11 > .cell.colspan2 {
+ width: 16.44101364%;
+}
+.grid .row.cells11 > .cell.colspan3 {
+ width: 25.72534545%;
+}
+.grid .row.cells11 > .cell.colspan4 {
+ width: 35.00967727%;
+}
+.grid .row.cells11 > .cell.colspan5 {
+ width: 44.29400909%;
+}
+.grid .row.cells11 > .cell.colspan6 {
+ width: 53.57834091%;
+}
+.grid .row.cells11 > .cell.colspan7 {
+ width: 62.86267273%;
+}
+.grid .row.cells11 > .cell.colspan8 {
+ width: 72.14700455%;
+}
+.grid .row.cells11 > .cell.colspan9 {
+ width: 81.43133636%;
+}
+.grid .row.cells11 > .cell.colspan10 {
+ width: 90.71566818%;
+}
+.grid .row.cells11 > .cell.colspan11 {
+ width: 100%;
+}
+.grid .row.cells11 > .cell.offset1 {
+ margin-left: 9.28433182%;
+}
+.grid .row.cells11 > .cell.offset2 {
+ margin-left: 18.56866364%;
+}
+.grid .row.cells11 > .cell.offset3 {
+ margin-left: 27.85299545%;
+}
+.grid .row.cells11 > .cell.offset4 {
+ margin-left: 37.13732727%;
+}
+.grid .row.cells11 > .cell.offset5 {
+ margin-left: 46.42165909%;
+}
+.grid .row.cells11 > .cell.offset6 {
+ margin-left: 55.70599091%;
+}
+.grid .row.cells11 > .cell.offset7 {
+ margin-left: 64.99032273%;
+}
+.grid .row.cells11 > .cell.offset8 {
+ margin-left: 74.27465455%;
+}
+.grid .row.cells11 > .cell.offset9 {
+ margin-left: 83.55898636%;
+}
+.grid .row.cells11 > .cell.offset10 {
+ margin-left: 92.84331818%;
+}
+.grid .row.cells11 > .cell.offset11 {
+ margin-left: 102.12765%;
+}
+.grid .row.cells12 > .cell {
+ width: 6.3829875%;
+}
+.grid .row.cells12 > .cell.colspan2 {
+ width: 14.893625%;
+}
+.grid .row.cells12 > .cell.colspan3 {
+ width: 23.4042625%;
+}
+.grid .row.cells12 > .cell.colspan4 {
+ width: 31.9149%;
+}
+.grid .row.cells12 > .cell.colspan5 {
+ width: 40.4255375%;
+}
+.grid .row.cells12 > .cell.colspan6 {
+ width: 48.936175%;
+}
+.grid .row.cells12 > .cell.colspan7 {
+ width: 57.4468125%;
+}
+.grid .row.cells12 > .cell.colspan8 {
+ width: 65.95745%;
+}
+.grid .row.cells12 > .cell.colspan9 {
+ width: 74.4680875%;
+}
+.grid .row.cells12 > .cell.colspan10 {
+ width: 82.978725%;
+}
+.grid .row.cells12 > .cell.colspan11 {
+ width: 91.4893625%;
+}
+.grid .row.cells12 > .cell.colspan12 {
+ width: 100%;
+}
+.grid .row.cells12 > .cell.offset1 {
+ margin-left: 8.5106375%;
+}
+.grid .row.cells12 > .cell.offset2 {
+ margin-left: 17.021275%;
+}
+.grid .row.cells12 > .cell.offset3 {
+ margin-left: 25.5319125%;
+}
+.grid .row.cells12 > .cell.offset4 {
+ margin-left: 34.04255%;
+}
+.grid .row.cells12 > .cell.offset5 {
+ margin-left: 42.5531875%;
+}
+.grid .row.cells12 > .cell.offset6 {
+ margin-left: 51.063825%;
+}
+.grid .row.cells12 > .cell.offset7 {
+ margin-left: 59.5744625%;
+}
+.grid .row.cells12 > .cell.offset8 {
+ margin-left: 68.0851%;
+}
+.grid .row.cells12 > .cell.offset9 {
+ margin-left: 76.5957375%;
+}
+.grid .row.cells12 > .cell.offset10 {
+ margin-left: 85.106375%;
+}
+.grid .row.cells12 > .cell.offset11 {
+ margin-left: 93.6170125%;
+}
+.grid .row.cells12 > .cell.offset12 {
+ margin-left: 102.12765%;
+}
+.grid .row:empty {
+ display: none;
+}
+.grid.condensed {
+ display: block;
+ position: relative;
+ margin: .625rem 0;
+}
+.grid.condensed:before,
+.grid.condensed:after {
+ display: table;
+ content: "";
+}
+.grid.condensed:after {
+ clear: both;
+}
+.grid.condensed .row {
+ width: 100%;
+ display: block;
+ margin: 0 0 0 0;
+}
+.grid.condensed .row:before,
+.grid.condensed .row:after {
+ display: table;
+ content: "";
+}
+.grid.condensed .row:after {
+ clear: both;
+}
+.grid.condensed .row:last-child {
+ margin-bottom: 0;
+}
+.grid.condensed .row > .cell {
+ display: block;
+ float: left;
+ width: 100%;
+ min-height: 10px;
+ margin: 0 0 0 0;
+}
+.grid.condensed .row > .cell:first-child {
+ margin-left: 0;
+}
+.grid.condensed .row.cells2 > .cell {
+ width: 50%;
+}
+.grid.condensed .row.cells2 > .cell.colspan2 {
+ width: 100%;
+}
+.grid.condensed .row.cells2 > .cell.offset1 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells2 > .cell.offset2 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells3 > .cell {
+ width: 33.33333333%;
+}
+.grid.condensed .row.cells3 > .cell.colspan2 {
+ width: 66.66666667%;
+}
+.grid.condensed .row.cells3 > .cell.colspan3 {
+ width: 100%;
+}
+.grid.condensed .row.cells3 > .cell.offset1 {
+ margin-left: 33.33333333%;
+}
+.grid.condensed .row.cells3 > .cell.offset2 {
+ margin-left: 66.66666667%;
+}
+.grid.condensed .row.cells3 > .cell.offset3 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells4 > .cell {
+ width: 25%;
+}
+.grid.condensed .row.cells4 > .cell.colspan2 {
+ width: 50%;
+}
+.grid.condensed .row.cells4 > .cell.colspan3 {
+ width: 75%;
+}
+.grid.condensed .row.cells4 > .cell.colspan4 {
+ width: 100%;
+}
+.grid.condensed .row.cells4 > .cell.offset1 {
+ margin-left: 25%;
+}
+.grid.condensed .row.cells4 > .cell.offset2 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells4 > .cell.offset3 {
+ margin-left: 75%;
+}
+.grid.condensed .row.cells4 > .cell.offset4 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells5 > .cell {
+ width: 20%;
+}
+.grid.condensed .row.cells5 > .cell.colspan2 {
+ width: 40%;
+}
+.grid.condensed .row.cells5 > .cell.colspan3 {
+ width: 60%;
+}
+.grid.condensed .row.cells5 > .cell.colspan4 {
+ width: 80%;
+}
+.grid.condensed .row.cells5 > .cell.colspan5 {
+ width: 100%;
+}
+.grid.condensed .row.cells5 > .cell.offset1 {
+ margin-left: 20%;
+}
+.grid.condensed .row.cells5 > .cell.offset2 {
+ margin-left: 40%;
+}
+.grid.condensed .row.cells5 > .cell.offset3 {
+ margin-left: 60%;
+}
+.grid.condensed .row.cells5 > .cell.offset4 {
+ margin-left: 80%;
+}
+.grid.condensed .row.cells5 > .cell.offset5 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells6 > .cell {
+ width: 16.66666667%;
+}
+.grid.condensed .row.cells6 > .cell.colspan2 {
+ width: 33.33333333%;
+}
+.grid.condensed .row.cells6 > .cell.colspan3 {
+ width: 50%;
+}
+.grid.condensed .row.cells6 > .cell.colspan4 {
+ width: 66.66666667%;
+}
+.grid.condensed .row.cells6 > .cell.colspan5 {
+ width: 83.33333333%;
+}
+.grid.condensed .row.cells6 > .cell.colspan6 {
+ width: 100%;
+}
+.grid.condensed .row.cells6 > .cell.offset1 {
+ margin-left: 16.66666667%;
+}
+.grid.condensed .row.cells6 > .cell.offset2 {
+ margin-left: 33.33333333%;
+}
+.grid.condensed .row.cells6 > .cell.offset3 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells6 > .cell.offset4 {
+ margin-left: 66.66666667%;
+}
+.grid.condensed .row.cells6 > .cell.offset5 {
+ margin-left: 83.33333333%;
+}
+.grid.condensed .row.cells6 > .cell.offset6 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells7 > .cell {
+ width: 14.28571429%;
+}
+.grid.condensed .row.cells7 > .cell.colspan2 {
+ width: 28.57142857%;
+}
+.grid.condensed .row.cells7 > .cell.colspan3 {
+ width: 42.85714286%;
+}
+.grid.condensed .row.cells7 > .cell.colspan4 {
+ width: 57.14285714%;
+}
+.grid.condensed .row.cells7 > .cell.colspan5 {
+ width: 71.42857143%;
+}
+.grid.condensed .row.cells7 > .cell.colspan6 {
+ width: 85.71428571%;
+}
+.grid.condensed .row.cells7 > .cell.colspan7 {
+ width: 100%;
+}
+.grid.condensed .row.cells7 > .cell.offset1 {
+ margin-left: 14.28571429%;
+}
+.grid.condensed .row.cells7 > .cell.offset2 {
+ margin-left: 28.57142857%;
+}
+.grid.condensed .row.cells7 > .cell.offset3 {
+ margin-left: 42.85714286%;
+}
+.grid.condensed .row.cells7 > .cell.offset4 {
+ margin-left: 57.14285714%;
+}
+.grid.condensed .row.cells7 > .cell.offset5 {
+ margin-left: 71.42857143%;
+}
+.grid.condensed .row.cells7 > .cell.offset6 {
+ margin-left: 85.71428571%;
+}
+.grid.condensed .row.cells7 > .cell.offset7 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells8 > .cell {
+ width: 12.5%;
+}
+.grid.condensed .row.cells8 > .cell.colspan2 {
+ width: 25%;
+}
+.grid.condensed .row.cells8 > .cell.colspan3 {
+ width: 37.5%;
+}
+.grid.condensed .row.cells8 > .cell.colspan4 {
+ width: 50%;
+}
+.grid.condensed .row.cells8 > .cell.colspan5 {
+ width: 62.5%;
+}
+.grid.condensed .row.cells8 > .cell.colspan6 {
+ width: 75%;
+}
+.grid.condensed .row.cells8 > .cell.colspan7 {
+ width: 87.5%;
+}
+.grid.condensed .row.cells8 > .cell.colspan8 {
+ width: 100%;
+}
+.grid.condensed .row.cells8 > .cell.offset1 {
+ margin-left: 12.5%;
+}
+.grid.condensed .row.cells8 > .cell.offset2 {
+ margin-left: 25%;
+}
+.grid.condensed .row.cells8 > .cell.offset3 {
+ margin-left: 37.5%;
+}
+.grid.condensed .row.cells8 > .cell.offset4 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells8 > .cell.offset5 {
+ margin-left: 62.5%;
+}
+.grid.condensed .row.cells8 > .cell.offset6 {
+ margin-left: 75%;
+}
+.grid.condensed .row.cells8 > .cell.offset7 {
+ margin-left: 87.5%;
+}
+.grid.condensed .row.cells8 > .cell.offset8 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells9 > .cell {
+ width: 11.11111111%;
+}
+.grid.condensed .row.cells9 > .cell.colspan2 {
+ width: 22.22222222%;
+}
+.grid.condensed .row.cells9 > .cell.colspan3 {
+ width: 33.33333333%;
+}
+.grid.condensed .row.cells9 > .cell.colspan4 {
+ width: 44.44444444%;
+}
+.grid.condensed .row.cells9 > .cell.colspan5 {
+ width: 55.55555556%;
+}
+.grid.condensed .row.cells9 > .cell.colspan6 {
+ width: 66.66666667%;
+}
+.grid.condensed .row.cells9 > .cell.colspan7 {
+ width: 77.77777778%;
+}
+.grid.condensed .row.cells9 > .cell.colspan8 {
+ width: 88.88888889%;
+}
+.grid.condensed .row.cells9 > .cell.colspan9 {
+ width: 100%;
+}
+.grid.condensed .row.cells9 > .cell.offset1 {
+ margin-left: 11.11111111%;
+}
+.grid.condensed .row.cells9 > .cell.offset2 {
+ margin-left: 22.22222222%;
+}
+.grid.condensed .row.cells9 > .cell.offset3 {
+ margin-left: 33.33333333%;
+}
+.grid.condensed .row.cells9 > .cell.offset4 {
+ margin-left: 44.44444444%;
+}
+.grid.condensed .row.cells9 > .cell.offset5 {
+ margin-left: 55.55555556%;
+}
+.grid.condensed .row.cells9 > .cell.offset6 {
+ margin-left: 66.66666667%;
+}
+.grid.condensed .row.cells9 > .cell.offset7 {
+ margin-left: 77.77777778%;
+}
+.grid.condensed .row.cells9 > .cell.offset8 {
+ margin-left: 88.88888889%;
+}
+.grid.condensed .row.cells9 > .cell.offset9 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells10 > .cell {
+ width: 10%;
+}
+.grid.condensed .row.cells10 > .cell.colspan2 {
+ width: 20%;
+}
+.grid.condensed .row.cells10 > .cell.colspan3 {
+ width: 30%;
+}
+.grid.condensed .row.cells10 > .cell.colspan4 {
+ width: 40%;
+}
+.grid.condensed .row.cells10 > .cell.colspan5 {
+ width: 50%;
+}
+.grid.condensed .row.cells10 > .cell.colspan6 {
+ width: 60%;
+}
+.grid.condensed .row.cells10 > .cell.colspan7 {
+ width: 70%;
+}
+.grid.condensed .row.cells10 > .cell.colspan8 {
+ width: 80%;
+}
+.grid.condensed .row.cells10 > .cell.colspan9 {
+ width: 90%;
+}
+.grid.condensed .row.cells10 > .cell.colspan10 {
+ width: 100%;
+}
+.grid.condensed .row.cells10 > .cell.offset1 {
+ margin-left: 10%;
+}
+.grid.condensed .row.cells10 > .cell.offset2 {
+ margin-left: 20%;
+}
+.grid.condensed .row.cells10 > .cell.offset3 {
+ margin-left: 30%;
+}
+.grid.condensed .row.cells10 > .cell.offset4 {
+ margin-left: 40%;
+}
+.grid.condensed .row.cells10 > .cell.offset5 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells10 > .cell.offset6 {
+ margin-left: 60%;
+}
+.grid.condensed .row.cells10 > .cell.offset7 {
+ margin-left: 70%;
+}
+.grid.condensed .row.cells10 > .cell.offset8 {
+ margin-left: 80%;
+}
+.grid.condensed .row.cells10 > .cell.offset9 {
+ margin-left: 90%;
+}
+.grid.condensed .row.cells10 > .cell.offset10 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells11 > .cell {
+ width: 9.09090909%;
+}
+.grid.condensed .row.cells11 > .cell.colspan2 {
+ width: 18.18181818%;
+}
+.grid.condensed .row.cells11 > .cell.colspan3 {
+ width: 27.27272727%;
+}
+.grid.condensed .row.cells11 > .cell.colspan4 {
+ width: 36.36363636%;
+}
+.grid.condensed .row.cells11 > .cell.colspan5 {
+ width: 45.45454545%;
+}
+.grid.condensed .row.cells11 > .cell.colspan6 {
+ width: 54.54545455%;
+}
+.grid.condensed .row.cells11 > .cell.colspan7 {
+ width: 63.63636364%;
+}
+.grid.condensed .row.cells11 > .cell.colspan8 {
+ width: 72.72727273%;
+}
+.grid.condensed .row.cells11 > .cell.colspan9 {
+ width: 81.81818182%;
+}
+.grid.condensed .row.cells11 > .cell.colspan10 {
+ width: 90.90909091%;
+}
+.grid.condensed .row.cells11 > .cell.colspan11 {
+ width: 100%;
+}
+.grid.condensed .row.cells11 > .cell.offset1 {
+ margin-left: 9.09090909%;
+}
+.grid.condensed .row.cells11 > .cell.offset2 {
+ margin-left: 18.18181818%;
+}
+.grid.condensed .row.cells11 > .cell.offset3 {
+ margin-left: 27.27272727%;
+}
+.grid.condensed .row.cells11 > .cell.offset4 {
+ margin-left: 36.36363636%;
+}
+.grid.condensed .row.cells11 > .cell.offset5 {
+ margin-left: 45.45454545%;
+}
+.grid.condensed .row.cells11 > .cell.offset6 {
+ margin-left: 54.54545455%;
+}
+.grid.condensed .row.cells11 > .cell.offset7 {
+ margin-left: 63.63636364%;
+}
+.grid.condensed .row.cells11 > .cell.offset8 {
+ margin-left: 72.72727273%;
+}
+.grid.condensed .row.cells11 > .cell.offset9 {
+ margin-left: 81.81818182%;
+}
+.grid.condensed .row.cells11 > .cell.offset10 {
+ margin-left: 90.90909091%;
+}
+.grid.condensed .row.cells11 > .cell.offset11 {
+ margin-left: 100%;
+}
+.grid.condensed .row.cells12 > .cell {
+ width: 8.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.colspan2 {
+ width: 16.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.colspan3 {
+ width: 25%;
+}
+.grid.condensed .row.cells12 > .cell.colspan4 {
+ width: 33.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.colspan5 {
+ width: 41.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.colspan6 {
+ width: 50%;
+}
+.grid.condensed .row.cells12 > .cell.colspan7 {
+ width: 58.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.colspan8 {
+ width: 66.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.colspan9 {
+ width: 75%;
+}
+.grid.condensed .row.cells12 > .cell.colspan10 {
+ width: 83.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.colspan11 {
+ width: 91.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.colspan12 {
+ width: 100%;
+}
+.grid.condensed .row.cells12 > .cell.offset1 {
+ margin-left: 8.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.offset2 {
+ margin-left: 16.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.offset3 {
+ margin-left: 25%;
+}
+.grid.condensed .row.cells12 > .cell.offset4 {
+ margin-left: 33.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.offset5 {
+ margin-left: 41.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.offset6 {
+ margin-left: 50%;
+}
+.grid.condensed .row.cells12 > .cell.offset7 {
+ margin-left: 58.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.offset8 {
+ margin-left: 66.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.offset9 {
+ margin-left: 75%;
+}
+.grid.condensed .row.cells12 > .cell.offset10 {
+ margin-left: 83.33333333%;
+}
+.grid.condensed .row.cells12 > .cell.offset11 {
+ margin-left: 91.66666667%;
+}
+.grid.condensed .row.cells12 > .cell.offset12 {
+ margin-left: 100%;
+}
+.flex-grid {
+ display: block;
+ width: 100%;
+}
+.flex-grid .row {
+ display: -webkit-flex;
+ display: flex;
+}
+.flex-grid .row .cell {
+ -webkit-flex: 0 0 8.33333333%;
+ flex: 0 0 8.33333333%;
+}
+.flex-grid .row.cell-auto-size .cell {
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+}
+.flex-grid .row .cell.colspan2 {
+ -webkit-flex: 0 0 16.66666666%;
+ flex: 0 0 16.66666666%;
+}
+.flex-grid .row .cell.colspan3 {
+ -webkit-flex: 0 0 24.99999999%;
+ flex: 0 0 24.99999999%;
+}
+.flex-grid .row .cell.colspan4 {
+ -webkit-flex: 0 0 33.33333332%;
+ flex: 0 0 33.33333332%;
+}
+.flex-grid .row .cell.colspan5 {
+ -webkit-flex: 0 0 41.66666665%;
+ flex: 0 0 41.66666665%;
+}
+.flex-grid .row .cell.colspan6 {
+ -webkit-flex: 0 0 49.99999998%;
+ flex: 0 0 49.99999998%;
+}
+.flex-grid .row .cell.colspan7 {
+ -webkit-flex: 0 0 58.33333331%;
+ flex: 0 0 58.33333331%;
+}
+.flex-grid .row .cell.colspan8 {
+ -webkit-flex: 0 0 66.66666664%;
+ flex: 0 0 66.66666664%;
+}
+.flex-grid .row .cell.colspan9 {
+ -webkit-flex: 0 0 74.99999997%;
+ flex: 0 0 74.99999997%;
+}
+.flex-grid .row .cell.colspan10 {
+ -webkit-flex: 0 0 83.3333333%;
+ flex: 0 0 83.3333333%;
+}
+.flex-grid .row .cell.colspan11 {
+ -webkit-flex: 0 0 91.66666663%;
+ flex: 0 0 91.66666663%;
+}
+.flex-grid .row .cell.colspan12 {
+ -webkit-flex: 0 0 99.99999996%;
+ flex: 0 0 99.99999996%;
+}
+.flex-grid .row .cell.size1 {
+ -webkit-flex: 0 0 8.33333333%;
+ flex: 0 0 8.33333333%;
+}
+.flex-grid .row .cell.size2 {
+ -webkit-flex: 0 0 16.66666666%;
+ flex: 0 0 16.66666666%;
+}
+.flex-grid .row .cell.size3 {
+ -webkit-flex: 0 0 24.99999999%;
+ flex: 0 0 24.99999999%;
+}
+.flex-grid .row .cell.size4 {
+ -webkit-flex: 0 0 33.33333332%;
+ flex: 0 0 33.33333332%;
+}
+.flex-grid .row .cell.size5 {
+ -webkit-flex: 0 0 41.66666665%;
+ flex: 0 0 41.66666665%;
+}
+.flex-grid .row .cell.size6 {
+ -webkit-flex: 0 0 49.99999998%;
+ flex: 0 0 49.99999998%;
+}
+.flex-grid .row .cell.size7 {
+ -webkit-flex: 0 0 58.33333331%;
+ flex: 0 0 58.33333331%;
+}
+.flex-grid .row .cell.size8 {
+ -webkit-flex: 0 0 66.66666664%;
+ flex: 0 0 66.66666664%;
+}
+.flex-grid .row .cell.size9 {
+ -webkit-flex: 0 0 74.99999997%;
+ flex: 0 0 74.99999997%;
+}
+.flex-grid .row .cell.size10 {
+ -webkit-flex: 0 0 83.3333333%;
+ flex: 0 0 83.3333333%;
+}
+.flex-grid .row .cell.size11 {
+ -webkit-flex: 0 0 91.66666663%;
+ flex: 0 0 91.66666663%;
+}
+.flex-grid .row .cell.size12 {
+ -webkit-flex: 0 0 99.99999996%;
+ flex: 0 0 99.99999996%;
+}
+.flex-grid .row .cell.size-p10 {
+ -webkit-flex: 0 0 10%;
+ flex: 0 0 10%;
+}
+.flex-grid .row .cell.size-p20 {
+ -webkit-flex: 0 0 20%;
+ flex: 0 0 20%;
+}
+.flex-grid .row .cell.size-p30 {
+ -webkit-flex: 0 0 30%;
+ flex: 0 0 30%;
+}
+.flex-grid .row .cell.size-p40 {
+ -webkit-flex: 0 0 40%;
+ flex: 0 0 40%;
+}
+.flex-grid .row .cell.size-p50 {
+ -webkit-flex: 0 0 50%;
+ flex: 0 0 50%;
+}
+.flex-grid .row .cell.size-p60 {
+ -webkit-flex: 0 0 60%;
+ flex: 0 0 60%;
+}
+.flex-grid .row .cell.size-p70 {
+ -webkit-flex: 0 0 70%;
+ flex: 0 0 70%;
+}
+.flex-grid .row .cell.size-p80 {
+ -webkit-flex: 0 0 80%;
+ flex: 0 0 80%;
+}
+.flex-grid .row .cell.size-p90 {
+ -webkit-flex: 0 0 90%;
+ flex: 0 0 90%;
+}
+.flex-grid .row .cell.size-p100 {
+ -webkit-flex: 0 0 100%;
+ flex: 0 0 100%;
+}
+.flex-grid .row .cell.size-x100 {
+ -webkit-flex: 0 0 100px;
+ flex: 0 0 100px;
+}
+.flex-grid .row .cell.size-x200 {
+ -webkit-flex: 0 0 200px;
+ flex: 0 0 200px;
+}
+.flex-grid .row .cell.size-x300 {
+ -webkit-flex: 0 0 300px;
+ flex: 0 0 300px;
+}
+.flex-grid .row .cell.size-x400 {
+ -webkit-flex: 0 0 400px;
+ flex: 0 0 400px;
+}
+.flex-grid .row .cell.size-x500 {
+ -webkit-flex: 0 0 500px;
+ flex: 0 0 500px;
+}
+.flex-grid .row .cell.size-x600 {
+ -webkit-flex: 0 0 600px;
+ flex: 0 0 600px;
+}
+.flex-grid .row .cell.size-x700 {
+ -webkit-flex: 0 0 700px;
+ flex: 0 0 700px;
+}
+.flex-grid .row .cell.size-x800 {
+ -webkit-flex: 0 0 800px;
+ flex: 0 0 800px;
+}
+.flex-grid .row .cell.size-x900 {
+ -webkit-flex: 0 0 900px;
+ flex: 0 0 900px;
+}
+.flex-grid .row .cell.size-x1000 {
+ -webkit-flex: 0 0 1000px;
+ flex: 0 0 1000px;
+}
+.flex-grid .row .cell.auto-size {
+ -webkit-flex: 1 auto;
+ flex: 1 auto;
+}
+.table {
+ width: 100%;
+ margin: .625rem 0;
+}
+.table th,
+.table td {
+ padding: 0.625rem;
+}
+.table thead {
+ border-bottom: 4px solid #999999;
+}
+.table thead th,
+.table thead td {
+ cursor: default;
+ color: #52677a;
+ border-color: transparent;
+ text-align: left;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 100%;
+}
+.table tfoot {
+ border-top: 4px solid #999999;
+}
+.table tfoot th,
+.table tfoot td {
+ cursor: default;
+ color: #52677a;
+ border-color: transparent;
+ text-align: left;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 100%;
+}
+.table tbody td {
+ padding: 0.625rem 0.85rem;
+}
+.table .sortable-column {
+ position: relative;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.table .sortable-column:after {
+ position: absolute;
+ content: "";
+ width: 1rem;
+ height: 1rem;
+ left: 100%;
+ margin-left: -20px;
+ top: 50%;
+ margin-top: -0.5rem;
+ color: inherit;
+ font-size: 1rem;
+ line-height: 1;
+}
+.table .sortable-column.sort-asc,
+.table .sortable-column.sort-desc {
+ background-color: #eeeeee;
+}
+.table .sortable-column.sort-asc:after,
+.table .sortable-column.sort-desc:after {
+ color: #1d1d1d;
+}
+.table .sortable-column.sort-asc:after {
+ content: "\2191";
+}
+.table .sortable-column.sort-desc:after {
+ content: "\2193";
+}
+.table.sortable-markers-on-left .sortable-column {
+ padding-left: 30px;
+}
+.table.sortable-markers-on-left .sortable-column:before,
+.table.sortable-markers-on-left .sortable-column:after {
+ left: 0;
+ margin-left: 10px;
+}
+.table tr.selected td {
+ background-color: rgba(28, 183, 236, 0.1);
+}
+.table td.selected {
+ background-color: rgba(28, 183, 236, 0.3);
+}
+.table.striped tbody tr:nth-child(odd) {
+ background: #eeeeee;
+}
+.table.hovered tbody tr:hover {
+ background-color: rgba(28, 183, 236, 0.1);
+}
+.table.cell-hovered tbody td:hover {
+ background-color: rgba(28, 183, 236, 0.3);
+}
+.table.border {
+ border: 1px #999999 solid;
+}
+.table.bordered th,
+.table.bordered td {
+ border: 1px #999999 solid;
+}
+.table.bordered thead tr:first-child th,
+.table.bordered thead tr:first-child td {
+ border-top: none;
+}
+.table.bordered thead tr:first-child th:first-child,
+.table.bordered thead tr:first-child td:first-child {
+ border-left: none;
+}
+.table.bordered thead tr:first-child th:last-child,
+.table.bordered thead tr:first-child td:last-child {
+ border-right: none;
+}
+.table.bordered tbody tr:first-child td {
+ border-top: none;
+}
+.table.bordered tbody tr td:first-child {
+ border-left: none;
+}
+.table.bordered tbody tr td:last-child {
+ border-right: none;
+}
+.table.bordered tbody tr:last-child td {
+ border-bottom: none;
+}
+.table .condensed th,
+.table .condensed td {
+ padding: .3125rem;
+}
+.table .super-condensed th,
+.table .super-condensed td {
+ padding: .125rem;
+}
+.table tbody tr.error {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.table tbody tr.error:hover {
+ background-color: #da5a53;
+}
+.table tbody tr.warning {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.table tbody tr.warning:hover {
+ background-color: #ffc194;
+}
+.table tbody tr.success {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.table tbody tr.success:hover {
+ background-color: #7ad61d;
+}
+.table tbody tr.info {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.table tbody tr.info:hover {
+ background-color: #59cde2;
+}
+.app-bar {
+ display: block;
+ width: 100%;
+ position: relative;
+ background-color: #0072c6;
+ color: #ffffff;
+ height: 3.125rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.app-bar:before,
+.app-bar:after {
+ display: table;
+ content: "";
+}
+.app-bar:after {
+ clear: both;
+}
+.app-bar .app-bar-element {
+ line-height: 3.125rem;
+ padding: 0 .625rem;
+ font-size: 1rem;
+ cursor: pointer;
+ color: inherit;
+ display: block;
+ float: left;
+ position: relative;
+ vertical-align: middle;
+ height: 3.125rem;
+}
+.app-bar .app-bar-element:hover,
+.app-bar .app-bar-element:active {
+ background-color: #005696;
+}
+.app-bar .app-bar-element.branding {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+.app-bar .app-bar-element .d-menu {
+ top: 100%;
+ border: 2px solid #005696;
+}
+.app-bar .app-bar-element .d-menu li:not(.disabled):hover {
+ background-color: #eee;
+}
+.app-bar .app-bar-element .d-menu li:not(.disabled):hover > a {
+ color: #1d1d1d;
+}
+.app-bar .app-bar-element .d-menu .d-menu {
+ top: -0.625rem;
+ left: 100%;
+}
+.app-bar .app-bar-element .d-menu .dropdown-toggle:before {
+ border-color: #1d1d1d;
+}
+.app-bar .app-bar-divider {
+ display: block;
+ float: left;
+ line-height: 3.125rem;
+ height: 3.125rem;
+ width: 1px;
+ background-color: #4c9cd7;
+ padding: 0;
+}
+.app-bar .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.app-bar .app-bar-menu {
+ display: block;
+ float: left;
+ margin: 0;
+ padding: 0;
+}
+.app-bar .app-bar-menu > li,
+.app-bar .app-bar-menu > li > a {
+ line-height: 3.125rem;
+ padding: 0 .625rem;
+ font-size: 1rem;
+ cursor: pointer;
+ color: inherit;
+ display: block;
+ float: left;
+ position: relative;
+ vertical-align: middle;
+ height: 3.125rem;
+}
+.app-bar .app-bar-menu > li:hover,
+.app-bar .app-bar-menu > li > a:hover,
+.app-bar .app-bar-menu > li:active,
+.app-bar .app-bar-menu > li > a:active {
+ background-color: #005696;
+}
+.app-bar .app-bar-menu > li.branding,
+.app-bar .app-bar-menu > li > a.branding {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+.app-bar .app-bar-menu > li .d-menu,
+.app-bar .app-bar-menu > li > a .d-menu {
+ top: 100%;
+ border: 2px solid #005696;
+}
+.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover,
+.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover {
+ background-color: #eee;
+}
+.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a,
+.app-bar .app-bar-menu > li > a .d-menu li:not(.disabled):hover > a {
+ color: #1d1d1d;
+}
+.app-bar .app-bar-menu > li .d-menu .d-menu,
+.app-bar .app-bar-menu > li > a .d-menu .d-menu {
+ top: -0.625rem;
+ left: 100%;
+}
+.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before,
+.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle:before {
+ border-color: #1d1d1d;
+}
+.app-bar .app-bar-menu > li:before,
+.app-bar .app-bar-menu > li > a:before,
+.app-bar .app-bar-menu > li:after,
+.app-bar .app-bar-menu > li > a:after {
+ display: table;
+ content: "";
+}
+.app-bar .app-bar-menu > li:after,
+.app-bar .app-bar-menu > li > a:after {
+ clear: both;
+}
+.app-bar .app-bar-menu > li > .input-control.text,
+.app-bar .app-bar-menu > li > a > .input-control.text,
+.app-bar .app-bar-menu > li > .input-control.password,
+.app-bar .app-bar-menu > li > a > .input-control.password {
+ margin-top: .55rem;
+ font-size: .875rem;
+ line-height: 1.8rem;
+ display: block;
+}
+.app-bar .app-bar-menu > li > .input-control.text input,
+.app-bar .app-bar-menu > li > a > .input-control.text input,
+.app-bar .app-bar-menu > li > .input-control.password input,
+.app-bar .app-bar-menu > li > a > .input-control.password input {
+ border-color: transparent;
+}
+.app-bar .app-bar-menu > li > .button,
+.app-bar .app-bar-menu > li > a > .button {
+ margin-top: -0.15rem;
+}
+.app-bar .app-bar-menu > li > .image-button,
+.app-bar .app-bar-menu > li > a > .image-button {
+ margin: 0;
+ background-color: transparent;
+ color: #ffffff;
+ font-size: inherit;
+}
+.app-bar .app-bar-menu > li > .image-button img.icon,
+.app-bar .app-bar-menu > li > a > .image-button img.icon {
+ padding: 0;
+}
+.app-bar .app-bar-menu > li .dropdown-toggle:before,
+.app-bar .app-bar-menu > li > a .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-menu > li .dropdown-toggle.active-toggle:before,
+.app-bar .app-bar-menu > li > a .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-menu > li .d-menu .dropdown-toggle.active-toggle:before,
+.app-bar .app-bar-menu > li > a .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.app-bar .app-bar-menu > li.dropdown-toggle,
+.app-bar .app-bar-menu > li > a.dropdown-toggle {
+ padding-right: 1.5rem;
+}
+.app-bar .app-bar-menu > li.dropdown-toggle:before,
+.app-bar .app-bar-menu > li > a.dropdown-toggle:before {
+ border-color: #ffffff;
+ display: block;
+}
+.app-bar .app-bar-menu > li {
+ padding: 0;
+}
+.app-bar .app-bar-menu > li .d-menu {
+ top: 100%;
+ border: 2px solid #005696;
+}
+.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover {
+ background-color: #eee;
+}
+.app-bar .app-bar-menu > li .d-menu li:not(.disabled):hover > a {
+ color: #1d1d1d;
+}
+.app-bar .app-bar-menu > li .d-menu .d-menu {
+ top: -0.625rem;
+ left: 100%;
+}
+.app-bar .app-bar-menu > li .d-menu .dropdown-toggle:before {
+ border-color: #1d1d1d;
+}
+.app-bar .app-bar-menu.small-dropdown .d-menu li > a {
+ font-size: .8em;
+ padding: .325rem 1.2rem .325rem 1.8rem;
+}
+.app-bar .app-bar-pullbutton {
+ float: right;
+}
+.app-bar .app-bar-pullbutton.automatic {
+ display: none;
+ float: right;
+ color: #fff;
+ cursor: pointer;
+ font: 2rem sans-serif;
+ height: 3.125rem;
+ width: 3.125rem;
+ line-height: 1.25rem;
+ vertical-align: middle;
+ text-align: center;
+ margin: 0;
+}
+.app-bar .app-bar-pullbutton.automatic:before {
+ content: "\2261";
+ position: absolute;
+ top: .875rem;
+ left: .875rem;
+}
+.app-bar .app-bar-drop-container {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ margin-top: 10px;
+ border: 2px solid #005696;
+ background: #ffffff;
+}
+.app-bar .app-bar-drop-container:before {
+ content: '';
+ position: absolute;
+ background-color: #ffffff;
+ width: 10px;
+ height: 10px;
+ border: 2px #005696 solid;
+ top: 1px;
+ left: 1rem;
+ margin: -8px 0;
+ border-bottom: none;
+ border-right: none;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.app-bar .app-bar-drop-container:before {
+ z-index: 0;
+}
+.app-bar .app-bar-drop-container.place-right {
+ right: 0;
+ left: auto;
+}
+.app-bar .app-bar-drop-container.place-right:before {
+ left: auto;
+ right: 1rem;
+}
+.app-bar .app-bar-element:before,
+.app-bar .app-bar-element:after {
+ display: table;
+ content: "";
+}
+.app-bar .app-bar-element:after {
+ clear: both;
+}
+.app-bar .app-bar-element > .input-control.text,
+.app-bar .app-bar-element > .input-control.password {
+ margin-top: .55rem;
+ font-size: .875rem;
+ line-height: 1.8rem;
+ display: block;
+}
+.app-bar .app-bar-element > .input-control.text input,
+.app-bar .app-bar-element > .input-control.password input {
+ border-color: transparent;
+}
+.app-bar .app-bar-element > .button {
+ margin-top: -0.15rem;
+}
+.app-bar .app-bar-element > .image-button {
+ margin: 0;
+ background-color: transparent;
+ color: #ffffff;
+ font-size: inherit;
+}
+.app-bar .app-bar-element > .image-button img.icon {
+ padding: 0;
+}
+.app-bar.drop-up .app-bar-drop-container {
+ top: auto;
+ bottom: 3.75rem;
+}
+.app-bar.drop-up .app-bar-drop-container:before {
+ top: auto;
+ bottom: 1px;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+}
+.app-bar.drop-up .app-bar-menu > li > .d-menu {
+ top: auto;
+ bottom: 3.125rem;
+}
+.app-bar.drop-up .app-bar-element > .d-menu {
+ top: auto;
+ bottom: 3.125rem;
+}
+.app-bar.drop-up .app-bar-menu li .d-menu .d-menu,
+.app-bar.drop-up .app-bar-element .d-menu .d-menu {
+ top: auto ;
+ bottom: 0;
+}
+.app-bar .app-bar-element .dropdown-toggle:before,
+.app-bar .app-bar-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-element .dropdown-toggle.active-toggle:before,
+.app-bar .app-bar-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-element .d-menu .dropdown-toggle.active-toggle:before,
+.app-bar .app-bar-menu .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.app-bar.fixed-top,
+.app-bar.fixed-bottom {
+ z-index: 1030;
+ position: fixed;
+}
+.app-bar.fixed-top {
+ top: 0;
+}
+.app-bar.fixed-bottom {
+ bottom: 0;
+}
+.app-bar {
+ overflow: visible;
+ height: auto;
+}
+.app-bar .app-bar-pullbutton {
+ line-height: 3.125rem;
+ padding: 0 .625rem;
+ font-size: 1rem;
+ cursor: pointer;
+ color: inherit;
+ display: block;
+ float: left;
+ position: relative;
+ vertical-align: middle;
+ height: 3.125rem;
+ float: right;
+}
+.app-bar .app-bar-pullbutton:hover,
+.app-bar .app-bar-pullbutton:active {
+ background-color: #005696;
+}
+.app-bar .app-bar-pullbutton.branding {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+.app-bar .app-bar-pullbutton .d-menu {
+ top: 100%;
+ border: 2px solid #005696;
+}
+.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover {
+ background-color: #eee;
+}
+.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover > a {
+ color: #1d1d1d;
+}
+.app-bar .app-bar-pullbutton .d-menu .d-menu {
+ top: -0.625rem;
+ left: 100%;
+}
+.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle:before {
+ border-color: #1d1d1d;
+}
+.app-bar .app-bar-pullbutton:before,
+.app-bar .app-bar-pullbutton:after {
+ display: table;
+ content: "";
+}
+.app-bar .app-bar-pullbutton:after {
+ clear: both;
+}
+.app-bar .app-bar-pullbutton > .input-control.text,
+.app-bar .app-bar-pullbutton > .input-control.password {
+ margin-top: .55rem;
+ font-size: .875rem;
+ line-height: 1.8rem;
+ display: block;
+}
+.app-bar .app-bar-pullbutton > .input-control.text input,
+.app-bar .app-bar-pullbutton > .input-control.password input {
+ border-color: transparent;
+}
+.app-bar .app-bar-pullbutton > .button {
+ margin-top: -0.15rem;
+}
+.app-bar .app-bar-pullbutton > .image-button {
+ margin: 0;
+ background-color: transparent;
+ color: #ffffff;
+ font-size: inherit;
+}
+.app-bar .app-bar-pullbutton > .image-button img.icon {
+ padding: 0;
+}
+.app-bar .app-bar-pullbutton .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-pullbutton .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.app-bar .app-bar-pullbutton {
+ display: none;
+}
+.app-bar .app-bar-pullmenu {
+ display: none;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 {
+ position: absolute;
+ right: 0;
+ z-index: 1000;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .app-bar-pullmenubar {
+ float: right;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .dropdown-toggle:before {
+ border-color: #323232;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover {
+ background-color: #0072c6;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li .input-control {
+ text-align: center;
+ display: block;
+ margin: 0.325rem;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover a {
+ background-color: #0072c6;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover) {
+ color: #1d1d1d;
+}
+.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover) a {
+ background-color: #ffffff;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu {
+ width: 100%;
+ border-top: 1px solid #4c9cd7;
+ position: relative;
+ float: none;
+ display: none;
+ z-index: 1000 1;
+ background-color: #005696;
+ clear: both;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu > li,
+.app-bar .app-bar-pullmenu .app-bar-menu > li > a {
+ float: none;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu > li {
+ height: auto;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu li:hover {
+ background-color: #0072c6;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu li:hover a {
+ background-color: #0072c6;
+ color: #ffffff;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu {
+ border: 0;
+ border-top: 1px solid #4c9cd7;
+ clear: both;
+ float: none;
+ width: 100%;
+ position: relative;
+ left: 0;
+ box-shadow: none;
+ max-width: 100%;
+ background-color: #005696;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li {
+ width: 100%;
+ background-color: inherit;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li a {
+ padding-left: 20px;
+ padding-right: 0;
+ background-color: inherit;
+ width: 100%;
+ color: #ffffff;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .dropdown-toggle:before {
+ border-color: #ffffff;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .divider {
+ background-color: #4c9cd7;
+}
+.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .d-menu {
+ top: 0;
+ left: 0;
+}
+.app-bar > .container {
+ padding: 0 !important;
+}
+.h-menu li:hover > .dropdown-toggle:before,
+.v-menu li:hover > .dropdown-toggle:before,
+.d-menu li:hover > .dropdown-toggle:before,
+.m-menu li:hover > .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.h-menu {
+ text-align: left;
+ display: block;
+ height: auto;
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ background-color: #ffffff;
+ border-collapse: separate;
+}
+.h-menu:before,
+.h-menu:after {
+ display: table;
+ content: "";
+}
+.h-menu:after {
+ clear: both;
+}
+.h-menu > li {
+ display: block;
+ float: left;
+ position: relative;
+}
+.h-menu > li:hover {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.h-menu > li:hover > a {
+ color: #ffffff;
+}
+.h-menu > li.no-hovered {
+ background-color: inherit;
+ color: inherit;
+}
+.h-menu > li:first-child {
+ margin-left: 0;
+}
+.h-menu > li > a {
+ display: block;
+ float: left;
+ position: relative;
+ font-weight: normal;
+ color: #727272;
+ font-size: .875rem;
+ outline: none;
+ text-decoration: none;
+ padding: 1.125rem 1.625rem;
+ border: none;
+}
+.h-menu > li > a:hover {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.h-menu > li .input-control,
+.h-menu > li .button {
+ margin-top: 10px;
+}
+.h-menu > li.active a {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.h-menu > li > .d-menu {
+ left: 0;
+ top: 100%;
+}
+.h-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.h-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.f-menu {
+ text-align: left;
+ display: block;
+ height: auto;
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ background-color: #ffffff;
+ border-collapse: separate;
+ display: -webkit-flex;
+ display: flex;
+}
+.f-menu li:hover > .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.f-menu:before,
+.f-menu:after {
+ display: table;
+ content: "";
+}
+.f-menu:after {
+ clear: both;
+}
+.f-menu > li {
+ display: block;
+ float: left;
+ position: relative;
+}
+.f-menu > li:hover {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.f-menu > li:hover > a {
+ color: #ffffff;
+}
+.f-menu > li.no-hovered {
+ background-color: inherit;
+ color: inherit;
+}
+.f-menu > li:first-child {
+ margin-left: 0;
+}
+.f-menu > li > a {
+ display: block;
+ float: left;
+ position: relative;
+ font-weight: normal;
+ color: #727272;
+ font-size: .875rem;
+ outline: none;
+ text-decoration: none;
+ padding: 1.125rem 1.625rem;
+ border: none;
+}
+.f-menu > li > a:hover {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.f-menu > li .input-control,
+.f-menu > li .button {
+ margin-top: 10px;
+}
+.f-menu > li.active a {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.f-menu > li > .d-menu {
+ left: 0;
+ top: 100%;
+}
+.f-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.f-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.f-menu > li > .d-menu {
+ left: auto;
+}
+.f-menu > li {
+ text-align: center;
+ -webkit-flex: 1 auto;
+ flex: 1 auto;
+}
+.f-menu > li a {
+ text-align: center;
+ width: 100%;
+}
+.f-menu > li .d-menu {
+ width: 100%;
+ max-width: none;
+}
+.f-menu > li .d-menu li {
+ width: 100%;
+}
+.f-menu > li .d-menu li a {
+ width: 100%;
+ min-width: 0;
+ padding: .75rem 0;
+}
+.f-menu .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.f-menu.default-dropdown > li .d-menu {
+ width: auto;
+ min-width: 12.5rem;
+}
+.f-menu.default-dropdown > li .d-menu a {
+ text-align: left;
+ padding: .75rem 2rem .75rem 2.5rem;
+}
+.v-menu {
+ text-align: left;
+ background: #ffffff;
+ max-width: 15.625rem;
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: auto;
+ float: left;
+}
+.v-menu li {
+ display: block;
+ float: none;
+ position: relative;
+}
+.v-menu li:before,
+.v-menu li:after {
+ display: table;
+ content: "";
+}
+.v-menu li:after {
+ clear: both;
+}
+.v-menu li a {
+ color: #727272;
+ font-size: .875rem;
+ display: block;
+ float: none;
+ padding: .75rem 2rem .75rem 2.5rem;
+ text-decoration: none;
+ vertical-align: middle;
+ position: relative;
+ white-space: nowrap;
+ min-width: 12.5rem;
+ border: none;
+}
+.v-menu li a img,
+.v-menu li a .icon {
+ position: absolute;
+ left: .875rem;
+ top: 50%;
+ margin-top: -0.5625rem;
+ color: #262626;
+ max-height: 1.125rem;
+ font-size: 1.125rem;
+ display: inline-block;
+ margin-right: .3125rem;
+ vertical-align: middle;
+ text-align: center;
+}
+.v-menu li.active {
+ border-left: 2px solid;
+ border-color: #1ba1e2;
+}
+.v-menu li.active > a {
+ background-color: #59cde2;
+ color: #ffffff;
+ font-weight: bold;
+}
+.v-menu li:hover {
+ text-decoration: none;
+ background: #59cde2;
+}
+.v-menu li:hover > a,
+.v-menu li:hover .icon {
+ color: #ffffff;
+}
+.v-menu li a[data-hotkey] {
+ padding-right: 3.2rem;
+}
+.v-menu li a[data-hotkey]:after {
+ content: attr(data-hotkey);
+ position: absolute;
+ right: 1.2rem;
+ width: auto;
+ font-size: .8em;
+}
+.v-menu .divider {
+ padding: 0;
+ height: 1px;
+ margin: 0 1px;
+ overflow: hidden;
+ background-color: #f2f2f2;
+}
+.v-menu .divider:hover {
+ background-color: #f2f2f2;
+}
+.v-menu.subdown .d-menu {
+ min-width: 0;
+ position: relative;
+ width: 100%;
+ left: 0 ;
+ right: 0 ;
+ top: 100%;
+ box-shadow: none;
+}
+.v-menu .item-block {
+ display: block;
+ padding: .625rem;
+ background-color: #eeeeee;
+}
+.v-menu .d-menu {
+ left: 100%;
+ top: -10%;
+}
+.v-menu .menu-title {
+ background-color: #f6f7f8;
+ font-size: 12px;
+ line-height: 14px;
+ padding: 4px 8px;
+ border: 0;
+ color: #646464;
+}
+.v-menu .menu-title:first-child {
+ margin: 0;
+ border-top-width: 0;
+}
+.v-menu .menu-title:first-child:hover {
+ border-top-width: 0;
+}
+.v-menu .menu-title:hover {
+ background-color: #f6f7f8;
+ cursor: default;
+ border: 0;
+}
+.v-menu .dropdown-toggle:before {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+ margin-top: -2px;
+}
+.v-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.v-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ transition: all 0.3s ease;
+}
+.v-menu.subdown .dropdown-toggle:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-left: -1.25rem;
+}
+.v-menu.subdown .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.v-menu li.disabled a {
+ color: #eeeeee;
+}
+.v-menu li.disabled:hover {
+ background-color: inherit;
+ cursor: default;
+ border: 0;
+}
+.v-menu li.disabled:hover a {
+ cursor: inherit;
+}
+.d-menu {
+ text-align: left;
+ background: #ffffff;
+ max-width: 15.625rem;
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: auto;
+ float: left;
+ border-collapse: separate;
+ position: absolute;
+ display: none;
+ z-index: 1000;
+ left: 0;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.d-menu li:hover > .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.d-menu li {
+ display: block;
+ float: none;
+ position: relative;
+}
+.d-menu li:before,
+.d-menu li:after {
+ display: table;
+ content: "";
+}
+.d-menu li:after {
+ clear: both;
+}
+.d-menu li a {
+ color: #727272;
+ font-size: .875rem;
+ display: block;
+ float: none;
+ padding: .75rem 2rem .75rem 2.5rem;
+ text-decoration: none;
+ vertical-align: middle;
+ position: relative;
+ white-space: nowrap;
+ min-width: 12.5rem;
+ border: none;
+}
+.d-menu li a img,
+.d-menu li a .icon {
+ position: absolute;
+ left: .875rem;
+ top: 50%;
+ margin-top: -0.5625rem;
+ color: #262626;
+ max-height: 1.125rem;
+ font-size: 1.125rem;
+ display: inline-block;
+ margin-right: .3125rem;
+ vertical-align: middle;
+ text-align: center;
+}
+.d-menu li.active {
+ border-left: 2px solid;
+ border-color: #1ba1e2;
+}
+.d-menu li.active > a {
+ background-color: #59cde2;
+ color: #ffffff;
+ font-weight: bold;
+}
+.d-menu li:hover {
+ text-decoration: none;
+ background: #59cde2;
+}
+.d-menu li:hover > a,
+.d-menu li:hover .icon {
+ color: #ffffff;
+}
+.d-menu li a[data-hotkey] {
+ padding-right: 3.2rem;
+}
+.d-menu li a[data-hotkey]:after {
+ content: attr(data-hotkey);
+ position: absolute;
+ right: 1.2rem;
+ width: auto;
+ font-size: .8em;
+}
+.d-menu .divider {
+ padding: 0;
+ height: 1px;
+ margin: 0 1px;
+ overflow: hidden;
+ background-color: #f2f2f2;
+}
+.d-menu .divider:hover {
+ background-color: #f2f2f2;
+}
+.d-menu.subdown .d-menu {
+ min-width: 0;
+ position: relative;
+ width: 100%;
+ left: 0 ;
+ right: 0 ;
+ top: 100%;
+ box-shadow: none;
+}
+.d-menu .item-block {
+ display: block;
+ padding: .625rem;
+ background-color: #eeeeee;
+}
+.d-menu .d-menu {
+ left: 100%;
+ top: -10%;
+}
+.d-menu .menu-title {
+ background-color: #f6f7f8;
+ font-size: 12px;
+ line-height: 14px;
+ padding: 4px 8px;
+ border: 0;
+ color: #646464;
+}
+.d-menu .menu-title:first-child {
+ margin: 0;
+ border-top-width: 0;
+}
+.d-menu .menu-title:first-child:hover {
+ border-top-width: 0;
+}
+.d-menu .menu-title:hover {
+ background-color: #f6f7f8;
+ cursor: default;
+ border: 0;
+}
+.d-menu .dropdown-toggle:before {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+ margin-top: -2px;
+}
+.d-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ transition: all 0.3s ease;
+}
+.d-menu.subdown .dropdown-toggle:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-left: -1.25rem;
+}
+.d-menu.subdown .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.d-menu li.disabled a {
+ color: #eeeeee;
+}
+.d-menu li.disabled:hover {
+ background-color: inherit;
+ cursor: default;
+ border: 0;
+}
+.d-menu li.disabled:hover a {
+ cursor: inherit;
+}
+.d-menu.context li a {
+ font-size: .75rem;
+ padding: .3125rem 2rem .3125rem 2.5rem;
+}
+.d-menu.context li a .icon {
+ margin-top: -0.4375rem;
+ font-size: .825rem;
+ color: inherit;
+}
+.d-menu.no-min-size li a {
+ min-width: 0;
+}
+.d-menu.full-size li a {
+ min-width: 0;
+ width: 100%;
+}
+.d-menu .d-menu {
+ left: 100%;
+ top: -10%;
+}
+.d-menu.open {
+ display: block ;
+}
+.d-menu.drop-left {
+ left: -100%;
+}
+.d-menu.drop-up {
+ top: auto;
+ bottom: 0;
+}
+.d-menu.context li a {
+ font-size: .75rem;
+ padding: .3125rem 2rem .3125rem 2.5rem;
+}
+.d-menu.context li a .icon {
+ margin-top: -0.4375rem;
+}
+.d-menu.place-right {
+ left: auto ;
+ right: 0;
+ width: auto;
+}
+.h-menu,
+.v-menu,
+.d-menu {
+ border-collapse: separate;
+}
+.m-menu {
+ border-collapse: separate;
+ text-align: left;
+ display: block;
+ height: auto ;
+ position: relative;
+ background-color: #ffffff;
+ color: #1d1d1d;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+}
+.m-menu:before,
+.m-menu:after {
+ display: table;
+ content: "";
+}
+.m-menu:after {
+ clear: both;
+}
+.m-menu > li,
+.m-menu .m-menu-item {
+ display: block;
+ float: left;
+ background-color: #ffffff;
+}
+.m-menu > li:hover,
+.m-menu .m-menu-item:hover {
+ background-color: #59cde2;
+}
+.m-menu > li:hover > a,
+.m-menu .m-menu-item:hover > a {
+ color: #ffffff;
+}
+.m-menu > li.no-hovered,
+.m-menu .m-menu-item.no-hovered {
+ background-color: inherit;
+ color: inherit;
+}
+.m-menu > li:first-child,
+.m-menu .m-menu-item:first-child {
+ margin-left: 0;
+}
+.m-menu > li > a,
+.m-menu .m-menu-item > a {
+ display: block;
+ float: left;
+ position: relative;
+ font-weight: normal;
+ color: inherit;
+ font-size: .875rem;
+ outline: none;
+ text-decoration: none;
+ padding: 1rem 1.625rem;
+ border: none;
+}
+.m-menu > li > a:hover,
+.m-menu .m-menu-item > a:hover {
+ background-color: inherit;
+}
+.m-menu > li > a.dropdown-toggle,
+.m-menu .m-menu-item > a.dropdown-toggle {
+ padding: 1rem 1.625rem 1rem 1.125rem;
+}
+.m-menu > li.active-container,
+.m-menu .m-menu-item.active-container {
+ background-color: #59cde2;
+}
+.m-menu > li.active-container a,
+.m-menu .m-menu-item.active-container a {
+ color: #ffffff;
+}
+.m-menu > li.active-container a.dropdown-toggle:before,
+.m-menu .m-menu-item.active-container a.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.m-menu > li .d-menu,
+.m-menu .m-menu-item .d-menu {
+ left: 0;
+ top: 100%;
+}
+.m-menu .m-menu-container {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 100%;
+ padding: .3125rem;
+ font-size: .75rem;
+ z-index: 1000;
+ background-color: inherit;
+}
+.m-menu .m-menu-container li,
+.m-menu .m-menu-container a {
+ color: #ffffff;
+}
+.m-menu .m-menu-container a {
+ text-decoration: underline;
+}
+.m-menu .m-menu-container li:hover > a,
+.m-menu .m-menu-container li.active > a {
+ text-decoration: none;
+}
+.m-menu .m-menu-container {
+ display: none;
+}
+.m-menu .m-menu-container.open {
+ display: block;
+}
+.m-menu > li .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.m-menu > li .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.v-menu.context li a,
+.d-menu.context li a {
+ font-size: .75rem;
+ padding: .3125rem 2rem .3125rem 2.5rem;
+}
+.v-menu.context li a .icon,
+.d-menu.context li a .icon {
+ margin-top: -0.4375rem;
+ font-size: .825rem;
+ color: inherit;
+}
+.v-menu.no-min-size li a,
+.d-menu.no-min-size li a {
+ min-width: 0;
+}
+.v-menu.full-size li a,
+.d-menu.full-size li a {
+ min-width: 0;
+ width: 100%;
+}
+.horizontal-menu {
+ display: block;
+ width: 100%;
+ color: #1d1d1d;
+ position: relative;
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+}
+.horizontal-menu:before,
+.horizontal-menu:after {
+ display: table;
+ content: "";
+}
+.horizontal-menu:after {
+ clear: both;
+}
+.horizontal-menu > li {
+ display: block;
+ float: left;
+ color: inherit;
+ background-color: inherit;
+ position: relative;
+}
+.horizontal-menu > li > a {
+ position: relative;
+ display: block;
+ float: left;
+ font-size: 1.4rem;
+ color: inherit;
+ background-color: inherit;
+ padding: .625rem 1.625rem;
+ line-height: 1.4rem;
+}
+.horizontal-menu > li > .d-menu {
+ left: 0;
+ top: 100%;
+}
+.horizontal-menu.compact > li > a {
+ font-size: .9rem;
+ line-height: .9rem;
+}
+.horizontal-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.horizontal-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.horizontal-menu .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.vertical-menu {
+ display: block;
+ width: 100%;
+ color: #1d1d1d;
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+ position: relative;
+ width: auto;
+ float: left;
+}
+.vertical-menu:before,
+.vertical-menu:after {
+ display: table;
+ content: "";
+}
+.vertical-menu:after {
+ clear: both;
+}
+.vertical-menu > li {
+ display: block;
+ float: left;
+ color: inherit;
+ background-color: inherit;
+ position: relative;
+}
+.vertical-menu > li > a {
+ position: relative;
+ display: block;
+ float: left;
+ font-size: 1.4rem;
+ color: inherit;
+ background-color: inherit;
+ padding: .625rem 1.625rem;
+ line-height: 1.4rem;
+}
+.vertical-menu > li > .d-menu {
+ left: 0;
+ top: 100%;
+}
+.vertical-menu.compact > li > a {
+ font-size: .9rem;
+ line-height: .9rem;
+}
+.vertical-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.vertical-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.vertical-menu .d-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.vertical-menu > li > .d-menu {
+ left: auto;
+}
+.vertical-menu > li {
+ float: none;
+}
+.vertical-menu > li > a {
+ float: none;
+}
+.vertical-menu > li > .d-menu {
+ left: 100%;
+ top: 0;
+}
+.vertical-menu.compact > li > a {
+ padding-top: .325rem;
+ padding-bottom: .325rem;
+}
+.vertical-menu .dropdown-toggle:before {
+ margin-top: -2px;
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+}
+.vertical-menu .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.vertical-menu .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ transition: all 0.3s ease;
+}
+.t-menu {
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: auto;
+ float: left;
+ background-color: #ffffff;
+ border-collapse: separate;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.t-menu > li {
+ position: relative;
+}
+.t-menu > li > a {
+ display: block;
+ padding: 1rem 1.2rem;
+ border-bottom: 1px #eeeeee solid;
+ position: relative;
+}
+.t-menu > li > a .icon {
+ width: 1.5rem;
+ height: 1.5rem;
+ font-size: 1.5rem;
+}
+.t-menu > li:hover > a {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.t-menu > li:last-child a {
+ border-bottom: 0;
+}
+.t-menu.compact > li > a {
+ padding: .5rem .7rem;
+}
+.t-menu.compact > li > a .icon {
+ width: 1rem;
+ height: 1rem;
+ font-size: 1rem;
+}
+.t-menu li .t-menu {
+ position: absolute;
+ left: 100%;
+ margin-left: .3125rem ;
+ top: 0;
+ float: none;
+}
+.t-menu li .t-menu > li {
+ float: left;
+ display: block;
+}
+.t-menu li .t-menu > li > a {
+ float: left;
+ display: block;
+}
+.t-menu .t-menu.horizontal .t-menu {
+ left: 0 ;
+ top: 100% ;
+ margin-top: .3125rem ;
+ margin-left: 0 ;
+}
+.t-menu .dropdown-toggle:after {
+ content: "";
+ background-color: transparent;
+ position: absolute;
+ left: auto;
+ top: auto;
+ bottom: 0;
+ right: 0;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 0 8px 8px;
+ border-color: transparent transparent #1ba1e2 transparent;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+}
+.t-menu .dropdown-toggle:before {
+ display: none;
+}
+.t-menu > li:hover > .dropdown-toggle:after {
+ border-color: transparent transparent #1b6eae transparent;
+}
+.t-menu.horizontal {
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: auto;
+ float: left;
+ background-color: #ffffff;
+ border-collapse: separate;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.t-menu.horizontal > li {
+ position: relative;
+}
+.t-menu.horizontal > li > a {
+ display: block;
+ padding: 1rem 1.2rem;
+ border-bottom: 1px #eeeeee solid;
+ position: relative;
+}
+.t-menu.horizontal > li > a .icon {
+ width: 1.5rem;
+ height: 1.5rem;
+ font-size: 1.5rem;
+}
+.t-menu.horizontal > li:hover > a {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.t-menu.horizontal > li:last-child a {
+ border-bottom: 0;
+}
+.t-menu.horizontal.compact > li > a {
+ padding: .5rem .7rem;
+}
+.t-menu.horizontal.compact > li > a .icon {
+ width: 1rem;
+ height: 1rem;
+ font-size: 1rem;
+}
+.t-menu.horizontal li .t-menu {
+ position: absolute;
+ left: 100%;
+ margin-left: .3125rem ;
+ top: 0;
+ float: none;
+}
+.t-menu.horizontal li .t-menu > li {
+ float: left;
+ display: block;
+}
+.t-menu.horizontal li .t-menu > li > a {
+ float: left;
+ display: block;
+}
+.t-menu.horizontal .t-menu.horizontal .t-menu {
+ left: 0 ;
+ top: 100% ;
+ margin-top: .3125rem ;
+ margin-left: 0 ;
+}
+.t-menu.horizontal .dropdown-toggle:after {
+ content: "";
+ background-color: transparent;
+ position: absolute;
+ left: auto;
+ top: auto;
+ bottom: 0;
+ right: 0;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 0 8px 8px;
+ border-color: transparent transparent #1ba1e2 transparent;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+}
+.t-menu.horizontal .dropdown-toggle:before {
+ display: none;
+}
+.t-menu.horizontal > li:hover > .dropdown-toggle:after {
+ border-color: transparent transparent #1b6eae transparent;
+}
+.t-menu.horizontal > li {
+ display: block;
+ float: left;
+}
+.t-menu.horizontal > li > a {
+ display: block;
+ float: left;
+ border-right: 1px #eeeeee solid;
+ border-bottom: 0;
+}
+.t-menu.horizontal > li:last-child > a {
+ border-right: 0;
+}
+.t-menu.horizontal .t-menu:not(.horizontal) {
+ left: 0;
+ top: 100% ;
+ margin-top: .3125rem ;
+ margin-left: 0 ;
+}
+.t-menu.horizontal .t-menu:not(.horizontal) .t-menu.horizontal {
+ left: 100% ;
+ margin-left: .3125rem ;
+ top: 0 ;
+ float: left;
+}
+.horizontal-menu > li > .d-menu,
+.h-menu > li > .d-menu,
+.m-menu > li > .d-menu {
+ left: auto;
+}
+[data-role="dropdown"]:not(.open),
+[data-role="dropdown"]:not(.keep-open) {
+ display: none;
+ position: absolute;
+ z-index: 1000;
+}
+.button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+}
+.button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.button:hover {
+ border-color: #787878;
+}
+.button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.button:focus {
+ outline: 0;
+}
+.button:disabled,
+.button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.button * {
+ color: inherit;
+}
+.button *:hover {
+ color: inherit;
+}
+.button.rounded {
+ border-radius: .325rem;
+}
+.button > [class*=mif-] {
+ vertical-align: middle;
+}
+.button.button-shadow {
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+}
+.button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.round-button,
+.cycle-button,
+.square-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ width: 2.125rem;
+ min-width: 2.125rem;
+ padding: 0 ;
+ border-radius: 50%;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+}
+.round-button.default,
+.cycle-button.default,
+.square-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.round-button:hover,
+.cycle-button:hover,
+.square-button:hover {
+ border-color: #787878;
+}
+.round-button:active,
+.cycle-button:active,
+.square-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.round-button:focus,
+.cycle-button:focus,
+.square-button:focus {
+ outline: 0;
+}
+.round-button:disabled,
+.cycle-button:disabled,
+.square-button:disabled,
+.round-button.disabled,
+.cycle-button.disabled,
+.square-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.round-button *,
+.cycle-button *,
+.square-button * {
+ color: inherit;
+}
+.round-button *:hover,
+.cycle-button *:hover,
+.square-button *:hover {
+ color: inherit;
+}
+.round-button.rounded,
+.cycle-button.rounded,
+.square-button.rounded {
+ border-radius: .325rem;
+}
+.round-button > [class*=mif-],
+.cycle-button > [class*=mif-],
+.square-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.round-button img,
+.cycle-button img,
+.square-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.round-button.loading-pulse,
+.cycle-button.loading-pulse,
+.square-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.round-button.loading-pulse:before,
+.cycle-button.loading-pulse:before,
+.square-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.round-button.loading-pulse.lighten:before,
+.cycle-button.loading-pulse.lighten:before,
+.square-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.round-button.loading-cube,
+.cycle-button.loading-cube,
+.square-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.round-button.loading-cube:before,
+.cycle-button.loading-cube:before,
+.square-button.loading-cube:before,
+.round-button.loading-cube:after,
+.cycle-button.loading-cube:after,
+.square-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.round-button.loading-cube:after,
+.cycle-button.loading-cube:after,
+.square-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.round-button.loading-cube.lighten:before,
+.cycle-button.loading-cube.lighten:before,
+.square-button.loading-cube.lighten:before,
+.round-button.loading-cube.lighten:after,
+.cycle-button.loading-cube.lighten:after,
+.square-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.round-button.dropdown-toggle,
+.cycle-button.dropdown-toggle,
+.square-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.round-button.dropdown-toggle.drop-marker-light:before,
+.cycle-button.dropdown-toggle.drop-marker-light:before,
+.square-button.dropdown-toggle.drop-marker-light:before,
+.round-button.dropdown-toggle.drop-marker-light:after,
+.cycle-button.dropdown-toggle.drop-marker-light:after,
+.square-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.round-button.primary,
+.cycle-button.primary,
+.square-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.round-button.primary:active,
+.cycle-button.primary:active,
+.square-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.round-button.success,
+.cycle-button.success,
+.square-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.round-button.success:active,
+.cycle-button.success:active,
+.square-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.round-button.danger,
+.cycle-button.danger,
+.square-button.danger,
+.round-button.alert,
+.cycle-button.alert,
+.square-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.round-button.danger:active,
+.cycle-button.danger:active,
+.square-button.danger:active,
+.round-button.alert:active,
+.cycle-button.alert:active,
+.square-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.round-button.info,
+.cycle-button.info,
+.square-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.round-button.info:active,
+.cycle-button.info:active,
+.square-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.round-button.warning,
+.cycle-button.warning,
+.square-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.round-button.warning:active,
+.cycle-button.warning:active,
+.square-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.round-button.link,
+.cycle-button.link,
+.square-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.round-button.link:hover,
+.cycle-button.link:hover,
+.square-button.link:hover,
+.round-button.link:active,
+.cycle-button.link:active,
+.square-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.square-button {
+ border-radius: 0;
+}
+a.button,
+a.round-button,
+a.square-button {
+ color: inherit;
+}
+a.button:hover,
+a.round-button:hover,
+a.square-button:hover {
+ text-decoration: none;
+}
+.button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.button.loading-cube:before,
+.button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.button.loading-cube.lighten:before,
+.button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.command-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ height: auto;
+ text-align: left;
+ font-size: 1.325rem;
+ padding-left: 4rem;
+ padding-top: 8px;
+ padding-bottom: 4px;
+}
+.command-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.command-button:hover {
+ border-color: #787878;
+}
+.command-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.command-button:focus {
+ outline: 0;
+}
+.command-button:disabled,
+.command-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.command-button * {
+ color: inherit;
+}
+.command-button *:hover {
+ color: inherit;
+}
+.command-button.rounded {
+ border-radius: .325rem;
+}
+.command-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.command-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.command-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.command-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.command-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.command-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.command-button.loading-cube:before,
+.command-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.command-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.command-button.loading-cube.lighten:before,
+.command-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.command-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.command-button.dropdown-toggle.drop-marker-light:before,
+.command-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.command-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.command-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.command-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.command-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.command-button.danger,
+.command-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.command-button.danger:active,
+.command-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.command-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.command-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.command-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.command-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.command-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.command-button.link:hover,
+.command-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.command-button small {
+ display: block;
+ font-size: .8rem;
+ line-height: 1.625rem;
+ margin-top: -0.3125rem;
+}
+.command-button .icon {
+ left: 1rem;
+ top: 50%;
+ margin-top: -1rem;
+ position: absolute;
+ font-size: 2rem;
+ height: 2rem;
+ width: 2rem;
+ margin-right: .625rem;
+}
+.command-button.icon-right {
+ padding-left: 1rem;
+ padding-right: 4rem;
+}
+.command-button.icon-right .icon {
+ left: auto;
+ right: 0;
+}
+.image-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ border: 0;
+ padding-left: 2.75rem;
+ background-color: #eeeeee;
+}
+.image-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.image-button:hover {
+ border-color: #787878;
+}
+.image-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.image-button:focus {
+ outline: 0;
+}
+.image-button:disabled,
+.image-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.image-button * {
+ color: inherit;
+}
+.image-button *:hover {
+ color: inherit;
+}
+.image-button.rounded {
+ border-radius: .325rem;
+}
+.image-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.image-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.image-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.image-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.image-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.image-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.image-button.loading-cube:before,
+.image-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.image-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.image-button.loading-cube.lighten:before,
+.image-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.image-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.image-button.dropdown-toggle.drop-marker-light:before,
+.image-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.image-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.image-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.image-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.image-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.image-button.danger,
+.image-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.image-button.danger:active,
+.image-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.image-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.image-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.image-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.image-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.image-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.image-button.link:hover,
+.image-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.image-button:active {
+ background-color: #e1e1e1;
+}
+.image-button .icon {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 2.125rem;
+ padding: .525rem;
+ font-size: 1rem;
+ background-color: #999999;
+ text-align: center;
+ vertical-align: middle;
+}
+.image-button img.icon {
+ padding-top: .525rem;
+}
+.image-button.icon-right {
+ padding-left: 1rem;
+ padding-right: 2.75rem;
+}
+.image-button.icon-right .icon {
+ right: 0;
+ left: auto;
+}
+a.image-button {
+ padding-top: .525rem;
+}
+.image-button {
+ line-height: 100%;
+}
+.image-button.small-button {
+ padding-left: 2rem;
+ padding-right: 1rem;
+}
+.image-button.small-button .icon {
+ width: 1.625rem;
+ font-size: .875rem;
+ height: 100%;
+ padding: .4rem;
+}
+.image-button.small-button.icon-right {
+ padding-left: .625rem;
+ padding-right: 2rem;
+}
+.shortcut-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ vertical-align: middle;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ width: 5.75rem;
+ height: 5.75rem;
+ text-align: center;
+ font-size: .75rem;
+}
+.shortcut-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.shortcut-button:hover {
+ border-color: #787878;
+}
+.shortcut-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.shortcut-button:focus {
+ outline: 0;
+}
+.shortcut-button:disabled,
+.shortcut-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.shortcut-button * {
+ color: inherit;
+}
+.shortcut-button *:hover {
+ color: inherit;
+}
+.shortcut-button.rounded {
+ border-radius: .325rem;
+}
+.shortcut-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.shortcut-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.shortcut-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.shortcut-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.shortcut-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.shortcut-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.shortcut-button.loading-cube:before,
+.shortcut-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.shortcut-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.shortcut-button.loading-cube.lighten:before,
+.shortcut-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.shortcut-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.shortcut-button.dropdown-toggle.drop-marker-light:before,
+.shortcut-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.shortcut-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.shortcut-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.shortcut-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.shortcut-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.shortcut-button.danger,
+.shortcut-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.shortcut-button.danger:active,
+.shortcut-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.shortcut-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.shortcut-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.shortcut-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.shortcut-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.shortcut-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.shortcut-button.link:hover,
+.shortcut-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.shortcut-button .icon,
+.shortcut-button .title {
+ display: block;
+ color: inherit;
+}
+.shortcut-button .icon {
+ font-size: 1.7rem;
+ height: 1.7rem;
+ width: 1.7rem;
+ margin: .875rem auto;
+}
+.shortcut-button .badge {
+ color: inherit;
+ position: absolute;
+ top: 0;
+ right: 0;
+ font-size: .7rem;
+ line-height: 1rem;
+ padding: 0 .225rem;
+}
+a.shortcut-button {
+ padding-top: 10px;
+}
+.button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.button.dropdown-toggle.drop-marker-light:before,
+.button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.nav-button {
+ width: 2rem;
+ height: 2rem;
+ background-size: 1rem 1rem;
+ background: center center no-repeat;
+ text-indent: -9999px;
+ border: 0;
+ display: inline-block;
+ cursor: pointer;
+ z-index: 2;
+ position: relative;
+}
+.nav-button span {
+ position: absolute;
+ top: 1.2rem;
+ left: .5rem;
+ width: 1.2rem;
+ height: 2px;
+ margin: 0 0 0;
+ background: #1d1d1d;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ transition: all 0.3s linear;
+}
+.nav-button span:before,
+.nav-button span:after {
+ content: '';
+ position: absolute;
+ top: -0.5rem;
+ right: 0;
+ width: 1.2rem;
+ height: 2px;
+ background: #1d1d1d;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ transition: all 0.3s linear;
+}
+.nav-button span:after {
+ top: .5rem;
+}
+.nav-button.transform span {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ background: #1d1d1d;
+}
+.nav-button.transform span:before,
+.nav-button.transform span:after {
+ content: '';
+ top: -5px;
+ right: 0;
+ width: .75rem;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.nav-button.transform span:after {
+ top: 5px;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.nav-button.light span {
+ background-color: #ffffff;
+}
+.nav-button.light span:before,
+.nav-button.light span:after {
+ background-color: #ffffff;
+}
+.group-of-buttons .button.active,
+.group-of-buttons .toolbar-button.active {
+ background-color: #00ccff;
+ color: #ffffff;
+}
+.group-of-buttons .button:active,
+.group-of-buttons .toolbar-button:active {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.split-button,
+.dropdown-button {
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+}
+.split-button:before,
+.dropdown-button:before,
+.split-button:after,
+.dropdown-button:after {
+ display: table;
+ content: "";
+}
+.split-button:after,
+.dropdown-button:after {
+ clear: both;
+}
+.split-button .button,
+.dropdown-button .button,
+.split-button .split,
+.dropdown-button .split {
+ display: block;
+ float: left;
+}
+.split-button .split,
+.dropdown-button .split {
+ padding: 0 1rem 0 .625rem;
+ height: 2.125rem;
+ text-align: center;
+ vertical-align: middle ;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ outline: none;
+ font-size: .875rem;
+ position: relative;
+ margin: .15625rem 0;
+}
+.split-button .split:hover,
+.dropdown-button .split:hover {
+ background-color: #eeeeee;
+ border-color: #787878;
+}
+.split-button .split.dropdown-toggle:before,
+.dropdown-button .split.dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.split-button .split.dropdown-toggle.active-toggle:before,
+.dropdown-button .split.dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.split-button .split-content,
+.dropdown-button .split-content {
+ position: absolute;
+ top: 100%;
+}
+.split.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.split.primary:active {
+ background: #1b6eae;
+}
+.split.primary:hover {
+ background: #59cde2;
+ border-color: #59cde2;
+}
+.split.primary.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.split.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.split.success:active {
+ background: #128023;
+}
+.split.success:hover {
+ background: #7ad61d;
+ border-color: #7ad61d;
+}
+.split.success.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.split.danger {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.split.danger:active {
+ background: #9a1616;
+}
+.split.danger:hover {
+ background: #da5a53;
+ border-color: #da5a53;
+}
+.split.danger.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.split.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.split.info:active {
+ background: #1ba1e2;
+}
+.split.info:hover {
+ background: #4390df;
+ border-color: #4390df;
+}
+.split.info.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.split.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.split.warning:active {
+ background: #bf5a15;
+}
+.split.warning:hover {
+ background: #ffc194;
+ border-color: #ffc194;
+}
+.split.warning.dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.mini-button,
+.small-button,
+.large-button,
+.big-button {
+ line-height: 100%;
+}
+.mini-button {
+ font-size: .6rem;
+ padding: .2rem .625rem;
+ height: 1.4rem;
+}
+.small-button {
+ font-size: .7rem;
+ padding: 0 .625rem;
+ height: 1.7rem;
+}
+.large-button {
+ height: 2.55rem;
+ font-size: 1.05rem;
+}
+.big-button {
+ height: 3.125rem;
+ font-size: 1.2rem;
+}
+.round-button.mini-button,
+.cycle-button.mini-button,
+.square-button.mini-button {
+ width: 1.4rem;
+ height: 1.4rem;
+ font-size: .6rem;
+ line-height: 1;
+ padding: 0;
+ min-width: 0;
+}
+.round-button.small-button,
+.cycle-button.small-button,
+.square-button.small-button {
+ width: 1.7rem;
+ height: 1.7rem;
+ font-size: .7rem;
+ line-height: 1.68rem;
+ padding: 0;
+ min-width: 0;
+}
+.round-button.large-button,
+.cycle-button.large-button,
+.square-button.large-button {
+ font-size: 1.05rem;
+ line-height: 1;
+ width: 2.55rem;
+ height: 2.55rem;
+}
+.round-button.big-button,
+.cycle-button.big-button,
+.square-button.big-button {
+ font-size: 1.2rem;
+ line-height: 1;
+ width: 3.125rem;
+ height: 3.125rem;
+}
+.button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.button.danger,
+.button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.button.danger:active,
+.button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.button.link:hover,
+.button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+a.button,
+span.button,
+div.button,
+a.round-button,
+span.round-button,
+div.round-button,
+a.cycle-button,
+span.cycle-button,
+div.cycle-button,
+a.square-button,
+span.square-button,
+div.square-button {
+ padding-top: .53125rem;
+}
+a.button.big-button,
+span.button.big-button,
+div.button.big-button,
+a.round-button.big-button,
+span.round-button.big-button,
+div.round-button.big-button,
+a.cycle-button.big-button,
+span.cycle-button.big-button,
+div.cycle-button.big-button,
+a.square-button.big-button,
+span.square-button.big-button,
+div.square-button.big-button {
+ padding-top: .78125rem;
+}
+.dropdown-button button.dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.dropdown-button button.dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.shortcut-button[data-hotkey]::after {
+ position: absolute;
+ content: attr(data-hotkey);
+ font-size: .625rem;
+ bottom: 0;
+ right: 0;
+ color: #999999;
+}
+.shortcut-button[data-hotkey].no-hotkey-display::after {
+ display: none;
+}
+.toolbar {
+ position: relative;
+}
+.toolbar:before,
+.toolbar:after {
+ display: table;
+ content: "";
+}
+.toolbar:after {
+ clear: both;
+}
+.toolbar-section {
+ position: relative;
+ padding-left: .5725rem;
+ margin: .125rem;
+ float: left;
+ width: auto;
+}
+.toolbar-section.no-divider:before {
+ display: none;
+}
+.toolbar-section:before {
+ position: absolute;
+ content: "";
+ width: .325rem;
+ height: 100%;
+ left: 0;
+ background-color: #eeeeee;
+ cursor: move;
+}
+.toolbar .toolbar-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ width: 2.125rem;
+ min-width: 2.125rem;
+ padding: 0 ;
+ border-radius: 50%;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ border-radius: 0;
+ margin: 0;
+}
+.toolbar .toolbar-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.toolbar .toolbar-button:hover {
+ border-color: #787878;
+}
+.toolbar .toolbar-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.toolbar .toolbar-button:focus {
+ outline: 0;
+}
+.toolbar .toolbar-button:disabled,
+.toolbar .toolbar-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.toolbar .toolbar-button * {
+ color: inherit;
+}
+.toolbar .toolbar-button *:hover {
+ color: inherit;
+}
+.toolbar .toolbar-button.rounded {
+ border-radius: .325rem;
+}
+.toolbar .toolbar-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.toolbar .toolbar-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.toolbar .toolbar-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.toolbar .toolbar-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.toolbar .toolbar-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.toolbar .toolbar-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.toolbar .toolbar-button.loading-cube:before,
+.toolbar .toolbar-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.toolbar .toolbar-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.toolbar .toolbar-button.loading-cube.lighten:before,
+.toolbar .toolbar-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.toolbar .toolbar-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
+.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.toolbar .toolbar-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.toolbar .toolbar-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.toolbar .toolbar-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.toolbar .toolbar-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.toolbar .toolbar-button.danger,
+.toolbar .toolbar-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.toolbar .toolbar-button.danger:active,
+.toolbar .toolbar-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.toolbar .toolbar-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.toolbar .toolbar-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.toolbar .toolbar-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.toolbar .toolbar-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.toolbar .toolbar-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.toolbar .toolbar-button.link:hover,
+.toolbar .toolbar-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.toolbar .toolbar-button.mini-button {
+ width: 1.4rem;
+ height: 1.4rem;
+ font-size: .6rem;
+ line-height: 1;
+ padding: 0;
+ min-width: 0;
+}
+.toolbar .toolbar-button.small-button {
+ width: 1.7rem;
+ height: 1.7rem;
+ font-size: .7rem;
+ line-height: 1.68rem;
+ padding: 0;
+ min-width: 0;
+}
+.toolbar .toolbar-button.large-button {
+ font-size: 1.05rem;
+ line-height: 1;
+ width: 2.55rem;
+ height: 2.55rem;
+}
+.toolbar .toolbar-button.big-button {
+ font-size: 1.2rem;
+ line-height: 1;
+ width: 3.125rem;
+ height: 3.125rem;
+}
+.toolbar-group,
+.toolbar-section {
+ display: inline-block;
+}
+.toolbar-group.condensed:before,
+.toolbar-section.condensed:before,
+.toolbar-group.condensed:after,
+.toolbar-section.condensed:after {
+ display: table;
+ content: "";
+}
+.toolbar-group.condensed:after,
+.toolbar-section.condensed:after {
+ clear: both;
+}
+.toolbar-group.condensed .button,
+.toolbar-section.condensed .button,
+.toolbar-group.condensed .toolbar-button,
+.toolbar-section.condensed .toolbar-button {
+ display: block;
+ float: left;
+}
+.toolbar-group-check .toolbar-button.checked {
+ background-color: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.toolbar-group-radio .toolbar-button.checked {
+ background-color: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.toolbar.rounded > .toolbar-button,
+.toolbar.rounded > .toolbar-section .toolbar-button {
+ border-radius: .3125rem;
+}
+.toolbar.rounded .toolbar-section:before {
+ border-radius: .3125rem;
+}
+.v-toolbar {
+ position: relative;
+ float: left;
+}
+.v-toolbar:before,
+.v-toolbar:after {
+ display: table;
+ content: "";
+}
+.v-toolbar:after {
+ clear: both;
+}
+.v-toolbar .toolbar-button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ width: 2.125rem;
+ min-width: 2.125rem;
+ padding: 0 ;
+ border-radius: 50%;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ border-radius: 0;
+ margin: 0;
+}
+.v-toolbar .toolbar-button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.v-toolbar .toolbar-button:hover {
+ border-color: #787878;
+}
+.v-toolbar .toolbar-button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.v-toolbar .toolbar-button:focus {
+ outline: 0;
+}
+.v-toolbar .toolbar-button:disabled,
+.v-toolbar .toolbar-button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.v-toolbar .toolbar-button * {
+ color: inherit;
+}
+.v-toolbar .toolbar-button *:hover {
+ color: inherit;
+}
+.v-toolbar .toolbar-button.rounded {
+ border-radius: .325rem;
+}
+.v-toolbar .toolbar-button > [class*=mif-] {
+ vertical-align: middle;
+}
+.v-toolbar .toolbar-button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.v-toolbar .toolbar-button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.v-toolbar .toolbar-button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.v-toolbar .toolbar-button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.v-toolbar .toolbar-button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.v-toolbar .toolbar-button.loading-cube:before,
+.v-toolbar .toolbar-button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.v-toolbar .toolbar-button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.v-toolbar .toolbar-button.loading-cube.lighten:before,
+.v-toolbar .toolbar-button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.v-toolbar .toolbar-button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,
+.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.v-toolbar .toolbar-button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.v-toolbar .toolbar-button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.v-toolbar .toolbar-button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.v-toolbar .toolbar-button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.v-toolbar .toolbar-button.danger,
+.v-toolbar .toolbar-button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.v-toolbar .toolbar-button.danger:active,
+.v-toolbar .toolbar-button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.v-toolbar .toolbar-button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.v-toolbar .toolbar-button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.v-toolbar .toolbar-button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.v-toolbar .toolbar-button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.v-toolbar .toolbar-button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.v-toolbar .toolbar-button.link:hover,
+.v-toolbar .toolbar-button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.v-toolbar .toolbar-button.mini-button {
+ width: 1.4rem;
+ height: 1.4rem;
+ font-size: .6rem;
+ line-height: 1;
+ padding: 0;
+ min-width: 0;
+}
+.v-toolbar .toolbar-button.small-button {
+ width: 1.7rem;
+ height: 1.7rem;
+ font-size: .7rem;
+ line-height: 1.68rem;
+ padding: 0;
+ min-width: 0;
+}
+.v-toolbar .toolbar-button.large-button {
+ font-size: 1.05rem;
+ line-height: 1;
+ width: 2.55rem;
+ height: 2.55rem;
+}
+.v-toolbar .toolbar-button.big-button {
+ font-size: 1.2rem;
+ line-height: 1;
+ width: 3.125rem;
+ height: 3.125rem;
+}
+.v-toolbar.rounded > .toolbar-button,
+.v-toolbar.rounded > .toolbar-section .toolbar-button {
+ border-radius: .3125rem;
+}
+.v-toolbar.rounded .toolbar-section:before {
+ border-radius: .3125rem;
+}
+.v-toolbar .toolbar-section {
+ padding-left: 0;
+ padding-top: .5725rem;
+}
+.v-toolbar .toolbar-section:before {
+ width: 100%;
+ top: 0;
+ height: .325rem;
+}
+.v-toolbar .toolbar-button {
+ display: block;
+ margin-bottom: .25rem;
+}
+.v-toolbar.no-divider .toolbar-section:before {
+ display: none;
+}
+.pagination {
+ display: block;
+ margin: .625rem 0;
+}
+.pagination:before,
+.pagination:after {
+ display: table;
+ content: "";
+}
+.pagination:after {
+ clear: both;
+}
+.pagination > .item {
+ display: block;
+ float: left;
+ margin-left: .0652rem;
+ padding: 0.25rem .625rem;
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px #eeeeee solid;
+ text-align: center;
+ font-size: .875rem;
+ color: #1d1d1d;
+}
+.pagination > .item:first-child {
+ margin-left: 0 ;
+}
+.pagination > .item.current,
+.pagination > .item.active {
+ background-color: #1ba1e2;
+ border-color: #59cde2;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.pagination > .item:hover {
+ background-color: #75c7ee;
+ border-color: #75c7ee;
+ color: #ffffff;
+}
+.pagination > .item:disabled,
+.pagination > .item.disabled {
+ cursor: default;
+ background-color: #eeeeee;
+ border-color: #eeeeee;
+ color: #999999;
+}
+.pagination > .item.spaces {
+ border: 0;
+ cursor: default;
+ color: #1d1d1d;
+}
+.pagination > .item.spaces:hover {
+ background-color: inherit ;
+ color: #1d1d1d;
+}
+.pagination.rounded > .item {
+ border-radius: .3125rem;
+}
+.pagination.cycle > .item {
+ width: 28px;
+ height: 28px;
+ border-radius: 50%;
+ font-size: .7rem;
+ padding: .4375rem 0;
+}
+.pagination.no-border > .item {
+ border: 0;
+}
+.pagination.no-border > .item:hover {
+ color: #59cde2;
+ background-color: transparent ;
+}
+.pagination.no-border > .item:disabled,
+.pagination.no-border > .item.disabled {
+ cursor: default;
+ background-color: transparent;
+ border-color: transparent;
+ color: #999999;
+}
+.pagination.no-border > .item.current:hover,
+.pagination.no-border > .item.active:hover {
+ background-color: #75c7ee;
+ border-color: #75c7ee;
+ color: #ffffff;
+}
+.breadcrumbs {
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+ background-color: #ffffff;
+ color: #999;
+ padding: 1rem;
+}
+.breadcrumbs > li {
+ display: inline-block;
+ color: inherit;
+ margin: 0 1rem 0 0;
+ position: relative;
+ vertical-align: middle;
+}
+.breadcrumbs > li:before,
+.breadcrumbs > li:after {
+ display: block;
+ position: absolute;
+ vertical-align: middle;
+ color: transparent;
+ font-size: 0;
+ content: "";
+ height: 1px;
+ width: .375rem;
+ background-color: #1d1d1d;
+ top: 50%;
+ left: 100%;
+ margin-left: .5rem;
+}
+.breadcrumbs > li:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ margin-top: -0.125rem;
+}
+.breadcrumbs > li:after {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-top: .125rem;
+}
+.breadcrumbs > li > a {
+ color: inherit;
+ display: inline-block;
+ line-height: 1;
+}
+.breadcrumbs > li:last-child {
+ color: #1d1d1d;
+ font-weight: bolder;
+}
+.breadcrumbs > li:last-child a {
+ cursor: default;
+}
+.breadcrumbs > li:last-child:before,
+.breadcrumbs > li:last-child:after {
+ background-color: transparent;
+}
+.breadcrumbs > li:hover {
+ color: #1d1d1d;
+}
+.breadcrumbs img,
+.breadcrumbs .icon {
+ display: inline-block;
+ line-height: .8;
+ height: 1rem;
+ width: 1rem;
+ font-size: 1rem;
+ vertical-align: -15%;
+}
+.breadcrumbs.dark {
+ background-color: #393832;
+}
+.breadcrumbs.dark > li:hover,
+.breadcrumbs.dark > li:last-child {
+ color: #ffffff;
+}
+.breadcrumbs.dark > li:before,
+.breadcrumbs.dark > li:after {
+ background-color: #ffffff;
+}
+.breadcrumbs2 {
+ margin: 0.625rem 0;
+ padding: 0;
+ list-style: none;
+ overflow: hidden;
+ width: 100%;
+}
+.breadcrumbs2 li {
+ float: left;
+ margin: 0 .2em 0 1em;
+}
+.breadcrumbs2 a {
+ background: #d9d9d9;
+ padding: .3em 1em;
+ float: left;
+ text-decoration: none;
+ color: #2086bf;
+ position: relative;
+}
+.breadcrumbs2 a:hover {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.breadcrumbs2 a:hover:before {
+ border-color: #1ba1e2 #1ba1e2 #1ba1e2 transparent;
+}
+.breadcrumbs2 a:hover:after {
+ border-left-color: #1ba1e2;
+}
+.breadcrumbs2 a:before {
+ content: "";
+ position: absolute;
+ top: 50%;
+ margin-top: -1.5em;
+ border-width: 1.5em 0 1.5em 1em;
+ border-style: solid;
+ border-color: #d9d9d9 #d9d9d9 #d9d9d9 transparent;
+ left: -1em;
+ margin-left: 1px;
+}
+.breadcrumbs2 a:after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ margin-top: -1.5em;
+ border-top: 1.5em solid transparent;
+ border-bottom: 1.5em solid transparent;
+ border-left: 1em solid #d9d9d9;
+ right: -1em;
+ margin-right: 1px;
+}
+.breadcrumbs2 > li:first-child {
+ margin-left: 0;
+}
+.breadcrumbs2 > li:first-child a:before {
+ content: normal;
+}
+.breadcrumbs2 > li:last-child {
+ background: none;
+}
+.breadcrumbs2 > li:last-child a {
+ color: #1d1d1d;
+}
+.breadcrumbs2 > li:last-child:after,
+.breadcrumbs2 > li:last-child:before {
+ content: normal;
+}
+.breadcrumbs2 > li:last-child:hover a {
+ color: #ffffff;
+}
+.breadcrumbs2 .active,
+.breadcrumbs2 .active:hover {
+ background: none;
+}
+.breadcrumbs2 .active a,
+.breadcrumbs2 .active:hover a {
+ color: #1d1d1d;
+}
+.breadcrumbs2 .active:hover a {
+ color: #ffffff;
+}
+.breadcrumbs2 .active:after,
+.breadcrumbs2 .active:before {
+ content: normal;
+}
+.breadcrumbs2.small a {
+ padding: .2em 1em;
+ font-size: 11.9px;
+}
+.breadcrumbs2.mini a {
+ padding: .1em 1em;
+ font-size: 10.5px;
+}
+.breadcrumbs2 > li > a > [class*=mif] {
+ vertical-align: -10%;
+}
+.input-control {
+ display: inline-block;
+ min-height: 2.125rem;
+ height: 2.125rem;
+ position: relative;
+ vertical-align: middle;
+ margin: .325rem 0;
+ line-height: 1;
+}
+.input-control[data-role=select] {
+ height: auto;
+}
+.input-control.text,
+.input-control.select,
+.input-control.file,
+.input-control.password,
+.input-control.number,
+.input-control.email,
+.input-control.tel {
+ width: 10.875rem;
+}
+.input-control.text .button,
+.input-control.select .button,
+.input-control.file .button,
+.input-control.password .button,
+.input-control.number .button,
+.input-control.email .button,
+.input-control.tel .button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ margin: 0;
+}
+.input-control.text > label,
+.input-control.select > label,
+.input-control.file > label,
+.input-control.password > label,
+.input-control.number > label,
+.input-control.email > label,
+.input-control.tel > label,
+.input-control.text > .label,
+.input-control.select > .label,
+.input-control.file > .label,
+.input-control.password > .label,
+.input-control.number > .label,
+.input-control.email > .label,
+.input-control.tel > .label {
+ position: absolute;
+ left: 0;
+ top: -1rem;
+ font-size: .875rem;
+}
+.input-control.text > input:disabled + .button,
+.input-control.select > input:disabled + .button,
+.input-control.file > input:disabled + .button,
+.input-control.password > input:disabled + .button,
+.input-control.number > input:disabled + .button,
+.input-control.email > input:disabled + .button,
+.input-control.tel > input:disabled + .button {
+ display: none;
+}
+.input-control.text .prepend-icon,
+.input-control.select .prepend-icon,
+.input-control.file .prepend-icon,
+.input-control.password .prepend-icon,
+.input-control.number .prepend-icon,
+.input-control.email .prepend-icon,
+.input-control.tel .prepend-icon {
+ width: 24px;
+ height: 24px;
+ font-size: 24px;
+ line-height: 1;
+ position: absolute;
+ top: 50%;
+ margin-top: -12px;
+ left: 4px;
+ z-index: 2;
+ color: #999999;
+}
+.input-control.text .prepend-icon ~ input,
+.input-control.select .prepend-icon ~ input,
+.input-control.file .prepend-icon ~ input,
+.input-control.password .prepend-icon ~ input,
+.input-control.number .prepend-icon ~ input,
+.input-control.email .prepend-icon ~ input,
+.input-control.tel .prepend-icon ~ input {
+ padding-left: 30px;
+}
+.input-control input,
+.input-control textarea,
+.input-control select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ position: relative;
+ border: 1px #d9d9d9 solid;
+ width: 100%;
+ height: 100%;
+ padding: .3125rem;
+ z-index: 0;
+}
+.input-control input:focus,
+.input-control textarea:focus,
+.input-control select:focus {
+ outline: none;
+}
+.input-control input:disabled,
+.input-control textarea:disabled,
+.input-control select:disabled {
+ background-color: #EBEBE4;
+}
+.input-control input:focus,
+.input-control textarea:focus,
+.input-control select:focus,
+.input-control input:hover,
+.input-control textarea:hover,
+.input-control select:hover {
+ border-color: #787878;
+}
+.input-control textarea {
+ position: relative;
+ min-height: 6.25rem;
+ /*font-family: "Segoe UI", "Open Sans", sans-serif, serif;*/
+}
+.input-control.textarea {
+ height: auto;
+}
+.input-control.select {
+ position: relative;
+}
+.input-control.select select {
+ padding-right: 20px;
+}
+.input-control.rounded input,
+.input-control.rounded textarea,
+.input-control.rounded select {
+ border-radius: 0.3125rem;
+}
+.input-control.big-input {
+ height: 4.125rem;
+}
+.input-control.big-input input {
+ font-size: 1.875rem;
+ padding-left: 1.25rem ;
+}
+.input-control.big-input .button {
+ height: 3.25rem;
+ top: 50%;
+ margin-top: -1.625rem;
+ right: 0.3125rem;
+ font-size: 1.125rem;
+ font-weight: bold;
+ padding-left: 1.875rem;
+ padding-right: 1.875rem;
+}
+.input-control [class*=input-state-] {
+ position: absolute;
+ display: none;
+ top: 50%;
+ right: 8px;
+ z-index: 3;
+ font-size: 1rem;
+ margin-top: -0.5rem;
+}
+.input-control.required input,
+.input-control.required textarea,
+.input-control.required select {
+ border: 1px dashed #1ba1e2;
+}
+.input-control.required.neon input,
+.input-control.required.neon textarea,
+.input-control.required.neon select {
+ box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
+}
+.input-control.required .input-state-required {
+ display: block;
+ color: #1ba1e2;
+}
+.input-control.error input,
+.input-control.error textarea,
+.input-control.error select {
+ border: 1px solid #ce352c;
+}
+.input-control.error.neon input,
+.input-control.error.neon textarea,
+.input-control.error.neon select {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.input-control.error .input-state-error {
+ display: block;
+ color: #ce352c;
+}
+.input-control.warning input,
+.input-control.warning textarea,
+.input-control.warning select {
+ border: 1px solid #e3c800;
+}
+.input-control.warning.neon input,
+.input-control.warning.neon textarea,
+.input-control.warning.neon select {
+ box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
+}
+.input-control.warning .input-state-warning {
+ display: block;
+ color: #e3c800;
+}
+.input-control.success input,
+.input-control.success textarea,
+.input-control.success select {
+ border: 1px solid #60a917;
+}
+.input-control.success.neon input,
+.input-control.success.neon textarea,
+.input-control.success.neon select {
+ box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
+}
+.input-control.success .input-state-success {
+ display: block;
+ color: #60a917;
+}
+.input-control.info input,
+.input-control.info textarea,
+.input-control.info select {
+ border: 1px solid #1ba1e2;
+}
+.input-control.info.neon input,
+.input-control.info.neon textarea,
+.input-control.info.neon select {
+ box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
+}
+.input-control.info .input-state-success {
+ display: block;
+ color: #1ba1e2;
+}
+input.error,
+select.error,
+textarea.error {
+ border: 1px solid #ce352c;
+}
+input.warning,
+select.warning,
+textarea.warning {
+ border: 1px solid #e3c800;
+}
+input.info,
+select.info,
+textarea.info {
+ border: 1px solid #1ba1e2;
+}
+input.success,
+select.success,
+textarea.success {
+ border: 1px solid #60a917;
+}
+input.required,
+select.required,
+textarea.required {
+ border: 1px dashed #1ba1e2;
+}
+.input-control.file input[type=file] {
+ position: absolute;
+ opacity: 0;
+ width: 0.0625rem;
+ height: 0.0625rem;
+}
+.input-control.file input[type=file]:disabled ~ input[type=text],
+.input-control.file input[type=file]:disabled ~ .button {
+ background-color: #EBEBE4;
+}
+.input-control.file:hover input[type=text],
+.input-control.file:hover button {
+ border-color: #787878;
+}
+.input-control .button-group {
+ position: absolute;
+ right: 0;
+ top: 0;
+ margin: 0;
+ padding: 0;
+ z-index: 2;
+}
+.input-control .button-group:before,
+.input-control .button-group:after {
+ display: table;
+ content: "";
+}
+.input-control .button-group:after {
+ clear: both;
+}
+.input-control .button-group .button {
+ position: relative;
+ float: left;
+ margin: 0;
+}
+.input-control > .helper-button,
+.input-control > .button-group > .helper-button {
+ visibility: hidden;
+ margin: 0;
+ border: 0;
+ height: 1.875rem;
+ padding: 0 .6rem;
+ z-index: 100;
+ font-size: .75rem;
+}
+.input-control > .button.helper-button {
+ margin: 2px 2px 0;
+}
+.input-control > .button-group > .button.helper-button {
+ margin: 2px 0 ;
+}
+.input-control > .button-group > .button.helper-button:last-child {
+ margin-right: 2px ;
+}
+.input-control input:focus ~ .helper-button,
+.input-control input:focus ~ .button-group > .helper-button {
+ visibility: visible;
+}
+.input-control input ~ .helper-button:active,
+.input-control input ~ .button-group > .helper-button:active {
+ visibility: visible;
+}
+.input-control input:disabled ~ .helper-button,
+.input-control input:disabled ~ .button-group > .helper-button {
+ display: none ;
+}
+.input-control.modern {
+ position: relative;
+ width: 12.25rem;
+ height: 3rem;
+ display: inline-block;
+ margin: .625rem 0;
+}
+.input-control.modern input {
+ position: absolute;
+ top: 1rem;
+ left: 0;
+ right: 0;
+ bottom: .5rem;
+ border: 0;
+ border-bottom: 2px #DDDDDD solid;
+ background-color: transparent;
+ outline: none;
+ font-size: 1rem;
+ padding-bottom: .5rem;
+ padding-left: 0;
+ width: 100%;
+ z-index: 2;
+ height: 1.75rem;
+}
+.input-control.modern input:focus {
+ border-bottom-color: #1d1d1d;
+}
+.input-control.modern .label,
+.input-control.modern .informer {
+ position: absolute;
+ display: block;
+ z-index: 1;
+ color: #1d1d1d;
+}
+.input-control.modern .label {
+ opacity: 0;
+ top: 16px;
+ left: 0;
+ transition: all 0.3s linear;
+}
+.input-control.modern .informer {
+ opacity: 0;
+ bottom: .75rem;
+ color: #C8C8C8;
+ font-size: .8rem;
+ transition: all 0.3s linear;
+}
+.input-control.modern .placeholder {
+ font-size: 1rem;
+ color: #C8C8C8;
+ position: absolute;
+ top: 1.2rem;
+ left: 0;
+ z-index: 1;
+ opacity: 1;
+ transition: all 0.3s linear;
+}
+.input-control.modern .helper-button {
+ top: 8px;
+}
+.input-control.modern.iconic {
+ margin-left: 32px;
+}
+.input-control.modern.iconic .icon {
+ width: 24px;
+ height: 24px;
+ font-size: 24px;
+ line-height: 1;
+ position: absolute;
+ left: -28px;
+ top: 50%;
+ margin-top: -8px;
+ display: block;
+ opacity: .2;
+ transition: all 0.3s linear;
+}
+.input-control.modern.iconic .icon img {
+ width: 100%;
+ max-width: 100%;
+ height: 100%;
+ max-height: 100%;
+}
+.input-control.modern.iconic.full-size {
+ width: calc(100% - 32px) !important;
+}
+.input-control.modern input:focus ~ .label {
+ opacity: 1;
+ -webkit-transform: translateY(-18px);
+ transform: translateY(-18px);
+ transition: all 0.3s linear;
+}
+.input-control.modern input:focus ~ .placeholder {
+ opacity: 0;
+ -webkit-transform: translateX(200px);
+ transform: translateX(200px);
+ transition: all 0.3s linear;
+}
+.input-control.modern input:focus ~ .informer {
+ opacity: 1;
+ color: #1d1d1d;
+ bottom: -0.75rem;
+ transition: all 0.3s linear;
+}
+.input-control.modern input:focus ~ .icon {
+ opacity: 1;
+ transition: all 0.3s linear;
+}
+.input-control.modern.error input {
+ border-bottom-color: #ce352c;
+}
+.input-control.modern.error .informer,
+.input-control.modern.error .label {
+ color: #ce352c;
+}
+.input-control.modern.success input {
+ border-bottom-color: #60a917;
+}
+.input-control.modern.success .informer,
+.input-control.modern.success .label {
+ color: #60a917;
+}
+.input-control.modern.warning input {
+ border-bottom-color: #e3c800;
+}
+.input-control.modern.warning .informer,
+.input-control.modern.warning .label {
+ color: #e3c800;
+}
+.input-control.modern.info input {
+ border-bottom-color: #1ba1e2;
+}
+.input-control.modern.info .informer,
+.input-control.modern.info .label {
+ color: #1ba1e2;
+}
+.input-control.modern input:disabled {
+ border-bottom-style: dotted;
+ color: #BCBCBC;
+}
+.input-control.checkbox,
+.input-control.radio {
+ line-height: 1.875rem;
+ min-width: 1rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.input-control.checkbox input[type="checkbox"],
+.input-control.radio input[type="checkbox"],
+.input-control.checkbox input[type="radio"],
+.input-control.radio input[type="radio"] {
+ position: absolute;
+ opacity: 0;
+ width: 0.0625rem;
+ height: 0.0625rem;
+}
+.input-control.checkbox .caption,
+.input-control.radio .caption {
+ margin: 0 .125rem;
+ vertical-align: middle;
+}
+.input-control.checkbox .check,
+.input-control.radio .check {
+ width: 1.625rem;
+ height: 1.625rem;
+ background-color: #ffffff;
+ border: 1px #999999 solid;
+ padding: 0;
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+}
+.input-control.checkbox.text-left .check,
+.input-control.radio.text-left .check {
+ margin: 0 0 0 .3125rem;
+}
+.input-control.checkbox .check:focus,
+.input-control.radio .check:focus {
+ border-color: #bcd9e2;
+}
+.input-control.checkbox .check:before,
+.input-control.radio .check:before {
+ position: absolute;
+ vertical-align: middle;
+ color: transparent;
+ font-size: 0;
+ content: "";
+ height: .3125rem;
+ width: .565rem;
+ background-color: transparent;
+ border-left: .1875rem solid;
+ border-bottom: .1875rem solid;
+ border-color: transparent;
+ left: 50%;
+ top: 50%;
+ margin-left: -0.325rem;
+ margin-top: -0.365rem;
+ display: block;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ transition: all 0.2s linear;
+}
+.input-control.checkbox input[type=radio] ~ .check:before,
+.input-control.radio input[type=radio] ~ .check:before {
+ border-color: transparent;
+}
+.input-control.checkbox input[type="checkbox"]:checked ~ .check:before,
+.input-control.radio input[type="checkbox"]:checked ~ .check:before,
+.input-control.checkbox input[type="radio"]:checked ~ .check:before,
+.input-control.radio input[type="radio"]:checked ~ .check:before {
+ border-color: #555555;
+ transition: all 0.2s linear;
+}
+.input-control.checkbox input[type="checkbox"]:disabled ~ .caption,
+.input-control.radio input[type="checkbox"]:disabled ~ .caption,
+.input-control.checkbox input[type="radio"]:disabled ~ .caption,
+.input-control.radio input[type="radio"]:disabled ~ .caption {
+ color: #cacaca;
+ cursor: default;
+}
+.input-control.checkbox input[type="checkbox"]:disabled ~ .check,
+.input-control.radio input[type="checkbox"]:disabled ~ .check,
+.input-control.checkbox input[type="radio"]:disabled ~ .check,
+.input-control.radio input[type="radio"]:disabled ~ .check {
+ border-color: #cacaca;
+ cursor: default;
+}
+.input-control.checkbox input[type="checkbox"]:disabled:checked ~ .check:before,
+.input-control.radio input[type="checkbox"]:disabled:checked ~ .check:before {
+ border-color: #cacaca;
+}
+.input-control.checkbox input[type="radio"]:disabled:checked ~ .check:before,
+.input-control.radio input[type="radio"]:disabled:checked ~ .check:before {
+ background-color: #cacaca;
+}
+.input-control.checkbox input[data-show="indeterminate"] ~ .check:before,
+.input-control.radio input[data-show="indeterminate"] ~ .check:before,
+.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:before,
+.input-control.radio input[data-show="indeterminate"]:checked ~ .check:before,
+.input-control.checkbox input.indeterminate:checked ~ .check:before,
+.input-control.radio input.indeterminate:checked ~ .check:before,
+.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:before,
+.input-control.radio input[type="checkbox"]:indeterminate ~ .check:before {
+ display: none;
+}
+.input-control.checkbox input[data-show="indeterminate"] ~ .check:after,
+.input-control.radio input[data-show="indeterminate"] ~ .check:after,
+.input-control.checkbox input[data-show="indeterminate"]:checked ~ .check:after,
+.input-control.radio input[data-show="indeterminate"]:checked ~ .check:after,
+.input-control.checkbox input.indeterminate:checked ~ .check:after,
+.input-control.radio input.indeterminate:checked ~ .check:after,
+.input-control.checkbox input[type="checkbox"]:indeterminate ~ .check:after,
+.input-control.radio input[type="checkbox"]:indeterminate ~ .check:after {
+ position: absolute;
+ display: block;
+ content: "";
+ background-color: #1d1d1d;
+ height: .875rem;
+ width: .875rem;
+ left: 50%;
+ top: 50%;
+ margin-left: -0.4375rem;
+ margin-top: -0.4375rem;
+}
+.input-control.checkbox input[data-show="indeterminate"]:not(:checked) ~ .check:after,
+.input-control.radio input[data-show="indeterminate"]:not(:checked) ~ .check:after {
+ background-color: transparent;
+}
+.input-control.checkbox input[data-show="indeterminate"]:disabled ~ .check:after,
+.input-control.radio input[data-show="indeterminate"]:disabled ~ .check:after {
+ background-color: #cacaca;
+}
+.input-control.radio .check {
+ border: 1px #999999 solid;
+ border-radius: 50%;
+}
+.input-control.radio .check:before {
+ position: absolute;
+ display: block;
+ content: "";
+ background-color: #1d1d1d;
+ height: .5624rem;
+ width: .5624rem;
+ left: 50%;
+ top: 50%;
+ margin-left: -0.375rem;
+ margin-top: -0.375rem;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ border-radius: 50%;
+}
+.input-control.radio input[type="radio"]:checked ~ .check:before {
+ border-color: transparent;
+}
+.input-control.radio input[type="radio"]:not(:checked) ~ .check:before {
+ background-color: transparent;
+}
+.input-control.radio input[type="radio"]:disabled ~ .check:before {
+ border-color: transparent;
+}
+.input-control.small-check .check {
+ width: 1rem;
+ height: 1rem;
+}
+.input-control.small-check .check:before {
+ width: 6px;
+ height: 3px;
+ margin-left: -4px;
+ margin-top: -4px;
+ border-width: 2px;
+}
+.input-control.small-check.radio .check:before {
+ height: .375rem;
+ width: .375rem;
+ left: 50%;
+ top: 50%;
+ margin-left: -0.25rem;
+ margin-top: -0.25rem;
+}
+.input-control.small-check input[data-show="indeterminate"] ~ .check:after,
+.input-control.small-check input[data-show="indeterminate"]:checked ~ .check:after,
+.input-control.small-check input.indeterminate:checked ~ .check:after,
+.input-control.small-check input[type="checkbox"]:indeterminate ~ .check:after {
+ height: .375rem;
+ width: .375rem;
+ left: 50%;
+ top: 50%;
+ margin-left: -0.1875rem;
+ margin-top: -0.1875rem;
+}
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ padding: 0 1rem;
+ height: 2.125rem;
+ text-align: center;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ vertical-align: middle;
+}
+input[type="button"].default,
+input[type="reset"].default,
+input[type="submit"].default {
+ background-color: #008287;
+ color: #fff;
+}
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover {
+ border-color: #787878;
+}
+input[type="button"]:active,
+input[type="reset"]:active,
+input[type="submit"]:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+input[type="button"]:focus,
+input[type="reset"]:focus,
+input[type="submit"]:focus {
+ outline: 0;
+}
+input[type="button"]:disabled,
+input[type="reset"]:disabled,
+input[type="submit"]:disabled,
+input[type="button"].disabled,
+input[type="reset"].disabled,
+input[type="submit"].disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+input[type="button"] *,
+input[type="reset"] *,
+input[type="submit"] * {
+ color: inherit;
+}
+input[type="button"] *:hover,
+input[type="reset"] *:hover,
+input[type="submit"] *:hover {
+ color: inherit;
+}
+input[type="button"].rounded,
+input[type="reset"].rounded,
+input[type="submit"].rounded {
+ border-radius: .325rem;
+}
+input[type="button"] > [class*=mif-],
+input[type="reset"] > [class*=mif-],
+input[type="submit"] > [class*=mif-] {
+ vertical-align: middle;
+}
+input[type="button"] img,
+input[type="reset"] img,
+input[type="submit"] img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+input[type="button"].loading-pulse,
+input[type="reset"].loading-pulse,
+input[type="submit"].loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+input[type="button"].loading-pulse:before,
+input[type="reset"].loading-pulse:before,
+input[type="submit"].loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+input[type="button"].loading-pulse.lighten:before,
+input[type="reset"].loading-pulse.lighten:before,
+input[type="submit"].loading-pulse.lighten:before {
+ background-color: #fff;
+}
+input[type="button"].loading-cube,
+input[type="reset"].loading-cube,
+input[type="submit"].loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+input[type="button"].loading-cube:before,
+input[type="reset"].loading-cube:before,
+input[type="submit"].loading-cube:before,
+input[type="button"].loading-cube:after,
+input[type="reset"].loading-cube:after,
+input[type="submit"].loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+input[type="button"].loading-cube:after,
+input[type="reset"].loading-cube:after,
+input[type="submit"].loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+input[type="button"].loading-cube.lighten:before,
+input[type="reset"].loading-cube.lighten:before,
+input[type="submit"].loading-cube.lighten:before,
+input[type="button"].loading-cube.lighten:after,
+input[type="reset"].loading-cube.lighten:after,
+input[type="submit"].loading-cube.lighten:after {
+ background-color: #fff;
+}
+input[type="button"].dropdown-toggle,
+input[type="reset"].dropdown-toggle,
+input[type="submit"].dropdown-toggle {
+ padding-right: 1.625rem;
+}
+input[type="button"].dropdown-toggle.drop-marker-light:before,
+input[type="reset"].dropdown-toggle.drop-marker-light:before,
+input[type="submit"].dropdown-toggle.drop-marker-light:before,
+input[type="button"].dropdown-toggle.drop-marker-light:after,
+input[type="reset"].dropdown-toggle.drop-marker-light:after,
+input[type="submit"].dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+input[type="button"].primary,
+input[type="reset"].primary,
+input[type="submit"].primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+input[type="button"].primary:active,
+input[type="reset"].primary:active,
+input[type="submit"].primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+input[type="button"].success,
+input[type="reset"].success,
+input[type="submit"].success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+input[type="button"].success:active,
+input[type="reset"].success:active,
+input[type="submit"].success:active {
+ background: #128023;
+ color: #ffffff;
+}
+input[type="button"].danger,
+input[type="reset"].danger,
+input[type="submit"].danger,
+input[type="button"].alert,
+input[type="reset"].alert,
+input[type="submit"].alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+input[type="button"].danger:active,
+input[type="reset"].danger:active,
+input[type="submit"].danger:active,
+input[type="button"].alert:active,
+input[type="reset"].alert:active,
+input[type="submit"].alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+input[type="button"].info,
+input[type="reset"].info,
+input[type="submit"].info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+input[type="button"].info:active,
+input[type="reset"].info:active,
+input[type="submit"].info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+input[type="button"].warning,
+input[type="reset"].warning,
+input[type="submit"].warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+input[type="button"].warning:active,
+input[type="reset"].warning:active,
+input[type="submit"].warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+input[type="button"].link,
+input[type="reset"].link,
+input[type="submit"].link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+input[type="button"].link:hover,
+input[type="reset"].link:hover,
+input[type="submit"].link:hover,
+input[type="button"].link:active,
+input[type="reset"].link:active,
+input[type="submit"].link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.switch,
+.switch-original {
+ display: inline-block;
+ margin: 0 .625rem 0 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.switch input,
+.switch-original input {
+ position: absolute;
+ opacity: 0;
+ width: 0.0625rem;
+ height: 0.0625rem;
+}
+.switch .check,
+.switch-original .check,
+.switch .caption,
+.switch-original .caption {
+ display: inline-block;
+ vertical-align: middle;
+ line-height: 18px;
+}
+.switch .check {
+ width: 36px;
+ height: 16px;
+ background-color: #929292;
+ border-radius: 8px;
+ overflow: visible;
+ position: relative;
+}
+.switch .check:before {
+ position: absolute;
+ display: block;
+ content: "";
+ width: 22px;
+ height: 22px;
+ z-index: 2;
+ margin-top: -4px;
+ margin-left: -3px;
+ border-radius: 50%;
+ background-color: #ffffff;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.switch input:checked ~ .check {
+ background-color: #008287;
+}
+.switch input:not(:checked) ~ .check:before {
+ background-color: #ffffff;
+ transition: all 0.2s linear;
+}
+.switch input:checked ~ .check {
+ background-color: #008287;
+}
+.switch input:checked ~ .check:before {
+ -webkit-transform: translateX(22px);
+ transform: translateX(22px);
+ transition: all 0.2s linear;
+}
+.switch input:disabled ~ .check {
+ background-color: #D5D5D5;
+}
+.switch input:disabled ~ .check:before {
+ background-color: #BDBDBD;
+}
+.switch-original .caption {
+ margin: 0 5px;
+}
+.switch-original .check {
+ position: relative;
+ height: 1.125rem;
+ width: 2.8125rem;
+ outline: 2px #a6a6a6 solid;
+ border: 1px #fff solid;
+ cursor: pointer;
+ background: #A6A6A6;
+ z-index: 1;
+ display: inline-block;
+ vertical-align: middle;
+}
+.switch-original .check:after {
+ position: absolute;
+ left: -1px;
+ top: -1px;
+ display: block;
+ content: "";
+ height: 1rem;
+ width: .5625rem;
+ outline: 2px #333 solid;
+ border: 1px #333 solid;
+ cursor: pointer;
+ background: #333;
+ z-index: 2;
+ transition: all 0.2s linear;
+}
+.switch-original input[type="checkbox"]:focus ~ .check {
+ outline: 1px #999999 dotted;
+}
+.switch-original input[type="checkbox"]:checked ~ .check {
+ background: #008287;
+}
+.switch-original input[type="checkbox"]:checked ~ .check:after {
+ left: auto;
+ -webkit-transform: translateX(2rem);
+ transform: translateX(2rem);
+ transition: all 0.2s linear;
+}
+.switch-original input[type="checkbox"]:disabled ~ .check {
+ background-color: #e6e6e6;
+ border-color: #ffffff;
+}
+.switch-original input[type="checkbox"]:disabled ~ .check:after {
+ background-color: #8a8a8a;
+ outline-color: #8a8a8a;
+ border-color: #8a8a8a;
+}
+.input-control.range input[type=range] {
+ border: 0;
+ box-sizing: border-box;
+ line-height: 1;
+ background-color: transparent;
+ cursor: pointer;
+ -webkit-appearance: none;
+ width: 100%;
+}
+.input-control.range input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+}
+.input-control.range input[type=range]:focus {
+ outline: none;
+}
+.input-control.range input[type=range]::-ms-track {
+ width: 100%;
+ cursor: pointer;
+ background: transparent;
+ border-color: transparent;
+ color: transparent;
+}
+.input-control.range input[type=range]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ width: 1em;
+ height: 1em;
+ margin-top: 0;
+ background-color: #555555;
+ border: 2px solid #555555;
+ cursor: pointer;
+}
+.input-control.range input[type=range]::-moz-range-thumb {
+ width: 1em;
+ height: 1em;
+ margin-top: 0;
+ background-color: #555555;
+ border: 2px solid #555555;
+ cursor: pointer;
+ border-radius: 0;
+ margin: 0;
+}
+.input-control.range input[type=range]::-ms-thumb {
+ width: 1em;
+ height: 1em;
+ margin-top: 0;
+ background-color: #555555;
+ border: 2px solid #555555;
+ cursor: pointer;
+}
+.input-control.range input[type=range]:hover::-webkit-slider-thumb {
+ border-color: #373737;
+ background-color: #1d1d1d;
+}
+.input-control.range input[type=range]:hover::-moz-range-thumb {
+ border-color: #373737;
+ background-color: #1d1d1d;
+}
+.input-control.range input[type=range]:hover::-ms-thumb {
+ border-color: #373737;
+ background-color: #1d1d1d;
+}
+.input-control.range input[type=range]:active::-webkit-slider-thumb {
+ border-color: #373737;
+}
+.input-control.range input[type=range]:active::-moz-range-thumb {
+ border-color: #373737;
+}
+.input-control.range input[type=range]:active::-ms-thumb {
+ border-color: #373737;
+}
+.input-control.range input[type=range]::-webkit-slider-runnable-track {
+ width: 100%;
+ cursor: pointer;
+ height: 100%;
+ background-color: #00aba9;
+ transition: background .3s ease;
+}
+.input-control.range input[type=range]::-moz-range-track {
+ width: 100%;
+ cursor: pointer;
+ height: 100%;
+ background-color: #00aba9;
+ transition: background .3s ease;
+}
+.input-control.range input[type=range]::-ms-track {
+ background: #00aba9;
+ border-color: transparent;
+ color: transparent;
+ height: 1.25em;
+}
+.input-control.range input[type=range]::-ms-fill-lower {
+ background: #00aba9;
+}
+.input-control.range input[type=range]::-ms-fill-upper {
+ display: none;
+}
+.input-control.range input[type=range]::-moz-range-track {
+ height: 1.25em;
+}
+.input-control.range.big-input {
+ height: 2.125rem;
+}
+.input-control.range.big-input input[type=range] {
+ padding: 0;
+}
+.input-control.range.big-input input[type=range]::-moz-range-track {
+ height: 1.2em;
+}
+.progress,
+.progress-bar {
+ display: block;
+ position: relative;
+ width: 100%;
+ height: auto;
+ margin: .625rem 0;
+ background: #eeeeee;
+ overflow: hidden;
+}
+.progress:before,
+.progress-bar:before,
+.progress:after,
+.progress-bar:after {
+ display: table;
+ content: "";
+}
+.progress:after,
+.progress-bar:after {
+ clear: both;
+}
+.progress .bar,
+.progress-bar .bar {
+ position: relative;
+ display: block;
+ float: left;
+ width: 0;
+ background-color: #1ba1e2;
+ z-index: 1;
+ text-align: center;
+ height: .625rem;
+ line-height: .625rem;
+ color: #ffffff;
+}
+.progress.small > .bar,
+.progress-bar.small > .bar {
+ height: .3125rem;
+}
+.progress.large > .bar,
+.progress-bar.large > .bar {
+ height: 1rem;
+}
+.progress.gradient-bar .bar,
+.progress-bar.gradient-bar .bar {
+ background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
+}
+.progress.ani .bar,
+.progress-bar.ani .bar {
+ -webkit-animation: ani-bg-stripes 2s linear infinite;
+ animation: ani-bg-stripes 2s linear infinite;
+}
+.popover {
+ display: block;
+ min-width: 12.5rem;
+ height: auto;
+ position: relative;
+ background-color: #eeeeee;
+ padding: 1.25rem;
+}
+.popover * {
+ color: inherit;
+}
+.popover.popover-shadow {
+ box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
+}
+.popover:before {
+ content: "";
+ width: .625rem;
+ height: .625rem;
+ display: block;
+ position: absolute;
+ background-color: inherit;
+ left: -0.3125rem;
+ top: 50%;
+ margin-top: -0.3125rem;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.popover.marker-on-top:before {
+ top: 0;
+ left: 50%;
+ margin-left: -0.3125rem;
+}
+.popover.marker-on-right:before {
+ top: 50%;
+ margin-top: -0.3125rem;
+ left: 100%;
+ margin-left: -0.3125rem;
+}
+.popover.marker-on-bottom:before {
+ top: 100%;
+ margin-left: -0.3125rem;
+ left: 50%;
+ margin-top: -0.3125rem;
+}
+.overlay {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(255, 255, 255, 0.5);
+ z-index: 1049;
+}
+.overlay.transparent {
+ background-color: rgba(255, 255, 255, 0);
+}
+.window {
+ display: block;
+ position: relative;
+ height: auto;
+ width: 100%;
+ background-color: #ffffff;
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.window-caption {
+ position: relative;
+ background-color: #ffffff;
+ padding: .4375rem .3125rem;
+ border-bottom: 1px #e9e9e9 solid;
+ border-top: 0;
+ cursor: default;
+}
+.window-caption .window-caption-title {
+ font-size: .875rem;
+ font-style: normal;
+ font-weight: 700;
+}
+.window-caption .window-caption-icon {
+ margin-left: .3125rem;
+}
+.window-caption .window-caption-icon * {
+ height: 1rem;
+ width: 1rem;
+}
+.window-caption .window-caption-icon ~ .window-caption-title {
+ padding-left: .3125rem;
+}
+.window-caption .btn-close,
+.window-caption .btn-min,
+.window-caption .btn-max {
+ position: absolute;
+ height: 1.5rem;
+ width: 1.5rem;
+ min-height: 1.5rem;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: 0 0 .625rem 0;
+ z-index: 3;
+ outline: none;
+ cursor: pointer;
+ display: block;
+ background-color: #ffffff;
+ color: #777777;
+ top: .25rem;
+ right: .25rem;
+}
+.window-caption .btn-close:hover,
+.window-caption .btn-min:hover,
+.window-caption .btn-max:hover {
+ background-color: #cde6f7;
+ color: #2a8dd4;
+}
+.window-caption .btn-close:hover:after,
+.window-caption .btn-min:hover:after,
+.window-caption .btn-max:hover:after {
+ border-color: #2a8dd4;
+}
+.window-caption .btn-close:active,
+.window-caption .btn-min:active,
+.window-caption .btn-max:active {
+ background-color: #92c0e0;
+ color: #ffffff;
+}
+.window-caption .btn-close:after,
+.window-caption .btn-min:after,
+.window-caption .btn-max:after {
+ border-color: #777777;
+ content: '\D7';
+ position: absolute;
+ left: 50%;
+ top: -2px;
+ margin-left: -0.25em;
+}
+.window-caption .btn-min:after,
+.window-caption .btn-max:after {
+ display: block;
+ position: absolute;
+ width: .625rem;
+ height: .625rem;
+ border: 0 #000 solid;
+ border-bottom-width: 2px;
+ content: ' ';
+ bottom: .375rem;
+ left: 50%;
+ margin-left: -0.375rem;
+ top: auto;
+}
+.window-caption .btn-max:after {
+ height: .375rem;
+ border: 1px #000 solid;
+ border-top-width: 2px;
+}
+.window-caption .btn-max {
+ right: 1.8125rem;
+}
+.window-caption .btn-min {
+ right: 3.375rem;
+}
+.window-caption .btn-close:after {
+ margin-top: .1875rem;
+ margin-left: -0.3125rem;
+}
+.window-content {
+ position: relative;
+ width: 100%;
+ height: auto;
+ display: block;
+ padding: .25rem;
+}
+.window.success {
+ box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
+}
+.window.success .window-caption {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.window.error {
+ box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
+}
+.window.error .window-caption {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.window.warning {
+ box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
+}
+.window.warning .window-caption {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.simple-list,
+.numeric-list {
+ list-style: none;
+ counter-reset: li;
+ padding-left: 0;
+ margin-left: .625rem;
+ color: #262626;
+}
+.simple-list li ul,
+.numeric-list li ul,
+.simple-list li ol,
+.numeric-list li ol {
+ list-style: none;
+ padding-left: 1.5625rem;
+}
+.simple-list li,
+.numeric-list li {
+ position: relative;
+ padding: 4px 12px;
+ list-style: none;
+ color: inherit;
+}
+.simple-list li:before,
+.numeric-list li:before {
+ position: absolute;
+ top: 50%;
+ margin-top: -0.8rem;
+ left: -0.625rem;
+ color: #59cde2;
+ font-size: 2rem;
+ vertical-align: middle;
+ width: 1.25rem;
+ height: 1.25rem;
+ line-height: 1.25rem;
+}
+.simple-list ul,
+.numeric-list ul {
+ margin: 4px .5em 0;
+}
+.simple-list > li:before {
+ content: "\2022";
+}
+.simple-list ul li:before {
+ content: "\00B7";
+}
+.numeric-list > li {
+ padding: 4px 12px 4px 18px;
+}
+.numeric-list > li:before {
+ content: counter(li);
+ counter-increment: li;
+ font-size: .8rem ;
+ color: #ffffff;
+ background-color: #59cde2;
+ border-radius: 50%;
+ text-align: center;
+ margin-top: -0.65rem;
+}
+.numeric-list.square-marker > li:before,
+.numeric-list.square-bullet > li:before {
+ border-radius: 0;
+}
+.simple-list.large-bullet li,
+.numeric-list.large-bullet li {
+ margin: 6px 0;
+ padding-left: 2rem;
+}
+.simple-list.large-bullet li:before,
+.numeric-list.large-bullet li:before {
+ line-height: 2rem;
+ width: 2rem;
+ height: 2rem;
+ margin-top: -1rem;
+}
+.simple-list.large-bullet li {
+ padding-left: 1rem;
+}
+.simple-list.large-bullet li:before {
+ margin-top: -1.3rem;
+ font-size: 3rem;
+}
+.simple-list.dark-bullet li:before {
+ color: #1d1d1d;
+}
+.simple-list.alert-bullet li:before {
+ color: #ce352c;
+}
+.simple-list.info-bullet li:before {
+ color: #1ba1e2;
+}
+.simple-list.success-bullet li:before {
+ color: #60a917;
+}
+.simple-list.warning-bullet li:before {
+ color: #e3c800;
+}
+.simple-list.red-bullet li:before {
+ color: #ce352c;
+}
+.simple-list.blue-bullet li:before {
+ color: #1ba1e2;
+}
+.simple-list.green-bullet li:before {
+ color: #60a917;
+}
+.simple-list.yellow-bullet li:before {
+ color: #e3c800;
+}
+.numeric-list.dark-bullet li:before {
+ background-color: #1d1d1d;
+}
+.numeric-list.alert-bullet li:before {
+ background-color: #ce352c;
+}
+.numeric-list.info-bullet li:before {
+ background-color: #1ba1e2;
+}
+.numeric-list.success-bullet li:before {
+ background-color: #60a917;
+}
+.numeric-list.warning-bullet li:before {
+ background-color: #e3c800;
+}
+.numeric-list.red-bullet li:before {
+ background-color: #ce352c;
+}
+.numeric-list.blue-bullet li:before {
+ background-color: #1ba1e2;
+}
+.numeric-list.green-bullet li:before {
+ background-color: #60a917;
+}
+.numeric-list.yellow-bullet li:before {
+ background-color: #e3c800;
+}
+.step-list {
+ margin: 0 0 0 2rem;
+ padding: 0;
+ list-style-type: none;
+ counter-reset: li;
+}
+.step-list > li {
+ border-left: 1px #ccc solid;
+ position: relative;
+ padding: 0 .625rem;
+ margin: .625rem;
+ vertical-align: top;
+}
+.step-list > li:before {
+ position: absolute;
+ content: counter(li);
+ counter-increment: li;
+ font-size: 2rem;
+ color: #999999;
+ left: 0;
+ top: .3125rem;
+ margin-left: -1.5rem;
+}
+.image-container {
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ max-width: 100%;
+ background-color: transparent;
+}
+.image-container .frame {
+ background-color: #ffffff;
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.image-container img {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.image-container .image-overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ opacity: 0;
+ overflow: hidden;
+ font-size: .875rem;
+ line-height: 1rem;
+ padding: 1em 1.5em;
+ background-color: rgba(27, 161, 226, 0.7);
+ color: #ffffff;
+ text-align: center;
+ border-radius: inherit;
+ transition: all 0.65s ease;
+}
+.image-container .image-overlay:hover {
+ opacity: 1;
+}
+.image-container .image-overlay:hover:before,
+.image-container .image-overlay:hover:after {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.image-container .image-overlay:before,
+.image-container .image-overlay:after {
+ display: block;
+ position: absolute;
+ content: "";
+ border: 1px solid rgba(255, 255, 255, 0.7);
+ top: 1em;
+ bottom: 1em;
+ left: 1em;
+ right: 1em;
+ opacity: 0;
+ border-radius: inherit;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ transition: all 0.65s ease;
+}
+.image-container .image-overlay:after {
+ border-left: none;
+ border-right: none;
+ bottom: 1em;
+ top: 1em;
+}
+.image-container .image-overlay:before {
+ border-top: none;
+ border-bottom: none;
+ bottom: 1em;
+ top: 1em;
+}
+.image-container.diamond {
+ overflow: hidden;
+}
+.image-container.diamond .frame {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ overflow: hidden;
+}
+.image-container.diamond .frame img,
+.image-container.diamond .frame .image-replacer {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.image-container.rounded img {
+ border-radius: 0.3125rem;
+}
+.image-container.bordered .frame {
+ border: 1px #eeeeee solid;
+ padding: .5rem;
+}
+.image-container.polaroid .frame {
+ border: 1px #eeeeee solid;
+ padding: .5rem .5rem 2rem;
+}
+.image-container.handing {
+ margin-top: 20px;
+}
+.image-container.handing .frame {
+ border: 1px #eeeeee solid;
+ position: relative;
+ padding: .5rem;
+}
+.image-container.handing .frame:after {
+ content: "";
+ position: absolute;
+ width: .625rem;
+ height: .625rem;
+ background-color: #647687;
+ border-radius: 50%;
+ top: -20%;
+ left: 50%;
+ margin-left: -0.3125rem;
+ z-index: 3;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.image-container.handing.image-format-hd .frame:after {
+ top: -25%;
+}
+.image-container.handing.image-format-square .frame:after {
+ top: -15%;
+}
+.image-container.handing:after {
+ position: absolute;
+ content: "";
+ background-color: transparent;
+ border-top: 1px solid #eeeeee;
+ -webkit-transform: rotate(-16deg);
+ transform: rotate(-16deg);
+ z-index: 2;
+ top: 0;
+ left: 0;
+ width: 50%;
+ height: 50%;
+ -webkit-transform-origin: top left;
+ transform-origin: top left;
+}
+.image-container.handing:before {
+ position: absolute;
+ content: "";
+ background-color: transparent;
+ border-top: 1px solid #eeeeee;
+ -webkit-transform: rotate(16deg);
+ transform: rotate(16deg);
+ z-index: 2;
+ top: 0;
+ right: 0;
+ width: 50%;
+ height: 50%;
+ -webkit-transform-origin: top right;
+ transform-origin: top right;
+}
+.image-container.handing.ani {
+ -webkit-transform-origin: 50% -25px;
+ transform-origin: 50% -25px;
+ -webkit-animation: swinging 10s ease-in-out 0s infinite;
+ animation: swinging 10s ease-in-out 0s infinite;
+}
+.image-container.handing.ani-hover:hover {
+ -webkit-transform-origin: 50% -25px;
+ transform-origin: 50% -25px;
+ -webkit-animation: swinging 5s ease-in-out 0s;
+ animation: swinging 5s ease-in-out 0s;
+}
+.ani-spin,
+.ani-hover-spin:hover {
+ -webkit-animation: ani-spin 1.5s linear infinite;
+ animation: ani-spin 1.5s linear infinite;
+}
+.ani-spin.ani-fast,
+.ani-hover-spin.ani-fast:hover {
+ -webkit-animation: ani-spin 0.7s linear infinite;
+ animation: ani-spin 0.7s linear infinite;
+}
+.ani-spin.ani-slow,
+.ani-hover-spin.ani-slow:hover {
+ -webkit-animation: ani-spin 2.2s linear infinite;
+ animation: ani-spin 2.2s linear infinite;
+}
+.ani-pulse,
+.ani-hover-pulse:hover {
+ -webkit-animation: ani-pulse 1.7s infinite;
+ animation: ani-pulse 1.7s infinite;
+}
+.ani-pulse.ani-fast,
+.ani-hover-pulse.ani-fast:hover {
+ -webkit-animation: ani-pulse 1s infinite;
+ animation: ani-pulse 1s infinite;
+}
+.ani-pulse.ani-slow,
+.ani-hover-pulse.ani-slow:hover {
+ -webkit-animation: ani-pulse 3s infinite;
+ animation: ani-pulse 3s infinite;
+}
+.ani-spanner,
+.ani-hover-spanner:hover {
+ transform-origin-x: 90%;
+ transform-origin-y: 35%;
+ transform-origin-z: initial;
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.ani-spanner.ani-fast,
+.ani-hover-spanner.ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.ani-spanner.ani-slow,
+.ani-hover-spanner.ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.ani-ring,
+.ani-hover-ring:hover {
+ transform-origin-x: 50%;
+ transform-origin-y: 0px;
+ transform-origin-z: initial;
+ -webkit-animation: ani-ring 2s ease infinite;
+ animation: ani-ring 2s ease infinite;
+}
+.ani-ring.ani-fast,
+.ani-hover-ring.ani-fast:hover {
+ -webkit-animation: ani-ring 1s ease infinite;
+ animation: ani-ring 1s ease infinite;
+}
+.ani-ring.ani-slow,
+.ani-hover-ring.ani-slow:hover {
+ -webkit-animation: ani-ring 3s ease infinite;
+ animation: ani-ring 3s ease infinite;
+}
+.ani-vertical,
+.ani-hover-vertical:hover {
+ -webkit-animation: ani-vertical 2s ease infinite;
+ animation: ani-vertical 2s ease infinite;
+}
+.ani-vertical.ani-fast,
+.ani-vertical.ani-fast:hover {
+ -webkit-animation: ani-vertical 1s ease infinite;
+ animation: ani-vertical 1s ease infinite;
+}
+.ani-vertical.ani-slow,
+.ani-hover-vertical.ani-slow:hover {
+ -webkit-animation: ani-vertical 4s ease infinite;
+ animation: ani-vertical 4s ease infinite;
+}
+.ani-horizontal,
+.ani-hover-horizontal:hover {
+ -webkit-animation: ani-horizontal 2s ease infinite;
+ animation: ani-horizontal 2s ease infinite;
+}
+.ani-horizontal.ani-fast,
+.ani-horizontal.ani-fast:hover {
+ -webkit-animation: ani-horizontal 1s ease infinite;
+ animation: ani-horizontal 1s ease infinite;
+}
+.ani-horizontal.ani-slow,
+.ani-horizontal.ani-slow:hover {
+ -webkit-animation: ani-horizontal 3s ease infinite;
+ animation: ani-horizontal 3s ease infinite;
+}
+.ani-flash,
+.ani-hover-flash:hover {
+ -webkit-animation: ani-flash 2s ease infinite;
+ animation: ani-flash 2s ease infinite;
+}
+.ani-flash.ani-fast,
+.ani-hover-flash.ani-fast:hover {
+ -webkit-animation: ani-flash 1s ease infinite;
+ animation: ani-flash 1s ease infinite;
+}
+.ani-flash.ani-slow,
+.ani-hover-flash.ani-slow:hover {
+ -webkit-animation: ani-flash 3s ease infinite;
+ animation: ani-flash 3s ease infinite;
+}
+.ani-bounce,
+.ani-hover-bounce:hover {
+ -webkit-animation: ani-bounce 2s ease infinite;
+ animation: ani-bounce 2s ease infinite;
+}
+.ani-bounce.ani-fast,
+.ani-hover-bounce.ani-fast:hover {
+ -webkit-animation: ani-bounce 1s ease infinite;
+ animation: ani-bounce 1s ease infinite;
+}
+.ani-bounce.ani-slow,
+.ani-hover-bounce.ani-slow:hover {
+ -webkit-animation: ani-bounce 3s ease infinite;
+ animation: ani-bounce 3s ease infinite;
+}
+.ani-float,
+.ani-hover-float:hover {
+ -webkit-animation: ani-float 2s linear infinite;
+ animation: ani-float 2s linear infinite;
+}
+.ani-float.ani-fast,
+.ani-hover-float.ani-fast:hover {
+ -webkit-animation: ani-float 1s linear infinite;
+ animation: ani-float 1s linear infinite;
+}
+.ani-float.ani-slow,
+.ani-hover-float.ani-slow:hover {
+ -webkit-animation: ani-float 3s linear infinite;
+ animation: ani-float 3s linear infinite;
+}
+.ani-heartbeat,
+.ani-hover-heartbeat:hover {
+ -webkit-animation: ani-heartbeat 2s linear infinite;
+ animation: ani-heartbeat 2s linear infinite;
+}
+.ani-heartbeat.ani-fast,
+.ani-hover-heartbeat.ani-fast:hover {
+ -webkit-animation: ani-heartbeat 1s linear infinite;
+ animation: ani-heartbeat 1s linear infinite;
+}
+.ani-heartbeat.ani-slow,
+.ani-hover-heartbeat.ani-slow:hover {
+ -webkit-animation: ani-heartbeat 3s linear infinite;
+ animation: ani-heartbeat 3s linear infinite;
+}
+.ani-shake,
+.ani-hover-shake:hover {
+ -webkit-animation: ani-wrench 2.5s ease infinite;
+ animation: ani-wrench 2.5s ease infinite;
+}
+.ani-shake.ani-fast,
+.ani-hover-shake.ani-fast:hover {
+ -webkit-animation: ani-wrench 1.2s ease infinite;
+ animation: ani-wrench 1.2s ease infinite;
+}
+.ani-shake.ani-slow,
+.ani-hover-shake.ani-slow:hover {
+ -webkit-animation: ani-wrench 3.7s ease infinite;
+ animation: ani-wrench 3.7s ease infinite;
+}
+.ani-shuttle,
+.ani-hover-shuttle:hover {
+ -webkit-animation: ani-shuttle 2s linear infinite;
+ animation: ani-shuttle 2s linear infinite;
+}
+.ani-shuttle.ani-fast,
+.ani-hover-shuttle.ani-fast:hover {
+ -webkit-animation: ani-shuttle 1s linear infinite;
+ animation: ani-shuttle 1s linear infinite;
+}
+.ani-shuttle.ani-slow,
+.ani-hover-shuttle.ani-slow:hover {
+ -webkit-animation: ani-shuttle 3s linear infinite;
+ animation: ani-shuttle 3s linear infinite;
+}
+.ani-pass,
+.ani-hover-pass:hover {
+ -webkit-animation: ani-pass 2s linear infinite;
+ animation: ani-pass 2s linear infinite;
+}
+.ani-pass.ani-fast,
+.ani-hover-pass.ani-fast:hover {
+ -webkit-animation: ani-pass 1s linear infinite;
+ animation: ani-pass 1s linear infinite;
+}
+.ani-pass.ani-slow,
+.ani-hover-pass.ani-slow:hover {
+ -webkit-animation: ani-pass 3s linear infinite;
+ animation: ani-pass 3s linear infinite;
+}
+.ani-ripple,
+.ani-hover-ripple:hover {
+ -webkit-animation: ani-ripple 2s infinite linear;
+ animation: ani-ripple 2s infinite linear;
+}
+.ani-ripple.ani-fast,
+.ani-hover-ripple.ani-fast:hover {
+ -webkit-animation: ani-ripple 1s infinite linear;
+ animation: ani-ripple 1s infinite linear;
+}
+.ani-ripple.ani-slow,
+.ani-hover-ripple.ani-slow:hover {
+ -webkit-animation: ani-ripple 3s infinite linear;
+ animation: ani-ripple 3s infinite linear;
+}
+@-webkit-keyframes swinging {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 5% {
+ -webkit-transform: rotate(10deg);
+ transform: rotate(10deg);
+ }
+ 10% {
+ -webkit-transform: rotate(-9deg);
+ transform: rotate(-9deg);
+ }
+ 15% {
+ -webkit-transform: rotate(8deg);
+ transform: rotate(8deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg);
+ }
+ 25% {
+ -webkit-transform: rotate(6deg);
+ transform: rotate(6deg);
+ }
+ 30% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+ 35% {
+ -webkit-transform: rotate(4deg);
+ transform: rotate(4deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-3deg);
+ transform: rotate(-3deg);
+ }
+ 45% {
+ -webkit-transform: rotate(2deg);
+ transform: rotate(2deg);
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes swinging {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 5% {
+ -webkit-transform: rotate(10deg);
+ transform: rotate(10deg);
+ }
+ 10% {
+ -webkit-transform: rotate(-9deg);
+ transform: rotate(-9deg);
+ }
+ 15% {
+ -webkit-transform: rotate(8deg);
+ transform: rotate(8deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-7deg);
+ transform: rotate(-7deg);
+ }
+ 25% {
+ -webkit-transform: rotate(6deg);
+ transform: rotate(6deg);
+ }
+ 30% {
+ -webkit-transform: rotate(-5deg);
+ transform: rotate(-5deg);
+ }
+ 35% {
+ -webkit-transform: rotate(4deg);
+ transform: rotate(4deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-3deg);
+ transform: rotate(-3deg);
+ }
+ 45% {
+ -webkit-transform: rotate(2deg);
+ transform: rotate(2deg);
+ }
+ 50% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes scaleout {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+@keyframes scaleout {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes cubemove {
+ 25% {
+ -webkit-transform: translateX(10px) rotate(-90deg);
+ transform: translateX(10px) rotate(-90deg);
+ }
+ 50% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
+ transform: translateX(10px) translateY(10px) rotate(-179deg);
+ }
+ 50.1% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
+ transform: translateX(10px) translateY(10px) rotate(-180deg);
+ }
+ 75% {
+ -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
+ transform: translateX(0px) translateY(10px) rotate(-270deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+@keyframes cubemove {
+ 25% {
+ -webkit-transform: translateX(10px) rotate(-90deg);
+ transform: translateX(10px) rotate(-90deg);
+ }
+ 50% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
+ transform: translateX(10px) translateY(10px) rotate(-179deg);
+ }
+ 50.1% {
+ -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
+ transform: translateX(10px) translateY(10px) rotate(-180deg);
+ }
+ 75% {
+ -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
+ transform: translateX(0px) translateY(10px) rotate(-270deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+ }
+}
+@-webkit-keyframes orbit {
+ 0% {
+ opacity: 1;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ }
+ 7% {
+ -webkit-transform: rotate(345deg);
+ transform: rotate(345deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 35% {
+ -webkit-transform: rotate(495deg);
+ transform: rotate(495deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+ 42% {
+ -webkit-transform: rotate(690deg);
+ transform: rotate(690deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 70% {
+ opacity: 1;
+ -webkit-transform: rotate(835deg);
+ transform: rotate(835deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 76% {
+ opacity: 1;
+ }
+ 77% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+ 78% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+}
+@keyframes orbit {
+ 0% {
+ opacity: 1;
+ -webkit-animation-timing-function: ease-out;
+ animation-timing-function: ease-out;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ }
+ 7% {
+ -webkit-transform: rotate(345deg);
+ transform: rotate(345deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 35% {
+ -webkit-transform: rotate(495deg);
+ transform: rotate(495deg);
+ -webkit-animation-timing-function: ease-in-out;
+ animation-timing-function: ease-in-out;
+ }
+ 42% {
+ -webkit-transform: rotate(690deg);
+ transform: rotate(690deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 70% {
+ opacity: 1;
+ -webkit-transform: rotate(835deg);
+ transform: rotate(835deg);
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ }
+ 76% {
+ opacity: 1;
+ }
+ 77% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ -webkit-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+ }
+ 78% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotate(955deg);
+ transform: rotate(955deg);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes metro-slide {
+ 0% {
+ left: -50%;
+ }
+ 100% {
+ left: 150%;
+ }
+}
+@keyframes metro-slide {
+ 0% {
+ left: -50%;
+ }
+ 100% {
+ left: 150%;
+ }
+}
+@-webkit-keyframes metro-opacity {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: .5;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@keyframes metro-opacity {
+ 0% {
+ opacity: 0;
+ }
+ 50% {
+ opacity: .5;
+ }
+ 100% {
+ opacity: 1;
+ }
+}
+@-webkit-keyframes ani-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes ani-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes ani-pulse {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes ani-pulse {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@-webkit-keyframes ani-wrench {
+ 0% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 8% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 10% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 18% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 28% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 30% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 38% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 48% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 50% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 58% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 60% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 68% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 75% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes ani-wrench {
+ 0% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 8% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 10% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 18% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 20% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 28% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 30% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 38% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 40% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 48% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 50% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 58% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 60% {
+ -webkit-transform: rotate(-24deg);
+ transform: rotate(-24deg);
+ }
+ 68% {
+ -webkit-transform: rotate(24deg);
+ transform: rotate(24deg);
+ }
+ 75% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes ani-ring {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg);
+ }
+ 2% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+ 4% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 6% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 8% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg);
+ }
+ 10% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 14% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 16% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 18% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 20% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@keyframes ani-ring {
+ 0% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg);
+ }
+ 2% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg);
+ }
+ 4% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 6% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 8% {
+ -webkit-transform: rotate(-22deg);
+ transform: rotate(-22deg);
+ }
+ 10% {
+ -webkit-transform: rotate(22deg);
+ transform: rotate(22deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-18deg);
+ transform: rotate(-18deg);
+ }
+ 14% {
+ -webkit-transform: rotate(18deg);
+ transform: rotate(18deg);
+ }
+ 16% {
+ -webkit-transform: rotate(-12deg);
+ transform: rotate(-12deg);
+ }
+ 18% {
+ -webkit-transform: rotate(12deg);
+ transform: rotate(12deg);
+ }
+ 20% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+}
+@-webkit-keyframes ani-vertical {
+ 0% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 4% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 8% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 12% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 16% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 20% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 22% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@keyframes ani-vertical {
+ 0% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 4% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 8% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 12% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 16% {
+ -webkit-transform: translate(0, -3px);
+ transform: translate(0, -3px);
+ }
+ 20% {
+ -webkit-transform: translate(0, 3px);
+ transform: translate(0, 3px);
+ }
+ 22% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-webkit-keyframes ani-horizontal {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 6% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 12% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 18% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 24% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 30% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 36% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@keyframes ani-horizontal {
+ 0% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 6% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 12% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 18% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 24% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 30% {
+ -webkit-transform: translate(5px, 0);
+ transform: translate(5px, 0);
+ }
+ 36% {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-webkit-keyframes ani-flash {
+ 0%,
+ 100%,
+ 50% {
+ opacity: 1;
+ }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+@keyframes ani-flash {
+ 0%,
+ 100%,
+ 50% {
+ opacity: 1;
+ }
+ 25%,
+ 75% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-bounce {
+ 0%,
+ 10%,
+ 20%,
+ 50%,
+ 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 40% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+@keyframes ani-bounce {
+ 0%,
+ 10%,
+ 20%,
+ 50%,
+ 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 40% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+ 60% {
+ -webkit-transform: translateY(-15px);
+ transform: translateY(-15px);
+ }
+}
+@-webkit-keyframes ani-float {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 50% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes ani-float {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+ 50% {
+ -webkit-transform: translateY(-6px);
+ transform: translateY(-6px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes ani-heartbeat {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ 100% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+@keyframes ani-heartbeat {
+ 0% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+ 50% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ 100% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ }
+}
+@-webkit-keyframes ani-shuttle {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 10%,
+ 20% {
+ -webkit-transform: scale(0.9) rotate(-8deg);
+ transform: scale(0.9) rotate(-8deg);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: scale(1.3) rotate(8deg);
+ transform: scale(1.3) rotate(8deg);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: scale(1.3) rotate(-8deg);
+ transform: scale(1.3) rotate(-8deg);
+ }
+ 80% {
+ -webkit-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+@keyframes ani-shuttle {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 10%,
+ 20% {
+ -webkit-transform: scale(0.9) rotate(-8deg);
+ transform: scale(0.9) rotate(-8deg);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: scale(1.3) rotate(8deg);
+ transform: scale(1.3) rotate(8deg);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: scale(1.3) rotate(-8deg);
+ transform: scale(1.3) rotate(-8deg);
+ }
+ 80% {
+ -webkit-transform: scale(1) rotate(0);
+ transform: scale(1) rotate(0);
+ }
+}
+@-webkit-keyframes ani-pass {
+ 0% {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+ }
+ 50% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+ opacity: 0;
+ }
+}
+@keyframes ani-pass {
+ 0% {
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ opacity: 0;
+ }
+ 50% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: translateX(50%);
+ transform: translateX(50%);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-ripple {
+ 0% {
+ opacity: .6;
+ }
+ 50% {
+ -webkit-transform: scale(1.8);
+ transform: scale(1.8);
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@keyframes ani-ripple {
+ 0% {
+ opacity: .6;
+ }
+ 50% {
+ -webkit-transform: scale(1.8);
+ transform: scale(1.8);
+ opacity: 0;
+ }
+ 100% {
+ opacity: 0;
+ }
+}
+@-webkit-keyframes ani-shrink {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+@keyframes ani-shrink {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 90% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ }
+}
+@-webkit-keyframes ani-drop {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 25% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 25% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-drop2 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 50% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop2 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 50% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-drop3 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 75% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@keyframes ani-drop3 {
+ 0% {
+ -webkit-transform: translateY(-50px);
+ transform: translateY(-50px);
+ }
+ 75% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+ 100% {
+ -webkit-transform: translate(0);
+ transform: translate(0);
+ }
+}
+@-webkit-keyframes ani-pre-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes ani-pre-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes ani-bg-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+@keyframes ani-bg-stripes {
+ from {
+ background-position: 40px 0;
+ }
+ to {
+ background-position: 0 0;
+ }
+}
+.calendar {
+ min-width: 13.75rem;
+ border: 1px #eeeeee solid;
+ font-size: .75rem;
+ padding: .3125rem;
+ background-color: #ffffff;
+}
+.calendar .calendar-grid {
+ margin: 0;
+ padding: 0;
+}
+.calendar .calendar-row {
+ margin: 0 0 .3125rem;
+ width: 100%;
+}
+.calendar .calendar-row:before,
+.calendar .calendar-row:after {
+ display: table;
+ content: "";
+}
+.calendar .calendar-row:after {
+ clear: both;
+}
+.calendar .calendar-row:last-child {
+ margin-bottom: 0;
+}
+.calendar .calendar-cell {
+ width: 12.46201429%;
+ margin: 0 0 0 2.12765%;
+ display: block;
+ float: left;
+}
+.calendar .calendar-cell:first-child {
+ margin-left: 0;
+}
+.calendar .calendar-cell.sel-month {
+ width: 41.64134286%;
+}
+.calendar .calendar-cell.sel-year {
+ width: 48.936175%;
+}
+.calendar .calendar-cell.sel-plus,
+.calendar .calendar-cell.sel-minus {
+ width: 23.4042625%;
+}
+.calendar .calendar-cell.month-cell,
+.calendar .calendar-cell.year-cell {
+ width: 23.4042625%;
+}
+.calendar .calendar-actions .button {
+ margin: .15625rem;
+}
+.calendar .day-of-week {
+ padding: .3125rem;
+ cursor: default;
+}
+.calendar a {
+ display: block;
+ padding: .3125rem 0;
+}
+.calendar a:hover {
+ background-color: #75c7ee;
+ color: #ffffff;
+ border-radius: inherit;
+}
+.calendar .calendar-header {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.calendar .calendar-header a {
+ color: #ffffff;
+ padding: .325rem;
+}
+.calendar .calendar-header a:hover {
+ background-color: #47b4e9;
+ color: #ffffff;
+}
+.calendar .calendar-actions:before,
+.calendar .calendar-actions:after {
+ display: table;
+ content: "";
+}
+.calendar .calendar-actions:after {
+ clear: both;
+}
+.calendar .today a {
+ background-color: #60a917;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.calendar .day {
+ border: 1px #bcd9e2 solid;
+ text-align: center;
+}
+.calendar .day a {
+ display: block;
+ position: relative;
+ text-align: center;
+}
+.calendar .month,
+.calendar .year {
+ border: 1px #bcd9e2 solid;
+}
+.calendar .month a,
+.calendar .year a {
+ padding-top: 1.3125rem;
+ padding-bottom: 1.3125rem;
+}
+.calendar .empty {
+ cursor: default;
+}
+.calendar .other-day {
+ display: block;
+ text-align: center;
+ color: #999999;
+ padding: .325rem;
+ background-color: #eeeeee;
+ border: 1px #bcd9e2 solid;
+}
+.calendar .exclude {
+ background-color: #ce352c;
+}
+.calendar .exclude a {
+ cursor: not-allowed;
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.calendar .stored {
+ background-color: #f472d0;
+}
+.calendar .stored a {
+ cursor: pointer;
+ background-color: #f472d0;
+ color: #ffffff;
+}
+.calendar .selected {
+ background-color: #59cde2;
+}
+.calendar .selected a {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.calendar.rounded button {
+ border-radius: 0.3125rem;
+}
+.calendar.rounded .day,
+.calendar.rounded .month,
+.calendar.rounded .year,
+.calendar.rounded .other-day,
+.calendar.rounded .today,
+.calendar.rounded .calendar-header,
+.calendar.rounded .selected {
+ border-radius: 0.3125rem;
+}
+.calendar.rounded .today a,
+.calendar.rounded .selected a,
+.calendar.rounded .exclude a {
+ border-radius: 0.3125rem;
+}
+.calendar.rounded .calendar-header a:hover {
+ border-radius: 0.3125rem;
+}
+.calendar.no-border .day,
+.calendar.no-border .month,
+.calendar.no-border .year,
+.calendar.no-border .other-day,
+.calendar.no-border .today,
+.calendar.no-border .calendar-header {
+ border: 0;
+}
+.calendar.no-border .today a {
+ border: 0;
+}
+.calendar-dropdown {
+ border: 0;
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.stepper {
+ margin: 10px 0;
+ width: 100%;
+}
+.stepper:before,
+.stepper:after {
+ display: table;
+ content: "";
+}
+.stepper:after {
+ clear: both;
+}
+.stepper > ul {
+ counter-reset: li;
+ border-top: 1px #1d1d1d dotted;
+ position: relative;
+ padding: 0;
+ margin: 30px 0;
+ width: 100%;
+ display: block;
+}
+.stepper > ul li {
+ list-style: none;
+ float: left;
+ width: 2em;
+ height: 2em;
+ margin-top: -1em;
+ position: absolute;
+ left: 0;
+ background: #666;
+ cursor: pointer;
+ font-size: .875rem;
+}
+.stepper > ul li:before {
+ content: counter(li);
+ counter-increment: li;
+ position: absolute;
+ box-sizing: border-box;
+ padding: .3em 10px;
+ color: #fff;
+ font-weight: bold;
+ /*font-family: "Helvetica Neue", Arial, sans-serif;*/
+ font-size: .9em;
+ text-align: center;
+}
+.stepper > ul li:hover {
+ background-color: #999999;
+}
+.stepper > ul li.current,
+.stepper > ul li.complete {
+ transition: all 0.2s ease;
+}
+.stepper > ul li.current {
+ background-color: #1ba1e2;
+}
+.stepper > ul li.current:hover {
+ background-color: #00ccff;
+}
+.stepper > ul li.complete {
+ background-color: #60a917;
+}
+.stepper > ul li.complete:hover {
+ background-color: #7ad61d;
+}
+.stepper.cycle li {
+ border-radius: 50%;
+}
+.stepper.diamond li {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.stepper.diamond li:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.wizard {
+ position: relative;
+}
+.wizard .steps {
+ margin: 10px 0;
+ padding: 20px;
+ border: 1px #eeeeee solid;
+ position: relative;
+}
+.wizard .steps .step {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ display: none;
+}
+.wizard .steps .step:first-child {
+ display: block;
+}
+.wizard .actions .group-right {
+ float: right;
+}
+.wizard .actions .group-left {
+ float: left;
+}
+.wizard .actions button {
+ padding: 0 1rem;
+ height: 2.125rem;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #ffffff;
+ border: 1px #d9d9d9 solid;
+ color: #262626;
+ cursor: pointer;
+ display: inline-block;
+ outline: none;
+ font-size: .875rem;
+ line-height: 100%;
+ margin: .15625rem 0;
+ position: relative;
+ margin-right: 2px;
+}
+.wizard .actions button.default {
+ background-color: #008287;
+ color: #fff;
+}
+.wizard .actions button:hover {
+ border-color: #787878;
+}
+.wizard .actions button:active {
+ background: #eeeeee;
+ color: #262626;
+ box-shadow: none;
+}
+.wizard .actions button:focus {
+ outline: 0;
+}
+.wizard .actions button:disabled,
+.wizard .actions button.disabled {
+ background-color: #eaeaea;
+ color: #bebebe;
+ cursor: default;
+ border-color: transparent;
+}
+.wizard .actions button * {
+ color: inherit;
+}
+.wizard .actions button *:hover {
+ color: inherit;
+}
+.wizard .actions button.rounded {
+ border-radius: .325rem;
+}
+.wizard .actions button > [class*=mif-] {
+ vertical-align: middle;
+}
+.wizard .actions button img {
+ height: .875rem;
+ vertical-align: middle;
+ margin: 0;
+}
+.wizard .actions button.loading-pulse {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.wizard .actions button.loading-pulse:before {
+ position: absolute;
+ content: "";
+ left: 0;
+ top: 50%;
+ margin-top: -10px;
+ width: 20px;
+ height: 20px;
+ background-color: #333;
+ border-radius: 100%;
+ -webkit-animation: scaleout 1s infinite ease-in-out;
+ animation: scaleout 1s infinite ease-in-out;
+}
+.wizard .actions button.loading-pulse.lighten:before {
+ background-color: #fff;
+}
+.wizard .actions button.loading-cube {
+ position: relative;
+ padding: 0 1.325rem;
+}
+.wizard .actions button.loading-cube:before,
+.wizard .actions button.loading-cube:after {
+ content: "";
+ background-color: #333;
+ width: 5px;
+ height: 5px;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin-top: -8px;
+ -webkit-animation: cubemove 1.8s infinite ease-in-out;
+ animation: cubemove 1.8s infinite ease-in-out;
+}
+.wizard .actions button.loading-cube:after {
+ -webkit-animation-delay: -0.9s;
+ animation-delay: -0.9s;
+}
+.wizard .actions button.loading-cube.lighten:before,
+.wizard .actions button.loading-cube.lighten:after {
+ background-color: #fff;
+}
+.wizard .actions button.dropdown-toggle {
+ padding-right: 1.625rem;
+}
+.wizard .actions button.dropdown-toggle.drop-marker-light:before,
+.wizard .actions button.dropdown-toggle.drop-marker-light:after {
+ background-color: #ffffff;
+}
+.wizard .actions button.primary {
+ background: #2086bf;
+ color: #ffffff;
+ border-color: #2086bf;
+}
+.wizard .actions button.primary:active {
+ background: #1b6eae;
+ color: #ffffff;
+}
+.wizard .actions button.success {
+ background: #60a917;
+ color: #ffffff;
+ border-color: #60a917;
+}
+.wizard .actions button.success:active {
+ background: #128023;
+ color: #ffffff;
+}
+.wizard .actions button.danger,
+.wizard .actions button.alert {
+ background: #ce352c;
+ color: #ffffff;
+ border-color: #ce352c;
+}
+.wizard .actions button.danger:active,
+.wizard .actions button.alert:active {
+ background: #9a1616;
+ color: #ffffff;
+}
+.wizard .actions button.info {
+ background: #59cde2;
+ color: #ffffff;
+ border-color: #59cde2;
+}
+.wizard .actions button.info:active {
+ background: #1ba1e2;
+ color: #ffffff;
+}
+.wizard .actions button.warning {
+ background: #fa6800;
+ color: #ffffff;
+ border-color: #fa6800;
+}
+.wizard .actions button.warning:active {
+ background: #bf5a15;
+ color: #ffffff;
+}
+.wizard .actions button.link {
+ background: transparent;
+ color: #2086bf;
+ border-color: transparent;
+ text-decoration: underline;
+}
+.wizard .actions button.link:hover,
+.wizard .actions button.link:active {
+ background: transparent;
+ color: #114968;
+ border-color: transparent;
+}
+.wizard .actions button:last-child {
+ margin-right: 0;
+}
+.wizard .actions button.btn-finish {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.wizard .actions button:disabled {
+ background-color: #6f6f6f;
+}
+.wizard2 {
+ counter-reset: div;
+ position: relative;
+ width: 100%;
+}
+.wizard2:before,
+.wizard2:after {
+ display: table;
+ content: "";
+}
+.wizard2:after {
+ clear: both;
+}
+.wizard2 .step {
+ width: auto;
+ display: block;
+ float: left;
+ position: relative;
+ z-index: 1;
+ padding: 0 0 3rem;
+}
+.wizard2 .step:before {
+ content: counter(div);
+ counter-increment: div;
+ position: absolute;
+ font-size: .8rem;
+ bottom: 20px;
+ width: 24px;
+ text-align: center;
+}
+.wizard2 .step.active {
+ border: 0;
+}
+.wizard2 .step.active:before {
+ visibility: hidden;
+}
+.wizard2 .step.prev {
+ border-left: 24px solid #eeeeee;
+ border-right: 1px solid #e6e6e6;
+ width: 0 ;
+}
+.wizard2 .step.prev:before {
+ left: 0 ;
+ margin-left: -24px;
+ color: #1d1d1d;
+}
+.wizard2 .step.next {
+ border-left: 1px solid #e6e6e6;
+ border-right: 24px solid #1ba1e2;
+ width: 0;
+}
+.wizard2 .step.next:before {
+ left: 100%;
+ color: #ffffff;
+}
+.wizard2 .step.next + .next {
+ border-color: #1891cb;
+}
+.wizard2 .step.next + .next + .next {
+ border-color: #1681b4;
+}
+.wizard2 .step.next + .next + .next + .next {
+ border-color: #13709e;
+}
+.wizard2 .step.next + .next + .next + .next + .next {
+ border-color: #106087;
+}
+.wizard2 .step.next + .next + .next + .next + .next + .next {
+ border-color: #0b4059;
+}
+.wizard2 .step.next + .next + .next + .next + .next + .next + .next {
+ border-color: #082f43;
+}
+.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next {
+ border-color: #051f2c;
+}
+.wizard2 .step.next + .next + .next + .next + .next + .next + .next + .next + .next {
+ border-color: #030f15;
+}
+.wizard2 .step-content {
+ width: auto;
+ overflow: hidden;
+ padding: .625rem;
+}
+.wizard2 .step.prev .step-content,
+.wizard2 .step.next .step-content {
+ width: 0 ;
+ padding: 0 ;
+}
+.wizard2 .action-bar {
+ padding: 0 .625rem;
+ position: absolute;
+ bottom: 10px;
+ text-align: right;
+ z-index: 2;
+}
+.wizard2 .action-bar:before,
+.wizard2 .action-bar:after {
+ display: table;
+ content: "";
+}
+.wizard2 .action-bar:after {
+ clear: both;
+}
+.wizard2 .action-bar .button {
+ margin: 0 .125rem;
+ opacity: .6;
+}
+.wizard2 .action-bar .button:hover {
+ opacity: 1;
+}
+.countdown {
+ display: inline-block;
+ font-weight: 700;
+ font-size: 1rem;
+ margin: .1em 0 1.2em;
+}
+.countdown .part {
+ display: inline-block;
+ position: relative;
+}
+.countdown .part.days:after,
+.countdown .part.hours:after,
+.countdown .part.minutes:after,
+.countdown .part.seconds:after {
+ position: absolute;
+ content: attr(data-day-text);
+ text-align: center;
+ top: 100%;
+ left: 0;
+ width: 100%;
+ font-size: .6em;
+ color: inherit;
+}
+.countdown .part.disabled .digit {
+ opacity: .3;
+ box-shadow: none;
+}
+.countdown .digit,
+.countdown .divider {
+ display: inline-block;
+ padding: .3125em .625em;
+ background-color: #1ba1e2;
+ color: #ffffff;
+ cursor: default;
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+ transition: all 0.5s ease;
+}
+.countdown .digit,
+.countdown .divider {
+ margin-left: 4px;
+}
+.countdown .divider {
+ padding: .125em .25em;
+ color: #1d1d1d;
+ background-color: transparent;
+ box-shadow: none;
+}
+.countdown.tick .divider {
+ opacity: 0;
+}
+.countdown.labels-top {
+ margin: 1.2em 0 .1em;
+}
+.countdown.labels-top .part.days:after,
+.countdown.labels-top .part.hours:after,
+.countdown.labels-top .part.minutes:after,
+.countdown.labels-top .part.seconds:after {
+ top: 0;
+ left: 0;
+ margin-top: -1.5em;
+}
+.countdown.rounded .part .digit {
+ border-radius: .5em;
+}
+.countdown .digit.scaleIn {
+ transition: all 0.5s ease;
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.sidebar-container {
+ background-color: #71b1d1;
+ color: #ffffff;
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ overflow-x: hidden;
+ overflow-y: scroll;
+}
+.sidebar {
+ background-color: #71b1d1;
+ color: #ffffff;
+ position: relative;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none inside none;
+}
+.sidebar li {
+ display: block;
+ background-color: inherit;
+ color: inherit;
+ position: relative;
+ height: 52px;
+}
+.sidebar li a {
+ display: block;
+ background-color: inherit;
+ color: inherit;
+ padding: .625rem 1rem .625rem 3.75rem;
+ position: relative;
+ width: 100%;
+ height: 100%;
+ line-height: .875rem;
+}
+.sidebar li a .icon {
+ width: 28px;
+ height: 28px;
+ font-size: 28px;
+ line-height: 28px;
+ vertical-align: middle;
+ text-align: center;
+ position: absolute;
+ left: .625rem;
+ top: .625rem;
+}
+.sidebar li a .title,
+.sidebar li a .counter {
+ display: block;
+ margin: 0;
+ white-space: nowrap;
+}
+.sidebar li a .title {
+ font-size: .6875rem;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.sidebar li a .counter {
+ font-size: .7rem;
+ font-weight: normal;
+}
+.sidebar li:hover {
+ background-color: #7cc1de;
+}
+.sidebar li.active {
+ background-color: #ffffff;
+ color: #323232;
+}
+.sidebar {
+ transition: all 0.2s ease;
+}
+.sidebar.compact {
+ width: 52px;
+ transition: all 0.2s ease;
+}
+.sidebar.compact a {
+ padding-right: 0;
+ padding-left: 0;
+ width: 52px;
+}
+.sidebar.compact .title {
+ display: none ;
+}
+.sidebar.compact .counter {
+ position: absolute;
+ top: 0;
+ right: 4px;
+}
+.sidebar2 {
+ text-align: left;
+ background: #ffffff;
+ max-width: 15.625rem;
+ list-style: none inside none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: auto;
+ float: left;
+ border-collapse: separate;
+ border: 1px #eeeeee solid;
+ width: 100%;
+}
+.sidebar2 li:hover > .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.sidebar2 li {
+ display: block;
+ float: none;
+ position: relative;
+}
+.sidebar2 li:before,
+.sidebar2 li:after {
+ display: table;
+ content: "";
+}
+.sidebar2 li:after {
+ clear: both;
+}
+.sidebar2 li a {
+ color: #727272;
+ font-size: .875rem;
+ display: block;
+ float: none;
+ padding: .75rem 2rem .75rem 2.5rem;
+ text-decoration: none;
+ vertical-align: middle;
+ position: relative;
+ white-space: nowrap;
+ min-width: 12.5rem;
+ border: none;
+}
+.sidebar2 li a img,
+.sidebar2 li a .icon {
+ position: absolute;
+ left: .875rem;
+ top: 50%;
+ margin-top: -0.5625rem;
+ color: #262626;
+ max-height: 1.125rem;
+ font-size: 1.125rem;
+ display: inline-block;
+ margin-right: .3125rem;
+ vertical-align: middle;
+ text-align: center;
+}
+.sidebar2 li.active {
+ border-left: 2px solid;
+ border-color: #1ba1e2;
+}
+.sidebar2 li.active > a {
+ background-color: #59cde2;
+ color: #ffffff;
+ font-weight: bold;
+}
+.sidebar2 li:hover {
+ text-decoration: none;
+ background: #59cde2;
+}
+.sidebar2 li:hover > a,
+.sidebar2 li:hover .icon {
+ color: #ffffff;
+}
+.sidebar2 li a[data-hotkey] {
+ padding-right: 3.2rem;
+}
+.sidebar2 li a[data-hotkey]:after {
+ content: attr(data-hotkey);
+ position: absolute;
+ right: 1.2rem;
+ width: auto;
+ font-size: .8em;
+}
+.sidebar2 .divider {
+ padding: 0;
+ height: 1px;
+ margin: 0 1px;
+ overflow: hidden;
+ background-color: #f2f2f2;
+}
+.sidebar2 .divider:hover {
+ background-color: #f2f2f2;
+}
+.sidebar2.subdown .d-menu {
+ min-width: 0;
+ position: relative;
+ width: 100%;
+ left: 0 ;
+ right: 0 ;
+ top: 100%;
+ box-shadow: none;
+}
+.sidebar2 .item-block {
+ display: block;
+ padding: .625rem;
+ background-color: #eeeeee;
+}
+.sidebar2 .d-menu {
+ left: 100%;
+ top: -10%;
+}
+.sidebar2 .menu-title {
+ background-color: #f6f7f8;
+ font-size: 12px;
+ line-height: 14px;
+ padding: 4px 8px;
+ border: 0;
+ color: #646464;
+}
+.sidebar2 .menu-title:first-child {
+ margin: 0;
+ border-top-width: 0;
+}
+.sidebar2 .menu-title:first-child:hover {
+ border-top-width: 0;
+}
+.sidebar2 .menu-title:hover {
+ background-color: #f6f7f8;
+ cursor: default;
+ border: 0;
+}
+.sidebar2 .dropdown-toggle:before {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+ margin-top: -2px;
+}
+.sidebar2 .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.sidebar2 .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ transition: all 0.3s ease;
+}
+.sidebar2.subdown .dropdown-toggle:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-left: -1.25rem;
+}
+.sidebar2.subdown .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.sidebar2 li.disabled a {
+ color: #eeeeee;
+}
+.sidebar2 li.disabled:hover {
+ background-color: inherit;
+ cursor: default;
+ border: 0;
+}
+.sidebar2 li.disabled:hover a {
+ cursor: inherit;
+}
+.sidebar2.context li a {
+ font-size: .75rem;
+ padding: .3125rem 2rem .3125rem 2.5rem;
+}
+.sidebar2.context li a .icon {
+ margin-top: -0.4375rem;
+ font-size: .825rem;
+ color: inherit;
+}
+.sidebar2.no-min-size li a {
+ min-width: 0;
+}
+.sidebar2.full-size li a {
+ min-width: 0;
+ width: 100%;
+}
+.sidebar2 .d-menu {
+ min-width: 0;
+ position: relative;
+ width: 100%;
+ left: 0 ;
+ right: 0 ;
+ top: 100%;
+ box-shadow: none;
+}
+.sidebar2 .dropdown-toggle:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-left: -1.25rem;
+}
+.sidebar2 .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.sidebar2 li {
+ border-top: 1px #eeeeee solid;
+ cursor: default;
+}
+.sidebar2 li.stick {
+ position: relative;
+}
+.sidebar2 li.stick:before {
+ content: "";
+ position: absolute;
+ width: 7px;
+ height: 44px;
+ left: -7px;
+ text-indent: -9999px;
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+ background-color: inherit;
+}
+.sidebar2 li.disabled {
+ background-color: inherit;
+}
+.sidebar2 li.disabled:hover {
+ border-top: 1px #eeeeee solid;
+}
+.sidebar2 li a {
+ background-color: #ffffff;
+ color: #323232;
+ white-space: normal;
+ min-width: 0;
+}
+.sidebar2 li a .icon {
+ color: inherit ;
+}
+.sidebar2 li.title {
+ padding: 20px 20px 10px 20px;
+ font-size: 24px;
+ border: 0;
+}
+.sidebar2 li.title:hover {
+ background-color: inherit;
+}
+.sidebar2 li:not(.title) + li.title {
+ border-top: 1px #eeeeee solid;
+}
+.sidebar2 li.active {
+ background-color: #71b1d1;
+ border: none;
+}
+.sidebar2 li.active a {
+ background-color: #71b1d1;
+ color: #ffffff;
+}
+.sidebar2 li.active a .icon {
+ color: inherit;
+}
+.sidebar2 li:hover a {
+ background-color: #7cc1de;
+}
+.sidebar2 li.disabled:hover a {
+ background-color: inherit;
+}
+.sidebar2 li li:not(:hover) {
+ color: #1d1d1d;
+}
+.sidebar2 li li:not(:hover) a {
+ background-color: #ffffff;
+}
+.sidebar2 .dropdown-toggle:before {
+ transition: all 0.3s ease;
+}
+.sidebar2 .dropdown-toggle.active-toggle:before {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ transition: all 0.3s ease;
+}
+.sidebar2.dark li {
+ border-top: 1px #5c5c5c solid;
+}
+.sidebar2.dark li.title {
+ background-color: #3D3D3D;
+ color: #ffffff;
+}
+.sidebar2.dark li a {
+ background-color: #3D3D3D;
+ color: #ffffff;
+}
+.sidebar2.dark li a:hover {
+ background-color: #262626;
+ color: #ffffff;
+}
+.sidebar2.dark li:not(.title) + li.title,
+.sidebar2.dark li.disabled {
+ border-top-color: #5c5c5c;
+}
+.sidebar2.dark li.disabled:hover {
+ border-top-color: #5c5c5c ;
+}
+.sidebar2.dark li.disabled:hover a {
+ background-color: #3D3D3D;
+}
+.sidebar2.dark li.disabled a {
+ color: #999999;
+}
+.sidebar2.dark li.active a {
+ background-color: #ce352c;
+}
+.sidebar2.dark .dropdown-toggle:before {
+ border-color: #ffffff;
+}
+.sidebar2.dark .d-menu li a {
+ background-color: #3D3D3D;
+ color: #ffffff;
+}
+.sidebar2.dark .d-menu li a:hover {
+ background-color: #262626;
+ color: #ffffff;
+}
+.tabcontrol {
+ position: relative;
+ width: 100%;
+}
+.tabcontrol .tabs {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ list-style: none inside;
+ border-bottom: 2px #1ba1e2 solid;
+ white-space: nowrap;
+ overflow: visible;
+}
+.tabcontrol .tabs:before,
+.tabcontrol .tabs:after {
+ display: table;
+ content: "";
+}
+.tabcontrol .tabs:after {
+ clear: both;
+}
+.tabcontrol .tabs li {
+ display: block;
+ float: left;
+ position: relative;
+ white-space: nowrap;
+}
+.tabcontrol .tabs li a {
+ display: block;
+ float: left;
+ padding: 8px 24px;
+ color: #1d1d1d;
+ font-size: .6875rem;
+ font-weight: bold;
+ text-transform: uppercase;
+ position: relative;
+ white-space: nowrap;
+}
+.tabcontrol .tabs li:hover a {
+ background-color: #eeeeee;
+}
+.tabcontrol .tabs li.active a {
+ background-color: #1ba1e2;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.tabcontrol .tabs li.disabled a {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
+ color: #999999;
+ cursor: default;
+}
+.tabcontrol .tabs li.non-visible-tabs {
+ display: block;
+ float: right;
+}
+.tabcontrol .tabs li.non-visible-tabs:empty {
+ display: none;
+}
+.tabcontrol .tabs li.non-visible-tabs.dropdown-toggle {
+ height: 100% ;
+}
+.tabcontrol.tabs-bottom .tabs {
+ border-bottom: none;
+ border-top: 2px #1ba1e2 solid;
+}
+.tabcontrol.tabs-bottom .tabs li.disabled {
+ top: 0;
+}
+.tabcontrol.tabs-bottom .tabs li:hover {
+ top: 0;
+}
+.tabcontrol .frames {
+ width: 100%;
+ position: relative;
+}
+.tabcontrol .frames .frame {
+ display: block;
+ position: relative;
+ width: 100%;
+ padding: 20px;
+ background-color: #999999;
+}
+.tabcontrol2 {
+ position: relative;
+ width: 100%;
+}
+.tabcontrol2 .tabs {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ list-style: none inside;
+ border-bottom: 2px #1ba1e2 solid;
+ white-space: nowrap;
+ overflow: visible;
+}
+.tabcontrol2 .tabs:before,
+.tabcontrol2 .tabs:after {
+ display: table;
+ content: "";
+}
+.tabcontrol2 .tabs:after {
+ clear: both;
+}
+.tabcontrol2 .tabs li {
+ display: block;
+ float: left;
+ position: relative;
+ white-space: nowrap;
+}
+.tabcontrol2 .tabs li a {
+ display: block;
+ float: left;
+ padding: 8px 24px;
+ color: #1d1d1d;
+ font-size: .6875rem;
+ font-weight: bold;
+ text-transform: uppercase;
+ position: relative;
+ white-space: nowrap;
+}
+.tabcontrol2 .tabs li:hover a {
+ background-color: #eeeeee;
+}
+.tabcontrol2 .tabs li.active a {
+ background-color: #1ba1e2;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.tabcontrol2 .tabs li.disabled a {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
+ color: #999999;
+ cursor: default;
+}
+.tabcontrol2 .tabs li.non-visible-tabs {
+ display: block;
+ float: right;
+}
+.tabcontrol2 .tabs li.non-visible-tabs:empty {
+ display: none;
+}
+.tabcontrol2 .tabs li.non-visible-tabs.dropdown-toggle {
+ height: 100% ;
+}
+.tabcontrol2.tabs-bottom .tabs {
+ border-bottom: none;
+ border-top: 2px #1ba1e2 solid;
+}
+.tabcontrol2.tabs-bottom .tabs li.disabled {
+ top: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li:hover {
+ top: 0;
+}
+.tabcontrol2 .frames {
+ width: 100%;
+ position: relative;
+}
+.tabcontrol2 .frames .frame {
+ display: block;
+ position: relative;
+ width: 100%;
+ padding: 20px;
+ background-color: #999999;
+}
+.tabcontrol2 .tabs {
+ border-bottom: 0;
+ vertical-align: bottom;
+ z-index: 2;
+}
+.tabcontrol2 .tabs li {
+ padding-top: 2px;
+ overflow: visible;
+ margin: 0 2px;
+}
+.tabcontrol2 .tabs li:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ top: 100%;
+ width: 100%;
+ background-color: #ffffff;
+ height: 2px;
+ z-index: 3;
+}
+.tabcontrol2 .tabs li:not(.active):after {
+ background-color: #eeeeee;
+ height: 1px;
+}
+.tabcontrol2 .tabs li:first-child {
+ margin-left: 10px;
+}
+.tabcontrol2 .tabs li a {
+ background-color: #eeeeee;
+ padding-top: .3125rem;
+ text-shadow: none ;
+}
+.tabcontrol2 .tabs li.active {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.tabcontrol2 .tabs li.active a {
+ background-color: #ffffff;
+ border: 1px #eeeeee solid;
+ border-top: 2px #ce352c solid;
+ border-bottom: 0;
+ color: #1ba1e2;
+}
+.tabcontrol2 .tabs li.active:hover a {
+ background-color: inherit;
+}
+.tabcontrol2 .tabs li:hover a {
+ background-color: #e1e1e1;
+}
+.tabcontrol2.tabs-bottom .tabs {
+ border-top: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li {
+ padding: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li:after {
+ top: -1px;
+ background-color: #ffffff;
+}
+.tabcontrol2.tabs-bottom .tabs li.active {
+ padding-bottom: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li.active a {
+ border: 1px #eeeeee solid;
+ border-bottom: 2px #ce352c solid;
+ border-top: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li:not(.active) {
+ margin-bottom: 0;
+}
+.tabcontrol2.tabs-bottom .tabs li:not(.active):after {
+ background-color: #eeeeee;
+}
+.tabcontrol2 .frames {
+ z-index: 1;
+ border: 1px #eeeeee solid;
+}
+.tabcontrol2 .frames .frame {
+ background-color: #ffffff;
+}
+.accordion > .frame {
+ margin-top: 1px;
+}
+.accordion > .frame:first-child {
+ margin-top: 0;
+}
+.accordion > .frame > .heading {
+ display: block;
+ padding: 8px 16px 8px 20px;
+ background-color: #f6f6f6;
+ cursor: pointer;
+ font-size: .6875rem;
+ text-transform: uppercase;
+ font-weight: bold;
+ position: relative;
+ border: 1px #eeeeee solid;
+ overflow: hidden;
+ z-index: 2;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ transition: all 0.3s ease;
+}
+.accordion > .frame > .heading:before {
+ position: absolute;
+ display: block;
+ left: 4px;
+ top: 6px;
+ content: '';
+ width: 0;
+ height: 0;
+ border-left: 6px solid transparent;
+ border-top: 6px solid transparent;
+ border-bottom: 6px solid black;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ transition: all 0.3s ease;
+}
+.accordion > .frame > .heading:hover {
+ background-color: #eeeeee;
+}
+.accordion > .frame > .heading .icon {
+ position: absolute;
+ right: 0;
+ top: 0;
+ font-size: 3rem;
+ width: 3rem;
+ max-height: 3rem;
+ opacity: .6;
+ color: #999999;
+}
+.accordion > .frame.active > .heading {
+ background-color: #1ba1e2;
+ border-color: #1ba1e2;
+ color: #ffffff;
+ box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+ transition: all 0.3s ease;
+}
+.accordion > .frame.active > .heading .icon {
+ color: #ffffff;
+}
+.accordion > .frame.active > .heading:before {
+ left: 8px;
+ border-bottom-color: #ffffff;
+ transition: all 0.3s ease;
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+}
+.accordion > .frame.active > .content {
+ display: block;
+}
+.accordion > .frame > .content {
+ padding: .625rem;
+ display: none;
+ background-color: #ffffff;
+ z-index: 1;
+}
+.accordion > .frame.disabled > .heading {
+ cursor: default;
+ background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 40px 40px;
+}
+.accordion.large-heading > .frame > .heading {
+ font-size: 2rem;
+ line-height: 1.1;
+ font-weight: 300;
+ padding-left: 32px;
+ text-shadow: none;
+}
+.accordion.large-heading > .frame > .heading:before {
+ top: 10px;
+ border-left: 12px solid transparent;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid black;
+}
+.accordion.large-heading > .frame.active > .heading:before {
+ border-bottom-color: #ffffff;
+}
+.carousel {
+ display: block;
+ width: 100%;
+ position: relative;
+ min-height: 100px;
+ overflow: hidden;
+}
+.carousel .slide {
+ top: 0;
+ left: 0;
+ position: absolute;
+ display: block;
+ width: 100%;
+ height: 100%;
+ min-height: 100%;
+}
+.carousel .slide:before,
+.carousel .slide:after {
+ display: table;
+ content: "";
+}
+.carousel .slide:after {
+ clear: both;
+}
+.carousel [class*="carousel-switch"],
+.carousel .carousel-bullets {
+ position: absolute;
+ display: block;
+ z-index: 999;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.carousel .carousel-bullets {
+ left: 0;
+ right: 0;
+ bottom: .625rem;
+ text-align: center;
+}
+.carousel .carousel-bullets .carousel-bullet {
+ display: inline-block;
+ float: none;
+ width: .625rem;
+ height: .625rem;
+ background-color: #ababab;
+ box-shadow: none;
+ border-radius: 50%;
+ margin-right: .625rem;
+ cursor: pointer;
+ border: 1px #ffffff solid;
+}
+.carousel .carousel-bullets .carousel-bullet:last-child {
+ margin-right: 0;
+}
+.carousel .carousel-bullets .carousel-bullet.bullet-on {
+ background-color: #59cde2;
+}
+.carousel.square-bullets .carousel-bullet {
+ border-radius: 0 ;
+}
+.carousel .carousel-switch-next,
+.carousel .carousel-switch-prev {
+ width: auto;
+ line-height: 4rem;
+ height: 4rem;
+ text-decoration: none;
+ margin-top: -2rem;
+ top: 50%;
+ font-size: 4rem;
+ font-weight: 300;
+ color: #eeeeee;
+ cursor: pointer;
+ vertical-align: middle;
+ padding: 0;
+}
+.carousel .carousel-switch-next:hover,
+.carousel .carousel-switch-prev:hover {
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.carousel .carousel-switch-next img,
+.carousel .carousel-switch-prev img {
+ max-width: 64px;
+ max-height: 64px;
+}
+.carousel .carousel-switch-next {
+ right: 0;
+ left: auto;
+}
+.carousel .carousel-switch-prev {
+ left: 0;
+ right: auto;
+}
+.panel {
+ display: block;
+ position: relative;
+ background-color: #ffffff;
+}
+.panel > .heading,
+.panel > .content {
+ display: block;
+ position: relative;
+ color: #1d1d1d;
+}
+.panel > .heading {
+ padding: .625rem 0 ;
+ color: #ffffff;
+ background-color: #1ba1e2;
+ cursor: default;
+ vertical-align: middle;
+ z-index: 2;
+ height: 2.625rem;
+ box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
+ font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.panel > .heading > .title {
+ margin-left: .625rem;
+}
+.panel > .heading > .icon + .title {
+ margin-left: 3.625rem;
+}
+.panel > .heading > .icon {
+ position: absolute;
+ background-color: #1b6eae;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ vertical-align: middle;
+ height: 2.625rem;
+ width: 2.625rem;
+ text-align: center;
+ padding: .625rem;
+}
+.panel > .content {
+ background-color: #e8f1f4;
+ z-index: 1;
+ font-size: 0.875rem;
+}
+.panel.collapsible > .heading {
+ cursor: pointer;
+}
+.panel.collapsible > .heading:before {
+ content: "\2212";
+ display: block;
+ position: absolute;
+ top: 50%;
+ margin-top: -1.3rem;
+ right: .625rem;
+ color: inherit;
+ vertical-align: middle;
+ font-size: 2rem;
+}
+.panel.collapsed > .heading:before {
+ content: "\002b";
+}
+.panel.collapsed > .content {
+ display: none;
+}
+.panel.alert > .heading,
+.panel.error > .heading,
+.panel.danger > .heading {
+ background-color: #ce352c;
+}
+.panel.warning > .heading {
+ background-color: #fa6800;
+}
+.panel.success > .heading {
+ background-color: #60a917;
+}
+.rating {
+ cursor: pointer;
+ display: inline-block;
+}
+.rating:before,
+.rating:after {
+ display: table;
+ content: "";
+}
+.rating:after {
+ clear: both;
+}
+.rating .star {
+ cursor: pointer;
+ display: block;
+ float: left;
+ color: #555555;
+ font-size: 20px;
+ z-index: 1;
+ position: relative;
+ width: 20px;
+ height: 24px;
+ vertical-align: middle;
+ line-height: 22px;
+}
+.rating .star:before,
+.rating .star:after {
+ position: absolute;
+ content: '\2605';
+ display: block;
+ z-index: 2;
+ top: 0 ;
+ left: 0;
+ vertical-align: middle;
+}
+.rating .star.on {
+ color: gold;
+}
+.rating .star.on.half {
+ color: #555555;
+}
+.rating .star.on.half:after {
+ color: gold;
+}
+.rating .star.half:after {
+ z-index: 3;
+ width: 8px;
+ overflow: hidden;
+}
+.rating.poor .star.on {
+ color: #ce352c;
+}
+.rating.poor .star.on.half {
+ color: #555555;
+}
+.rating.poor .star.on.half:after {
+ color: #ce352c;
+}
+.rating.regular .star.on {
+ color: gold;
+}
+.rating.regular .star.on.half {
+ color: #555555;
+}
+.rating.regular .star.on.half:after {
+ color: gold;
+}
+.rating.good .star.on {
+ color: #60a917;
+}
+.rating.good .star.on.half {
+ color: #555555;
+}
+.rating.good .star.on.half:after {
+ color: #60a917;
+}
+.rating:not(.static) .star:hover {
+ color: gold ;
+}
+.rating:not(.static) .star:hover.half,
+.rating:not(.static) .star:hover.on.half {
+ color: gold;
+}
+.rating:not(.static) .star:hover.half:after,
+.rating:not(.static) .star:hover.on.half:after {
+ color: gold;
+}
+.rating:not(.static):hover > .star,
+.rating:not(.static):hover > .star:after {
+ color: gold ;
+}
+.rating:not(.static):hover > .star.half,
+.rating:not(.static):hover > .star:after.half,
+.rating:not(.static):hover > .star.on.half,
+.rating:not(.static):hover > .star:after.on.half {
+ color: gold;
+}
+.rating:not(.static):hover > .star.half:after,
+.rating:not(.static):hover > .star:after.half:after,
+.rating:not(.static):hover > .star.on.half:after,
+.rating:not(.static):hover > .star:after.on.half:after {
+ color: gold;
+}
+.rating:not(.static) .star:hover ~ .star,
+.rating:not(.static) .star:hover ~ .star:after {
+ color: gray ;
+}
+.rating:not(.static) .star:hover ~ .star.half,
+.rating:not(.static) .star:hover ~ .star:after.half,
+.rating:not(.static) .star:hover ~ .star.on.half,
+.rating:not(.static) .star:hover ~ .star:after.on.half {
+ color: gray;
+}
+.rating:not(.static) .star:hover ~ .star.half:after,
+.rating:not(.static) .star:hover ~ .star:after.half:after,
+.rating:not(.static) .star:hover ~ .star.on.half:after,
+.rating:not(.static) .star:hover ~ .star:after.on.half:after {
+ color: gray;
+}
+.rating.small .star {
+ width: 14px;
+ height: 16px;
+ font-size: 14px;
+ line-height: 14px;
+}
+.rating.small .star.half:after {
+ width: 6px;
+}
+.rating.large .star {
+ width: 28px;
+ height: 30px;
+ font-size: 32px;
+ line-height: 24px;
+}
+.rating.large .star.half:after {
+ width: 13px;
+}
+.rating .score {
+ display: block;
+ font-size: .8rem;
+}
+.rating.small .score {
+ font-size: .6rem;
+}
+.rating.large .score {
+ font-size: 1rem;
+}
+.slider {
+ height: 2.125rem;
+ line-height: 1;
+ width: auto;
+ position: relative;
+}
+.slider .marker {
+ height: 1rem;
+ width: 1rem;
+ cursor: pointer;
+ position: absolute;
+ top: 50%;
+ margin-top: -0.5rem;
+ left: 0;
+ background-color: #1d1d1d;
+ z-index: 2;
+}
+.slider .marker:focus,
+.slider .marker:active,
+.slider .markerhover {
+ border: 2px #ce352c solid;
+}
+.slider .slider-backside,
+.slider .complete {
+ height: .5rem;
+ background: #999999;
+ width: 100%;
+ line-height: 2.125rem;
+ top: 50%;
+ margin-top: -0.25rem;
+ position: absolute;
+}
+.slider .complete {
+ width: auto;
+ background-color: #00aba9;
+ z-index: 2;
+ transition: background .3s ease;
+ left: 0;
+}
+.slider .buffer {
+ height: 4px;
+ width: auto;
+ background-color: #ffffff;
+ z-index: 1;
+ transition: background .3s ease;
+ position: absolute;
+ top: 50%;
+ margin-top: -2px;
+ left: 0;
+}
+.slider .slider-hint {
+ min-width: 1.8rem;
+ width: auto;
+ height: auto;
+ position: absolute;
+ z-index: 3;
+ border: 1px #ccc solid;
+ padding: .25rem;
+ top: -1.2rem;
+ text-align: center;
+ font-size: .625rem;
+ display: none;
+ background: #fffcc0;
+}
+.slider .slider-hint:before {
+ border: 1px #ccc solid;
+ border-left: 0;
+ border-top: 0;
+ content: "";
+ width: .25rem;
+ height: .25rem;
+ display: block;
+ position: absolute;
+ background-color: inherit;
+ margin-top: -0.125rem;
+ margin-left: -0.15625rem;
+ top: 100%;
+ left: 50%;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.slider.hint-bottom .slider-hint {
+ top: 100%;
+ margin-top: -0.125rem;
+}
+.slider.hint-bottom .slider-hint:before {
+ top: -0.0625rem;
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+}
+.slider.permanent-hint > .slider-hint {
+ display: block;
+}
+.slider:hover .complete {
+ background-color: #45fffd;
+}
+.slider:active .complete,
+.slider:active + .marker:active .complete {
+ background-color: #45fffd;
+}
+.slider.place-left {
+ margin-right: 20px;
+}
+.slider.place-right {
+ margin-left: 20px;
+}
+.slider.ani .complete {
+ -webkit-animation: ani-bg-stripes 2s linear infinite;
+ animation: ani-bg-stripes 2s linear infinite;
+}
+.slider.vertical {
+ min-height: 100px;
+ width: 2.125rem;
+ display: inline-block;
+}
+.slider.vertical .slider-backside,
+.slider.vertical .complete {
+ position: absolute;
+ height: 100%;
+ width: .5rem;
+ bottom: 0;
+ left: 50%;
+ margin-left: -0.25rem;
+ top: auto;
+}
+.slider.vertical .marker {
+ left: 50%;
+ top: auto;
+ margin-left: -0.5rem;
+}
+.slider.vertical .buffer {
+ position: absolute;
+ height: auto;
+ width: 6px ;
+ bottom: 0;
+ left: 50%;
+ margin-left: -3px;
+ top: auto;
+}
+.slider.vertical .slider-hint {
+ left: 100%;
+ margin-top: 0;
+}
+.slider.vertical .slider-hint:before {
+ height: .25rem;
+ width: .25rem;
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+ left: -1px;
+ top: 50%;
+ margin-top: -0.125rem;
+ margin-left: -0.135rem;
+}
+.slider.vertical.hint-left .slider-hint {
+ left: -100%;
+ margin-left: .25rem;
+}
+.slider.vertical.hint-left .slider-hint:before {
+ left: 100%;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.slider.cycle-marker .marker {
+ border-radius: 50%;
+}
+.tile-area {
+ min-width: 100%;
+ height: 100%;
+ position: relative;
+ padding: 120px 80px 0 0;
+ overflow: hidden;
+}
+.tile-area:before,
+.tile-area:after {
+ display: table;
+ content: "";
+}
+.tile-area:after {
+ clear: both;
+}
+.tile-area .tile-area-title {
+ position: fixed;
+ top: 20px;
+ left: 80px;
+ font-weight: 300;
+ font-size: 42px;
+ line-height: 1.1;
+}
+.tile-group {
+ margin-left: 80px;
+ min-width: 80px;
+ width: auto;
+ float: left;
+ display: block;
+ padding-top: 40px;
+ position: relative;
+}
+.tile-group.one {
+ width: 160px;
+}
+.tile-group.two,
+.tile-group.double {
+ width: 320px;
+}
+.tile-group.three,
+.tile-group.triple {
+ width: 480px;
+}
+.tile-group.four,
+.tile-group.quadro {
+ width: 640px;
+}
+.tile-group.five {
+ width: 800px;
+}
+.tile-group.six {
+ width: 960px;
+}
+.tile-group.seven {
+ width: 1120px;
+}
+.tile-group .tile-group-title {
+ color: #ffffff;
+ font-size: 18px;
+ line-height: 20px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+}
+.tile-container {
+ width: 100%;
+ height: auto;
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+.tile-container:before,
+.tile-container:after {
+ display: table;
+ content: "";
+}
+.tile-container:after {
+ clear: both;
+}
+.tile {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.tile:hover {
+ outline: #999999 solid 3px;
+}
+.tile:active {
+ outline: 0;
+}
+.tile.no-outline {
+ outline-color: transparent;
+}
+.tile.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-square {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+}
+.tile-square:hover {
+ outline: #999999 solid 3px;
+}
+.tile-square:active {
+ outline: 0;
+}
+.tile-square.no-outline {
+ outline-color: transparent;
+}
+.tile-square.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-square.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-square.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-square.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-square.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-square.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-square .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-square:hover .tile-content.flipVertical,
+.tile-square.hover .tile-content.flipVertical,
+.tile-square.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-square .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-square .tile-content.flipVertical .slide,
+.tile-square .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-square .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-square .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-square .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-square:hover .tile-content.flipHorizontal,
+.tile-square.hover .tile-content.flipHorizontal,
+.tile-square.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-square .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-square .tile-content.flipHorizontal .slide,
+.tile-square .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-square .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-square .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-square .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-square .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-small {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+ width: 70px;
+ height: 70px;
+}
+.tile-small:hover {
+ outline: #999999 solid 3px;
+}
+.tile-small:active {
+ outline: 0;
+}
+.tile-small.no-outline {
+ outline-color: transparent;
+}
+.tile-small.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-small.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-small.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-small.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-small.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-small.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-small .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-small:hover .tile-content.flipVertical,
+.tile-small.hover .tile-content.flipVertical,
+.tile-small.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-small .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-small .tile-content.flipVertical .slide,
+.tile-small .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-small .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-small .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-small .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-small:hover .tile-content.flipHorizontal,
+.tile-small.hover .tile-content.flipHorizontal,
+.tile-small.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-small .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-small .tile-content.flipHorizontal .slide,
+.tile-small .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-small .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-small .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-small .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-small .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-wide {
+ width: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+ width: 310px;
+ height: 150px;
+}
+.tile-wide:hover {
+ outline: #999999 solid 3px;
+}
+.tile-wide:active {
+ outline: 0;
+}
+.tile-wide.no-outline {
+ outline-color: transparent;
+}
+.tile-wide.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-wide.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-wide.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-wide.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-wide.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-wide.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-wide .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-wide:hover .tile-content.flipVertical,
+.tile-wide.hover .tile-content.flipVertical,
+.tile-wide.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-wide .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-wide .tile-content.flipVertical .slide,
+.tile-wide .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-wide .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-wide .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-wide .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-wide:hover .tile-content.flipHorizontal,
+.tile-wide.hover .tile-content.flipHorizontal,
+.tile-wide.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-wide .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-wide .tile-content.flipHorizontal .slide,
+.tile-wide .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-wide .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-wide .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-wide .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-wide .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-large {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+ width: 310px;
+ height: 310px;
+}
+.tile-large:hover {
+ outline: #999999 solid 3px;
+}
+.tile-large:active {
+ outline: 0;
+}
+.tile-large.no-outline {
+ outline-color: transparent;
+}
+.tile-large.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-large.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-large.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-large.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-large.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-large.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-large .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-large:hover .tile-content.flipVertical,
+.tile-large.hover .tile-content.flipVertical,
+.tile-large.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-large .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-large .tile-content.flipVertical .slide,
+.tile-large .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-large .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-large .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-large .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-large:hover .tile-content.flipHorizontal,
+.tile-large.hover .tile-content.flipHorizontal,
+.tile-large.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-large .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-large .tile-content.flipHorizontal .slide,
+.tile-large .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-large .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-large .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-large .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-large .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-big {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+ width: 470px;
+ height: 470px;
+}
+.tile-big:hover {
+ outline: #999999 solid 3px;
+}
+.tile-big:active {
+ outline: 0;
+}
+.tile-big.no-outline {
+ outline-color: transparent;
+}
+.tile-big.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-big.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-big.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-big.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-big.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-big.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-big .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-big:hover .tile-content.flipVertical,
+.tile-big.hover .tile-content.flipVertical,
+.tile-big.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-big .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-big .tile-content.flipVertical .slide,
+.tile-big .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-big .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-big .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-big .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-big:hover .tile-content.flipHorizontal,
+.tile-big.hover .tile-content.flipHorizontal,
+.tile-big.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-big .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-big .tile-content.flipHorizontal .slide,
+.tile-big .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-big .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-big .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-big .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-big .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-super {
+ width: 150px;
+ height: 150px;
+ display: block;
+ float: left;
+ margin: 5px;
+ background-color: #eeeeee;
+ box-shadow: inset 0 0 1px #FFFFCC;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ overflow: visible;
+ width: 630px;
+ height: 630px;
+}
+.tile-super:hover {
+ outline: #999999 solid 3px;
+}
+.tile-super:active {
+ outline: 0;
+}
+.tile-super.no-outline {
+ outline-color: transparent;
+}
+.tile-super.small-tile {
+ width: 70px;
+ height: 70px;
+}
+.tile-super.wide-tile {
+ width: 310px;
+ height: 150px;
+}
+.tile-super.wide-tile-v {
+ height: 310px;
+ width: 150px;
+}
+.tile-super.large-tile {
+ width: 310px;
+ height: 310px;
+}
+.tile-super.big-tile {
+ width: 470px;
+ height: 470px;
+}
+.tile-super.super-tile {
+ width: 630px;
+ height: 630px;
+}
+.tile-super .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-super:hover .tile-content.flipVertical,
+.tile-super.hover .tile-content.flipVertical,
+.tile-super.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-super .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-super .tile-content.flipVertical .slide,
+.tile-super .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-super .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-super .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-super .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-super:hover .tile-content.flipHorizontal,
+.tile-super.hover .tile-content.flipHorizontal,
+.tile-super.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-super .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-super .tile-content.flipHorizontal .slide,
+.tile-super .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-super .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-super .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-super .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile-super .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-small-x {
+ width: 70px;
+}
+.tile-square-x {
+ width: 150px;
+}
+.tile-wide-x {
+ width: 310px;
+}
+.tile-large-x {
+ width: 310px;
+}
+.tile-big-x {
+ width: 470px;
+}
+.tile-super-x {
+ width: 630px;
+}
+.tile-small-y {
+ height: 70px;
+}
+.tile-square-y {
+ height: 150px;
+}
+.tile-wide-y {
+ height: 310px;
+}
+.tile-large-y {
+ height: 310px;
+}
+.tile-big-y {
+ height: 470px;
+}
+.tile-super-y {
+ height: 630px;
+}
+.tile-content {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: inherit;
+ overflow: hidden;
+ display: none;
+}
+.tile-content:first-child {
+ display: block;
+}
+.tile-content .live-slide {
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ display: none;
+ overflow: hidden;
+}
+.tile-content .live-slide:nth-child(1) {
+ display: block;
+}
+.tile-content.iconic .icon {
+ position: absolute;
+ width: 64px;
+ height: 64px;
+ font-size: 64px;
+ top: 50%;
+ margin-top: -40px;
+ left: 50%;
+ margin-left: -32px;
+ text-align: center;
+}
+.tile-small .tile-content.iconic .icon {
+ width: 32px;
+ height: 32px;
+ font-size: 32px;
+ margin-left: -16px;
+ margin-top: -16px;
+}
+.tile-content.image-set > img,
+.tile-content.image-set > .image-container {
+ margin: 0;
+ padding: 0;
+ width: 25% ;
+ height: 50% ;
+ float: left;
+ border: 1px #1e1e1e solid;
+}
+.tile-content.image-set > img:first-child,
+.tile-content.image-set > .image-container:first-child {
+ width: 50% ;
+ float: left;
+ height: 100% ;
+}
+.tile-content.slide-up > .slide,
+.tile-content.slide-down > .slide,
+.tile-content.slide-up-2 > .slide,
+.tile-content.slide-down-2 > .slide,
+.tile-content.slide-left > .slide,
+.tile-content.slide-right > .slide,
+.tile-content.slide-left-2 > .slide,
+.tile-content.slide-right-2 > .slide,
+.tile-content.slide-up > .slide-over,
+.tile-content.slide-down > .slide-over,
+.tile-content.slide-up-2 > .slide-over,
+.tile-content.slide-down-2 > .slide-over,
+.tile-content.slide-left > .slide-over,
+.tile-content.slide-right > .slide-over,
+.tile-content.slide-left-2 > .slide-over,
+.tile-content.slide-right-2 > .slide-over {
+ width: 100%;
+ height: inherit;
+ display: block;
+ position: absolute;
+ box-shadow: inset 0 0 1px #FFFFCC;
+}
+.tile-content.slide-up > .slide,
+.tile-content.slide-down > .slide,
+.tile-content.slide-up-2 > .slide,
+.tile-content.slide-down-2 > .slide,
+.tile-content.slide-left > .slide,
+.tile-content.slide-right > .slide,
+.tile-content.slide-left-2 > .slide,
+.tile-content.slide-right-2 > .slide {
+ top: 0;
+ z-index: 1;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-up:hover > .slide,
+.tile-content.slide-down:hover > .slide,
+.tile-content.slide-up-2:hover > .slide,
+.tile-content.slide-down-2:hover > .slide,
+.tile-content.slide-left:hover > .slide,
+.tile-content.slide-right:hover > .slide,
+.tile-content.slide-left-2:hover > .slide,
+.tile-content.slide-right-2:hover > .slide {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ transition: all 0.6s ease;
+}
+.tile-content.slide-up > .slide-over {
+ top: 100%;
+ z-index: 2;
+ height: 75%;
+ transition: all 0.6s ease;
+}
+.tile-content.slide-up:hover > .slide-over {
+ top: 25%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-up-2 > .slide-over {
+ top: 100%;
+ z-index: 2;
+ height: 100%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-up-2:hover > .slide {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: -100%;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-up-2:hover > .slide-over {
+ top: 0;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-down > .slide-over {
+ top: -100%;
+ z-index: 2;
+ height: 75%;
+ transition: all 0.6s ease;
+}
+.tile-content.slide-down:hover > .slide-over {
+ top: 0;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-down-2 > .slide-over {
+ top: -100%;
+ z-index: 2;
+ height: 100%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-down-2:hover > .slide {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: 100%;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-down-2:hover > .slide-over {
+ top: 0;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-left > .slide-over {
+ left: -100%;
+ z-index: 2;
+ width: 75%;
+ height: 100%;
+ transition: all 0.6s ease;
+}
+.tile-content.slide-left:hover > .slide-over {
+ left: 0;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-left-2 > .slide {
+ left: 0;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-left-2 > .slide-over {
+ left: -100%;
+ z-index: 2;
+ width: 100%;
+ height: 100%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-left-2:hover > .slide {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ left: 100%;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-left-2:hover > .slide-over {
+ left: 0;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-right > .slide-over {
+ left: 100%;
+ z-index: 2;
+ width: 75%;
+ height: 100%;
+ transition: all 0.6s ease;
+}
+.tile-content.slide-right:hover > .slide-over {
+ left: 25%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-right-2 > .slide {
+ left: 0;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-right-2 > .slide-over {
+ left: 100%;
+ z-index: 2;
+ width: 100%;
+ height: 100%;
+ transition: all 0.3s ease;
+}
+.tile-content.slide-right-2:hover > .slide {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ left: -100%;
+ transition: all 0.4s ease;
+}
+.tile-content.slide-right-2:hover > .slide-over {
+ left: 0;
+ transition: all 0.4s ease;
+}
+.tile-content.zooming .slide {
+ box-shadow: inset 0 0 1px #FFFFCC;
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: relative;
+ transition: all 0.6s ease;
+}
+.tile-content.zooming .slide:hover {
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ transition: all 0.6s ease;
+}
+.tile-content.zooming-out .slide {
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: relative;
+ -webkit-transform: scale(1.5);
+ transform: scale(1.5);
+ transition: all 0.6s ease;
+}
+.tile-content.zooming-out .slide:hover {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ transition: all 0.6s ease;
+}
+.tile-small,
+.tile,
+.tile-square,
+.tile-wide,
+.tile-large,
+.tile-big,
+.tile-super {
+ overflow: visible;
+}
+.tile-small .tile-content.flipVertical,
+.tile .tile-content.flipVertical,
+.tile-square .tile-content.flipVertical,
+.tile-wide .tile-content.flipVertical,
+.tile-large .tile-content.flipVertical,
+.tile-big .tile-content.flipVertical,
+.tile-super .tile-content.flipVertical {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-small:hover .tile-content.flipVertical,
+.tile:hover .tile-content.flipVertical,
+.tile-square:hover .tile-content.flipVertical,
+.tile-wide:hover .tile-content.flipVertical,
+.tile-large:hover .tile-content.flipVertical,
+.tile-big:hover .tile-content.flipVertical,
+.tile-super:hover .tile-content.flipVertical,
+.tile-small.hover .tile-content.flipVertical,
+.tile.hover .tile-content.flipVertical,
+.tile-square.hover .tile-content.flipVertical,
+.tile-wide.hover .tile-content.flipVertical,
+.tile-large.hover .tile-content.flipVertical,
+.tile-big.hover .tile-content.flipVertical,
+.tile-super.hover .tile-content.flipVertical,
+.tile-small.flip .tile-content.flipVertical,
+.tile.flip .tile-content.flipVertical,
+.tile-square.flip .tile-content.flipVertical,
+.tile-wide.flip .tile-content.flipVertical,
+.tile-large.flip .tile-content.flipVertical,
+.tile-big.flip .tile-content.flipVertical,
+.tile-super.flip .tile-content.flipVertical {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-small .tile-content.flipVertical,
+.tile .tile-content.flipVertical,
+.tile-square .tile-content.flipVertical,
+.tile-wide .tile-content.flipVertical,
+.tile-large .tile-content.flipVertical,
+.tile-big .tile-content.flipVertical,
+.tile-super .tile-content.flipVertical {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-small .tile-content.flipVertical .slide,
+.tile .tile-content.flipVertical .slide,
+.tile-square .tile-content.flipVertical .slide,
+.tile-wide .tile-content.flipVertical .slide,
+.tile-large .tile-content.flipVertical .slide,
+.tile-big .tile-content.flipVertical .slide,
+.tile-super .tile-content.flipVertical .slide,
+.tile-small .tile-content.flipVertical .slide-over,
+.tile .tile-content.flipVertical .slide-over,
+.tile-square .tile-content.flipVertical .slide-over,
+.tile-wide .tile-content.flipVertical .slide-over,
+.tile-large .tile-content.flipVertical .slide-over,
+.tile-big .tile-content.flipVertical .slide-over,
+.tile-super .tile-content.flipVertical .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-small .tile-content.flipVertical .slide,
+.tile .tile-content.flipVertical .slide,
+.tile-square .tile-content.flipVertical .slide,
+.tile-wide .tile-content.flipVertical .slide,
+.tile-large .tile-content.flipVertical .slide,
+.tile-big .tile-content.flipVertical .slide,
+.tile-super .tile-content.flipVertical .slide {
+ z-index: 2;
+ -webkit-transform: rotateY(0deg);
+ transform: rotateY(0deg);
+}
+.tile-small .tile-content.flipVertical .slide-over,
+.tile .tile-content.flipVertical .slide-over,
+.tile-square .tile-content.flipVertical .slide-over,
+.tile-wide .tile-content.flipVertical .slide-over,
+.tile-large .tile-content.flipVertical .slide-over,
+.tile-big .tile-content.flipVertical .slide-over,
+.tile-super .tile-content.flipVertical .slide-over {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.tile-small .tile-content.flipHorizontal,
+.tile .tile-content.flipHorizontal,
+.tile-square .tile-content.flipHorizontal,
+.tile-wide .tile-content.flipHorizontal,
+.tile-large .tile-content.flipHorizontal,
+.tile-big .tile-content.flipHorizontal,
+.tile-super .tile-content.flipHorizontal {
+ -webkit-transform: perspective(1000px);
+ transform: perspective(1000px);
+ overflow: visible;
+}
+.tile-small:hover .tile-content.flipHorizontal,
+.tile:hover .tile-content.flipHorizontal,
+.tile-square:hover .tile-content.flipHorizontal,
+.tile-wide:hover .tile-content.flipHorizontal,
+.tile-large:hover .tile-content.flipHorizontal,
+.tile-big:hover .tile-content.flipHorizontal,
+.tile-super:hover .tile-content.flipHorizontal,
+.tile-small.hover .tile-content.flipHorizontal,
+.tile.hover .tile-content.flipHorizontal,
+.tile-square.hover .tile-content.flipHorizontal,
+.tile-wide.hover .tile-content.flipHorizontal,
+.tile-large.hover .tile-content.flipHorizontal,
+.tile-big.hover .tile-content.flipHorizontal,
+.tile-super.hover .tile-content.flipHorizontal,
+.tile-small.flip .tile-content.flipHorizontal,
+.tile.flip .tile-content.flipHorizontal,
+.tile-square.flip .tile-content.flipHorizontal,
+.tile-wide.flip .tile-content.flipHorizontal,
+.tile-large.flip .tile-content.flipHorizontal,
+.tile-big.flip .tile-content.flipHorizontal,
+.tile-super.flip .tile-content.flipHorizontal {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile-small .tile-content.flipHorizontal,
+.tile .tile-content.flipHorizontal,
+.tile-square .tile-content.flipHorizontal,
+.tile-wide .tile-content.flipHorizontal,
+.tile-large .tile-content.flipHorizontal,
+.tile-big .tile-content.flipHorizontal,
+.tile-super .tile-content.flipHorizontal {
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ transition: all 0.6s ease;
+}
+.tile-small .tile-content.flipHorizontal .slide,
+.tile .tile-content.flipHorizontal .slide,
+.tile-square .tile-content.flipHorizontal .slide,
+.tile-wide .tile-content.flipHorizontal .slide,
+.tile-large .tile-content.flipHorizontal .slide,
+.tile-big .tile-content.flipHorizontal .slide,
+.tile-super .tile-content.flipHorizontal .slide,
+.tile-small .tile-content.flipHorizontal .slide-over,
+.tile .tile-content.flipHorizontal .slide-over,
+.tile-square .tile-content.flipHorizontal .slide-over,
+.tile-wide .tile-content.flipHorizontal .slide-over,
+.tile-large .tile-content.flipHorizontal .slide-over,
+.tile-big .tile-content.flipHorizontal .slide-over,
+.tile-super .tile-content.flipHorizontal .slide-over {
+ top: 0;
+ left: 0;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.tile-small .tile-content.flipHorizontal .slide,
+.tile .tile-content.flipHorizontal .slide,
+.tile-square .tile-content.flipHorizontal .slide,
+.tile-wide .tile-content.flipHorizontal .slide,
+.tile-large .tile-content.flipHorizontal .slide,
+.tile-big .tile-content.flipHorizontal .slide,
+.tile-super .tile-content.flipHorizontal .slide {
+ z-index: 2;
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+}
+.tile-small .tile-content.flipHorizontal .slide-over,
+.tile .tile-content.flipHorizontal .slide-over,
+.tile-square .tile-content.flipHorizontal .slide-over,
+.tile-wide .tile-content.flipHorizontal .slide-over,
+.tile-large .tile-content.flipHorizontal .slide-over,
+.tile-big .tile-content.flipHorizontal .slide-over,
+.tile-super .tile-content.flipHorizontal .slide-over {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.tile .tile-badge {
+ position: absolute;
+ bottom: 0;
+ right: .625rem;
+ padding: .25rem .625rem;
+ z-index: 999;
+}
+.tile .tile-label {
+ position: absolute;
+ bottom: 0;
+ left: .625rem;
+ padding: .425rem .25rem;
+ z-index: 999;
+}
+.tile-content .image-container,
+.tile-content .carousel {
+ box-shadow: inset 0 0 1px #FFFFCC;
+ width: 100%;
+ height: 100%;
+}
+[class*=tile-transform-] {
+ transition: all 0.22s ease;
+}
+.tile-transform-right {
+ -webkit-transform-origin: left 50%;
+ transform-origin: left 50%;
+}
+.tile.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.138372rad) !important;
+ transform: perspective(500px) rotateY(0.138372rad) !important;
+}
+.tile-square.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.138372rad) !important;
+ transform: perspective(500px) rotateY(0.138372rad) !important;
+}
+.tile-wide.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
+ transform: perspective(500px) rotateY(0.069186rad) !important;
+}
+.tile-large.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.069186rad) !important;
+ transform: perspective(500px) rotateY(0.069186rad) !important;
+}
+.tile-big.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.046124rad) !important;
+ transform: perspective(500px) rotateY(0.046124rad) !important;
+}
+.tile-super.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.034593rad) !important;
+ transform: perspective(500px) rotateY(0.034593rad) !important;
+}
+.tile-small.tile-transform-right {
+ -webkit-transform: perspective(500px) rotateY(0.276744rad) !important;
+ transform: perspective(500px) rotateY(0.276744rad) !important;
+}
+.tile-transform-left {
+ -webkit-transform-origin: right 50%;
+ transform-origin: right 50%;
+}
+.tile.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.138372rad) !important;
+ transform: perspective(500px) rotateY(-0.138372rad) !important;
+}
+.tile-square.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.138372rad) !important;
+ transform: perspective(500px) rotateY(-0.138372rad) !important;
+}
+.tile-wide.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
+ transform: perspective(500px) rotateY(-0.069186rad) !important;
+}
+.tile-large.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.069186rad) !important;
+ transform: perspective(500px) rotateY(-0.069186rad) !important;
+}
+.tile-big.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.046124rad) !important;
+ transform: perspective(500px) rotateY(-0.046124rad) !important;
+}
+.tile-super.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.034593rad) !important;
+ transform: perspective(500px) rotateY(-0.034593rad) !important;
+}
+.tile-small.tile-transform-left {
+ -webkit-transform: perspective(500px) rotateY(-0.276744rad) !important;
+ transform: perspective(500px) rotateY(-0.276744rad) !important;
+}
+.tile-transform-top {
+ -webkit-transform-origin: 50% bottom;
+ transform-origin: 50% bottom;
+}
+.tile.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.138372rad) !important;
+ transform: perspective(500px) rotateX(0.138372rad) !important;
+}
+.tile-square.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.138372rad) !important;
+ transform: perspective(500px) rotateX(0.138372rad) !important;
+}
+.tile-wide.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
+ transform: perspective(500px) rotateX(0.069186rad) !important;
+}
+.tile-large.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.069186rad) !important;
+ transform: perspective(500px) rotateX(0.069186rad) !important;
+}
+.tile-big.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.046124rad) !important;
+ transform: perspective(500px) rotateX(0.046124rad) !important;
+}
+.tile-super.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.034593rad) !important;
+ transform: perspective(500px) rotateX(0.034593rad) !important;
+}
+.tile-small.tile-transform-top {
+ -webkit-transform: perspective(500px) rotateX(0.276744rad) !important;
+ transform: perspective(500px) rotateX(0.276744rad) !important;
+}
+.tile-transform-bottom {
+ -webkit-transform-origin: 50% top;
+ transform-origin: 50% top;
+}
+.tile.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.138372rad) !important;
+ transform: perspective(500px) rotateX(-0.138372rad) !important;
+}
+.tile-square.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.138372rad) !important;
+ transform: perspective(500px) rotateX(-0.138372rad) !important;
+}
+.tile-wide.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
+ transform: perspective(500px) rotateX(-0.069186rad) !important;
+}
+.tile-large.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.069186rad) !important;
+ transform: perspective(500px) rotateX(-0.069186rad) !important;
+}
+.tile-big.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.046124rad) !important;
+ transform: perspective(500px) rotateX(-0.046124rad) !important;
+}
+.tile-super.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.034593rad) !important;
+ transform: perspective(500px) rotateX(-0.034593rad) !important;
+}
+.tile-small.tile-transform-bottom {
+ -webkit-transform: perspective(500px) rotateX(-0.276744rad) !important;
+ transform: perspective(500px) rotateX(-0.276744rad) !important;
+}
+.tile-area-scheme-dark {
+ background-color: #1d1d1d;
+}
+.tile-area-scheme-dark [class*=tile] {
+ outline-color: #373737;
+}
+.tile-area-scheme-darkBrown {
+ background-color: #63362f;
+}
+.tile-area-scheme-darkBrown [class*=tile] {
+ outline-color: #86493f;
+}
+.tile-area-scheme-darkCrimson {
+ background-color: #640024;
+}
+.tile-area-scheme-darkCrimson [class*=tile] {
+ outline-color: #970036;
+}
+.tile-area-scheme-darkViolet {
+ background-color: #57169a;
+}
+.tile-area-scheme-darkViolet [class*=tile] {
+ outline-color: #701cc7;
+}
+.tile-area-scheme-darkMagenta {
+ background-color: #81003c;
+}
+.tile-area-scheme-darkMagenta [class*=tile] {
+ outline-color: #b40054;
+}
+.tile-area-scheme-darkCyan {
+ background-color: #1b6eae;
+}
+.tile-area-scheme-darkCyan [class*=tile] {
+ outline-color: #228ada;
+}
+.tile-area-scheme-darkCobalt {
+ background-color: #00356a;
+}
+.tile-area-scheme-darkCobalt [class*=tile] {
+ outline-color: #004e9d;
+}
+.tile-area-scheme-darkTeal {
+ background-color: #004050;
+}
+.tile-area-scheme-darkTeal [class*=tile] {
+ outline-color: #006983;
+}
+.tile-area-scheme-darkEmerald {
+ background-color: #003e00;
+}
+.tile-area-scheme-darkEmerald [class*=tile] {
+ outline-color: #007100;
+}
+.tile-area-scheme-darkGreen {
+ background-color: #128023;
+}
+.tile-area-scheme-darkGreen [class*=tile] {
+ outline-color: #18ad2f;
+}
+.tile-area-scheme-darkOrange {
+ background-color: #bf5a15;
+}
+.tile-area-scheme-darkOrange [class*=tile] {
+ outline-color: #e77120;
+}
+.tile-area-scheme-darkRed {
+ background-color: #9a1616;
+}
+.tile-area-scheme-darkRed [class*=tile] {
+ outline-color: #c71c1c;
+}
+.tile-area-scheme-darkPink {
+ background-color: #9a165a;
+}
+.tile-area-scheme-darkPink [class*=tile] {
+ outline-color: #c71c74;
+}
+.tile-area-scheme-darkIndigo {
+ background-color: #4b0096;
+}
+.tile-area-scheme-darkIndigo [class*=tile] {
+ outline-color: #6400c9;
+}
+.tile-area-scheme-darkBlue {
+ background-color: #16499a;
+}
+.tile-area-scheme-darkBlue [class*=tile] {
+ outline-color: #1c5ec7;
+}
+.tile-area-scheme-lightBlue {
+ background-color: #4390df;
+}
+.tile-area-scheme-lightBlue [class*=tile] {
+ outline-color: #6faae6;
+}
+.tile-area-scheme-lightTeal {
+ background-color: #45fffd;
+}
+.tile-area-scheme-lightTeal [class*=tile] {
+ outline-color: #78fffd;
+}
+.tile-area-scheme-lightOlive {
+ background-color: #78aa1c;
+}
+.tile-area-scheme-lightOlive [class*=tile] {
+ outline-color: #97d623;
+}
+.tile-area-scheme-lightOrange {
+ background-color: #ffc194;
+}
+.tile-area-scheme-lightOrange [class*=tile] {
+ outline-color: #ffdec7;
+}
+.tile-area-scheme-lightPink {
+ background-color: #f472d0;
+}
+.tile-area-scheme-lightPink [class*=tile] {
+ outline-color: #f8a1e0;
+}
+.tile-area-scheme-grayed {
+ background-color: #585858;
+}
+.tile-area-scheme-grayed [class*=tile] {
+ outline-color: #727272;
+}
+.treeview {
+ margin: 0;
+ padding: 0;
+ display: block;
+ font-size: .75rem;
+}
+.treeview ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ width: 100%;
+ font-size: inherit;
+}
+.treeview li {
+ font-size: inherit;
+ padding: 2px 16px;
+ cursor: pointer;
+ position: relative;
+ color: #555555;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.treeview li.active > .leaf {
+ font-weight: bold;
+}
+.treeview li.disabled {
+ cursor: default;
+ color: #999999;
+}
+.treeview li.disabled:hover > .leaf {
+ color: #999999;
+}
+.treeview li .input-control {
+ margin: 0 .3125rem 0 0;
+ height: 1rem;
+ line-height: .625rem;
+ min-height: 0;
+}
+.treeview li .input-control .check {
+ line-height: 1rem;
+}
+.treeview ul > li > .leaf:hover {
+ color: #1d1d1d;
+}
+.treeview .leaf {
+ vertical-align: middle;
+ display: inline-block;
+ color: inherit;
+}
+.treeview .leaf .icon {
+ width: 1rem;
+ height: 1rem;
+ text-align: center;
+}
+.treeview .node-toggle {
+ position: absolute;
+ left: 0;
+ top: 8px;
+ width: 8px;
+ height: 8px;
+}
+.treeview .node-toggle:before {
+ position: absolute;
+ display: block;
+ left: 0;
+ top: -3px;
+ height: 0;
+ content: '';
+ width: 0;
+ border-left: 7px solid transparent;
+ border-top: 7px solid transparent;
+ border-bottom: 7px #1ba1e2 solid;
+}
+.treeview li:hover > .node-toggle:before {
+ border-bottom-color: #1b6eae;
+}
+.treeview .node.collapsed > .node-toggle:before {
+ left: -4px;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ border-bottom-color: #999999;
+}
+.treeview .node.collapsed:hover > .node-toggle:before {
+ border-bottom-color: #1b6eae;
+}
+.treeview .node.collapsed > ul {
+ display: none;
+}
+.presenter {
+ width: 100%;
+ height: 200px;
+ min-height: 200px;
+ position: relative;
+ display: block;
+}
+.scene {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ display: block;
+}
+.act {
+ width: 100%;
+ height: 100%;
+ display: block;
+ position: relative;
+ padding: 10px ;
+}
+.act:before,
+.act:after {
+ display: table;
+ content: "";
+}
+.act:after {
+ clear: both;
+}
+.actor {
+ position: absolute;
+ margin-right: 10px;
+}
+.listview {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+.listview:before,
+.listview:after {
+ display: table;
+ content: "";
+}
+.listview:after {
+ clear: both;
+}
+.listview .list-group {
+ display: block;
+ width: 100%;
+ height: auto;
+ position: relative;
+}
+.listview .list-group:before,
+.listview .list-group:after {
+ display: table;
+ content: "";
+}
+.listview .list-group:after {
+ clear: both;
+}
+.listview .list-group .list-group-toggle {
+ display: block;
+ padding-left: 16px;
+ cursor: pointer;
+ position: relative;
+ margin-top: 10px;
+}
+.listview .list-group .list-group-toggle:before {
+ position: absolute;
+ display: block;
+ left: 0;
+ top: -3px;
+ height: 0;
+ content: '';
+ width: 0;
+ border-left: 7px solid transparent;
+ border-top: 7px solid transparent;
+ border-bottom: 7px #1ba1e2 solid;
+}
+.listview .list-group .list-group-content {
+ display: block;
+ width: 100%;
+ height: auto;
+ margin-top: 1rem;
+}
+.listview .list-group .list-group-content:before,
+.listview .list-group .list-group-content:after {
+ display: table;
+ content: "";
+}
+.listview .list-group .list-group-content:after {
+ clear: both;
+}
+.listview .list-group.collapsed > .list-group-toggle:before {
+ left: -4px;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ border-bottom-color: #999999;
+}
+.listview .list-group.collapsed:hover > .list-group-toggle:before {
+ border-bottom-color: #1b6eae;
+}
+.listview .list {
+ display: block;
+ width: 100%;
+ padding: 8px 8px 4px 48px;
+ border: 1px transparent solid;
+ cursor: pointer;
+ height: 50px;
+ border-bottom-color: #eeeeee;
+ position: relative;
+}
+.listview .list:last-child {
+ border-bottom-color: transparent;
+}
+.listview .list .list-icon {
+ position: absolute;
+ left: 0;
+ top: 0;
+ margin: 8px;
+ width: 32px;
+ height: 32px;
+ font-size: 32px;
+ text-align: center;
+}
+.listview .list .list-data {
+ display: block;
+ margin: 4px 0;
+}
+.listview.list-type-icons .list {
+ display: block;
+ float: left;
+ padding: 0;
+ width: 105px;
+ height: 116px;
+ border-color: transparent;
+ margin: .625rem;
+ text-align: center;
+}
+.listview.list-type-icons .list .list-title {
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 4px;
+ height: auto;
+ text-align: center;
+}
+.listview.list-type-icons .list .list-icon {
+ width: 80px;
+ height: 80px;
+ font-size: 80px;
+ text-align: center;
+ left: 50%;
+ margin-left: -40px;
+}
+.listview.list-type-icons .list .list-data {
+ display: none;
+}
+.listview.list-type-tiles .list {
+ display: block;
+ float: left;
+ padding: 8px 8px 4px 48px;
+ width: 250px;
+ height: 52px;
+ border-color: transparent;
+ margin: .625rem;
+}
+.listview.list-type-tiles .list .list-title {
+ margin-top: 8px;
+ display: block;
+}
+.listview.list-type-tiles .list .list-icon {
+ width: 48px;
+ height: 48px;
+ font-size: 48px;
+ text-align: center;
+ top: 0;
+ left: 0;
+ margin: 2px;
+}
+.listview.list-type-tiles .list .list-data {
+ display: none;
+}
+.listview.list-type-listing .list {
+ display: block;
+ float: left;
+ padding: 4px 2px 4px 24px;
+ width: auto;
+ height: auto;
+ border-color: transparent;
+ margin: 1px;
+}
+.listview.list-type-listing .list .list-title {
+ display: block;
+}
+.listview.list-type-listing .list .list-icon {
+ width: 20px;
+ height: 20px;
+ font-size: 20px;
+ text-align: center;
+ top: 0;
+ left: 0;
+ margin: 1px;
+}
+.listview.list-type-listing .list .list-data {
+ display: none;
+}
+.listview .list.active {
+ background-color: #d1e8ff;
+ border-color: #64b4db;
+}
+.listview .list:hover {
+ background-color: #e5f3fb;
+ border-color: #64b4db;
+}
+.listview-outlook {
+ display: block;
+ width: 100%;
+ height: auto;
+}
+.listview-outlook:before,
+.listview-outlook:after {
+ display: table;
+ content: "";
+}
+.listview-outlook:after {
+ clear: both;
+}
+.listview-outlook .list {
+ display: block;
+ width: 100%;
+ border: 0;
+ border-bottom: 1px #eeeeee solid;
+ padding: 2px 0;
+ color: #555555;
+ margin-bottom: 0;
+ background-color: transparent;
+}
+.listview-outlook .list .list-content {
+ margin: 2px 0;
+ padding: 2px 20px;
+ font-size: 1rem;
+ color: inherit;
+ border-left: 3px transparent solid;
+}
+.listview-outlook .list .list-content .list-title,
+.listview-outlook .list .list-content .list-subtitle,
+.listview-outlook .list .list-content .list-remark {
+ width: 100%;
+ display: block;
+ color: inherit;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+.listview-outlook .list .list-content .list-title {
+ line-height: 1.3;
+}
+.listview-outlook .list .list-content .list-subtitle {
+ font-size: .75rem;
+ line-height: 1.2;
+ font-weight: 500;
+ color: #0067cb;
+}
+.listview-outlook .list .list-content .list-remark {
+ font-weight: normal;
+ line-height: 1.2;
+ font-size: .625rem;
+ color: #999999;
+}
+.listview-outlook .list:hover {
+ background-color: #eeeeee;
+ outline: none;
+}
+.listview-outlook .list:hover .list-content {
+ border-left: 3px transparent solid;
+}
+.listview-outlook .list.marked .list-content {
+ border-left: 3px #1b6eae solid;
+}
+.listview-outlook .list:active,
+.listview-outlook .list:focus,
+.listview-outlook .list.active {
+ background-color: #cde6f7;
+ outline: 1px #999999 dotted;
+ color: #555555;
+}
+.listview-outlook .list-group {
+ display: block;
+ position: relative;
+}
+.listview-outlook .list-group .list-group-toggle {
+ display: block;
+ margin-bottom: 2px;
+ background-color: #f0f0f0;
+ padding: 4px 20px 4px 24px;
+ font-size: .875rem;
+ font-weight: 500;
+ color: #333333;
+ cursor: pointer;
+}
+.listview-outlook .list-group .list-group-toggle:before {
+ position: absolute;
+ display: block;
+ left: 10px;
+ top: 2px;
+ content: '';
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-top: 7px solid transparent;
+ border-bottom: 7px solid black;
+}
+.listview-outlook .list-group .list-group-content {
+ display: block;
+}
+.listview-outlook .list-group.collapsed .list-group-toggle:before {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ margin-left: -4px;
+}
+.listview-outlook .list-group .list-group-toggle:hover:before {
+ border-bottom-color: #0067cb;
+}
+.charm {
+ display: block;
+ position: fixed;
+ z-index: 1060;
+ background: #1d1d1d;
+ color: #eeeeee;
+ padding: .625rem;
+}
+.charm .charm-closer {
+ position: absolute;
+ height: 1rem;
+ width: 1rem;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: 0 0 .625rem 0;
+ z-index: 3;
+ outline: none;
+ cursor: pointer;
+ color: #777777;
+ top: .25rem;
+ right: .25rem;
+}
+.charm .charm-closer:after {
+ content: '\D7';
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-top: -0.65rem;
+ margin-left: -0.35rem;
+}
+.charm .charm-closer:hover {
+ color: #ffffff;
+}
+.charm .charm-closer:active {
+ color: #ffffff;
+}
+.charm.right-side {
+ width: auto;
+ right: 0;
+ top: 0;
+ left: auto;
+ bottom: 0;
+}
+.charm.left-side {
+ width: auto;
+ left: 0;
+ top: 0;
+ bottom: 0;
+}
+.charm.top-side {
+ height: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+}
+.charm.bottom-side {
+ height: auto;
+ left: 0;
+ right: 0;
+ top: auto;
+ bottom: 0;
+}
+.notify-container {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: auto;
+ z-index: 1061;
+}
+.notify-container:before,
+.notify-container:after {
+ display: table;
+ content: "";
+}
+.notify-container:after {
+ clear: both;
+}
+.notify-container.position-left {
+ left: 0;
+ right: auto;
+}
+.notify-container.position-top {
+ left: 0;
+ right: 0;
+ top: 0;
+ height: auto;
+}
+.notify-container.position-top .notify {
+ float: left;
+}
+.notify-container.position-bottom {
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: auto;
+ height: auto;
+}
+.notify-container.position-bottom .notify {
+ float: left;
+}
+.notify {
+ display: block;
+ margin: .3125rem;
+ padding: .625rem;
+ min-width: 200px;
+ cursor: default;
+ max-width: 300px;
+ position: relative;
+}
+.notify .notify-icon {
+ width: 32px;
+ height: 32px;
+ font-size: 32px;
+ text-align: center;
+ position: absolute;
+ margin: -16px 10px;
+ top: 50%;
+ left: 0;
+}
+.notify .notify-icon ~ .notify-title,
+.notify .notify-icon ~ .notify-text {
+ position: relative;
+ margin-left: 42px;
+}
+.notify .notify-title,
+.notify .notify-text {
+ display: block;
+ margin-right: 20px;
+}
+.notify .notify-title {
+ font-weight: 500;
+ font-size: 1rem;
+}
+.notify .notify-text {
+ font-size: .875rem;
+}
+.notify .notify-closer {
+ position: absolute;
+ height: 1rem;
+ width: 1rem;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: 0 0 .625rem 0;
+ z-index: 3;
+ outline: none;
+ cursor: pointer;
+ background-color: #ffffff;
+ color: #777777;
+ top: .25rem;
+ right: .25rem;
+}
+.notify .notify-closer:after {
+ border-color: #777777;
+ content: '\D7';
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-top: -0.65rem;
+ margin-left: -0.35rem;
+}
+.notify .notify-closer:hover {
+ background-color: #cde6f7;
+ color: #ffffff;
+}
+.notify .notify-closer:active {
+ background-color: #92c0e0;
+ color: #ffffff;
+}
+.notify {
+ background-color: #e5f3fb;
+ color: #1d1d1d;
+}
+.notify.success {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.notify.success .notify-closer {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.notify.success .notify-closer:hover {
+ background-color: #7ad61d;
+}
+.notify.success .notify-closer:active {
+ background-color: #128023;
+}
+.notify.alert {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.notify.alert .notify-closer {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.notify.alert .notify-closer:hover {
+ background-color: #da5a53;
+}
+.notify.alert .notify-closer:active {
+ background-color: #9a1616;
+}
+.notify.warning {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.notify.warning .notify-closer {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.notify.warning .notify-closer:hover {
+ background-color: #ffc194;
+}
+.notify.warning .notify-closer:active {
+ background-color: #bf5a15;
+}
+.notify.info {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.notify.info .notify-closer {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.notify.info .notify-closer:hover {
+ background-color: #59cde2;
+}
+.notify.info .notify-closer:active {
+ background-color: #1b6eae;
+}
+p [data-hint] {
+ border-bottom: 1px #373737 dotted;
+ white-space: nowrap;
+}
+.hint {
+ position: fixed;
+ color: #1d1d1d;
+ padding: 10px;
+ font-size: 12px;
+ width: auto;
+ max-width: 220px;
+ margin-top: 10px;
+ z-index: 1030;
+ display: none;
+ border: 1px #eee solid;
+}
+.hint .hint-title,
+.hint .hint-text {
+ color: inherit;
+ text-align: left;
+}
+.hint .hint-title {
+ font-size: 1.2em;
+ font-weight: bold;
+}
+.hint:before {
+ content: '';
+ position: absolute;
+ background-color: inherit;
+ width: 10px;
+ height: 10px;
+ border: 1px #eee solid;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.hint:before {
+ z-index: 2;
+}
+.hint.bottom:before {
+ top: 1px;
+ left: 5px;
+ margin: -7px 0;
+ border-bottom: none;
+ border-right: none;
+}
+.hint.top:before {
+ top: 100%;
+ margin-top: -5px;
+ left: 5px;
+ border-top: none;
+ border-left: none;
+}
+.hint.left:before {
+ top: 5px;
+ left: 100%;
+ margin-left: -5px;
+ border-bottom: none;
+ border-left: none;
+}
+.hint.right:before {
+ top: 5px;
+ left: -9px;
+ margin: 1px 0 0 3px;
+ border-top: none;
+ border-right: none;
+}
+.hint2 {
+ position: fixed;
+ color: #1d1d1d;
+ padding: 10px;
+ font-size: 12px;
+ width: auto;
+ max-width: 220px;
+ margin-top: 10px;
+ z-index: 1030;
+ display: none;
+ border: 1px #eee solid;
+}
+.hint2 .hint-title,
+.hint2 .hint-text {
+ color: inherit;
+ text-align: left;
+}
+.hint2 .hint-title {
+ font-size: 1.2em;
+ font-weight: bold;
+}
+.hint2:before {
+ content: '';
+ position: absolute;
+ background-color: inherit;
+ width: 10px;
+ height: 10px;
+ border: 1px #eee solid;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.hint2:before {
+ z-index: 2;
+}
+.hint2.bottom:before {
+ top: 1px;
+ left: 5px;
+ margin: -7px 0;
+ border-bottom: none;
+ border-right: none;
+}
+.hint2.top:before {
+ top: 100%;
+ margin-top: -5px;
+ left: 5px;
+ border-top: none;
+ border-left: none;
+}
+.hint2.left:before {
+ top: 5px;
+ left: 100%;
+ margin-left: -5px;
+ border-bottom: none;
+ border-left: none;
+}
+.hint2.right:before {
+ top: 5px;
+ left: -9px;
+ margin: 1px 0 0 3px;
+ border-top: none;
+ border-right: none;
+}
+.hint2.no-border {
+ border: none;
+}
+.hint2.no-border:before {
+ border: none;
+}
+.hint2.no-border.right:before {
+ left: -7px;
+}
+.hint2.bottom:before {
+ top: 1px;
+ left: 50%;
+ margin: -7px 0 0 -5px;
+ border-bottom: none;
+ border-right: none;
+}
+.hint2.top:before {
+ top: 100%;
+ margin-top: -5px;
+ left: 50%;
+ margin-left: -5px;
+ border-top: none;
+ border-left: none;
+}
+.hint2.left:before {
+ top: 50%;
+ margin-top: -5px;
+ left: 100%;
+ margin-left: -5px;
+ border-bottom: none;
+ border-left: none;
+}
+.hint2.right:before {
+ top: 50%;
+ margin: -5px 0 0 3px;
+ left: -9px;
+ border-top: none;
+ border-right: none;
+}
+.hint.no-border,
+.hint2.no-border {
+ border: none;
+}
+.hint.no-border:before,
+.hint2.no-border:before {
+ border: none;
+}
+.hint.no-border.right:before,
+.hint2.no-border.right:before {
+ left: -7px;
+}
+.hint2.line {
+ padding: 2px 4px;
+ border: none;
+ display: block;
+ max-width: 100%;
+ margin: -5px 0 4px 0;
+}
+.hint2.line:before {
+ display: none;
+}
+.preloader-ring {
+ position: relative;
+ padding-top: 0.22rem;
+ width: 32px;
+ height: 32px;
+ margin: .625rem;
+}
+.preloader-ring > .wrap {
+ position: absolute;
+ width: 30px;
+ height: 30px;
+}
+.preloader-ring > .wrap > .circle {
+ opacity: 0;
+ width: 30px;
+ height: 30px;
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+ -webkit-animation: orbit 4000ms infinite;
+ animation: orbit 4000ms infinite;
+}
+.preloader-ring > .wrap > .circle:after {
+ position: absolute;
+ content: '';
+ width: 4px;
+ height: 4px;
+ border-radius: 4px;
+ background: #ffffff;
+}
+.preloader-ring > .wrap:nth-child(2) {
+ -webkit-transform: rotate(-14deg);
+ transform: rotate(-14deg);
+}
+.preloader-ring > .wrap:nth-child(2) > .circle {
+ -webkit-animation-delay: 133.33333333ms;
+ animation-delay: 133.33333333ms;
+}
+.preloader-ring > .wrap:nth-child(3) {
+ -webkit-transform: rotate(-28deg);
+ transform: rotate(-28deg);
+}
+.preloader-ring > .wrap:nth-child(3) > .circle {
+ -webkit-animation-delay: 266.66666667ms;
+ animation-delay: 266.66666667ms;
+}
+.preloader-ring > .wrap:nth-child(4) {
+ -webkit-transform: rotate(-42deg);
+ transform: rotate(-42deg);
+}
+.preloader-ring > .wrap:nth-child(4) > .circle {
+ -webkit-animation-delay: 400ms;
+ animation-delay: 400ms;
+}
+.preloader-ring > .wrap:nth-child(5) {
+ -webkit-transform: rotate(-56deg);
+ transform: rotate(-56deg);
+}
+.preloader-ring > .wrap:nth-child(5) > .circle {
+ -webkit-animation-delay: 533.33333333ms;
+ animation-delay: 533.33333333ms;
+}
+.preloader-ring.dark-style > .wrap > .circle:after {
+ background-color: #555555;
+}
+.preloader-ring.color-style > .wrap > .circle:after {
+ background-color: #1ba1e2;
+}
+.preloader-ring.color-style > .wrap:nth-child(2) > .circle:after {
+ background-color: #fa6800;
+}
+.preloader-ring.color-style > .wrap:nth-child(3) > .circle:after {
+ background-color: #60a917;
+}
+.preloader-ring.color-style > .wrap:nth-child(4) > .circle:after {
+ background-color: #ce352c;
+}
+.preloader-ring.color-style > .wrap:nth-child(5) > .circle:after {
+ background-color: #e3c800;
+}
+.preloader-metro {
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+ height: 10px;
+ background-color: transparent;
+}
+.preloader-metro > .circle {
+ display: inline-block;
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ background-color: #ffffff;
+ opacity: 0;
+ margin-left: 5px;
+ -webkit-animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
+ animation: metro-slide 3s cubic-bezier(0.1, 0.85, 0.9, 0.15) infinite, metro-opacity 2s ease-in-out infinite alternate;
+}
+.preloader-metro > .circle:nth-child(2) {
+ -webkit-animation-delay: .8s;
+ animation-delay: .8s;
+}
+.preloader-metro > .circle:nth-child(3) {
+ -webkit-animation-delay: .7s;
+ animation-delay: .7s;
+}
+.preloader-metro > .circle:nth-child(4) {
+ -webkit-animation-delay: .6s;
+ animation-delay: .6s;
+}
+.preloader-metro > .circle:nth-child(5) {
+ -webkit-animation-delay: .5s;
+ animation-delay: .5s;
+}
+.preloader-metro.dark-style > .circle {
+ background-color: #555555;
+}
+.preloader-metro.color-style > .circle {
+ background-color: #1ba1e2;
+}
+.preloader-metro.color-style > .circle:nth-child(2) {
+ background-color: #fa6800;
+}
+.preloader-metro.color-style > .circle:nth-child(3) {
+ background-color: #60a917;
+}
+.preloader-metro.color-style > .circle:nth-child(4) {
+ background-color: #ce352c;
+}
+.preloader-metro.color-style > .circle:nth-child(5) {
+ background-color: #e3c800;
+}
+.preloader-square {
+ position: relative;
+ width: 40px;
+ height: 40px;
+ overflow: hidden;
+ -webkit-transform-origin: bottom left;
+ transform-origin: bottom left;
+ -webkit-animation: ani-shrink 1s linear infinite;
+ animation: ani-shrink 1s linear infinite;
+}
+.preloader-square .square {
+ position: absolute;
+ width: 19px;
+ height: 19px;
+ background: #ffffff;
+}
+.preloader-square .square:nth-child(1) {
+ left: 0;
+ top: 21px;
+}
+.preloader-square .square:nth-child(2) {
+ left: 21px;
+ top: 21px;
+ -webkit-animation: ani-drop 1s linear infinite;
+ animation: ani-drop 1s linear infinite;
+}
+.preloader-square .square:nth-child(3) {
+ left: 0;
+ top: 0;
+ -webkit-animation: ani-drop2 1s linear infinite;
+ animation: ani-drop2 1s linear infinite;
+}
+.preloader-square .square:nth-child(4) {
+ left: 21px;
+ top: 0;
+ -webkit-animation: ani-drop3 1s linear infinite;
+ animation: ani-drop3 1s linear infinite;
+}
+.preloader-square.dark-style > .square {
+ background-color: #555555;
+}
+.preloader-square.color-style > .square:nth-child(1) {
+ background-color: #fa6800;
+}
+.preloader-square.color-style > .square:nth-child(2) {
+ background-color: #60a917;
+}
+.preloader-square.color-style > .square:nth-child(3) {
+ background-color: #1ba1e2;
+}
+.preloader-square.color-style > .square:nth-child(4) {
+ background-color: #e3c800;
+}
+.preloader-cycle {
+ width: 64px;
+ height: 64px;
+ position: relative;
+ overflow: hidden;
+}
+.preloader-cycle .cycle {
+ display: block;
+ position: relative;
+ left: 50%;
+ top: 50%;
+ width: 64px;
+ height: 64px;
+ margin: -32px 0 0 -32px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #ffffff;
+ -webkit-animation: ani-pre-spin 1s linear infinite;
+ animation: ani-pre-spin 1s linear infinite;
+ z-index: 1001;
+}
+.preloader-cycle .cycle:before {
+ content: "";
+ position: absolute;
+ top: 5px;
+ left: 5px;
+ right: 5px;
+ bottom: 5px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #ffffff;
+ -webkit-animation: ani-pre-spin 2s linear infinite;
+ animation: ani-pre-spin 2s linear infinite;
+}
+.preloader-cycle .cycle:after {
+ content: "";
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ right: 15px;
+ bottom: 15px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-top-color: #ffffff;
+ -webkit-animation: spin 1.5s linear infinite;
+ animation: spin 1.5s linear infinite;
+}
+.preloader-cycle.dark-style .cycle {
+ border-top-color: #1d1d1d;
+}
+.preloader-cycle.dark-style .cycle:before {
+ border-top-color: #1d1d1d;
+}
+.preloader-cycle.dark-style .cycle:after {
+ border-top-color: #1d1d1d;
+}
+.preloader-cycle.color-style .cycle {
+ border-top-color: #3498db;
+}
+.preloader-cycle.color-style .cycle:before {
+ border-top-color: #e74c3c;
+}
+.preloader-cycle.color-style .cycle:after {
+ border-top-color: #f9c922;
+}
+.dialog-overlay {
+ background-color: transparent;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ min-height: 100%;
+ min-width: 100%;
+ z-index: 1049;
+}
+.dialog {
+ position: fixed;
+ display: block;
+ width: auto;
+ height: auto;
+ float: left;
+ background-color: #ffffff;
+ color: #1d1d1d;
+ z-index: 1050;
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.dialog .dialog-close-button {
+ position: absolute;
+ height: 1.5rem;
+ width: 1.5rem;
+ min-height: 1.5rem;
+ text-align: center;
+ vertical-align: middle;
+ font-size: 1rem;
+ font-weight: normal;
+ padding: .125rem 0 .625rem 0;
+ z-index: 3;
+ outline: none;
+ cursor: pointer;
+ background-color: #ffffff;
+ color: #777777;
+ top: .25rem;
+ right: .25rem;
+}
+.dialog .dialog-close-button:hover {
+ background-color: #cde6f7;
+ color: #2a8dd4;
+}
+.dialog .dialog-close-button:hover:after {
+ border-color: #2a8dd4;
+}
+.dialog .dialog-close-button:active {
+ background-color: #92c0e0;
+ color: #ffffff;
+}
+.dialog .dialog-close-button:after {
+ border-color: #777777;
+ content: '\D7';
+ line-height: 1;
+}
+.dialog.success {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.dialog.success .dialog-close-button {
+ background-color: #7ad61d;
+ color: #ffffff;
+}
+.dialog.success .dialog-close-button:active {
+ background-color: #128023;
+}
+.dialog.warning {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.dialog.warning .dialog-close-button {
+ background-color: #ffc194;
+ color: #ffffff;
+}
+.dialog.warning .dialog-close-button:active {
+ background-color: #bf5a15;
+}
+.dialog.alert {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.dialog.alert .dialog-close-button {
+ background-color: #da5a53;
+ color: #ffffff;
+}
+.dialog.alert .dialog-close-button:active {
+ background-color: #9a1616;
+}
+.dialog.info {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.dialog.info .dialog-close-button {
+ background-color: #59cde2;
+ color: #ffffff;
+}
+.dialog.info .dialog-close-button:active {
+ background-color: #1b6eae;
+}
+.streamer {
+ position: relative;
+ display: block;
+ width: 100%;
+ overflow: hidden;
+}
+.streamer .streamer-toolbar .toolbar-button {
+ display: block;
+ float: left;
+ width: .625rem;
+ height: 1.5rem;
+}
+.streamer .streamer-toolbar .toolbar-button.active {
+ background-color: #555555;
+ color: #ffffff;
+}
+.streamer .meter {
+ height: 25px;
+ width: auto;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: block;
+ overflow: hidden;
+}
+.streamer .meter li {
+ display: block;
+ float: left;
+ width: 213px;
+ padding: 2px 3px;
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAAAUCAYAAAAa9HiSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNrs2csJgDAQQMFE7Gj77yA9+UNswOwewgwI3hYTngrpY4yjAb9FRH9u7qguLfuqmFP1PKutm/2Zu36b9wvMJSoQFYgKRAWICkQFq9qrBn0HY4neM4pl5lSyP75U4PcPRAWICkQFogJEBaICUQGigjynAAMAqEOFksZmC3MAAAAASUVORK5CYII=') top left repeat-x;
+}
+.streamer .meter li em {
+ font-size: 10px;
+ font-style: normal;
+}
+.streamer .streams {
+ width: 142px;
+ padding-top: 25px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 2;
+ background-color: #ffffff;
+}
+.streamer .streams .streams-title {
+ position: absolute;
+ top: 0;
+}
+.streamer .streams .stream {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 75px;
+ margin: 0 2px 2px 0;
+ padding: 5px;
+ color: #ffffff;
+ cursor: pointer;
+}
+.streamer .streams .stream .stream-title {
+ font-size: .75rem;
+ line-height: 1;
+}
+.streamer .streams .stream .stream-number {
+ position: absolute;
+ left: 5px;
+ bottom: 5px;
+ font-size: .6875rem;
+ line-height: 1;
+}
+.streamer .events {
+ padding-left: 143px;
+ overflow: hidden;
+ height: 100%;
+ min-height: 100%;
+ overflow-x: scroll;
+}
+.streamer .events .double {
+ width: 424px;
+}
+.streamer .events .triple {
+ width: 637px;
+}
+.streamer .events .quadro {
+ width: 850px;
+}
+.streamer .events .events-area {
+ height: 100%;
+ min-height: 100%;
+ overflow: hidden;
+}
+.streamer .events .events-area:before,
+.streamer .events .events-area:after {
+ display: table;
+ content: "";
+}
+.streamer .events .events-area:after {
+ clear: both;
+}
+.streamer .events .events-grid {
+ height: 100%;
+ min-height: 100%;
+}
+.streamer .events .events-grid:before,
+.streamer .events .events-grid:after {
+ display: table;
+ content: "";
+}
+.streamer .events .events-grid:after {
+ clear: both;
+}
+.streamer .events .event-group {
+ height: 460px;
+ min-width: 211px;
+ margin: 0 2px 2px 0;
+ float: left;
+}
+.streamer .events .event-super {
+ height: 100%;
+ min-height: 100%;
+ border: 1px #d9d9d9 solid;
+}
+.streamer .events .event-super.medium-border {
+ border-width: 8px;
+}
+.streamer .events .event-super.large-border {
+ border-width: 16px;
+}
+.streamer .events .event-stream {
+ height: 75px;
+}
+.streamer .events .event-stream .event {
+ min-width: 211px;
+ height: 75px;
+ float: left;
+ display: block;
+ margin: 0 2px 2px 0;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: 1px #d9d9d9 solid;
+}
+.streamer .events .event-stream .event.medium-border {
+ border-width: 8px;
+}
+.streamer .events .event-stream .event.large-border {
+ border-width: 16px;
+}
+.streamer .events .event-stream .event:last-child {
+ margin-right: 0;
+}
+.streamer .events .event-stream .event.event-disable {
+ opacity: .2;
+}
+.streamer .events .event-stream .event .event-content {
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ left: 0;
+ top: 0;
+ overflow: hidden;
+ display: none;
+}
+.streamer .events .event-stream .event .event-content:first-child {
+ display: block;
+}
+.streamer .events .event-stream .event .event-content-logo {
+ display: block;
+ float: left;
+ margin-right: 5px;
+ padding: 3px;
+}
+.streamer .events .event-stream .event .event-content-logo .icon {
+ position: relative;
+ width: 39px;
+ height: 39px;
+ margin-bottom: 1px;
+}
+.streamer .events .event-stream .event .event-content-logo .icon img {
+ width: 100%;
+ height: 100%;
+}
+.streamer .events .event-stream .event .event-content-logo .time {
+ position: relative;
+ width: 39px;
+ padding: 8px 4px;
+ font-size: .75rem;
+ color: #ffffff;
+ line-height: 1;
+}
+.streamer .events .event-stream .event .event-content-data {
+ display: block;
+ padding: 0;
+ margin: 0;
+ position: relative;
+ margin-left: 50px;
+}
+.streamer .events .event-stream .event .event-content-data .title {
+ position: relative;
+ font-size: .875rem;
+ line-height: 1;
+ margin: 3px 0 0;
+ padding: 0;
+}
+.streamer .events .event-stream .event .event-content-data .subtitle {
+ position: relative;
+ font-size: .625rem;
+ line-height: 1;
+ margin: 0;
+ padding: 0;
+ margin-bottom: 10px;
+}
+.streamer .events .event-stream .event .event-content-data .remark {
+ position: absolute;
+ display: block;
+ top: 36px;
+ margin-right: 4px;
+ font-size: .6875rem;
+ line-height: 1;
+ color: #999999;
+}
+.streamer .events .event-stream .event:hover {
+ border-color: #999999;
+}
+.streamer .events .event-stream .event.selected {
+ border: 4px #4390df solid;
+ border-width: 1px;
+}
+.streamer .events .event-stream .event.selected:after {
+ position: absolute;
+ display: block;
+ border-top: 28px solid #4390df;
+ border-left: 28px solid transparent;
+ right: 0;
+ content: "";
+ top: 0;
+ z-index: 101;
+}
+.streamer .events .event-stream .event.selected:before {
+ position: absolute;
+ display: block;
+ content: "";
+ background-color: transparent;
+ border-color: #ffffff;
+ border-left: 2px solid;
+ border-bottom: 2px solid;
+ height: .25rem;
+ width: .5rem;
+ right: 0;
+ top: 0;
+ z-index: 102;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.streamer .events .event-stream .event.selected:before {
+ right: 3px;
+ top: 3px;
+ color: #ffffff;
+}
+.streamer .events .event-stream .event.margin-one {
+ margin-left: 213px;
+}
+.streamer .events .event-stream .event.margin-double {
+ margin-left: 426px;
+}
+.streamer .events .event-stream .event.margin-triple {
+ margin-left: 639px;
+}
+.streamer .events .event-stream .event.margin-quadro {
+ margin-left: 852px;
+}
+.keypad {
+ position: relative;
+ width: 106px;
+ padding: 1px;
+ border: 1px #eeeeee solid;
+ vertical-align: middle;
+ background-color: #ffffff;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.keypad:before,
+.keypad:after {
+ display: table;
+ content: "";
+}
+.keypad:after {
+ clear: both;
+}
+.keypad .key {
+ width: 32px;
+ height: 32px;
+ display: block;
+ float: left;
+ margin: 1px;
+ border: 1px #eeeeee solid;
+ vertical-align: middle;
+ text-align: center;
+ cursor: pointer;
+ font-size: .875rem;
+ line-height: 32px;
+}
+.keypad .key:hover {
+ background-color: #eeeeee;
+}
+.keypad .key:active {
+ background-color: #555555;
+ color: #ffffff;
+}
+.keypad.shadow {
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
+}
+.fluent-menu .tabs-holder {
+ list-style: none;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ display: block;
+ z-index: 2;
+}
+.fluent-menu .tabs-holder:before,
+.fluent-menu .tabs-holder:after {
+ display: table;
+ content: "";
+}
+.fluent-menu .tabs-holder:after {
+ clear: both;
+}
+.fluent-menu .tabs-holder li {
+ display: block;
+ float: left;
+ margin-right: 5px;
+ background-color: #ffffff;
+}
+.fluent-menu .tabs-holder li a {
+ display: block;
+ float: left;
+ padding: .25rem 1rem;
+ text-transform: uppercase;
+ font-size: .8em;
+ color: #444444;
+}
+.fluent-menu .tabs-holder li a:hover {
+ color: #0072c6;
+}
+.fluent-menu .tabs-holder li:first-child {
+ margin-left: 0;
+}
+.fluent-menu .tabs-holder li.active {
+ border: 1px #d4d4d4 solid;
+ border-bottom-color: #ffffff;
+}
+.fluent-menu .tabs-holder li.active a {
+ color: #0072c6;
+}
+.fluent-menu .tabs-holder li.special {
+ border: 1px #0072c6 solid;
+ background-color: #0072c6;
+}
+.fluent-menu .tabs-holder li.special a {
+ color: #ffffff;
+}
+.fluent-menu .tabs-holder li.special a:hover {
+ color: #ffffff;
+}
+.fluent-menu .tabs-content {
+ z-index: 1;
+ position: relative;
+ margin-top: -1px;
+ border: 1px #d4d4d4 solid;
+ background-color: #ffffff;
+ height: 120px;
+}
+.fluent-menu .tabs-content .tab-panel {
+ display: block;
+ height: 100%;
+ padding: 5px 0 2px;
+}
+.fluent-menu .tabs-content .tab-panel .tab-panel-group {
+ height: 100%;
+ position: relative;
+ display: block;
+ float: left;
+ padding: 0 5px;
+ border-right: 1px #d4d4d4 solid;
+}
+.fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child {
+ margin-right: 0;
+}
+.fluent-menu .tabs-content .tab-panel .tab-group-caption {
+ font-size: 10px;
+ margin: 2px 0 -2px;
+ text-align: center;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ left: 0;
+ white-space: nowrap;
+ background: #eeeeee;
+}
+.fluent-menu .tabs-content .tab-panel .tab-content-segment {
+ display: block;
+ float: left;
+ position: relative;
+}
+.fluent-menu .fluent-button,
+.fluent-menu .fluent-big-button,
+.fluent-menu .fluent-tool-button {
+ background-color: #ffffff;
+ padding: .3125rem;
+ display: block;
+ cursor: default;
+ border: 0;
+ outline: none;
+ font-size: .8em;
+ line-height: 1.2;
+ vertical-align: middle;
+}
+.fluent-menu .fluent-button:hover,
+.fluent-menu .fluent-big-button:hover,
+.fluent-menu .fluent-tool-button:hover {
+ background-color: #cde6f7;
+}
+.fluent-menu .fluent-button img,
+.fluent-menu .fluent-big-button img,
+.fluent-menu .fluent-tool-button img,
+.fluent-menu .fluent-button .icon,
+.fluent-menu .fluent-big-button .icon,
+.fluent-menu .fluent-tool-button .icon,
+.fluent-menu .fluent-button [class*=mif-],
+.fluent-menu .fluent-big-button [class*=mif-],
+.fluent-menu .fluent-tool-button [class*=mif-] {
+ line-height: 1.2;
+ display: block;
+ float: left;
+ margin-right: 5px;
+ width: 16px;
+ height: 16px;
+ color: #444444;
+ vertical-align: middle;
+}
+.fluent-menu .fluent-button .label,
+.fluent-menu .fluent-big-button .label,
+.fluent-menu .fluent-tool-button .label {
+ display: inline-block;
+ color: inherit;
+ font: inherit;
+}
+.fluent-menu .fluent-button:active,
+.fluent-menu .fluent-big-button:active,
+.fluent-menu .fluent-tool-button:active {
+ top: 0;
+ left: 0;
+ background-color: #75bae9;
+}
+.fluent-menu .fluent-button.dropdown-toggle:before,
+.fluent-menu .fluent-big-button.dropdown-toggle:before,
+.fluent-menu .fluent-tool-button.dropdown-toggle:before {
+ margin-top: -0.3125rem;
+}
+.fluent-menu .fluent-big-button {
+ padding: 7px 5px;
+ text-align: center;
+ white-space: normal;
+ line-height: 12px;
+ float: left;
+ position: relative;
+}
+.fluent-menu .fluent-big-button img,
+.fluent-menu .fluent-big-button .icon,
+.fluent-menu .fluent-big-button [class*=mif-] {
+ display: block;
+ width: 40px;
+ height: 40px;
+ font-size: 40px;
+ float: none;
+ text-align: center;
+ margin: 5px auto 5px;
+}
+.fluent-menu .fluent-big-button br {
+ line-height: 4px;
+ height: 4px;
+ font-size: 4px;
+}
+.fluent-menu .fluent-tool-button {
+ padding: 4px;
+}
+.fluent-menu .fluent-tool-button img,
+.fluent-menu .fluent-tool-button [class*="icon-"] {
+ display: block;
+ width: 16px;
+ height: 16px;
+ font-size: 16px;
+ float: none;
+ text-align: center;
+}
+.fluent-menu .fluent-tool-button img {
+ margin-right: 0;
+}
+.fluent-menu .dropdown-toggle {
+ padding-right: 24px;
+}
+.fluent-menu .d-menu {
+ position: absolute;
+ top: 100%;
+ z-index: 100;
+}
+.fluent-menu .d-menu a {
+ padding: 4px 24px;
+ font-size: .8em;
+}
+.fluent-menu .d-menu a:hover {
+ background-color: #cde6f7;
+ color: #444444;
+}
+.video-player:-webkit-full-screen {
+ position: fixed;
+ top: 0;
+ min-width: 100%;
+ min-height: 100%;
+ width: 100%;
+ height: 100%;
+}
+.video-player:-webkit-full-screen video {
+ width: 100%;
+ height: 100%;
+}
+.video-player:-webkit-full-screen {
+ position: fixed;
+ top: 0;
+ min-width: 100%;
+ min-height: 100%;
+}
+.video-player:-moz-full-screen {
+ position: fixed;
+ top: 0;
+ min-width: 100%;
+ min-height: 100%;
+}
+.video-player:-ms-fullscreen {
+ position: fixed;
+ top: 0;
+ min-width: 100%;
+ min-height: 100%;
+}
+.video-player:fullscreen {
+ position: fixed;
+ top: 0;
+ min-width: 100%;
+ min-height: 100%;
+}
+.video-player:-webkit-full-screen video {
+ width: 100%;
+ height: 100%;
+}
+.video-player:-moz-full-screen video {
+ width: 100%;
+ height: 100%;
+}
+.video-player:-ms-fullscreen video {
+ width: 100%;
+ height: 100%;
+}
+.video-player:fullscreen video {
+ width: 100%;
+ height: 100%;
+}
+.video-player {
+ display: block;
+ background: #1d1d1d;
+ position: relative;
+ width: 100%;
+ height: auto;
+ z-index: 1;
+}
+.video-player .video-preloader {
+ position: absolute;
+ z-index: 2147483647;
+ top: 50%;
+ left: 50%;
+ margin-top: -32px;
+ margin-left: -32px;
+}
+.video-player .video-logo {
+ position: absolute;
+ z-index: 2147483647;
+ right: 20px;
+ top: 20px;
+ height: 32px;
+}
+.video-player video {
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+}
+.video-player .controls {
+ position: absolute;
+ height: auto;
+ padding: .625rem;
+ z-index: 2147483647;
+ background: rgba(34, 34, 34, 0.5);
+}
+.video-player .controls .info-box {
+ float: left;
+ background: inherit;
+ margin: 0 2px;
+ padding: .75rem 1rem;
+ color: #ffffff;
+ height: 2.125rem;
+ text-align: center;
+ font-size: .8em;
+}
+.video-player .controls .control-slider {
+ height: 2.125rem;
+ float: left;
+ padding: 0 1rem 0;
+ margin: 0 2px;
+ background: inherit;
+}
+.video-player .controls .volume-slider-wrapper {
+ width: 6rem;
+}
+.video-player .controls .stream-slider-wrapper {
+ float: none;
+ width: 100%;
+}
+.video-player .controls .control-button {
+ float: left;
+ background: inherit;
+ border: 0;
+ color: #b3b3b3;
+ outline: none;
+ position: relative;
+ margin: 0 2px;
+}
+.video-player .controls .control-button:hover,
+.video-player .controls .control-button:active {
+ color: #ffffff;
+}
+.video-player .controls .control-button.loop.active {
+ color: #60a917;
+}
+.video-player .controls .control-button.stop:disabled {
+ color: #555555;
+}
+.video-player .controls .control-button.full {
+ float: right;
+}
+.video-player .controls.position-bottom {
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+.video-player.full-screen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ width: auto !important;
+ z-index: 2147483646;
+}
+video::-webkit-media-controls {
+ display: none !important;
+}
+video::-webkit-media-controls-enclosure {
+ display: none !important;
+}
+.audio-player {
+ display: inline-block;
+ position: relative;
+ background: #1d1d1d;
+ height: auto;
+}
+.audio-player .controls {
+ position: relative;
+ width: 100%;
+ height: auto;
+ padding: 4px;
+ background: inherit;
+}
+.audio-player .controls:before,
+.audio-player .controls:after {
+ display: table;
+ content: "";
+}
+.audio-player .controls:after {
+ clear: both;
+}
+.audio-player .controls .control-element {
+ height: 2.125rem;
+ display: inline-block;
+ border: none;
+ background: rgba(34, 34, 34, 0.5);
+ vertical-align: middle;
+}
+.audio-player .controls .stream-wrapper {
+ padding: 0 .25rem;
+}
+.audio-player .controls .stream-slider {
+ width: 200px;
+}
+.audio-player .controls .info-box {
+ margin: 0 2px;
+ padding: .75rem 1rem;
+ color: #ffffff;
+ height: 2.125rem;
+ line-height: 1;
+ text-align: center;
+ font-size: .8em;
+}
+.audio-player .controls .volume-wrapper {
+ width: 100px;
+ padding: 0 .25rem 0;
+}
+.audio-player .controls .play,
+.audio-player .controls .stop,
+.audio-player .controls .loop,
+.audio-player .controls .volume,
+.audio-player .controls .next,
+.audio-player .controls .prev,
+.audio-player .controls .shuffle,
+.audio-player .controls .random,
+.audio-player .controls .plist {
+ color: #b3b3b3;
+}
+.audio-player .controls .play:hover,
+.audio-player .controls .stop:hover,
+.audio-player .controls .loop:hover,
+.audio-player .controls .volume:hover,
+.audio-player .controls .next:hover,
+.audio-player .controls .prev:hover,
+.audio-player .controls .shuffle:hover,
+.audio-player .controls .random:hover,
+.audio-player .controls .plist:hover,
+.audio-player .controls .play:active,
+.audio-player .controls .stop:active,
+.audio-player .controls .loop:active,
+.audio-player .controls .volume:active,
+.audio-player .controls .next:active,
+.audio-player .controls .prev:active,
+.audio-player .controls .shuffle:active,
+.audio-player .controls .random:active,
+.audio-player .controls .plist:active {
+ color: #ffffff;
+}
+.audio-player .controls .loop.active {
+ color: #7ad61d;
+}
+.audio-player .controls .control-element:disabled {
+ color: #555555;
+}
+.audio-player .play-list-wrapper {
+ display: block;
+ position: relative;
+ padding: .625rem;
+ border-bottom: 1px solid #555555;
+}
+.audio-player .play-list-wrapper:before,
+.audio-player .play-list-wrapper:after {
+ display: table;
+ content: "";
+}
+.audio-player .play-list-wrapper:after {
+ clear: both;
+}
+.audio-player .play-list-wrapper.not-visible {
+ display: none;
+}
+.audio-player .album-title {
+ font-size: 2rem;
+ color: #ffffff;
+ font-weight: lighter;
+ margin: 0 0 .625rem;
+ padding-bottom: .625rem;
+ border-bottom: 1px solid #555555;
+}
+.audio-player .poster {
+ float: left;
+ width: 10rem;
+ height: 100%;
+}
+.audio-player .album-desc {
+ padding: .625rem;
+ color: #eeeeee;
+ font-size: .6875rem;
+}
+.audio-player .play-list {
+ list-style: none;
+ padding: 10px;
+ color: #ffffff;
+ display: block;
+ font-size: .8em;
+ width: 100%;
+}
+.audio-player .play-list li {
+ padding: .125rem 1rem;
+ cursor: pointer;
+ position: relative;
+}
+.audio-player .play-list li:hover {
+ background: #555555;
+}
+.audio-player .play-list li.current {
+ color: #1ba1e2;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.audio-player .play-list li.current:before {
+ content: "\25B6";
+ position: absolute;
+ left: .25rem;
+}
+.audio-player .poster ~ .play-list {
+ margin: 0 0 0 11rem;
+ width: calc(100% - 11rem);
+}
+.audio-player.micro .plist,
+.audio-player.micro .loop,
+.audio-player.micro .next,
+.audio-player.micro .prev,
+.audio-player.micro .random,
+.audio-player.micro .stop,
+.audio-player.micro .stream-wrapper,
+.audio-player.micro .info-box,
+.audio-player.micro .volume-wrapper,
+.audio-player.micro .volume {
+ display: none;
+}
+.audio-player.small .plist,
+.audio-player.small .stop,
+.audio-player.small .stream-wrapper,
+.audio-player.small .next,
+.audio-player.small .prev,
+.audio-player.small .random,
+.audio-player.small .loop {
+ display: none;
+}
+.audio-player.medium .plist,
+.audio-player.medium .stop,
+.audio-player.medium .next,
+.audio-player.medium .prev,
+.audio-player.medium .random,
+.audio-player.medium .loop {
+ display: none;
+}
+.select2-container {
+ box-sizing: border-box;
+ display: inline-block;
+ margin: .3125rem 0;
+ position: relative;
+ vertical-align: middle;
+ height: auto;
+}
+.select2-container .select2-selection--single {
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ min-height: 2.125rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.select2-container .select2-selection--single .select2-selection__rendered {
+ display: block;
+ padding-left: 8px;
+ padding-right: 20px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.select2-container .select2-selection--multiple {
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ min-height: 2.125rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ z-index: 998;
+}
+.select2-container .select2-selection--multiple .select2-selection__rendered {
+ display: inline-block;
+ overflow: hidden;
+ padding-left: 8px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.select2-container .select2-container .select2-search--inline {
+ float: left;
+}
+.select2-container .select2-container .select2-search--inline .select2-search__field {
+ box-sizing: border-box;
+ border: none;
+ font-size: 100%;
+ margin-top: 5px;
+}
+.select2-container .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+.select2-dropdown {
+ background-color: white;
+ border: 1px solid #aaa;
+ border-radius: 0;
+ box-sizing: border-box;
+ display: block;
+ position: absolute;
+ left: -100000px;
+ width: 100%;
+ z-index: 1051;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+}
+.select2-results {
+ display: block;
+}
+.select2-results__options {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+.select2-results__option {
+ padding: 6px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.select2-results__option[aria-selected] {
+ cursor: pointer;
+}
+.select2-container--open .select2-dropdown {
+ left: 0;
+}
+.select2-search--dropdown {
+ display: block;
+ padding: 4px;
+}
+.select2-search--dropdown .select2-search__field {
+ padding: 4px;
+ width: 100%;
+ box-sizing: border-box;
+}
+.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+.select2-search--dropdown.select2-search--hide {
+ display: none;
+}
+.select2-close-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 2;
+ background-color: #fff;
+ filter: alpha(opacity=0);
+}
+.select2-container--default .select2-selection--single {
+ background-color: #fff;
+ border: 1px solid #aaa;
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ color: #444;
+ line-height: 28px;
+}
+.select2-container--default .select2-selection--single .select2-selection__clear {
+ cursor: pointer;
+ float: right;
+ font-weight: bold;
+}
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+ color: #999;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: 26px;
+ position: absolute;
+ top: 1px;
+ right: 1px;
+ width: 20px;
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+ border-color: #888 transparent transparent transparent;
+ border-style: solid;
+ border-width: 5px 4px 0 4px;
+ height: 0;
+ left: 50%;
+ margin-left: -4px;
+ margin-top: -2px;
+ position: absolute;
+ top: 50%;
+ width: 0;
+}
+.select2-container--default.select2-container--disabled .select2-selection--single {
+ background-color: #eee;
+ cursor: default;
+}
+.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
+ display: none;
+}
+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
+ border-color: transparent transparent #888 transparent;
+ border-width: 0 4px 5px 4px;
+}
+.select2-container--default .select2-selection--multiple {
+ background-color: white;
+ border: 1px solid #aaa;
+ cursor: text;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ box-sizing: border-box;
+ list-style: none;
+ margin: 0;
+ padding: 0 5px;
+ width: 100%;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
+ color: #999;
+ margin-top: 5px;
+ float: left;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+ cursor: pointer;
+ float: right;
+ font-weight: bold;
+ margin-top: 5px;
+ margin-right: 10px;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+ background-color: #eeeeee;
+ border: 1px solid #999999;
+ color: #1d1d1d;
+ font-size: .875rem;
+ cursor: default;
+ float: left;
+ margin-right: 5px;
+ margin-top: 5px;
+ padding: 0 5px;
+ vertical-align: middle;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+ color: #999;
+ cursor: pointer;
+ display: inline-block;
+ margin-right: 2px;
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+ color: #333;
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border: solid black 1px;
+ outline: 0;
+}
+.select2-container--default.select2-container--focus .select2-selection--single {
+ border: solid black 1px;
+ outline: 0;
+}
+.select2-container--default.select2-container--disabled .select2-selection--multiple {
+ background-color: #eee;
+ cursor: default;
+}
+.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
+ display: none;
+}
+.select2-container--default .select2-search--dropdown .select2-search__field {
+ border: 1px solid #aaa;
+}
+.select2-container--default .select2-search--inline .select2-search__field {
+ background: transparent;
+ border: none;
+ outline: 0;
+}
+.select2-container--default .select2-results > .select2-results__options {
+ max-height: 200px;
+ overflow-y: auto;
+}
+.select2-container--default .select2-results__option[role=group] {
+ padding: 0;
+}
+.select2-container--default .select2-results__option[aria-disabled=true] {
+ color: #999;
+}
+.select2-container--default .select2-results__option[aria-selected=true] {
+ background-color: #ddd;
+}
+.select2-container--default .select2-results__option .select2-results__option {
+ padding-left: 1em;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
+ padding-left: 0;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -1em;
+ padding-left: 2em;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -2em;
+ padding-left: 3em;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -3em;
+ padding-left: 4em;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -4em;
+ padding-left: 5em;
+}
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -5em;
+ padding-left: 6em;
+}
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+ background-color: #5897fb;
+ color: white;
+}
+.select2-container--default .select2-results__group {
+ cursor: default;
+ display: block;
+ padding: 6px;
+}
+.select2-container input {
+ outline: none;
+}
+.select2-container .select2-search.select2-search--inline input {
+ margin-top: 7px;
+ padding: 0;
+}
+.input-control .select2-container {
+ margin: 0;
+}
+.input-control.required .select2-selection {
+ border: 1px dashed #1ba1e2;
+}
+.input-control.error .select2-selection {
+ border: 1px solid #ce352c;
+}
+.input-control.warning .select2-selection {
+ border: 1px solid #e3c800;
+}
+.input-control.success .select2-selection {
+ border: 1px solid #60a917;
+}
+.input-control.info .select2-selection {
+ border: 1px solid #1ba1e2;
+}
+/*
+* Third-party plugin DataTables
+* Plugin home page: http://datatables.net/
+*/
+.dataTable {
+ width: 100%;
+ margin: .625rem 0;
+ clear: both;
+}
+.dataTable th,
+.dataTable td {
+ padding: 0.625rem;
+}
+.dataTable thead {
+ border-bottom: 4px solid #999999;
+}
+.dataTable thead th,
+.dataTable thead td {
+ cursor: default;
+ color: #52677a;
+ border-color: transparent;
+ text-align: left;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 100%;
+}
+.dataTable tfoot {
+ border-top: 4px solid #999999;
+}
+.dataTable tfoot th,
+.dataTable tfoot td {
+ cursor: default;
+ color: #52677a;
+ border-color: transparent;
+ text-align: left;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 100%;
+}
+.dataTable tbody td {
+ padding: 0.625rem 0.85rem;
+}
+.dataTable .sortable-column {
+ position: relative;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.dataTable .sortable-column:after {
+ position: absolute;
+ content: "";
+ width: 1rem;
+ height: 1rem;
+ left: 100%;
+ margin-left: -20px;
+ top: 50%;
+ margin-top: -0.5rem;
+ color: inherit;
+ font-size: 1rem;
+ line-height: 1;
+}
+.dataTable .sortable-column.sort-asc,
+.dataTable .sortable-column.sort-desc {
+ background-color: #eeeeee;
+}
+.dataTable .sortable-column.sort-asc:after,
+.dataTable .sortable-column.sort-desc:after {
+ color: #1d1d1d;
+}
+.dataTable .sortable-column.sort-asc:after {
+ content: "\2191";
+}
+.dataTable .sortable-column.sort-desc:after {
+ content: "\2193";
+}
+.dataTable.sortable-markers-on-left .sortable-column {
+ padding-left: 30px;
+}
+.dataTable.sortable-markers-on-left .sortable-column:before,
+.dataTable.sortable-markers-on-left .sortable-column:after {
+ left: 0;
+ margin-left: 10px;
+}
+.dataTable tr.selected td {
+ background-color: rgba(28, 183, 236, 0.1);
+}
+.dataTable td.selected {
+ background-color: rgba(28, 183, 236, 0.3);
+}
+.dataTable.striped tbody tr:nth-child(odd) {
+ background: #eeeeee;
+}
+.dataTable.hovered tbody tr:hover {
+ background-color: rgba(28, 183, 236, 0.1);
+}
+.dataTable.cell-hovered tbody td:hover {
+ background-color: rgba(28, 183, 236, 0.3);
+}
+.dataTable.border {
+ border: 1px #999999 solid;
+}
+.dataTable.bordered th,
+.dataTable.bordered td {
+ border: 1px #999999 solid;
+}
+.dataTable.bordered thead tr:first-child th,
+.dataTable.bordered thead tr:first-child td {
+ border-top: none;
+}
+.dataTable.bordered thead tr:first-child th:first-child,
+.dataTable.bordered thead tr:first-child td:first-child {
+ border-left: none;
+}
+.dataTable.bordered thead tr:first-child th:last-child,
+.dataTable.bordered thead tr:first-child td:last-child {
+ border-right: none;
+}
+.dataTable.bordered tbody tr:first-child td {
+ border-top: none;
+}
+.dataTable.bordered tbody tr td:first-child {
+ border-left: none;
+}
+.dataTable.bordered tbody tr td:last-child {
+ border-right: none;
+}
+.dataTable.bordered tbody tr:last-child td {
+ border-bottom: none;
+}
+.dataTable .condensed th,
+.dataTable .condensed td {
+ padding: .3125rem;
+}
+.dataTable .super-condensed th,
+.dataTable .super-condensed td {
+ padding: .125rem;
+}
+.dataTable tbody tr.error {
+ background-color: #ce352c;
+ color: #ffffff;
+}
+.dataTable tbody tr.error:hover {
+ background-color: #da5a53;
+}
+.dataTable tbody tr.warning {
+ background-color: #fa6800;
+ color: #ffffff;
+}
+.dataTable tbody tr.warning:hover {
+ background-color: #ffc194;
+}
+.dataTable tbody tr.success {
+ background-color: #60a917;
+ color: #ffffff;
+}
+.dataTable tbody tr.success:hover {
+ background-color: #7ad61d;
+}
+.dataTable tbody tr.info {
+ background-color: #1ba1e2;
+ color: #ffffff;
+}
+.dataTable tbody tr.info:hover {
+ background-color: #59cde2;
+}
+.dataTable .sorting {
+ position: relative;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.dataTable .sorting:after {
+ position: absolute;
+ content: "";
+ width: 1rem;
+ height: 1rem;
+ left: 100%;
+ margin-left: -20px;
+ top: 50%;
+ margin-top: -0.5rem;
+ color: inherit;
+ font-size: 1rem;
+ line-height: 1;
+}
+.dataTable .sorting.sort-asc,
+.dataTable .sorting.sort-desc {
+ background-color: #eeeeee;
+}
+.dataTable .sorting.sort-asc:after,
+.dataTable .sorting.sort-desc:after {
+ color: #1d1d1d;
+}
+.dataTable .sorting.sort-asc:after {
+ content: "\2191";
+}
+.dataTable .sorting.sort-desc:after {
+ content: "\2193";
+}
+.dataTable .sorting_asc,
+.dataTable .sorting_desc {
+ position: relative;
+}
+.dataTable .sorting_asc:after,
+.dataTable .sorting_desc:after {
+ position: absolute;
+ content: "";
+ width: 1rem;
+ height: 1rem;
+ left: 100%;
+ margin-left: -20px;
+ top: 50%;
+ margin-top: -0.5rem;
+ color: inherit;
+ line-height: 1;
+ font-size: 1.1rem;
+}
+.dataTable .sorting_asc {
+ background-color: #eeeeee;
+}
+.dataTable .sorting_asc:after {
+ color: #1d1d1d;
+}
+.dataTable .sorting_asc:after {
+ content: "\2191";
+}
+.dataTable .sorting_desc {
+ background-color: #eeeeee;
+}
+.dataTable .sorting_desc:after {
+ color: #1d1d1d;
+}
+.dataTable .sorting_desc:after {
+ content: "\2193";
+}
+.dataTables_paginate {
+ display: block;
+ margin: .625rem 0;
+ float: left;
+ width: 50%;
+ margin: 0;
+}
+.dataTables_paginate:before,
+.dataTables_paginate:after {
+ display: table;
+ content: "";
+}
+.dataTables_paginate:after {
+ clear: both;
+}
+.dataTables_paginate > .item {
+ display: block;
+ float: left;
+ margin-left: .0652rem;
+ padding: 0.25rem .625rem;
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px #eeeeee solid;
+ text-align: center;
+ font-size: .875rem;
+ color: #1d1d1d;
+}
+.dataTables_paginate > .item:first-child {
+ margin-left: 0 ;
+}
+.dataTables_paginate > .item.current,
+.dataTables_paginate > .item.active {
+ background-color: #1ba1e2;
+ border-color: #59cde2;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.dataTables_paginate > .item:hover {
+ background-color: #75c7ee;
+ border-color: #75c7ee;
+ color: #ffffff;
+}
+.dataTables_paginate > .item:disabled,
+.dataTables_paginate > .item.disabled {
+ cursor: default;
+ background-color: #eeeeee;
+ border-color: #eeeeee;
+ color: #999999;
+}
+.dataTables_paginate > .item.spaces {
+ border: 0;
+ cursor: default;
+ color: #1d1d1d;
+}
+.dataTables_paginate > .item.spaces:hover {
+ background-color: inherit ;
+ color: #1d1d1d;
+}
+.dataTables_paginate.rounded > .item {
+ border-radius: .3125rem;
+}
+.dataTables_paginate.cycle > .item {
+ width: 28px;
+ height: 28px;
+ border-radius: 50%;
+ font-size: .7rem;
+ padding: .4375rem 0;
+}
+.dataTables_paginate.no-border > .item {
+ border: 0;
+}
+.dataTables_paginate.no-border > .item:hover {
+ color: #59cde2;
+ background-color: transparent ;
+}
+.dataTables_paginate.no-border > .item:disabled,
+.dataTables_paginate.no-border > .item.disabled {
+ cursor: default;
+ background-color: transparent;
+ border-color: transparent;
+ color: #999999;
+}
+.dataTables_paginate.no-border > .item.current:hover,
+.dataTables_paginate.no-border > .item.active:hover {
+ background-color: #75c7ee;
+ border-color: #75c7ee;
+ color: #ffffff;
+}
+.dataTables_paginate .paginate_button {
+ display: block;
+ float: left;
+ margin-left: .0652rem;
+ padding: 0.25rem .625rem;
+ background-color: #ffffff;
+ cursor: pointer;
+ border: 1px #eeeeee solid;
+ text-align: center;
+ font-size: .875rem;
+ color: #1d1d1d;
+}
+.dataTables_paginate .paginate_button:first-child {
+ margin-left: 0 ;
+}
+.dataTables_paginate .paginate_button.current,
+.dataTables_paginate .paginate_button.active {
+ background-color: #1ba1e2;
+ border-color: #59cde2;
+ color: #ffffff;
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.dataTables_paginate .paginate_button:hover {
+ background-color: #75c7ee;
+ border-color: #75c7ee;
+ color: #ffffff;
+}
+.dataTables_paginate .paginate_button:disabled,
+.dataTables_paginate .paginate_button.disabled {
+ cursor: default;
+ background-color: #eeeeee;
+ border-color: #eeeeee;
+ color: #999999;
+}
+.dataTables_paginate .paginate_button.spaces {
+ border: 0;
+ cursor: default;
+ color: #1d1d1d;
+}
+.dataTables_paginate .paginate_button.spaces:hover {
+ background-color: inherit ;
+ color: #1d1d1d;
+}
+.dataTables_paginate .ellipsis {
+ display: block;
+ float: left;
+ padding: .25rem .625rem;
+}
+.dataTables_info {
+ padding: 5px;
+ background-color: #eeeeee;
+ font-size: .875rem;
+ float: right;
+}
+.dataTables_length {
+ display: block;
+ float: left;
+ margin: .625rem 0;
+}
+.dataTables_length select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ margin: 0 .125rem;
+ padding: .3125rem;
+ border: 1px #d9d9d9 solid;
+}
+.dataTables_length select:focus {
+ outline: none;
+ border-color: #1d1d1d;
+}
+.dataTables_filter {
+ display: block;
+ float: right;
+ margin: .625rem 0;
+}
+.dataTables_filter label > input {
+ margin: 0 0 0 .25rem;
+}
+.dataTables_filter input {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ padding: .3125rem;
+ border: 1px #d9d9d9 solid;
+}
+.dataTables_filter input:focus {
+ outline: none;
+ border-color: #1d1d1d;
+}
+.flexbox {
+ display: -webkit-flex;
+ display: flex;
+}
+.flex-dir-row {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+}
+.flex-dir-row-reverse {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+}
+.flex-dir-column {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+}
+.flex-dir-column-reverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+.flex-wrap {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+.flex-wrap-reverse {
+ -webkit-flex-wrap: wrap-reverse;
+ flex-wrap: wrap-reverse;
+}
+.flex-no-wrap {
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+}
+.flex-just-start {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+}
+.flex-just-end {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+}
+.flex-just-center {
+ -webkit-justify-content: center;
+ justify-content: center;
+}
+.flex-just-sa {
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+}
+.flex-just-sb {
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+.flex-align-stretch {
+ -webkit-align-items: stretch;
+ align-items: stretch;
+}
+.flex-align-start {
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+}
+.flex-align-end {
+ -webkit-align-items: flex-end;
+ align-items: flex-end;
+}
+.flex-align-center {
+ -webkit-align-items: center;
+ align-items: center;
+}
+.flex-align-base {
+ -webkit-align-items: baseline;
+ align-items: baseline;
+}
+.flex-content-stretch {
+ -webkit-align-content: stretch;
+ align-content: stretch;
+}
+.flex-content-start {
+ -webkit-align-content: flex-start;
+ align-content: flex-start;
+}
+.flex-content-end {
+ -webkit-align-content: flex-end;
+ align-content: flex-end;
+}
+.flex-content-center {
+ -webkit-align-content: center;
+ align-content: center;
+}
+.flex-content-sb {
+ -webkit-align-content: space-between;
+ align-content: space-between;
+}
+.flex-content-sa {
+ -webkit-align-content: space-around;
+ align-content: space-around;
+}
+.flex-self-auto {
+ -webkit-align-self: auto;
+ align-self: auto;
+}
+.flex-self-start {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+}
+.flex-self-end {
+ -webkit-align-self: flex-end;
+ align-self: flex-end;
+}
+.flex-self-center {
+ -webkit-align-self: center;
+ align-self: center;
+}
+.flex-self-base {
+ -webkit-align-self: baseline;
+ align-self: baseline;
+}
+.flex-self-stretch {
+ -webkit-align-self: stretch;
+ align-self: stretch;
+}
+.no-shrink {
+ -webkit-flex-shrink: 0 !important;
+ flex-shrink: 0 !important;
+}
+.no-grow {
+ -webkit-flex-grow: 0 !important;
+ flex-grow: 0 !important;
+}
+.flex-size-auto {
+ -webkit-flex: 1 auto;
+ flex: 1 auto;
+}
+.flex-size1 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+}
+.flex-size2 {
+ -webkit-flex-grow: 2;
+ flex-grow: 2;
+}
+.flex-size3 {
+ -webkit-flex-grow: 3;
+ flex-grow: 3;
+}
+.flex-size4 {
+ -webkit-flex-grow: 4;
+ flex-grow: 4;
+}
+.flex-size5 {
+ -webkit-flex-grow: 5;
+ flex-grow: 5;
+}
+.flex-size6 {
+ -webkit-flex-grow: 6;
+ flex-grow: 6;
+}
+.flex-size7 {
+ -webkit-flex-grow: 7;
+ flex-grow: 7;
+}
+.flex-size8 {
+ -webkit-flex-grow: 8;
+ flex-grow: 8;
+}
+.flex-size9 {
+ -webkit-flex-grow: 9;
+ flex-grow: 9;
+}
+.flex-size10 {
+ -webkit-flex-grow: 10;
+ flex-grow: 10;
+}
+.flex-size11 {
+ -webkit-flex-grow: 11;
+ flex-grow: 11;
+}
+.flex-size12 {
+ -webkit-flex-grow: 12;
+ flex-grow: 12;
+}
+.flex-size-p10 {
+ -webkit-flex: 0 0 10%;
+ flex: 0 0 10%;
+}
+.flex-size-p20 {
+ -webkit-flex: 0 0 20%;
+ flex: 0 0 20%;
+}
+.flex-size-p30 {
+ -webkit-flex: 0 0 30%;
+ flex: 0 0 30%;
+}
+.flex-size-p40 {
+ -webkit-flex: 0 0 40%;
+ flex: 0 0 40%;
+}
+.flex-size-p50 {
+ -webkit-flex: 0 0 50%;
+ flex: 0 0 50%;
+}
+.flex-size-p60 {
+ -webkit-flex: 0 0 60%;
+ flex: 0 0 60%;
+}
+.flex-size-p70 {
+ -webkit-flex: 0 0 70%;
+ flex: 0 0 70%;
+}
+.flex-size-p80 {
+ -webkit-flex: 0 0 80%;
+ flex: 0 0 80%;
+}
+.flex-size-p90 {
+ -webkit-flex: 0 0 90%;
+ flex: 0 0 90%;
+}
+.flex-size-p100 {
+ -webkit-flex: 0 0 100%;
+ flex: 0 0 100%;
+}
+.flex-size-x100 {
+ -webkit-flex: 0 0 100px;
+ flex: 0 0 100px;
+}
+.flex-size-x200 {
+ -webkit-flex: 0 0 200px;
+ flex: 0 0 200px;
+}
+.flex-size-x300 {
+ -webkit-flex: 0 0 300px;
+ flex: 0 0 300px;
+}
+.flex-size-x400 {
+ -webkit-flex: 0 0 400px;
+ flex: 0 0 400px;
+}
+.flex-size-x500 {
+ -webkit-flex: 0 0 500px;
+ flex: 0 0 500px;
+}
+.flex-size-x600 {
+ -webkit-flex: 0 0 600px;
+ flex: 0 0 600px;
+}
+.flex-size-x700 {
+ -webkit-flex: 0 0 700px;
+ flex: 0 0 700px;
+}
+.flex-size-x800 {
+ -webkit-flex: 0 0 800px;
+ flex: 0 0 800px;
+}
+.flex-size-x900 {
+ -webkit-flex: 0 0 900px;
+ flex: 0 0 900px;
+}
+.flex-size-x1000 {
+ -webkit-flex: 0 0 1000px;
+ flex: 0 0 1000px;
+}
+.op-default {
+ background-color: rgba(27, 161, 226, 0.7);
+}
+.fg-black {
+ color: #000000 !important;
+}
+.bg-black {
+ background-color: #000000 !important;
+}
+.bd-black {
+ border-color: #000000 !important;
+}
+.ol-black {
+ outline-color: #000000 !important;
+}
+.op-black {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+.ribbed-black {
+ background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-black:before {
+ background: #000000 !important;
+}
+.before-fg-black:before {
+ color: #000000 !important;
+}
+.after-bg-black:after {
+ background: #000000 !important;
+}
+.after-fg-black:after {
+ color: #000000 !important;
+}
+.bg-hover-black:hover {
+ background: #000000 !important;
+}
+.bg-active-black:active {
+ background: #000000 !important;
+}
+.bg-focus-black:focus {
+ background: #000000 !important;
+}
+.fg-hover-black:hover {
+ color: #000000 !important;
+}
+.fg-active-black:active {
+ color: #000000 !important;
+}
+.fg-focus-black:focus {
+ color: #000000 !important;
+}
+.fg-white {
+ color: #ffffff !important;
+}
+.bg-white {
+ background-color: #ffffff !important;
+}
+.bd-white {
+ border-color: #ffffff !important;
+}
+.ol-white {
+ outline-color: #ffffff !important;
+}
+.op-white {
+ background-color: rgba(255, 255, 255, 0.7);
+}
+.ribbed-white {
+ background: #ffffff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-white:before {
+ background: #ffffff !important;
+}
+.before-fg-white:before {
+ color: #ffffff !important;
+}
+.after-bg-white:after {
+ background: #ffffff !important;
+}
+.after-fg-white:after {
+ color: #ffffff !important;
+}
+.bg-hover-white:hover {
+ background: #ffffff !important;
+}
+.bg-active-white:active {
+ background: #ffffff !important;
+}
+.bg-focus-white:focus {
+ background: #ffffff !important;
+}
+.fg-hover-white:hover {
+ color: #ffffff !important;
+}
+.fg-active-white:active {
+ color: #ffffff !important;
+}
+.fg-focus-white:focus {
+ color: #ffffff !important;
+}
+.fg-lime {
+ color: #a4c400 !important;
+}
+.bg-lime {
+ background-color: #a4c400 !important;
+}
+.bd-lime {
+ border-color: #a4c400 !important;
+}
+.ol-lime {
+ outline-color: #a4c400 !important;
+}
+.op-lime {
+ background-color: rgba(164, 196, 0, 0.7);
+}
+.ribbed-lime {
+ background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lime:before {
+ background: #a4c400 !important;
+}
+.before-fg-lime:before {
+ color: #a4c400 !important;
+}
+.after-bg-lime:after {
+ background: #a4c400 !important;
+}
+.after-fg-lime:after {
+ color: #a4c400 !important;
+}
+.bg-hover-lime:hover {
+ background: #a4c400 !important;
+}
+.bg-active-lime:active {
+ background: #a4c400 !important;
+}
+.bg-focus-lime:focus {
+ background: #a4c400 !important;
+}
+.fg-hover-lime:hover {
+ color: #a4c400 !important;
+}
+.fg-active-lime:active {
+ color: #a4c400 !important;
+}
+.fg-focus-lime:focus {
+ color: #a4c400 !important;
+}
+.fg-green {
+ color: #60a917 !important;
+}
+.bg-green {
+ background-color: #60a917 !important;
+}
+.bd-green {
+ border-color: #60a917 !important;
+}
+.ol-green {
+ outline-color: #60a917 !important;
+}
+.op-green {
+ background-color: rgba(96, 169, 23, 0.7);
+}
+.ribbed-green {
+ background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-green:before {
+ background: #60a917 !important;
+}
+.before-fg-green:before {
+ color: #60a917 !important;
+}
+.after-bg-green:after {
+ background: #60a917 !important;
+}
+.after-fg-green:after {
+ color: #60a917 !important;
+}
+.bg-hover-green:hover {
+ background: #60a917 !important;
+}
+.bg-active-green:active {
+ background: #60a917 !important;
+}
+.bg-focus-green:focus {
+ background: #60a917 !important;
+}
+.fg-hover-green:hover {
+ color: #60a917 !important;
+}
+.fg-active-green:active {
+ color: #60a917 !important;
+}
+.fg-focus-green:focus {
+ color: #60a917 !important;
+}
+.fg-emerald {
+ color: #008a00 !important;
+}
+.bg-emerald {
+ background-color: #008a00 !important;
+}
+.bd-emerald {
+ border-color: #008a00 !important;
+}
+.ol-emerald {
+ outline-color: #008a00 !important;
+}
+.op-emerald {
+ background-color: rgba(0, 138, 0, 0.7);
+}
+.ribbed-emerald {
+ background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-emerald:before {
+ background: #008a00 !important;
+}
+.before-fg-emerald:before {
+ color: #008a00 !important;
+}
+.after-bg-emerald:after {
+ background: #008a00 !important;
+}
+.after-fg-emerald:after {
+ color: #008a00 !important;
+}
+.bg-hover-emerald:hover {
+ background: #008a00 !important;
+}
+.bg-active-emerald:active {
+ background: #008a00 !important;
+}
+.bg-focus-emerald:focus {
+ background: #008a00 !important;
+}
+.fg-hover-emerald:hover {
+ color: #008a00 !important;
+}
+.fg-active-emerald:active {
+ color: #008a00 !important;
+}
+.fg-focus-emerald:focus {
+ color: #008a00 !important;
+}
+.fg-blue {
+ color: #00aff0 !important;
+}
+.bg-blue {
+ background-color: #00aff0 !important;
+}
+.bd-blue {
+ border-color: #00aff0 !important;
+}
+.ol-blue {
+ outline-color: #00aff0 !important;
+}
+.op-blue {
+ background-color: rgba(0, 175, 240, 0.7);
+}
+.ribbed-blue {
+ background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-blue:before {
+ background: #00aff0 !important;
+}
+.before-fg-blue:before {
+ color: #00aff0 !important;
+}
+.after-bg-blue:after {
+ background: #00aff0 !important;
+}
+.after-fg-blue:after {
+ color: #00aff0 !important;
+}
+.bg-hover-blue:hover {
+ background: #00aff0 !important;
+}
+.bg-active-blue:active {
+ background: #00aff0 !important;
+}
+.bg-focus-blue:focus {
+ background: #00aff0 !important;
+}
+.fg-hover-blue:hover {
+ color: #00aff0 !important;
+}
+.fg-active-blue:active {
+ color: #00aff0 !important;
+}
+.fg-focus-blue:focus {
+ color: #00aff0 !important;
+}
+.fg-teal {
+ color: #00aba9 !important;
+}
+.bg-teal {
+ background-color: #00aba9 !important;
+}
+.bd-teal {
+ border-color: #00aba9 !important;
+}
+.ol-teal {
+ outline-color: #00aba9 !important;
+}
+.op-teal {
+ background-color: rgba(0, 171, 169, 0.7);
+}
+.ribbed-teal {
+ background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-teal:before {
+ background: #00aba9 !important;
+}
+.before-fg-teal:before {
+ color: #00aba9 !important;
+}
+.after-bg-teal:after {
+ background: #00aba9 !important;
+}
+.after-fg-teal:after {
+ color: #00aba9 !important;
+}
+.bg-hover-teal:hover {
+ background: #00aba9 !important;
+}
+.bg-active-teal:active {
+ background: #00aba9 !important;
+}
+.bg-focus-teal:focus {
+ background: #00aba9 !important;
+}
+.fg-hover-teal:hover {
+ color: #00aba9 !important;
+}
+.fg-active-teal:active {
+ color: #00aba9 !important;
+}
+.fg-focus-teal:focus {
+ color: #00aba9 !important;
+}
+.fg-cyan {
+ color: #1ba1e2 !important;
+}
+.bg-cyan {
+ background-color: #1ba1e2 !important;
+}
+.bd-cyan {
+ border-color: #1ba1e2 !important;
+}
+.ol-cyan {
+ outline-color: #1ba1e2 !important;
+}
+.op-cyan {
+ background-color: rgba(27, 161, 226, 0.7);
+}
+.ribbed-cyan {
+ background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-cyan:before {
+ background: #1ba1e2 !important;
+}
+.before-fg-cyan:before {
+ color: #1ba1e2 !important;
+}
+.after-bg-cyan:after {
+ background: #1ba1e2 !important;
+}
+.after-fg-cyan:after {
+ color: #1ba1e2 !important;
+}
+.bg-hover-cyan:hover {
+ background: #1ba1e2 !important;
+}
+.bg-active-cyan:active {
+ background: #1ba1e2 !important;
+}
+.bg-focus-cyan:focus {
+ background: #1ba1e2 !important;
+}
+.fg-hover-cyan:hover {
+ color: #1ba1e2 !important;
+}
+.fg-active-cyan:active {
+ color: #1ba1e2 !important;
+}
+.fg-focus-cyan:focus {
+ color: #1ba1e2 !important;
+}
+.fg-cobalt {
+ color: #0050ef !important;
+}
+.bg-cobalt {
+ background-color: #0050ef !important;
+}
+.bd-cobalt {
+ border-color: #0050ef !important;
+}
+.ol-cobalt {
+ outline-color: #0050ef !important;
+}
+.op-cobalt {
+ background-color: rgba(0, 80, 239, 0.7);
+}
+.ribbed-cobalt {
+ background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-cobalt:before {
+ background: #0050ef !important;
+}
+.before-fg-cobalt:before {
+ color: #0050ef !important;
+}
+.after-bg-cobalt:after {
+ background: #0050ef !important;
+}
+.after-fg-cobalt:after {
+ color: #0050ef !important;
+}
+.bg-hover-cobalt:hover {
+ background: #0050ef !important;
+}
+.bg-active-cobalt:active {
+ background: #0050ef !important;
+}
+.bg-focus-cobalt:focus {
+ background: #0050ef !important;
+}
+.fg-hover-cobalt:hover {
+ color: #0050ef !important;
+}
+.fg-active-cobalt:active {
+ color: #0050ef !important;
+}
+.fg-focus-cobalt:focus {
+ color: #0050ef !important;
+}
+.fg-indigo {
+ color: #6a00ff !important;
+}
+.bg-indigo {
+ background-color: #6a00ff !important;
+}
+.bd-indigo {
+ border-color: #6a00ff !important;
+}
+.ol-indigo {
+ outline-color: #6a00ff !important;
+}
+.op-indigo {
+ background-color: rgba(106, 0, 255, 0.7);
+}
+.ribbed-indigo {
+ background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-indigo:before {
+ background: #6a00ff !important;
+}
+.before-fg-indigo:before {
+ color: #6a00ff !important;
+}
+.after-bg-indigo:after {
+ background: #6a00ff !important;
+}
+.after-fg-indigo:after {
+ color: #6a00ff !important;
+}
+.bg-hover-indigo:hover {
+ background: #6a00ff !important;
+}
+.bg-active-indigo:active {
+ background: #6a00ff !important;
+}
+.bg-focus-indigo:focus {
+ background: #6a00ff !important;
+}
+.fg-hover-indigo:hover {
+ color: #6a00ff !important;
+}
+.fg-active-indigo:active {
+ color: #6a00ff !important;
+}
+.fg-focus-indigo:focus {
+ color: #6a00ff !important;
+}
+.fg-violet {
+ color: #aa00ff !important;
+}
+.bg-violet {
+ background-color: #aa00ff !important;
+}
+.bd-violet {
+ border-color: #aa00ff !important;
+}
+.ol-violet {
+ outline-color: #aa00ff !important;
+}
+.op-violet {
+ background-color: rgba(170, 0, 255, 0.7);
+}
+.ribbed-violet {
+ background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-violet:before {
+ background: #aa00ff !important;
+}
+.before-fg-violet:before {
+ color: #aa00ff !important;
+}
+.after-bg-violet:after {
+ background: #aa00ff !important;
+}
+.after-fg-violet:after {
+ color: #aa00ff !important;
+}
+.bg-hover-violet:hover {
+ background: #aa00ff !important;
+}
+.bg-active-violet:active {
+ background: #aa00ff !important;
+}
+.bg-focus-violet:focus {
+ background: #aa00ff !important;
+}
+.fg-hover-violet:hover {
+ color: #aa00ff !important;
+}
+.fg-active-violet:active {
+ color: #aa00ff !important;
+}
+.fg-focus-violet:focus {
+ color: #aa00ff !important;
+}
+.fg-pink {
+ color: #dc4fad !important;
+}
+.bg-pink {
+ background-color: #dc4fad !important;
+}
+.bd-pink {
+ border-color: #dc4fad !important;
+}
+.ol-pink {
+ outline-color: #dc4fad !important;
+}
+.op-pink {
+ background-color: rgba(220, 79, 173, 0.7);
+}
+.ribbed-pink {
+ background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-pink:before {
+ background: #dc4fad !important;
+}
+.before-fg-pink:before {
+ color: #dc4fad !important;
+}
+.after-bg-pink:after {
+ background: #dc4fad !important;
+}
+.after-fg-pink:after {
+ color: #dc4fad !important;
+}
+.bg-hover-pink:hover {
+ background: #dc4fad !important;
+}
+.bg-active-pink:active {
+ background: #dc4fad !important;
+}
+.bg-focus-pink:focus {
+ background: #dc4fad !important;
+}
+.fg-hover-pink:hover {
+ color: #dc4fad !important;
+}
+.fg-active-pink:active {
+ color: #dc4fad !important;
+}
+.fg-focus-pink:focus {
+ color: #dc4fad !important;
+}
+.fg-magenta {
+ color: #d80073 !important;
+}
+.bg-magenta {
+ background-color: #d80073 !important;
+}
+.bd-magenta {
+ border-color: #d80073 !important;
+}
+.ol-magenta {
+ outline-color: #d80073 !important;
+}
+.op-magenta {
+ background-color: rgba(216, 0, 115, 0.7);
+}
+.ribbed-magenta {
+ background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-magenta:before {
+ background: #d80073 !important;
+}
+.before-fg-magenta:before {
+ color: #d80073 !important;
+}
+.after-bg-magenta:after {
+ background: #d80073 !important;
+}
+.after-fg-magenta:after {
+ color: #d80073 !important;
+}
+.bg-hover-magenta:hover {
+ background: #d80073 !important;
+}
+.bg-active-magenta:active {
+ background: #d80073 !important;
+}
+.bg-focus-magenta:focus {
+ background: #d80073 !important;
+}
+.fg-hover-magenta:hover {
+ color: #d80073 !important;
+}
+.fg-active-magenta:active {
+ color: #d80073 !important;
+}
+.fg-focus-magenta:focus {
+ color: #d80073 !important;
+}
+.fg-crimson {
+ color: #a20025 !important;
+}
+.bg-crimson {
+ background-color: #a20025 !important;
+}
+.bd-crimson {
+ border-color: #a20025 !important;
+}
+.ol-crimson {
+ outline-color: #a20025 !important;
+}
+.op-crimson {
+ background-color: rgba(162, 0, 37, 0.7);
+}
+.ribbed-crimson {
+ background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-crimson:before {
+ background: #a20025 !important;
+}
+.before-fg-crimson:before {
+ color: #a20025 !important;
+}
+.after-bg-crimson:after {
+ background: #a20025 !important;
+}
+.after-fg-crimson:after {
+ color: #a20025 !important;
+}
+.bg-hover-crimson:hover {
+ background: #a20025 !important;
+}
+.bg-active-crimson:active {
+ background: #a20025 !important;
+}
+.bg-focus-crimson:focus {
+ background: #a20025 !important;
+}
+.fg-hover-crimson:hover {
+ color: #a20025 !important;
+}
+.fg-active-crimson:active {
+ color: #a20025 !important;
+}
+.fg-focus-crimson:focus {
+ color: #a20025 !important;
+}
+.fg-red {
+ color: #ce352c !important;
+}
+.bg-red {
+ background-color: #ce352c !important;
+}
+.bd-red {
+ border-color: #ce352c !important;
+}
+.ol-red {
+ outline-color: #ce352c !important;
+}
+.op-red {
+ background-color: rgba(206, 53, 44, 0.7);
+}
+.ribbed-red {
+ background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-red:before {
+ background: #ce352c !important;
+}
+.before-fg-red:before {
+ color: #ce352c !important;
+}
+.after-bg-red:after {
+ background: #ce352c !important;
+}
+.after-fg-red:after {
+ color: #ce352c !important;
+}
+.bg-hover-red:hover {
+ background: #ce352c !important;
+}
+.bg-active-red:active {
+ background: #ce352c !important;
+}
+.bg-focus-red:focus {
+ background: #ce352c !important;
+}
+.fg-hover-red:hover {
+ color: #ce352c !important;
+}
+.fg-active-red:active {
+ color: #ce352c !important;
+}
+.fg-focus-red:focus {
+ color: #ce352c !important;
+}
+.fg-orange {
+ color: #fa6800 !important;
+}
+.bg-orange {
+ background-color: #fa6800 !important;
+}
+.bd-orange {
+ border-color: #fa6800 !important;
+}
+.ol-orange {
+ outline-color: #fa6800 !important;
+}
+.op-orange {
+ background-color: rgba(250, 104, 0, 0.7);
+}
+.ribbed-orange {
+ background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-orange:before {
+ background: #fa6800 !important;
+}
+.before-fg-orange:before {
+ color: #fa6800 !important;
+}
+.after-bg-orange:after {
+ background: #fa6800 !important;
+}
+.after-fg-orange:after {
+ color: #fa6800 !important;
+}
+.bg-hover-orange:hover {
+ background: #fa6800 !important;
+}
+.bg-active-orange:active {
+ background: #fa6800 !important;
+}
+.bg-focus-orange:focus {
+ background: #fa6800 !important;
+}
+.fg-hover-orange:hover {
+ color: #fa6800 !important;
+}
+.fg-active-orange:active {
+ color: #fa6800 !important;
+}
+.fg-focus-orange:focus {
+ color: #fa6800 !important;
+}
+.fg-amber {
+ color: #f0a30a !important;
+}
+.bg-amber {
+ background-color: #f0a30a !important;
+}
+.bd-amber {
+ border-color: #f0a30a !important;
+}
+.ol-amber {
+ outline-color: #f0a30a !important;
+}
+.op-amber {
+ background-color: rgba(240, 163, 10, 0.7);
+}
+.ribbed-amber {
+ background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-amber:before {
+ background: #f0a30a !important;
+}
+.before-fg-amber:before {
+ color: #f0a30a !important;
+}
+.after-bg-amber:after {
+ background: #f0a30a !important;
+}
+.after-fg-amber:after {
+ color: #f0a30a !important;
+}
+.bg-hover-amber:hover {
+ background: #f0a30a !important;
+}
+.bg-active-amber:active {
+ background: #f0a30a !important;
+}
+.bg-focus-amber:focus {
+ background: #f0a30a !important;
+}
+.fg-hover-amber:hover {
+ color: #f0a30a !important;
+}
+.fg-active-amber:active {
+ color: #f0a30a !important;
+}
+.fg-focus-amber:focus {
+ color: #f0a30a !important;
+}
+.fg-yellow {
+ color: #e3c800 !important;
+}
+.bg-yellow {
+ background-color: #e3c800 !important;
+}
+.bd-yellow {
+ border-color: #e3c800 !important;
+}
+.ol-yellow {
+ outline-color: #e3c800 !important;
+}
+.op-yellow {
+ background-color: rgba(227, 200, 0, 0.7);
+}
+.ribbed-yellow {
+ background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-yellow:before {
+ background: #e3c800 !important;
+}
+.before-fg-yellow:before {
+ color: #e3c800 !important;
+}
+.after-bg-yellow:after {
+ background: #e3c800 !important;
+}
+.after-fg-yellow:after {
+ color: #e3c800 !important;
+}
+.bg-hover-yellow:hover {
+ background: #e3c800 !important;
+}
+.bg-active-yellow:active {
+ background: #e3c800 !important;
+}
+.bg-focus-yellow:focus {
+ background: #e3c800 !important;
+}
+.fg-hover-yellow:hover {
+ color: #e3c800 !important;
+}
+.fg-active-yellow:active {
+ color: #e3c800 !important;
+}
+.fg-focus-yellow:focus {
+ color: #e3c800 !important;
+}
+.fg-brown {
+ color: #825a2c !important;
+}
+.bg-brown {
+ background-color: #825a2c !important;
+}
+.bd-brown {
+ border-color: #825a2c !important;
+}
+.ol-brown {
+ outline-color: #825a2c !important;
+}
+.op-brown {
+ background-color: rgba(130, 90, 44, 0.7);
+}
+.ribbed-brown {
+ background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-brown:before {
+ background: #825a2c !important;
+}
+.before-fg-brown:before {
+ color: #825a2c !important;
+}
+.after-bg-brown:after {
+ background: #825a2c !important;
+}
+.after-fg-brown:after {
+ color: #825a2c !important;
+}
+.bg-hover-brown:hover {
+ background: #825a2c !important;
+}
+.bg-active-brown:active {
+ background: #825a2c !important;
+}
+.bg-focus-brown:focus {
+ background: #825a2c !important;
+}
+.fg-hover-brown:hover {
+ color: #825a2c !important;
+}
+.fg-active-brown:active {
+ color: #825a2c !important;
+}
+.fg-focus-brown:focus {
+ color: #825a2c !important;
+}
+.fg-olive {
+ color: #6d8764 !important;
+}
+.bg-olive {
+ background-color: #6d8764 !important;
+}
+.bd-olive {
+ border-color: #6d8764 !important;
+}
+.ol-olive {
+ outline-color: #6d8764 !important;
+}
+.op-olive {
+ background-color: rgba(109, 135, 100, 0.7);
+}
+.ribbed-olive {
+ background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-olive:before {
+ background: #6d8764 !important;
+}
+.before-fg-olive:before {
+ color: #6d8764 !important;
+}
+.after-bg-olive:after {
+ background: #6d8764 !important;
+}
+.after-fg-olive:after {
+ color: #6d8764 !important;
+}
+.bg-hover-olive:hover {
+ background: #6d8764 !important;
+}
+.bg-active-olive:active {
+ background: #6d8764 !important;
+}
+.bg-focus-olive:focus {
+ background: #6d8764 !important;
+}
+.fg-hover-olive:hover {
+ color: #6d8764 !important;
+}
+.fg-active-olive:active {
+ color: #6d8764 !important;
+}
+.fg-focus-olive:focus {
+ color: #6d8764 !important;
+}
+.fg-steel {
+ color: #647687 !important;
+}
+.bg-steel {
+ background-color: #647687 !important;
+}
+.bd-steel {
+ border-color: #647687 !important;
+}
+.ol-steel {
+ outline-color: #647687 !important;
+}
+.op-steel {
+ background-color: rgba(100, 118, 135, 0.7);
+}
+.ribbed-steel {
+ background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-steel:before {
+ background: #647687 !important;
+}
+.before-fg-steel:before {
+ color: #647687 !important;
+}
+.after-bg-steel:after {
+ background: #647687 !important;
+}
+.after-fg-steel:after {
+ color: #647687 !important;
+}
+.bg-hover-steel:hover {
+ background: #647687 !important;
+}
+.bg-active-steel:active {
+ background: #647687 !important;
+}
+.bg-focus-steel:focus {
+ background: #647687 !important;
+}
+.fg-hover-steel:hover {
+ color: #647687 !important;
+}
+.fg-active-steel:active {
+ color: #647687 !important;
+}
+.fg-focus-steel:focus {
+ color: #647687 !important;
+}
+.fg-mauve {
+ color: #76608a !important;
+}
+.bg-mauve {
+ background-color: #76608a !important;
+}
+.bd-mauve {
+ border-color: #76608a !important;
+}
+.ol-mauve {
+ outline-color: #76608a !important;
+}
+.op-mauve {
+ background-color: rgba(118, 96, 138, 0.7);
+}
+.ribbed-mauve {
+ background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-mauve:before {
+ background: #76608a !important;
+}
+.before-fg-mauve:before {
+ color: #76608a !important;
+}
+.after-bg-mauve:after {
+ background: #76608a !important;
+}
+.after-fg-mauve:after {
+ color: #76608a !important;
+}
+.bg-hover-mauve:hover {
+ background: #76608a !important;
+}
+.bg-active-mauve:active {
+ background: #76608a !important;
+}
+.bg-focus-mauve:focus {
+ background: #76608a !important;
+}
+.fg-hover-mauve:hover {
+ color: #76608a !important;
+}
+.fg-active-mauve:active {
+ color: #76608a !important;
+}
+.fg-focus-mauve:focus {
+ color: #76608a !important;
+}
+.fg-taupe {
+ color: #87794e !important;
+}
+.bg-taupe {
+ background-color: #87794e !important;
+}
+.bd-taupe {
+ border-color: #87794e !important;
+}
+.ol-taupe {
+ outline-color: #87794e !important;
+}
+.op-taupe {
+ background-color: rgba(135, 121, 78, 0.7);
+}
+.ribbed-taupe {
+ background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-taupe:before {
+ background: #87794e !important;
+}
+.before-fg-taupe:before {
+ color: #87794e !important;
+}
+.after-bg-taupe:after {
+ background: #87794e !important;
+}
+.after-fg-taupe:after {
+ color: #87794e !important;
+}
+.bg-hover-taupe:hover {
+ background: #87794e !important;
+}
+.bg-active-taupe:active {
+ background: #87794e !important;
+}
+.bg-focus-taupe:focus {
+ background: #87794e !important;
+}
+.fg-hover-taupe:hover {
+ color: #87794e !important;
+}
+.fg-active-taupe:active {
+ color: #87794e !important;
+}
+.fg-focus-taupe:focus {
+ color: #87794e !important;
+}
+.fg-dark {
+ color: #1d1d1d !important;
+}
+.bg-dark {
+ background-color: #1d1d1d !important;
+}
+.bd-dark {
+ border-color: #1d1d1d !important;
+}
+.ol-dark {
+ outline-color: #1d1d1d !important;
+}
+.op-dark {
+ background-color: rgba(29, 29, 29, 0.7);
+}
+.ribbed-dark {
+ background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-dark:before {
+ background: #1d1d1d !important;
+}
+.before-fg-dark:before {
+ color: #1d1d1d !important;
+}
+.after-bg-dark:after {
+ background: #1d1d1d !important;
+}
+.after-fg-dark:after {
+ color: #1d1d1d !important;
+}
+.bg-hover-dark:hover {
+ background: #1d1d1d !important;
+}
+.bg-active-dark:active {
+ background: #1d1d1d !important;
+}
+.bg-focus-dark:focus {
+ background: #1d1d1d !important;
+}
+.fg-hover-dark:hover {
+ color: #1d1d1d !important;
+}
+.fg-active-dark:active {
+ color: #1d1d1d !important;
+}
+.fg-focus-dark:focus {
+ color: #1d1d1d !important;
+}
+.fg-darkBrown {
+ color: #63362f !important;
+}
+.bg-darkBrown {
+ background-color: #63362f !important;
+}
+.bd-darkBrown {
+ border-color: #63362f !important;
+}
+.ol-darkBrown {
+ outline-color: #63362f !important;
+}
+.op-darkBrown {
+ background-color: rgba(99, 54, 47, 0.7);
+}
+.ribbed-darkBrown {
+ background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkBrown:before {
+ background: #63362f !important;
+}
+.before-fg-darkBrown:before {
+ color: #63362f !important;
+}
+.after-bg-darkBrown:after {
+ background: #63362f !important;
+}
+.after-fg-darkBrown:after {
+ color: #63362f !important;
+}
+.bg-hover-darkBrown:hover {
+ background: #63362f !important;
+}
+.bg-active-darkBrown:active {
+ background: #63362f !important;
+}
+.bg-focus-darkBrown:focus {
+ background: #63362f !important;
+}
+.fg-hover-darkBrown:hover {
+ color: #63362f !important;
+}
+.fg-active-darkBrown:active {
+ color: #63362f !important;
+}
+.fg-focus-darkBrown:focus {
+ color: #63362f !important;
+}
+.fg-darkCrimson {
+ color: #640024 !important;
+}
+.bg-darkCrimson {
+ background-color: #640024 !important;
+}
+.bd-darkCrimson {
+ border-color: #640024 !important;
+}
+.ol-darkCrimson {
+ outline-color: #640024 !important;
+}
+.op-darkCrimson {
+ background-color: rgba(100, 0, 36, 0.7);
+}
+.ribbed-darkCrimson {
+ background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCrimson:before {
+ background: #640024 !important;
+}
+.before-fg-darkCrimson:before {
+ color: #640024 !important;
+}
+.after-bg-darkCrimson:after {
+ background: #640024 !important;
+}
+.after-fg-darkCrimson:after {
+ color: #640024 !important;
+}
+.bg-hover-darkCrimson:hover {
+ background: #640024 !important;
+}
+.bg-active-darkCrimson:active {
+ background: #640024 !important;
+}
+.bg-focus-darkCrimson:focus {
+ background: #640024 !important;
+}
+.fg-hover-darkCrimson:hover {
+ color: #640024 !important;
+}
+.fg-active-darkCrimson:active {
+ color: #640024 !important;
+}
+.fg-focus-darkCrimson:focus {
+ color: #640024 !important;
+}
+.fg-darkMagenta {
+ color: #81003c !important;
+}
+.bg-darkMagenta {
+ background-color: #81003c !important;
+}
+.bd-darkMagenta {
+ border-color: #81003c !important;
+}
+.ol-darkMagenta {
+ outline-color: #81003c !important;
+}
+.op-darkMagenta {
+ background-color: rgba(129, 0, 60, 0.7);
+}
+.ribbed-darkMagenta {
+ background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkMagenta:before {
+ background: #81003c !important;
+}
+.before-fg-darkMagenta:before {
+ color: #81003c !important;
+}
+.after-bg-darkMagenta:after {
+ background: #81003c !important;
+}
+.after-fg-darkMagenta:after {
+ color: #81003c !important;
+}
+.bg-hover-darkMagenta:hover {
+ background: #81003c !important;
+}
+.bg-active-darkMagenta:active {
+ background: #81003c !important;
+}
+.bg-focus-darkMagenta:focus {
+ background: #81003c !important;
+}
+.fg-hover-darkMagenta:hover {
+ color: #81003c !important;
+}
+.fg-active-darkMagenta:active {
+ color: #81003c !important;
+}
+.fg-focus-darkMagenta:focus {
+ color: #81003c !important;
+}
+.fg-darkIndigo {
+ color: #4b0096 !important;
+}
+.bg-darkIndigo {
+ background-color: #4b0096 !important;
+}
+.bd-darkIndigo {
+ border-color: #4b0096 !important;
+}
+.ol-darkIndigo {
+ outline-color: #4b0096 !important;
+}
+.op-darkIndigo {
+ background-color: rgba(75, 0, 150, 0.7);
+}
+.ribbed-darkIndigo {
+ background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkIndigo:before {
+ background: #4b0096 !important;
+}
+.before-fg-darkIndigo:before {
+ color: #4b0096 !important;
+}
+.after-bg-darkIndigo:after {
+ background: #4b0096 !important;
+}
+.after-fg-darkIndigo:after {
+ color: #4b0096 !important;
+}
+.bg-hover-darkIndigo:hover {
+ background: #4b0096 !important;
+}
+.bg-active-darkIndigo:active {
+ background: #4b0096 !important;
+}
+.bg-focus-darkIndigo:focus {
+ background: #4b0096 !important;
+}
+.fg-hover-darkIndigo:hover {
+ color: #4b0096 !important;
+}
+.fg-active-darkIndigo:active {
+ color: #4b0096 !important;
+}
+.fg-focus-darkIndigo:focus {
+ color: #4b0096 !important;
+}
+.fg-darkCyan {
+ color: #1b6eae !important;
+}
+.bg-darkCyan {
+ background-color: #1b6eae !important;
+}
+.bd-darkCyan {
+ border-color: #1b6eae !important;
+}
+.ol-darkCyan {
+ outline-color: #1b6eae !important;
+}
+.op-darkCyan {
+ background-color: rgba(27, 110, 174, 0.7);
+}
+.ribbed-darkCyan {
+ background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCyan:before {
+ background: #1b6eae !important;
+}
+.before-fg-darkCyan:before {
+ color: #1b6eae !important;
+}
+.after-bg-darkCyan:after {
+ background: #1b6eae !important;
+}
+.after-fg-darkCyan:after {
+ color: #1b6eae !important;
+}
+.bg-hover-darkCyan:hover {
+ background: #1b6eae !important;
+}
+.bg-active-darkCyan:active {
+ background: #1b6eae !important;
+}
+.bg-focus-darkCyan:focus {
+ background: #1b6eae !important;
+}
+.fg-hover-darkCyan:hover {
+ color: #1b6eae !important;
+}
+.fg-active-darkCyan:active {
+ color: #1b6eae !important;
+}
+.fg-focus-darkCyan:focus {
+ color: #1b6eae !important;
+}
+.fg-darkCobalt {
+ color: #00356a !important;
+}
+.bg-darkCobalt {
+ background-color: #00356a !important;
+}
+.bd-darkCobalt {
+ border-color: #00356a !important;
+}
+.ol-darkCobalt {
+ outline-color: #00356a !important;
+}
+.op-darkCobalt {
+ background-color: rgba(0, 53, 106, 0.7);
+}
+.ribbed-darkCobalt {
+ background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkCobalt:before {
+ background: #00356a !important;
+}
+.before-fg-darkCobalt:before {
+ color: #00356a !important;
+}
+.after-bg-darkCobalt:after {
+ background: #00356a !important;
+}
+.after-fg-darkCobalt:after {
+ color: #00356a !important;
+}
+.bg-hover-darkCobalt:hover {
+ background: #00356a !important;
+}
+.bg-active-darkCobalt:active {
+ background: #00356a !important;
+}
+.bg-focus-darkCobalt:focus {
+ background: #00356a !important;
+}
+.fg-hover-darkCobalt:hover {
+ color: #00356a !important;
+}
+.fg-active-darkCobalt:active {
+ color: #00356a !important;
+}
+.fg-focus-darkCobalt:focus {
+ color: #00356a !important;
+}
+.fg-darkTeal {
+ color: #004050 !important;
+}
+.bg-darkTeal {
+ background-color: #004050 !important;
+}
+.bd-darkTeal {
+ border-color: #004050 !important;
+}
+.ol-darkTeal {
+ outline-color: #004050 !important;
+}
+.op-darkTeal {
+ background-color: rgba(0, 64, 80, 0.7);
+}
+.ribbed-darkTeal {
+ background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkTeal:before {
+ background: #004050 !important;
+}
+.before-fg-darkTeal:before {
+ color: #004050 !important;
+}
+.after-bg-darkTeal:after {
+ background: #004050 !important;
+}
+.after-fg-darkTeal:after {
+ color: #004050 !important;
+}
+.bg-hover-darkTeal:hover {
+ background: #004050 !important;
+}
+.bg-active-darkTeal:active {
+ background: #004050 !important;
+}
+.bg-focus-darkTeal:focus {
+ background: #004050 !important;
+}
+.fg-hover-darkTeal:hover {
+ color: #004050 !important;
+}
+.fg-active-darkTeal:active {
+ color: #004050 !important;
+}
+.fg-focus-darkTeal:focus {
+ color: #004050 !important;
+}
+.fg-darkEmerald {
+ color: #003e00 !important;
+}
+.bg-darkEmerald {
+ background-color: #003e00 !important;
+}
+.bd-darkEmerald {
+ border-color: #003e00 !important;
+}
+.ol-darkEmerald {
+ outline-color: #003e00 !important;
+}
+.op-darkEmerald {
+ background-color: rgba(0, 62, 0, 0.7);
+}
+.ribbed-darkEmerald {
+ background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkEmerald:before {
+ background: #003e00 !important;
+}
+.before-fg-darkEmerald:before {
+ color: #003e00 !important;
+}
+.after-bg-darkEmerald:after {
+ background: #003e00 !important;
+}
+.after-fg-darkEmerald:after {
+ color: #003e00 !important;
+}
+.bg-hover-darkEmerald:hover {
+ background: #003e00 !important;
+}
+.bg-active-darkEmerald:active {
+ background: #003e00 !important;
+}
+.bg-focus-darkEmerald:focus {
+ background: #003e00 !important;
+}
+.fg-hover-darkEmerald:hover {
+ color: #003e00 !important;
+}
+.fg-active-darkEmerald:active {
+ color: #003e00 !important;
+}
+.fg-focus-darkEmerald:focus {
+ color: #003e00 !important;
+}
+.fg-darkGreen {
+ color: #128023 !important;
+}
+.bg-darkGreen {
+ background-color: #128023 !important;
+}
+.bd-darkGreen {
+ border-color: #128023 !important;
+}
+.ol-darkGreen {
+ outline-color: #128023 !important;
+}
+.op-darkGreen {
+ background-color: rgba(18, 128, 35, 0.7);
+}
+.ribbed-darkGreen {
+ background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkGreen:before {
+ background: #128023 !important;
+}
+.before-fg-darkGreen:before {
+ color: #128023 !important;
+}
+.after-bg-darkGreen:after {
+ background: #128023 !important;
+}
+.after-fg-darkGreen:after {
+ color: #128023 !important;
+}
+.bg-hover-darkGreen:hover {
+ background: #128023 !important;
+}
+.bg-active-darkGreen:active {
+ background: #128023 !important;
+}
+.bg-focus-darkGreen:focus {
+ background: #128023 !important;
+}
+.fg-hover-darkGreen:hover {
+ color: #128023 !important;
+}
+.fg-active-darkGreen:active {
+ color: #128023 !important;
+}
+.fg-focus-darkGreen:focus {
+ color: #128023 !important;
+}
+.fg-darkOrange {
+ color: #bf5a15 !important;
+}
+.bg-darkOrange {
+ background-color: #bf5a15 !important;
+}
+.bd-darkOrange {
+ border-color: #bf5a15 !important;
+}
+.ol-darkOrange {
+ outline-color: #bf5a15 !important;
+}
+.op-darkOrange {
+ background-color: rgba(191, 90, 21, 0.7);
+}
+.ribbed-darkOrange {
+ background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkOrange:before {
+ background: #bf5a15 !important;
+}
+.before-fg-darkOrange:before {
+ color: #bf5a15 !important;
+}
+.after-bg-darkOrange:after {
+ background: #bf5a15 !important;
+}
+.after-fg-darkOrange:after {
+ color: #bf5a15 !important;
+}
+.bg-hover-darkOrange:hover {
+ background: #bf5a15 !important;
+}
+.bg-active-darkOrange:active {
+ background: #bf5a15 !important;
+}
+.bg-focus-darkOrange:focus {
+ background: #bf5a15 !important;
+}
+.fg-hover-darkOrange:hover {
+ color: #bf5a15 !important;
+}
+.fg-active-darkOrange:active {
+ color: #bf5a15 !important;
+}
+.fg-focus-darkOrange:focus {
+ color: #bf5a15 !important;
+}
+.fg-darkRed {
+ color: #9a1616 !important;
+}
+.bg-darkRed {
+ background-color: #9a1616 !important;
+}
+.bd-darkRed {
+ border-color: #9a1616 !important;
+}
+.ol-darkRed {
+ outline-color: #9a1616 !important;
+}
+.op-darkRed {
+ background-color: rgba(154, 22, 22, 0.7);
+}
+.ribbed-darkRed {
+ background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkRed:before {
+ background: #9a1616 !important;
+}
+.before-fg-darkRed:before {
+ color: #9a1616 !important;
+}
+.after-bg-darkRed:after {
+ background: #9a1616 !important;
+}
+.after-fg-darkRed:after {
+ color: #9a1616 !important;
+}
+.bg-hover-darkRed:hover {
+ background: #9a1616 !important;
+}
+.bg-active-darkRed:active {
+ background: #9a1616 !important;
+}
+.bg-focus-darkRed:focus {
+ background: #9a1616 !important;
+}
+.fg-hover-darkRed:hover {
+ color: #9a1616 !important;
+}
+.fg-active-darkRed:active {
+ color: #9a1616 !important;
+}
+.fg-focus-darkRed:focus {
+ color: #9a1616 !important;
+}
+.fg-darkPink {
+ color: #9a165a !important;
+}
+.bg-darkPink {
+ background-color: #9a165a !important;
+}
+.bd-darkPink {
+ border-color: #9a165a !important;
+}
+.ol-darkPink {
+ outline-color: #9a165a !important;
+}
+.op-darkPink {
+ background-color: rgba(154, 22, 90, 0.7);
+}
+.ribbed-darkPink {
+ background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkPink:before {
+ background: #9a165a !important;
+}
+.before-fg-darkPink:before {
+ color: #9a165a !important;
+}
+.after-bg-darkPink:after {
+ background: #9a165a !important;
+}
+.after-fg-darkPink:after {
+ color: #9a165a !important;
+}
+.bg-hover-darkPink:hover {
+ background: #9a165a !important;
+}
+.bg-active-darkPink:active {
+ background: #9a165a !important;
+}
+.bg-focus-darkPink:focus {
+ background: #9a165a !important;
+}
+.fg-hover-darkPink:hover {
+ color: #9a165a !important;
+}
+.fg-active-darkPink:active {
+ color: #9a165a !important;
+}
+.fg-focus-darkPink:focus {
+ color: #9a165a !important;
+}
+.fg-darkViolet {
+ color: #57169a !important;
+}
+.bg-darkViolet {
+ background-color: #57169a !important;
+}
+.bd-darkViolet {
+ border-color: #57169a !important;
+}
+.ol-darkViolet {
+ outline-color: #57169a !important;
+}
+.op-darkViolet {
+ background-color: rgba(87, 22, 154, 0.7);
+}
+.ribbed-darkViolet {
+ background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkViolet:before {
+ background: #57169a !important;
+}
+.before-fg-darkViolet:before {
+ color: #57169a !important;
+}
+.after-bg-darkViolet:after {
+ background: #57169a !important;
+}
+.after-fg-darkViolet:after {
+ color: #57169a !important;
+}
+.bg-hover-darkViolet:hover {
+ background: #57169a !important;
+}
+.bg-active-darkViolet:active {
+ background: #57169a !important;
+}
+.bg-focus-darkViolet:focus {
+ background: #57169a !important;
+}
+.fg-hover-darkViolet:hover {
+ color: #57169a !important;
+}
+.fg-active-darkViolet:active {
+ color: #57169a !important;
+}
+.fg-focus-darkViolet:focus {
+ color: #57169a !important;
+}
+.fg-darkBlue {
+ color: #16499a !important;
+}
+.bg-darkBlue {
+ background-color: #16499a !important;
+}
+.bd-darkBlue {
+ border-color: #16499a !important;
+}
+.ol-darkBlue {
+ outline-color: #16499a !important;
+}
+.op-darkBlue {
+ background-color: rgba(22, 73, 154, 0.7);
+}
+.ribbed-darkBlue {
+ background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkBlue:before {
+ background: #16499a !important;
+}
+.before-fg-darkBlue:before {
+ color: #16499a !important;
+}
+.after-bg-darkBlue:after {
+ background: #16499a !important;
+}
+.after-fg-darkBlue:after {
+ color: #16499a !important;
+}
+.bg-hover-darkBlue:hover {
+ background: #16499a !important;
+}
+.bg-active-darkBlue:active {
+ background: #16499a !important;
+}
+.bg-focus-darkBlue:focus {
+ background: #16499a !important;
+}
+.fg-hover-darkBlue:hover {
+ color: #16499a !important;
+}
+.fg-active-darkBlue:active {
+ color: #16499a !important;
+}
+.fg-focus-darkBlue:focus {
+ color: #16499a !important;
+}
+.fg-lightBlue {
+ color: #4390df !important;
+}
+.bg-lightBlue {
+ background-color: #4390df !important;
+}
+.bd-lightBlue {
+ border-color: #4390df !important;
+}
+.ol-lightBlue {
+ outline-color: #4390df !important;
+}
+.op-lightBlue {
+ background-color: rgba(67, 144, 223, 0.7);
+}
+.ribbed-lightBlue {
+ background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightBlue:before {
+ background: #4390df !important;
+}
+.before-fg-lightBlue:before {
+ color: #4390df !important;
+}
+.after-bg-lightBlue:after {
+ background: #4390df !important;
+}
+.after-fg-lightBlue:after {
+ color: #4390df !important;
+}
+.bg-hover-lightBlue:hover {
+ background: #4390df !important;
+}
+.bg-active-lightBlue:active {
+ background: #4390df !important;
+}
+.bg-focus-lightBlue:focus {
+ background: #4390df !important;
+}
+.fg-hover-lightBlue:hover {
+ color: #4390df !important;
+}
+.fg-active-lightBlue:active {
+ color: #4390df !important;
+}
+.fg-focus-lightBlue:focus {
+ color: #4390df !important;
+}
+.fg-lighterBlue {
+ color: #00ccff !important;
+}
+.bg-lighterBlue {
+ background-color: #00ccff !important;
+}
+.bd-lighterBlue {
+ border-color: #00ccff !important;
+}
+.ol-lighterBlue {
+ outline-color: #00ccff !important;
+}
+.op-lighterBlue {
+ background-color: rgba(0, 204, 255, 0.7);
+}
+.ribbed-lighterBlue {
+ background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lighterBlue:before {
+ background: #00ccff !important;
+}
+.before-fg-lighterBlue:before {
+ color: #00ccff !important;
+}
+.after-bg-lighterBlue:after {
+ background: #00ccff !important;
+}
+.after-fg-lighterBlue:after {
+ color: #00ccff !important;
+}
+.bg-hover-lighterBlue:hover {
+ background: #00ccff !important;
+}
+.bg-active-lighterBlue:active {
+ background: #00ccff !important;
+}
+.bg-focus-lighterBlue:focus {
+ background: #00ccff !important;
+}
+.fg-hover-lighterBlue:hover {
+ color: #00ccff !important;
+}
+.fg-active-lighterBlue:active {
+ color: #00ccff !important;
+}
+.fg-focus-lighterBlue:focus {
+ color: #00ccff !important;
+}
+.fg-lightTeal {
+ color: #45fffd !important;
+}
+.bg-lightTeal {
+ background-color: #45fffd !important;
+}
+.bd-lightTeal {
+ border-color: #45fffd !important;
+}
+.ol-lightTeal {
+ outline-color: #45fffd !important;
+}
+.op-lightTeal {
+ background-color: rgba(69, 255, 253, 0.7);
+}
+.ribbed-lightTeal {
+ background: #45fffd linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightTeal:before {
+ background: #45fffd !important;
+}
+.before-fg-lightTeal:before {
+ color: #45fffd !important;
+}
+.after-bg-lightTeal:after {
+ background: #45fffd !important;
+}
+.after-fg-lightTeal:after {
+ color: #45fffd !important;
+}
+.bg-hover-lightTeal:hover {
+ background: #45fffd !important;
+}
+.bg-active-lightTeal:active {
+ background: #45fffd !important;
+}
+.bg-focus-lightTeal:focus {
+ background: #45fffd !important;
+}
+.fg-hover-lightTeal:hover {
+ color: #45fffd !important;
+}
+.fg-active-lightTeal:active {
+ color: #45fffd !important;
+}
+.fg-focus-lightTeal:focus {
+ color: #45fffd !important;
+}
+.fg-lightOlive {
+ color: #78aa1c !important;
+}
+.bg-lightOlive {
+ background-color: #78aa1c !important;
+}
+.bd-lightOlive {
+ border-color: #78aa1c !important;
+}
+.ol-lightOlive {
+ outline-color: #78aa1c !important;
+}
+.op-lightOlive {
+ background-color: rgba(120, 170, 28, 0.7);
+}
+.ribbed-lightOlive {
+ background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightOlive:before {
+ background: #78aa1c !important;
+}
+.before-fg-lightOlive:before {
+ color: #78aa1c !important;
+}
+.after-bg-lightOlive:after {
+ background: #78aa1c !important;
+}
+.after-fg-lightOlive:after {
+ color: #78aa1c !important;
+}
+.bg-hover-lightOlive:hover {
+ background: #78aa1c !important;
+}
+.bg-active-lightOlive:active {
+ background: #78aa1c !important;
+}
+.bg-focus-lightOlive:focus {
+ background: #78aa1c !important;
+}
+.fg-hover-lightOlive:hover {
+ color: #78aa1c !important;
+}
+.fg-active-lightOlive:active {
+ color: #78aa1c !important;
+}
+.fg-focus-lightOlive:focus {
+ color: #78aa1c !important;
+}
+.fg-lightOrange {
+ color: #ffc194 !important;
+}
+.bg-lightOrange {
+ background-color: #ffc194 !important;
+}
+.bd-lightOrange {
+ border-color: #ffc194 !important;
+}
+.ol-lightOrange {
+ outline-color: #ffc194 !important;
+}
+.op-lightOrange {
+ background-color: rgba(255, 193, 148, 0.7);
+}
+.ribbed-lightOrange {
+ background: #ffc194 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightOrange:before {
+ background: #ffc194 !important;
+}
+.before-fg-lightOrange:before {
+ color: #ffc194 !important;
+}
+.after-bg-lightOrange:after {
+ background: #ffc194 !important;
+}
+.after-fg-lightOrange:after {
+ color: #ffc194 !important;
+}
+.bg-hover-lightOrange:hover {
+ background: #ffc194 !important;
+}
+.bg-active-lightOrange:active {
+ background: #ffc194 !important;
+}
+.bg-focus-lightOrange:focus {
+ background: #ffc194 !important;
+}
+.fg-hover-lightOrange:hover {
+ color: #ffc194 !important;
+}
+.fg-active-lightOrange:active {
+ color: #ffc194 !important;
+}
+.fg-focus-lightOrange:focus {
+ color: #ffc194 !important;
+}
+.fg-lightPink {
+ color: #f472d0 !important;
+}
+.bg-lightPink {
+ background-color: #f472d0 !important;
+}
+.bd-lightPink {
+ border-color: #f472d0 !important;
+}
+.ol-lightPink {
+ outline-color: #f472d0 !important;
+}
+.op-lightPink {
+ background-color: rgba(244, 114, 208, 0.7);
+}
+.ribbed-lightPink {
+ background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightPink:before {
+ background: #f472d0 !important;
+}
+.before-fg-lightPink:before {
+ color: #f472d0 !important;
+}
+.after-bg-lightPink:after {
+ background: #f472d0 !important;
+}
+.after-fg-lightPink:after {
+ color: #f472d0 !important;
+}
+.bg-hover-lightPink:hover {
+ background: #f472d0 !important;
+}
+.bg-active-lightPink:active {
+ background: #f472d0 !important;
+}
+.bg-focus-lightPink:focus {
+ background: #f472d0 !important;
+}
+.fg-hover-lightPink:hover {
+ color: #f472d0 !important;
+}
+.fg-active-lightPink:active {
+ color: #f472d0 !important;
+}
+.fg-focus-lightPink:focus {
+ color: #f472d0 !important;
+}
+.fg-lightRed {
+ color: #da5a53 !important;
+}
+.bg-lightRed {
+ background-color: #da5a53 !important;
+}
+.bd-lightRed {
+ border-color: #da5a53 !important;
+}
+.ol-lightRed {
+ outline-color: #da5a53 !important;
+}
+.op-lightRed {
+ background-color: rgba(218, 90, 83, 0.7);
+}
+.ribbed-lightRed {
+ background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightRed:before {
+ background: #da5a53 !important;
+}
+.before-fg-lightRed:before {
+ color: #da5a53 !important;
+}
+.after-bg-lightRed:after {
+ background: #da5a53 !important;
+}
+.after-fg-lightRed:after {
+ color: #da5a53 !important;
+}
+.bg-hover-lightRed:hover {
+ background: #da5a53 !important;
+}
+.bg-active-lightRed:active {
+ background: #da5a53 !important;
+}
+.bg-focus-lightRed:focus {
+ background: #da5a53 !important;
+}
+.fg-hover-lightRed:hover {
+ color: #da5a53 !important;
+}
+.fg-active-lightRed:active {
+ color: #da5a53 !important;
+}
+.fg-focus-lightRed:focus {
+ color: #da5a53 !important;
+}
+.fg-lightGreen {
+ color: #7ad61d !important;
+}
+.bg-lightGreen {
+ background-color: #7ad61d !important;
+}
+.bd-lightGreen {
+ border-color: #7ad61d !important;
+}
+.ol-lightGreen {
+ outline-color: #7ad61d !important;
+}
+.op-lightGreen {
+ background-color: rgba(122, 214, 29, 0.7);
+}
+.ribbed-lightGreen {
+ background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightGreen:before {
+ background: #7ad61d !important;
+}
+.before-fg-lightGreen:before {
+ color: #7ad61d !important;
+}
+.after-bg-lightGreen:after {
+ background: #7ad61d !important;
+}
+.after-fg-lightGreen:after {
+ color: #7ad61d !important;
+}
+.bg-hover-lightGreen:hover {
+ background: #7ad61d !important;
+}
+.bg-active-lightGreen:active {
+ background: #7ad61d !important;
+}
+.bg-focus-lightGreen:focus {
+ background: #7ad61d !important;
+}
+.fg-hover-lightGreen:hover {
+ color: #7ad61d !important;
+}
+.fg-active-lightGreen:active {
+ color: #7ad61d !important;
+}
+.fg-focus-lightGreen:focus {
+ color: #7ad61d !important;
+}
+.fg-lightCyan {
+ color: #59cde2 !important;
+}
+.bg-lightCyan {
+ background-color: #59cde2 !important;
+}
+.bd-lightCyan {
+ border-color: #59cde2 !important;
+}
+.ol-lightCyan {
+ outline-color: #59cde2 !important;
+}
+.op-lightCyan {
+ background-color: rgba(89, 205, 226, 0.7);
+}
+.ribbed-lightCyan {
+ background: #59cde2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightCyan:before {
+ background: #59cde2 !important;
+}
+.before-fg-lightCyan:before {
+ color: #59cde2 !important;
+}
+.after-bg-lightCyan:after {
+ background: #59cde2 !important;
+}
+.after-fg-lightCyan:after {
+ color: #59cde2 !important;
+}
+.bg-hover-lightCyan:hover {
+ background: #59cde2 !important;
+}
+.bg-active-lightCyan:active {
+ background: #59cde2 !important;
+}
+.bg-focus-lightCyan:focus {
+ background: #59cde2 !important;
+}
+.fg-hover-lightCyan:hover {
+ color: #59cde2 !important;
+}
+.fg-active-lightCyan:active {
+ color: #59cde2 !important;
+}
+.fg-focus-lightCyan:focus {
+ color: #59cde2 !important;
+}
+.fg-grayed {
+ color: #585858 !important;
+}
+.bg-grayed {
+ background-color: #585858 !important;
+}
+.bd-grayed {
+ border-color: #585858 !important;
+}
+.ol-grayed {
+ outline-color: #585858 !important;
+}
+.op-grayed {
+ background-color: rgba(88, 88, 88, 0.7);
+}
+.ribbed-grayed {
+ background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayed:before {
+ background: #585858 !important;
+}
+.before-fg-grayed:before {
+ color: #585858 !important;
+}
+.after-bg-grayed:after {
+ background: #585858 !important;
+}
+.after-fg-grayed:after {
+ color: #585858 !important;
+}
+.bg-hover-grayed:hover {
+ background: #585858 !important;
+}
+.bg-active-grayed:active {
+ background: #585858 !important;
+}
+.bg-focus-grayed:focus {
+ background: #585858 !important;
+}
+.fg-hover-grayed:hover {
+ color: #585858 !important;
+}
+.fg-active-grayed:active {
+ color: #585858 !important;
+}
+.fg-focus-grayed:focus {
+ color: #585858 !important;
+}
+.fg-grayDarker {
+ color: #222222 !important;
+}
+.bg-grayDarker {
+ background-color: #222222 !important;
+}
+.bd-grayDarker {
+ border-color: #222222 !important;
+}
+.ol-grayDarker {
+ outline-color: #222222 !important;
+}
+.op-grayDarker {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-grayDarker {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayDarker:before {
+ background: #222222 !important;
+}
+.before-fg-grayDarker:before {
+ color: #222222 !important;
+}
+.after-bg-grayDarker:after {
+ background: #222222 !important;
+}
+.after-fg-grayDarker:after {
+ color: #222222 !important;
+}
+.bg-hover-grayDarker:hover {
+ background: #222222 !important;
+}
+.bg-active-grayDarker:active {
+ background: #222222 !important;
+}
+.bg-focus-grayDarker:focus {
+ background: #222222 !important;
+}
+.fg-hover-grayDarker:hover {
+ color: #222222 !important;
+}
+.fg-active-grayDarker:active {
+ color: #222222 !important;
+}
+.fg-focus-grayDarker:focus {
+ color: #222222 !important;
+}
+.fg-grayDark {
+ color: #333333 !important;
+}
+.bg-grayDark {
+ background-color: #333333 !important;
+}
+.bd-grayDark {
+ border-color: #333333 !important;
+}
+.ol-grayDark {
+ outline-color: #333333 !important;
+}
+.op-grayDark {
+ background-color: rgba(51, 51, 51, 0.7);
+}
+.ribbed-grayDark {
+ background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayDark:before {
+ background: #333333 !important;
+}
+.before-fg-grayDark:before {
+ color: #333333 !important;
+}
+.after-bg-grayDark:after {
+ background: #333333 !important;
+}
+.after-fg-grayDark:after {
+ color: #333333 !important;
+}
+.bg-hover-grayDark:hover {
+ background: #333333 !important;
+}
+.bg-active-grayDark:active {
+ background: #333333 !important;
+}
+.bg-focus-grayDark:focus {
+ background: #333333 !important;
+}
+.fg-hover-grayDark:hover {
+ color: #333333 !important;
+}
+.fg-active-grayDark:active {
+ color: #333333 !important;
+}
+.fg-focus-grayDark:focus {
+ color: #333333 !important;
+}
+.fg-gray {
+ color: #555555 !important;
+}
+.bg-gray {
+ background-color: #555555 !important;
+}
+.bd-gray {
+ border-color: #555555 !important;
+}
+.ol-gray {
+ outline-color: #555555 !important;
+}
+.op-gray {
+ background-color: rgba(85, 85, 85, 0.7);
+}
+.ribbed-gray {
+ background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-gray:before {
+ background: #555555 !important;
+}
+.before-fg-gray:before {
+ color: #555555 !important;
+}
+.after-bg-gray:after {
+ background: #555555 !important;
+}
+.after-fg-gray:after {
+ color: #555555 !important;
+}
+.bg-hover-gray:hover {
+ background: #555555 !important;
+}
+.bg-active-gray:active {
+ background: #555555 !important;
+}
+.bg-focus-gray:focus {
+ background: #555555 !important;
+}
+.fg-hover-gray:hover {
+ color: #555555 !important;
+}
+.fg-active-gray:active {
+ color: #555555 !important;
+}
+.fg-focus-gray:focus {
+ color: #555555 !important;
+}
+.fg-grayLight {
+ color: #999999 !important;
+}
+.bg-grayLight {
+ background-color: #999999 !important;
+}
+.bd-grayLight {
+ border-color: #999999 !important;
+}
+.ol-grayLight {
+ outline-color: #999999 !important;
+}
+.op-grayLight {
+ background-color: rgba(153, 153, 153, 0.7);
+}
+.ribbed-grayLight {
+ background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayLight:before {
+ background: #999999 !important;
+}
+.before-fg-grayLight:before {
+ color: #999999 !important;
+}
+.after-bg-grayLight:after {
+ background: #999999 !important;
+}
+.after-fg-grayLight:after {
+ color: #999999 !important;
+}
+.bg-hover-grayLight:hover {
+ background: #999999 !important;
+}
+.bg-active-grayLight:active {
+ background: #999999 !important;
+}
+.bg-focus-grayLight:focus {
+ background: #999999 !important;
+}
+.fg-hover-grayLight:hover {
+ color: #999999 !important;
+}
+.fg-active-grayLight:active {
+ color: #999999 !important;
+}
+.fg-focus-grayLight:focus {
+ color: #999999 !important;
+}
+.fg-grayLighter {
+ color: #eeeeee !important;
+}
+.bg-grayLighter {
+ background-color: #eeeeee !important;
+}
+.bd-grayLighter {
+ border-color: #eeeeee !important;
+}
+.ol-grayLighter {
+ outline-color: #eeeeee !important;
+}
+.op-grayLighter {
+ background-color: rgba(238, 238, 238, 0.7);
+}
+.ribbed-grayLighter {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-grayLighter:before {
+ background: #eeeeee !important;
+}
+.before-fg-grayLighter:before {
+ color: #eeeeee !important;
+}
+.after-bg-grayLighter:after {
+ background: #eeeeee !important;
+}
+.after-fg-grayLighter:after {
+ color: #eeeeee !important;
+}
+.bg-hover-grayLighter:hover {
+ background: #eeeeee !important;
+}
+.bg-active-grayLighter:active {
+ background: #eeeeee !important;
+}
+.bg-focus-grayLighter:focus {
+ background: #eeeeee !important;
+}
+.fg-hover-grayLighter:hover {
+ color: #eeeeee !important;
+}
+.fg-active-grayLighter:active {
+ color: #eeeeee !important;
+}
+.fg-focus-grayLighter:focus {
+ color: #eeeeee !important;
+}
+.fg-lightGray {
+ color: #999999 !important;
+}
+.bg-lightGray {
+ background-color: #999999 !important;
+}
+.bd-lightGray {
+ border-color: #999999 !important;
+}
+.ol-lightGray {
+ outline-color: #999999 !important;
+}
+.op-lightGray {
+ background-color: rgba(153, 153, 153, 0.7);
+}
+.ribbed-lightGray {
+ background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lightGray:before {
+ background: #999999 !important;
+}
+.before-fg-lightGray:before {
+ color: #999999 !important;
+}
+.after-bg-lightGray:after {
+ background: #999999 !important;
+}
+.after-fg-lightGray:after {
+ color: #999999 !important;
+}
+.bg-hover-lightGray:hover {
+ background: #999999 !important;
+}
+.bg-active-lightGray:active {
+ background: #999999 !important;
+}
+.bg-focus-lightGray:focus {
+ background: #999999 !important;
+}
+.fg-hover-lightGray:hover {
+ color: #999999 !important;
+}
+.fg-active-lightGray:active {
+ color: #999999 !important;
+}
+.fg-focus-lightGray:focus {
+ color: #999999 !important;
+}
+.fg-lighterGray {
+ color: #eeeeee !important;
+}
+.bg-lighterGray {
+ background-color: #eeeeee !important;
+}
+.bd-lighterGray {
+ border-color: #eeeeee !important;
+}
+.ol-lighterGray {
+ outline-color: #eeeeee !important;
+}
+.op-lighterGray {
+ background-color: rgba(238, 238, 238, 0.7);
+}
+.ribbed-lighterGray {
+ background: #eeeeee linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-lighterGray:before {
+ background: #eeeeee !important;
+}
+.before-fg-lighterGray:before {
+ color: #eeeeee !important;
+}
+.after-bg-lighterGray:after {
+ background: #eeeeee !important;
+}
+.after-fg-lighterGray:after {
+ color: #eeeeee !important;
+}
+.bg-hover-lighterGray:hover {
+ background: #eeeeee !important;
+}
+.bg-active-lighterGray:active {
+ background: #eeeeee !important;
+}
+.bg-focus-lighterGray:focus {
+ background: #eeeeee !important;
+}
+.fg-hover-lighterGray:hover {
+ color: #eeeeee !important;
+}
+.fg-active-lighterGray:active {
+ color: #eeeeee !important;
+}
+.fg-focus-lighterGray:focus {
+ color: #eeeeee !important;
+}
+.fg-darkGray {
+ color: #333333 !important;
+}
+.bg-darkGray {
+ background-color: #333333 !important;
+}
+.bd-darkGray {
+ border-color: #333333 !important;
+}
+.ol-darkGray {
+ outline-color: #333333 !important;
+}
+.op-darkGray {
+ background-color: rgba(51, 51, 51, 0.7);
+}
+.ribbed-darkGray {
+ background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkGray:before {
+ background: #333333 !important;
+}
+.before-fg-darkGray:before {
+ color: #333333 !important;
+}
+.after-bg-darkGray:after {
+ background: #333333 !important;
+}
+.after-fg-darkGray:after {
+ color: #333333 !important;
+}
+.bg-hover-darkGray:hover {
+ background: #333333 !important;
+}
+.bg-active-darkGray:active {
+ background: #333333 !important;
+}
+.bg-focus-darkGray:focus {
+ background: #333333 !important;
+}
+.fg-hover-darkGray:hover {
+ color: #333333 !important;
+}
+.fg-active-darkGray:active {
+ color: #333333 !important;
+}
+.fg-focus-darkGray:focus {
+ color: #333333 !important;
+}
+.fg-darkerGray {
+ color: #222222 !important;
+}
+.bg-darkerGray {
+ background-color: #222222 !important;
+}
+.bd-darkerGray {
+ border-color: #222222 !important;
+}
+.ol-darkerGray {
+ outline-color: #222222 !important;
+}
+.op-darkerGray {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-darkerGray {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darkerGray:before {
+ background: #222222 !important;
+}
+.before-fg-darkerGray:before {
+ color: #222222 !important;
+}
+.after-bg-darkerGray:after {
+ background: #222222 !important;
+}
+.after-fg-darkerGray:after {
+ color: #222222 !important;
+}
+.bg-hover-darkerGray:hover {
+ background: #222222 !important;
+}
+.bg-active-darkerGray:active {
+ background: #222222 !important;
+}
+.bg-focus-darkerGray:focus {
+ background: #222222 !important;
+}
+.fg-hover-darkerGray:hover {
+ color: #222222 !important;
+}
+.fg-active-darkerGray:active {
+ color: #222222 !important;
+}
+.fg-focus-darkerGray:focus {
+ color: #222222 !important;
+}
+.fg-darker {
+ color: #222222 !important;
+}
+.bg-darker {
+ background-color: #222222 !important;
+}
+.bd-darker {
+ border-color: #222222 !important;
+}
+.ol-darker {
+ outline-color: #222222 !important;
+}
+.op-darker {
+ background-color: rgba(34, 34, 34, 0.7);
+}
+.ribbed-darker {
+ background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
+ background-size: 40px 40px !important;
+}
+.before-bg-darker:before {
+ background: #222222 !important;
+}
+.before-fg-darker:before {
+ color: #222222 !important;
+}
+.after-bg-darker:after {
+ background: #222222 !important;
+}
+.after-fg-darker:after {
+ color: #222222 !important;
+}
+.bg-hover-darker:hover {
+ background: #222222 !important;
+}
+.bg-active-darker:active {
+ background: #222222 !important;
+}
+.bg-focus-darker:focus {
+ background: #222222 !important;
+}
+.fg-hover-darker:hover {
+ color: #222222 !important;
+}
+.fg-active-darker:active {
+ color: #222222 !important;
+}
+.fg-focus-darker:focus {
+ color: #222222 !important;
+}
+/* transform functions */
+.rotate45 {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.rotate90 {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.rotate135 {
+ -webkit-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.rotate180 {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.rotate225 {
+ -webkit-transform: rotate(225deg);
+ transform: rotate(225deg);
+}
+.rotate270 {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.rotate360 {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+.rotate-45 {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.rotate-90 {
+ -webkit-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.rotate-135 {
+ -webkit-transform: rotate(-135deg);
+ transform: rotate(-135deg);
+}
+.rotate-180 {
+ -webkit-transform: rotate(-180deg);
+ transform: rotate(-180deg);
+}
+.rotate-225 {
+ -webkit-transform: rotate(-225deg);
+ transform: rotate(-225deg);
+}
+.rotate-270 {
+ -webkit-transform: rotate(-270deg);
+ transform: rotate(-270deg);
+}
+.rotate-360 {
+ -webkit-transform: rotate(-360deg);
+ transform: rotate(-360deg);
+}
+.rotateX45 {
+ -webkit-transform: rotateX(45deg);
+ transform: rotateX(45deg);
+}
+.rotateX90 {
+ -webkit-transform: rotateX(90deg);
+ transform: rotateX(90deg);
+}
+.rotateX135 {
+ -webkit-transform: rotateX(135deg);
+ transform: rotateX(135deg);
+}
+.rotateX180 {
+ -webkit-transform: rotateX(180deg);
+ transform: rotateX(180deg);
+}
+.rotateX225 {
+ -webkit-transform: rotateX(225deg);
+ transform: rotateX(225deg);
+}
+.rotateX270 {
+ -webkit-transform: rotateX(270deg);
+ transform: rotateX(270deg);
+}
+.rotateX360 {
+ -webkit-transform: rotateX(360deg);
+ transform: rotateX(360deg);
+}
+.rotateX-45 {
+ -webkit-transform: rotateX(-45deg);
+ transform: rotateX(-45deg);
+}
+.rotateX-90 {
+ -webkit-transform: rotateX(-90deg);
+ transform: rotateX(-90deg);
+}
+.rotateX-135 {
+ -webkit-transform: rotateX(-135deg);
+ transform: rotateX(-135deg);
+}
+.rotateX-180 {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+.rotateX-225 {
+ -webkit-transform: rotateX(-225deg);
+ transform: rotateX(-225deg);
+}
+.rotateX-270 {
+ -webkit-transform: rotateX(-270deg);
+ transform: rotateX(-270deg);
+}
+.rotateX-360 {
+ -webkit-transform: rotateX(-360deg);
+ transform: rotateX(-360deg);
+}
+.rotateY45 {
+ -webkit-transform: rotateY(45deg);
+ transform: rotateY(45deg);
+}
+.rotateY90 {
+ -webkit-transform: rotateY(90deg);
+ transform: rotateY(90deg);
+}
+.rotateY135 {
+ -webkit-transform: rotateY(135deg);
+ transform: rotateY(135deg);
+}
+.rotateY180 {
+ -webkit-transform: rotateY(180deg);
+ transform: rotateY(180deg);
+}
+.rotateY225 {
+ -webkit-transform: rotateY(225deg);
+ transform: rotateY(225deg);
+}
+.rotateY270 {
+ -webkit-transform: rotateY(270deg);
+ transform: rotateY(270deg);
+}
+.rotateY360 {
+ -webkit-transform: rotateY(360deg);
+ transform: rotateY(360deg);
+}
+.rotateY-45 {
+ -webkit-transform: rotateY(-45deg);
+ transform: rotateY(-45deg);
+}
+.rotateY-90 {
+ -webkit-transform: rotateY(-90deg);
+ transform: rotateY(-90deg);
+}
+.rotateY-135 {
+ -webkit-transform: rotateY(-135deg);
+ transform: rotateY(-135deg);
+}
+.rotateY-180 {
+ -webkit-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+.rotateY-225 {
+ -webkit-transform: rotateY(-225deg);
+ transform: rotateY(-225deg);
+}
+.rotateY-270 {
+ -webkit-transform: rotateY(-270deg);
+ transform: rotateY(-270deg);
+}
+.rotateY-360 {
+ -webkit-transform: rotateY(-360deg);
+ transform: rotateY(-360deg);
+}
diff --git a/css/metro.min.css b/css/metro.min.css
new file mode 100755
index 0000000..45cd23e
--- /dev/null
+++ b/css/metro.min.css
@@ -0,0 +1 @@
+#font .bold,#font .light,#font .normal,body{font-style:normal}.d-menu li a,.d-menu li:hover,.f-menu>li>a,.h-menu>li>a,.v-menu li a,.v-menu li:hover,a,abbr{text-decoration:none}.text-ellipsis,dl.horizontal dt{overflow:hidden;white-space:nowrap}.after-text-shadow:after,.before-text-shadow:before,.calendar .today a,.countdown .digit,.countdown .divider,.tabcontrol .tabs li.active a,.tabcontrol2 .tabs li.active a,.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.4)}body,html{padding:0;margin:0;height:100%}*,body,html{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}.tile:active,a:active,a:hover{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;vertical-align:middle;border:0}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}.v-align-top,textarea{vertical-align:top}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox],label,select{cursor:pointer}input[type=search]{box-sizing:content-box;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}input[type=email]::-ms-clear,input[type=number]::-ms-clear,input[type=tel]::-ms-clear,input[type=text]::-ms-clear,input[type=time]::-ms-clear,input[type=url]::-ms-clear{display:none}input[type=password]::-ms-reveal{display:none}*{border-collapse:collapse}.d-menu,.f-menu,.h-menu,.m-menu,.sidebar2,.t-menu,.t-menu.horizontal,.v-menu{border-collapse:separate}@media print{blockquote,img,pre,tr{page-break-inside:avoid}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@font-face{font-family:"PT Serif Caption";font-style:normal;font-weight:400;src:local("Cambria"),local("PT Serif Caption"),local("PTSerif-Caption"),url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v6/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff)format('woff')}@font-face{font-family:"Open Sans Light";font-style:normal;font-weight:300;src:local("Segoe UI Light"),local("Open Sans Light"),local("OpenSans-Light"),url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff)format('woff')}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Segoe UI"),local("Open Sans"),local("OpenSans"),url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff)format('woff')}@font-face{font-family:"Open Sans Bold";font-style:normal;font-weight:700;src:local("Segoe UI Bold"),local("Open Sans Bold"),local("OpenSans-Bold"),url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff)format('woff')}html{font-size:100%}body{font-family:"Segoe UI","Open Sans",sans-serif,serif;font-size:.875rem;line-height:1.1;font-weight:400}#font .light{font-weight:300}#font .normal{font-weight:400}#font .bold{font-weight:700}#font .italic{font-style:italic}.leader{font:400 2.25rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.sub-leader{font:500 1.875rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.header{font:500 1.5rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.sub-header{font:500 1.125rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.alt-header{font:500 1rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.sub-alt-header{font:500 .875rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.minor-header,h6{font:500 .75rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}h1{font:400 2.25rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}h2{font:500 1.875rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}h3{font:500 1.5rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}h4{font:500 1.125rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}h5{font:500 .875rem/1.1 "Segoe UI","Open Sans",sans-serif,serif}.text-bold,.text-light,.text-normal{font-style:normal}h1,h2,h3,h4,h5,h6{margin:.625rem 0}h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;font-size:.7em;line-height:1;color:#777}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-italic{font-style:italic}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capital{text-transform:capitalize}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.v-align-bottom{vertical-align:bottom}.v-align-baseline{vertical-align:baseline}.v-align-middle{vertical-align:middle}.v-align-sub{vertical-align:sub}.v-align-super{vertical-align:super}.v-align-top-text{vertical-align:text-top}.v-align-bottom-text{vertical-align:text-bottom}.text-dashed{border:0;border-bottom:1px gray dashed;display:inline}.indent-paragraph:first-letter{margin-left:2.5rem}.text-secondary{font-size:.75rem}.text-accent,.text-enlarged{font-size:1.1rem}.text-default{font-size:.875rem}.text-small{font-size:.625rem}.text-light{font-weight:300}.text-ellipsis{text-overflow:ellipsis}abbr{border-bottom:1px #999 dotted;cursor:help;display:inline}.inline-list li,.tag{display:inline-block}address{font-weight:400;font-style:normal;margin:.625rem 0}blockquote{margin:.625rem 0;padding:0 0 0 .625rem;border-left:.25rem #999 solid}blockquote small{color:#999}blockquote small:before{content:"\2014 \00A0"}.clear-float:after,.clear-float:before,.clearfix:after,.clearfix:before,.dropdown-toggle:before,.example:after,.example:before,blockquote.place-right small:before{content:""}blockquote.place-right{border:0;border-right:4px #999 solid;padding-right:.625rem;text-align:right}blockquote.place-right small:after{content:" \00A0 \2014"}.unstyled-list{padding-left:0;list-style:none}.unstyled-list li ol,.unstyled-list li ul{list-style:none;padding-left:1.5625rem}.inline-list{list-style:none;padding-left:0}.breadcrumbs,.d-menu,.f-menu,.flush-list,.h-menu,.horizontal-menu,.t-menu,.t-menu.horizontal,.v-menu,.vertical-menu{list-style:none inside}.inline-list li{margin-right:.625rem}.inline-list li:last-child{margin-right:0}ol,ul{margin-left:.3125rem}dl dd,dl dt,ol li,ul li{line-height:1.25rem}ol li ol,ol li ul,ul li ol,ul li ul{padding-left:1.5625rem}dl dt{font-style:normal;font-weight:700}dl dd{margin-left:.9375rem}dl.horizontal dt{float:left;width:10rem;clear:left;text-align:right;text-overflow:ellipsis}.act:after,.app-bar .app-bar-element:after,.app-bar .app-bar-menu>li:after,.app-bar .app-bar-menu>li>a:after,.app-bar .app-bar-pullbutton:after,.app-bar .app-bar-pullmenu .app-bar-menu,.app-bar .app-bar-pullmenu .app-bar-menu .d-menu,.app-bar:after,.audio-player .controls:after,.audio-player .play-list-wrapper:after,.calendar .calendar-actions:after,.calendar .calendar-row:after,.carousel .slide:after,.clear-float:after,.clearfix:after,.d-menu li:after,.dataTable,.dataTables_paginate:after,.dropdown-button:after,.example:after,.f-menu:after,.fluent-menu .tabs-holder:after,.grid .row:after,.grid.condensed .row:after,.grid.condensed:after,.grid:after,.h-menu:after,.horizontal-menu:after,.input-control .button-group:after,.keypad:after,.listview .list-group .list-group-content:after,.listview .list-group:after,.listview-outlook:after,.listview:after,.m-menu:after,.notify-container:after,.pagination:after,.rating:after,.sidebar2 li:after,.split-button:after,.stepper:after,.streamer .events .events-area:after,.streamer .events .events-grid:after,.tabcontrol .tabs:after,.tabcontrol2 .tabs:after,.tile-area:after,.tile-container:after,.toolbar-group.condensed:after,.toolbar-section.condensed:after,.toolbar:after,.v-menu li:after,.v-toolbar:after,.vertical-menu:after,.wizard2 .action-bar:after,.wizard2:after{clear:both}dl.horizontal dd{margin-left:11.25rem}a,a:visited{color:#2086bf}hr{border:0;height:2px;background-color:#88b9e3}hr.thin{height:1px}hr.fat{height:3px}.tag{line-height:1.1;font-size:80%;padding:1px 4px 2px;background-color:#eee;border-radius:2px;color:#1d1d1d;vertical-align:middle}.tag.success{background-color:#60a917;color:#fff}.tag.alert{background-color:#ce352c;color:#fff}.tag.info{background-color:#1ba1e2;color:#fff}.tag.warning{background-color:#fa6800;color:#fff}a.tag{text-decoration:underline;cursor:pointer}.container{width:960px;margin:0 auto}.fixed-bottom,.fixed-top{position:fixed;left:0;right:0;z-index:1030}.fixed-top{top:0;bottom:auto}.fixed-bottom{top:auto;bottom:0}.pos-abs{position:absolute!important}.pos-rel{position:relative!important}.pos-fix{position:fixed!important}.dropdown-toggle{position:relative;cursor:pointer;padding-right:1.625rem}.dropdown-toggle:before{display:block;position:absolute;vertical-align:middle;color:transparent;font-size:0;height:5px;width:5px;background-color:transparent;border-left:1px solid;border-bottom:1px solid;border-color:#1d1d1d;top:50%;left:100%;margin-left:-1rem;margin-top:-.1625rem;z-index:2;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown-toggle.drop-marker-light:before{border-color:#fff}.flush-list{padding:0;margin:0}.after-shadow:after,.before-shadow:before,.shadow{box-shadow:0 2px 4px rgba(0,0,0,.35)}.block-shadow{box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.block-shadow-success{box-shadow:0 0 25px 0 rgba(0,128,0,.7)}.block-shadow-danger,.block-shadow-error{box-shadow:0 0 25px 0 rgba(128,0,0,.7)}.block-shadow-warning{box-shadow:0 0 25px 0 rgba(255,165,0,.7)}.block-shadow-info{box-shadow:0 0 25px 0 rgba(89,205,226,.7)}.block-shadow-impact{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.bottom-shadow{box-shadow:-1px 6px 6px -6px rgba(0,0,0,.35)}.no-shadow{box-shadow:none!important}.full-size{width:100%!important}.block{display:block!important}.inline-block{display:inline-block!important}.no-display{display:none!important}.no-margin{margin:0!important}.no-margin-right{margin-right:0!important}.no-margin-left{margin-left:0!important}.no-margin-top{margin-top:0!important}.no-margin-bottom{margin-bottom:0!important}.no-padding{padding:0!important}.no-padding-left{padding-left:0!important}.no-padding-right{padding-right:0!important}.no-padding-top{padding-top:0!important}.no-padding-bottom{padding-bottom:0!important}.no-float{float:none!important}.no-visible{visibility:hidden!important}.no-border{border:0!important}.no-overflow,.no-scroll{overflow:hidden!important}.no-scroll-x{overflow-x:hidden!important}.no-scroll-y{overflow-y:hidden!important}.no-wrap{white-space:nowrap!important}.no-border-left{border-left:none!important}.no-border-right{border-right:none!important}.table.bordered tbody tr td:last-child,.table.bordered thead tr:first-child td:last-child,.table.bordered thead tr:first-child th:last-child{border-right:none}.no-border-top{border-top:none!important}.no-border-bottom{border-bottom:none!important}.transparent-border{border-color:transparent!important}.place-right{float:right!important}.place-left{float:left!important}.clear-float:after,.clear-float:before{display:table}.clearfix:after,.clearfix:before{display:table}.no-user-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-appearance{-moz-appearance:none;-webkit-appearance:none;appearance:none}.debug{border:1px dashed red}.example{padding:.625rem 1.825rem .625rem 2.5rem;border:1px dashed #ccc;position:relative;margin:0 0 .625rem;background-color:#fff}.example:after,.example:before{display:table}.example:before{position:absolute;content:attr(data-text);text-transform:lowercase;left:1.5rem;top:11.875rem;color:gray;display:block;font-size:1rem;line-height:1rem;height:1rem;text-align:right;white-space:nowrap;direction:ltr;width:12.5rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.table tfoot td,.table tfoot th,.table thead td,.table thead th{border-color:transparent;color:#52677a;line-height:100%;text-align:left}.element-selected:after,.element-selected:before,.grid .row:after,.grid .row:before,.grid.condensed:after,.grid.condensed:before,.grid:after,.grid:before,.table .sortable-column:after{content:""}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.padding10{padding:.625rem}.padding20{padding:1.25rem}.padding30{padding:1.875rem}.padding40{padding:2.5rem}.padding50{padding:3.125rem}.padding60{padding:3.75rem}.padding70{padding:4.375rem}.padding80{padding:5rem}.padding90{padding:5.625rem}.padding100{padding:6.25rem}.padding5{padding:5px}.margin5{margin:5px}.margin10{margin:.625rem}.margin20{margin:1.25rem}.margin30{margin:1.875rem}.margin40{margin:2.5rem}.margin50{margin:3.125rem}.margin60{margin:3.75rem}.margin70{margin:4.375rem}.margin80{margin:5rem}.margin90{margin:5.625rem}.margin100{margin:6.25rem}.opacity{opacity:.9}.half-opacity{opacity:.5}.hi-opacity{opacity:.2}.element-selected{border:4px solid #4390df}.element-selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;top:0;z-index:101}.element-selected:before{position:absolute;display:block;background-color:transparent;border-color:#fff;border-left:2px solid;border-bottom:2px solid;height:.25rem;width:.5rem;right:0;top:0;z-index:102;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.table.bordered tbody tr td:first-child,.table.bordered thead tr:first-child td:first-child,.table.bordered thead tr:first-child th:first-child{border-left:none}.set-border{border:1px solid #d9d9d9}.set-border.medium-border{border-width:8px}.set-border.large-border{border-width:16px}.grid{display:block;position:relative;margin:.625rem 0}.grid:after,.grid:before{display:table}.grid .row{width:100%;display:block;margin:0 0 2.12765%}.grid .row:after,.grid .row:before{display:table}.grid .row:last-child{margin-bottom:0}.grid .row>.cell{display:block;float:left;width:100%;min-height:10px;margin:0 0 0 2.12765%}.grid .row>.cell:first-child{margin-left:0}.grid .row.cells2>.cell{width:48.936175%}.grid .row.cells2>.cell.colspan2{width:100%}.grid .row.cells2>.cell.offset1{margin-left:51.063825%}.grid .row.cells2>.cell.offset2{margin-left:102.12765%}.grid .row.cells3>.cell{width:31.9149%}.grid .row.cells3>.cell.colspan2{width:65.95745%}.grid .row.cells3>.cell.colspan3{width:100%}.grid .row.cells3>.cell.offset1{margin-left:34.04255%}.grid .row.cells3>.cell.offset2{margin-left:68.0851%}.grid .row.cells3>.cell.offset3{margin-left:102.12765%}.grid .row.cells4>.cell{width:23.4042625%}.grid .row.cells4>.cell.colspan2{width:48.936175%}.grid .row.cells4>.cell.colspan3{width:74.4680875%}.grid .row.cells4>.cell.colspan4{width:100%}.grid .row.cells4>.cell.offset1{margin-left:25.5319125%}.grid .row.cells4>.cell.offset2{margin-left:51.063825%}.grid .row.cells4>.cell.offset3{margin-left:76.5957375%}.grid .row.cells4>.cell.offset4{margin-left:102.12765%}.grid .row.cells5>.cell{width:18.29788%}.grid .row.cells5>.cell.colspan2{width:38.72341%}.grid .row.cells5>.cell.colspan3{width:59.14894%}.grid .row.cells5>.cell.colspan4{width:79.57447%}.grid .row.cells5>.cell.colspan5{width:100%}.grid .row.cells5>.cell.offset1{margin-left:20.42553%}.grid .row.cells5>.cell.offset2{margin-left:40.85106%}.grid .row.cells5>.cell.offset3{margin-left:61.27659%}.grid .row.cells5>.cell.offset4{margin-left:81.70212%}.grid .row.cells5>.cell.offset5{margin-left:102.12765%}.grid .row.cells6>.cell{width:14.893625%}.grid .row.cells6>.cell.colspan2{width:31.9149%}.grid .row.cells6>.cell.colspan3{width:48.936175%}.grid .row.cells6>.cell.colspan4{width:65.95745%}.grid .row.cells6>.cell.colspan5{width:82.978725%}.grid .row.cells6>.cell.colspan6{width:100%}.grid .row.cells6>.cell.offset1{margin-left:17.021275%}.grid .row.cells6>.cell.offset2{margin-left:34.04255%}.grid .row.cells6>.cell.offset3{margin-left:51.063825%}.grid .row.cells6>.cell.offset4{margin-left:68.0851%}.grid .row.cells6>.cell.offset5{margin-left:85.106375%}.grid .row.cells6>.cell.offset6{margin-left:102.12765%}.grid .row.cells7>.cell{width:12.46201429%}.grid .row.cells7>.cell.colspan2{width:27.05167857%}.grid .row.cells7>.cell.colspan3{width:41.64134286%}.grid .row.cells7>.cell.colspan4{width:56.23100714%}.grid .row.cells7>.cell.colspan5{width:70.82067143%}.grid .row.cells7>.cell.colspan6{width:85.41033571%}.grid .row.cells7>.cell.colspan7{width:100%}.grid .row.cells7>.cell.offset1{margin-left:14.58966429%}.grid .row.cells7>.cell.offset2{margin-left:29.17932857%}.grid .row.cells7>.cell.offset3{margin-left:43.76899286%}.grid .row.cells7>.cell.offset4{margin-left:58.35865714%}.grid .row.cells7>.cell.offset5{margin-left:72.94832143%}.grid .row.cells7>.cell.offset6{margin-left:87.53798571%}.grid .row.cells7>.cell.offset7{margin-left:102.12765%}.grid .row.cells8>.cell{width:10.63830625%}.grid .row.cells8>.cell.colspan2{width:23.4042625%}.grid .row.cells8>.cell.colspan3{width:36.17021875%}.grid .row.cells8>.cell.colspan4{width:48.936175%}.grid .row.cells8>.cell.colspan5{width:61.70213125%}.grid .row.cells8>.cell.colspan6{width:74.4680875%}.grid .row.cells8>.cell.colspan7{width:87.23404375%}.grid .row.cells8>.cell.colspan8{width:100%}.grid .row.cells8>.cell.offset1{margin-left:12.76595625%}.grid .row.cells8>.cell.offset2{margin-left:25.5319125%}.grid .row.cells8>.cell.offset3{margin-left:38.29786875%}.grid .row.cells8>.cell.offset4{margin-left:51.063825%}.grid .row.cells8>.cell.offset5{margin-left:63.82978125%}.grid .row.cells8>.cell.offset6{margin-left:76.5957375%}.grid .row.cells8>.cell.offset7{margin-left:89.36169375%}.grid .row.cells8>.cell.offset8{margin-left:102.12765%}.grid .row.cells9>.cell{width:9.21986667%}.grid .row.cells9>.cell.colspan2{width:20.56738333%}.grid .row.cells9>.cell.colspan3{width:31.9149%}.grid .row.cells9>.cell.colspan4{width:43.26241667%}.grid .row.cells9>.cell.colspan5{width:54.60993333%}.grid .row.cells9>.cell.colspan6{width:65.95745%}.grid .row.cells9>.cell.colspan7{width:77.30496667%}.grid .row.cells9>.cell.colspan8{width:88.65248333%}.grid .row.cells9>.cell.colspan9{width:100%}.grid .row.cells9>.cell.offset1{margin-left:11.34751667%}.grid .row.cells9>.cell.offset2{margin-left:22.69503333%}.grid .row.cells9>.cell.offset3{margin-left:34.04255%}.grid .row.cells9>.cell.offset4{margin-left:45.39006667%}.grid .row.cells9>.cell.offset5{margin-left:56.73758333%}.grid .row.cells9>.cell.offset6{margin-left:68.0851%}.grid .row.cells9>.cell.offset7{margin-left:79.43261667%}.grid .row.cells9>.cell.offset8{margin-left:90.78013333%}.grid .row.cells9>.cell.offset9{margin-left:102.12765%}.grid .row.cells10>.cell{width:8.085115%}.grid .row.cells10>.cell.colspan2{width:18.29788%}.grid .row.cells10>.cell.colspan3{width:28.510645%}.grid .row.cells10>.cell.colspan4{width:38.72341%}.grid .row.cells10>.cell.colspan5{width:48.936175%}.grid .row.cells10>.cell.colspan6{width:59.14894%}.grid .row.cells10>.cell.colspan7{width:69.361705%}.grid .row.cells10>.cell.colspan8{width:79.57447%}.grid .row.cells10>.cell.colspan9{width:89.787235%}.grid .row.cells10>.cell.colspan10{width:100%}.grid .row.cells10>.cell.offset1{margin-left:10.212765%}.grid .row.cells10>.cell.offset2{margin-left:20.42553%}.grid .row.cells10>.cell.offset3{margin-left:30.638295%}.grid .row.cells10>.cell.offset4{margin-left:40.85106%}.grid .row.cells10>.cell.offset5{margin-left:51.063825%}.grid .row.cells10>.cell.offset6{margin-left:61.27659%}.grid .row.cells10>.cell.offset7{margin-left:71.489355%}.grid .row.cells10>.cell.offset8{margin-left:81.70212%}.grid .row.cells10>.cell.offset9{margin-left:91.914885%}.grid .row.cells10>.cell.offset10{margin-left:102.12765%}.grid .row.cells11>.cell{width:7.15668182%}.grid .row.cells11>.cell.colspan2{width:16.44101364%}.grid .row.cells11>.cell.colspan3{width:25.72534545%}.grid .row.cells11>.cell.colspan4{width:35.00967727%}.grid .row.cells11>.cell.colspan5{width:44.29400909%}.grid .row.cells11>.cell.colspan6{width:53.57834091%}.grid .row.cells11>.cell.colspan7{width:62.86267273%}.grid .row.cells11>.cell.colspan8{width:72.14700455%}.grid .row.cells11>.cell.colspan9{width:81.43133636%}.grid .row.cells11>.cell.colspan10{width:90.71566818%}.grid .row.cells11>.cell.colspan11{width:100%}.grid .row.cells11>.cell.offset1{margin-left:9.28433182%}.grid .row.cells11>.cell.offset2{margin-left:18.56866364%}.grid .row.cells11>.cell.offset3{margin-left:27.85299545%}.grid .row.cells11>.cell.offset4{margin-left:37.13732727%}.grid .row.cells11>.cell.offset5{margin-left:46.42165909%}.grid .row.cells11>.cell.offset6{margin-left:55.70599091%}.grid .row.cells11>.cell.offset7{margin-left:64.99032273%}.grid .row.cells11>.cell.offset8{margin-left:74.27465455%}.grid .row.cells11>.cell.offset9{margin-left:83.55898636%}.grid .row.cells11>.cell.offset10{margin-left:92.84331818%}.grid .row.cells11>.cell.offset11{margin-left:102.12765%}.grid .row.cells12>.cell{width:6.3829875%}.grid .row.cells12>.cell.colspan2{width:14.893625%}.grid .row.cells12>.cell.colspan3{width:23.4042625%}.grid .row.cells12>.cell.colspan4{width:31.9149%}.grid .row.cells12>.cell.colspan5{width:40.4255375%}.grid .row.cells12>.cell.colspan6{width:48.936175%}.grid .row.cells12>.cell.colspan7{width:57.4468125%}.grid .row.cells12>.cell.colspan8{width:65.95745%}.grid .row.cells12>.cell.colspan9{width:74.4680875%}.grid .row.cells12>.cell.colspan10{width:82.978725%}.grid .row.cells12>.cell.colspan11{width:91.4893625%}.grid .row.cells12>.cell.colspan12{width:100%}.grid .row.cells12>.cell.offset1{margin-left:8.5106375%}.grid .row.cells12>.cell.offset2{margin-left:17.021275%}.grid .row.cells12>.cell.offset3{margin-left:25.5319125%}.grid .row.cells12>.cell.offset4{margin-left:34.04255%}.grid .row.cells12>.cell.offset5{margin-left:42.5531875%}.grid .row.cells12>.cell.offset6{margin-left:51.063825%}.grid .row.cells12>.cell.offset7{margin-left:59.5744625%}.grid .row.cells12>.cell.offset8{margin-left:68.0851%}.grid .row.cells12>.cell.offset9{margin-left:76.5957375%}.grid .row.cells12>.cell.offset10{margin-left:85.106375%}.grid .row.cells12>.cell.offset11{margin-left:93.6170125%}.grid .row.cells12>.cell.offset12{margin-left:102.12765%}.grid .row:empty{display:none}.grid.condensed{display:block;position:relative;margin:.625rem 0}.grid.condensed:after,.grid.condensed:before{display:table}.grid.condensed .row{width:100%;display:block;margin:0}.grid.condensed .row:after,.grid.condensed .row:before{display:table;content:""}.app-bar,.flex-grid{display:block}.grid.condensed .row:last-child{margin-bottom:0}.grid.condensed .row>.cell{display:block;float:left;width:100%;min-height:10px;margin:0}.grid.condensed .row>.cell:first-child{margin-left:0}.grid.condensed .row.cells2>.cell{width:50%}.grid.condensed .row.cells2>.cell.colspan2{width:100%}.grid.condensed .row.cells2>.cell.offset1{margin-left:50%}.grid.condensed .row.cells2>.cell.offset2{margin-left:100%}.grid.condensed .row.cells3>.cell{width:33.33333333%}.grid.condensed .row.cells3>.cell.colspan2{width:66.66666667%}.grid.condensed .row.cells3>.cell.colspan3{width:100%}.grid.condensed .row.cells3>.cell.offset1{margin-left:33.33333333%}.grid.condensed .row.cells3>.cell.offset2{margin-left:66.66666667%}.grid.condensed .row.cells3>.cell.offset3{margin-left:100%}.grid.condensed .row.cells4>.cell{width:25%}.grid.condensed .row.cells4>.cell.colspan2{width:50%}.grid.condensed .row.cells4>.cell.colspan3{width:75%}.grid.condensed .row.cells4>.cell.colspan4{width:100%}.grid.condensed .row.cells4>.cell.offset1{margin-left:25%}.grid.condensed .row.cells4>.cell.offset2{margin-left:50%}.grid.condensed .row.cells4>.cell.offset3{margin-left:75%}.grid.condensed .row.cells4>.cell.offset4{margin-left:100%}.grid.condensed .row.cells5>.cell{width:20%}.grid.condensed .row.cells5>.cell.colspan2{width:40%}.grid.condensed .row.cells5>.cell.colspan3{width:60%}.grid.condensed .row.cells5>.cell.colspan4{width:80%}.grid.condensed .row.cells5>.cell.colspan5{width:100%}.grid.condensed .row.cells5>.cell.offset1{margin-left:20%}.grid.condensed .row.cells5>.cell.offset2{margin-left:40%}.grid.condensed .row.cells5>.cell.offset3{margin-left:60%}.grid.condensed .row.cells5>.cell.offset4{margin-left:80%}.grid.condensed .row.cells5>.cell.offset5{margin-left:100%}.grid.condensed .row.cells6>.cell{width:16.66666667%}.grid.condensed .row.cells6>.cell.colspan2{width:33.33333333%}.grid.condensed .row.cells6>.cell.colspan3{width:50%}.grid.condensed .row.cells6>.cell.colspan4{width:66.66666667%}.grid.condensed .row.cells6>.cell.colspan5{width:83.33333333%}.grid.condensed .row.cells6>.cell.colspan6{width:100%}.grid.condensed .row.cells6>.cell.offset1{margin-left:16.66666667%}.grid.condensed .row.cells6>.cell.offset2{margin-left:33.33333333%}.grid.condensed .row.cells6>.cell.offset3{margin-left:50%}.grid.condensed .row.cells6>.cell.offset4{margin-left:66.66666667%}.grid.condensed .row.cells6>.cell.offset5{margin-left:83.33333333%}.grid.condensed .row.cells6>.cell.offset6{margin-left:100%}.grid.condensed .row.cells7>.cell{width:14.28571429%}.grid.condensed .row.cells7>.cell.colspan2{width:28.57142857%}.grid.condensed .row.cells7>.cell.colspan3{width:42.85714286%}.grid.condensed .row.cells7>.cell.colspan4{width:57.14285714%}.grid.condensed .row.cells7>.cell.colspan5{width:71.42857143%}.grid.condensed .row.cells7>.cell.colspan6{width:85.71428571%}.grid.condensed .row.cells7>.cell.colspan7{width:100%}.grid.condensed .row.cells7>.cell.offset1{margin-left:14.28571429%}.grid.condensed .row.cells7>.cell.offset2{margin-left:28.57142857%}.grid.condensed .row.cells7>.cell.offset3{margin-left:42.85714286%}.grid.condensed .row.cells7>.cell.offset4{margin-left:57.14285714%}.grid.condensed .row.cells7>.cell.offset5{margin-left:71.42857143%}.grid.condensed .row.cells7>.cell.offset6{margin-left:85.71428571%}.grid.condensed .row.cells7>.cell.offset7{margin-left:100%}.grid.condensed .row.cells8>.cell{width:12.5%}.grid.condensed .row.cells8>.cell.colspan2{width:25%}.grid.condensed .row.cells8>.cell.colspan3{width:37.5%}.grid.condensed .row.cells8>.cell.colspan4{width:50%}.grid.condensed .row.cells8>.cell.colspan5{width:62.5%}.grid.condensed .row.cells8>.cell.colspan6{width:75%}.grid.condensed .row.cells8>.cell.colspan7{width:87.5%}.grid.condensed .row.cells8>.cell.colspan8{width:100%}.grid.condensed .row.cells8>.cell.offset1{margin-left:12.5%}.grid.condensed .row.cells8>.cell.offset2{margin-left:25%}.grid.condensed .row.cells8>.cell.offset3{margin-left:37.5%}.grid.condensed .row.cells8>.cell.offset4{margin-left:50%}.grid.condensed .row.cells8>.cell.offset5{margin-left:62.5%}.grid.condensed .row.cells8>.cell.offset6{margin-left:75%}.grid.condensed .row.cells8>.cell.offset7{margin-left:87.5%}.grid.condensed .row.cells8>.cell.offset8{margin-left:100%}.grid.condensed .row.cells9>.cell{width:11.11111111%}.grid.condensed .row.cells9>.cell.colspan2{width:22.22222222%}.grid.condensed .row.cells9>.cell.colspan3{width:33.33333333%}.grid.condensed .row.cells9>.cell.colspan4{width:44.44444444%}.grid.condensed .row.cells9>.cell.colspan5{width:55.55555556%}.grid.condensed .row.cells9>.cell.colspan6{width:66.66666667%}.grid.condensed .row.cells9>.cell.colspan7{width:77.77777778%}.grid.condensed .row.cells9>.cell.colspan8{width:88.88888889%}.grid.condensed .row.cells9>.cell.colspan9{width:100%}.grid.condensed .row.cells9>.cell.offset1{margin-left:11.11111111%}.grid.condensed .row.cells9>.cell.offset2{margin-left:22.22222222%}.grid.condensed .row.cells9>.cell.offset3{margin-left:33.33333333%}.grid.condensed .row.cells9>.cell.offset4{margin-left:44.44444444%}.grid.condensed .row.cells9>.cell.offset5{margin-left:55.55555556%}.grid.condensed .row.cells9>.cell.offset6{margin-left:66.66666667%}.grid.condensed .row.cells9>.cell.offset7{margin-left:77.77777778%}.grid.condensed .row.cells9>.cell.offset8{margin-left:88.88888889%}.grid.condensed .row.cells9>.cell.offset9{margin-left:100%}.grid.condensed .row.cells10>.cell{width:10%}.grid.condensed .row.cells10>.cell.colspan2{width:20%}.grid.condensed .row.cells10>.cell.colspan3{width:30%}.grid.condensed .row.cells10>.cell.colspan4{width:40%}.grid.condensed .row.cells10>.cell.colspan5{width:50%}.grid.condensed .row.cells10>.cell.colspan6{width:60%}.grid.condensed .row.cells10>.cell.colspan7{width:70%}.grid.condensed .row.cells10>.cell.colspan8{width:80%}.grid.condensed .row.cells10>.cell.colspan9{width:90%}.grid.condensed .row.cells10>.cell.colspan10{width:100%}.grid.condensed .row.cells10>.cell.offset1{margin-left:10%}.grid.condensed .row.cells10>.cell.offset2{margin-left:20%}.grid.condensed .row.cells10>.cell.offset3{margin-left:30%}.grid.condensed .row.cells10>.cell.offset4{margin-left:40%}.grid.condensed .row.cells10>.cell.offset5{margin-left:50%}.grid.condensed .row.cells10>.cell.offset6{margin-left:60%}.grid.condensed .row.cells10>.cell.offset7{margin-left:70%}.grid.condensed .row.cells10>.cell.offset8{margin-left:80%}.grid.condensed .row.cells10>.cell.offset9{margin-left:90%}.grid.condensed .row.cells10>.cell.offset10{margin-left:100%}.grid.condensed .row.cells11>.cell{width:9.09090909%}.grid.condensed .row.cells11>.cell.colspan2{width:18.18181818%}.grid.condensed .row.cells11>.cell.colspan3{width:27.27272727%}.grid.condensed .row.cells11>.cell.colspan4{width:36.36363636%}.grid.condensed .row.cells11>.cell.colspan5{width:45.45454545%}.grid.condensed .row.cells11>.cell.colspan6{width:54.54545455%}.grid.condensed .row.cells11>.cell.colspan7{width:63.63636364%}.grid.condensed .row.cells11>.cell.colspan8{width:72.72727273%}.grid.condensed .row.cells11>.cell.colspan9{width:81.81818182%}.grid.condensed .row.cells11>.cell.colspan10{width:90.90909091%}.grid.condensed .row.cells11>.cell.colspan11{width:100%}.grid.condensed .row.cells11>.cell.offset1{margin-left:9.09090909%}.grid.condensed .row.cells11>.cell.offset2{margin-left:18.18181818%}.grid.condensed .row.cells11>.cell.offset3{margin-left:27.27272727%}.grid.condensed .row.cells11>.cell.offset4{margin-left:36.36363636%}.grid.condensed .row.cells11>.cell.offset5{margin-left:45.45454545%}.grid.condensed .row.cells11>.cell.offset6{margin-left:54.54545455%}.grid.condensed .row.cells11>.cell.offset7{margin-left:63.63636364%}.grid.condensed .row.cells11>.cell.offset8{margin-left:72.72727273%}.grid.condensed .row.cells11>.cell.offset9{margin-left:81.81818182%}.grid.condensed .row.cells11>.cell.offset10{margin-left:90.90909091%}.grid.condensed .row.cells11>.cell.offset11{margin-left:100%}.grid.condensed .row.cells12>.cell{width:8.33333333%}.grid.condensed .row.cells12>.cell.colspan2{width:16.66666667%}.grid.condensed .row.cells12>.cell.colspan3{width:25%}.grid.condensed .row.cells12>.cell.colspan4{width:33.33333333%}.grid.condensed .row.cells12>.cell.colspan5{width:41.66666667%}.grid.condensed .row.cells12>.cell.colspan6{width:50%}.grid.condensed .row.cells12>.cell.colspan7{width:58.33333333%}.grid.condensed .row.cells12>.cell.colspan8{width:66.66666667%}.grid.condensed .row.cells12>.cell.colspan9{width:75%}.grid.condensed .row.cells12>.cell.colspan10{width:83.33333333%}.grid.condensed .row.cells12>.cell.colspan11{width:91.66666667%}.flex-grid,.grid.condensed .row.cells12>.cell.colspan12,.table{width:100%}.grid.condensed .row.cells12>.cell.offset1{margin-left:8.33333333%}.grid.condensed .row.cells12>.cell.offset2{margin-left:16.66666667%}.grid.condensed .row.cells12>.cell.offset3{margin-left:25%}.grid.condensed .row.cells12>.cell.offset4{margin-left:33.33333333%}.grid.condensed .row.cells12>.cell.offset5{margin-left:41.66666667%}.grid.condensed .row.cells12>.cell.offset6{margin-left:50%}.grid.condensed .row.cells12>.cell.offset7{margin-left:58.33333333%}.grid.condensed .row.cells12>.cell.offset8{margin-left:66.66666667%}.grid.condensed .row.cells12>.cell.offset9{margin-left:75%}.grid.condensed .row.cells12>.cell.offset10{margin-left:83.33333333%}.grid.condensed .row.cells12>.cell.offset11{margin-left:91.66666667%}.grid.condensed .row.cells12>.cell.offset12{margin-left:100%}.flex-grid .row{display:-webkit-flex;display:flex}.flex-grid .row .cell{-webkit-flex:0 0 8.33333333%;flex:0 0 8.33333333%}.flex-grid .row.cell-auto-size .cell{-webkit-flex:1 1 auto;flex:1 1 auto}.flex-grid .row .cell.colspan2{-webkit-flex:0 0 16.66666666%;flex:0 0 16.66666666%}.flex-grid .row .cell.colspan3{-webkit-flex:0 0 24.99999999%;flex:0 0 24.99999999%}.flex-grid .row .cell.colspan4{-webkit-flex:0 0 33.33333332%;flex:0 0 33.33333332%}.flex-grid .row .cell.colspan5{-webkit-flex:0 0 41.66666665%;flex:0 0 41.66666665%}.flex-grid .row .cell.colspan6{-webkit-flex:0 0 49.99999998%;flex:0 0 49.99999998%}.flex-grid .row .cell.colspan7{-webkit-flex:0 0 58.33333331%;flex:0 0 58.33333331%}.flex-grid .row .cell.colspan8{-webkit-flex:0 0 66.66666664%;flex:0 0 66.66666664%}.flex-grid .row .cell.colspan9{-webkit-flex:0 0 74.99999997%;flex:0 0 74.99999997%}.flex-grid .row .cell.colspan10{-webkit-flex:0 0 83.3333333%;flex:0 0 83.3333333%}.flex-grid .row .cell.colspan11{-webkit-flex:0 0 91.66666663%;flex:0 0 91.66666663%}.flex-grid .row .cell.colspan12{-webkit-flex:0 0 99.99999996%;flex:0 0 99.99999996%}.flex-grid .row .cell.size1{-webkit-flex:0 0 8.33333333%;flex:0 0 8.33333333%}.flex-grid .row .cell.size2{-webkit-flex:0 0 16.66666666%;flex:0 0 16.66666666%}.flex-grid .row .cell.size3{-webkit-flex:0 0 24.99999999%;flex:0 0 24.99999999%}.flex-grid .row .cell.size4{-webkit-flex:0 0 33.33333332%;flex:0 0 33.33333332%}.flex-grid .row .cell.size5{-webkit-flex:0 0 41.66666665%;flex:0 0 41.66666665%}.flex-grid .row .cell.size6{-webkit-flex:0 0 49.99999998%;flex:0 0 49.99999998%}.flex-grid .row .cell.size7{-webkit-flex:0 0 58.33333331%;flex:0 0 58.33333331%}.flex-grid .row .cell.size8{-webkit-flex:0 0 66.66666664%;flex:0 0 66.66666664%}.flex-grid .row .cell.size9{-webkit-flex:0 0 74.99999997%;flex:0 0 74.99999997%}.flex-grid .row .cell.size10{-webkit-flex:0 0 83.3333333%;flex:0 0 83.3333333%}.flex-grid .row .cell.size11{-webkit-flex:0 0 91.66666663%;flex:0 0 91.66666663%}.flex-grid .row .cell.size12{-webkit-flex:0 0 99.99999996%;flex:0 0 99.99999996%}.flex-grid .row .cell.size-p10{-webkit-flex:0 0 10%;flex:0 0 10%}.flex-grid .row .cell.size-p20{-webkit-flex:0 0 20%;flex:0 0 20%}.flex-grid .row .cell.size-p30{-webkit-flex:0 0 30%;flex:0 0 30%}.flex-grid .row .cell.size-p40{-webkit-flex:0 0 40%;flex:0 0 40%}.flex-grid .row .cell.size-p50{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-grid .row .cell.size-p60{-webkit-flex:0 0 60%;flex:0 0 60%}.flex-grid .row .cell.size-p70{-webkit-flex:0 0 70%;flex:0 0 70%}.flex-grid .row .cell.size-p80{-webkit-flex:0 0 80%;flex:0 0 80%}.flex-grid .row .cell.size-p90{-webkit-flex:0 0 90%;flex:0 0 90%}.flex-grid .row .cell.size-p100{-webkit-flex:0 0 100%;flex:0 0 100%}.flex-grid .row .cell.size-x100{-webkit-flex:0 0 100px;flex:0 0 100px}.flex-grid .row .cell.size-x200{-webkit-flex:0 0 200px;flex:0 0 200px}.flex-grid .row .cell.size-x300{-webkit-flex:0 0 300px;flex:0 0 300px}.flex-grid .row .cell.size-x400{-webkit-flex:0 0 400px;flex:0 0 400px}.flex-grid .row .cell.size-x500{-webkit-flex:0 0 500px;flex:0 0 500px}.flex-grid .row .cell.size-x600{-webkit-flex:0 0 600px;flex:0 0 600px}.flex-grid .row .cell.size-x700{-webkit-flex:0 0 700px;flex:0 0 700px}.flex-grid .row .cell.size-x800{-webkit-flex:0 0 800px;flex:0 0 800px}.flex-grid .row .cell.size-x900{-webkit-flex:0 0 900px;flex:0 0 900px}.flex-grid .row .cell.size-x1000{-webkit-flex:0 0 1000px;flex:0 0 1000px}.flex-grid .row .cell.auto-size{-webkit-flex:1 auto;flex:1 auto}.table{margin:.625rem 0}.table td,.table th{padding:.625rem}.table thead{border-bottom:4px solid #999}.table thead td,.table thead th{cursor:default;font-style:normal;font-weight:700}.table tfoot{border-top:4px solid #999}.table.bordered tbody tr:first-child td,.table.bordered thead tr:first-child td,.table.bordered thead tr:first-child th{border-top:none}.table tfoot td,.table tfoot th{cursor:default;font-style:normal;font-weight:700}.table tbody td{padding:.625rem .85rem}.table .sortable-column{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.app-bar,.table .sortable-column{-moz-user-select:none;-ms-user-select:none}.table .sortable-column:after{position:absolute;width:1rem;height:1rem;left:100%;margin-left:-20px;top:50%;margin-top:-.5rem;color:inherit;font-size:1rem;line-height:1}.table .sortable-column.sort-asc,.table .sortable-column.sort-desc{background-color:#eee}.table .sortable-column.sort-asc:after,.table .sortable-column.sort-desc:after{color:#1d1d1d}.table .sortable-column.sort-asc:after{content:"\2191"}.table .sortable-column.sort-desc:after{content:"\2193"}.table.sortable-markers-on-left .sortable-column{padding-left:30px}.table.sortable-markers-on-left .sortable-column:after,.table.sortable-markers-on-left .sortable-column:before{left:0;margin-left:10px}.table tr.selected td{background-color:rgba(28,183,236,.1)}.table td.selected{background-color:rgba(28,183,236,.3)}.table.striped tbody tr:nth-child(odd){background:#eee}.table.hovered tbody tr:hover{background-color:rgba(28,183,236,.1)}.table.cell-hovered tbody td:hover{background-color:rgba(28,183,236,.3)}.table.border,.table.bordered td,.table.bordered th{border:1px solid #999}.table.bordered tbody tr:last-child td{border-bottom:none}.table .condensed td,.table .condensed th{padding:.3125rem}.table .super-condensed td,.table .super-condensed th{padding:.125rem}.table tbody tr.error{background-color:#ce352c;color:#fff}.table tbody tr.error:hover{background-color:#da5a53}.table tbody tr.warning{background-color:#fa6800;color:#fff}.table tbody tr.warning:hover{background-color:#ffc194}.table tbody tr.success{background-color:#60a917;color:#fff}.table tbody tr.success:hover{background-color:#7ad61d}.table tbody tr.info{background-color:#1ba1e2;color:#fff}.table tbody tr.info:hover{background-color:#59cde2}.app-bar{width:100%;position:relative;background-color:#0072c6;color:#fff;-webkit-user-select:none;user-select:none}.app-bar:after,.app-bar:before{display:table;content:""}.app-bar .app-bar-element{line-height:3.125rem;padding:0 .625rem;font-size:1rem;cursor:pointer;color:inherit;display:block;float:left;position:relative;vertical-align:middle;height:3.125rem}.app-bar .app-bar-element:active,.app-bar .app-bar-element:hover{background-color:#005696}.app-bar .app-bar-element.branding{padding-left:1rem;padding-right:1rem}.app-bar .app-bar-element .d-menu{top:100%;border:2px solid #005696}.app-bar .app-bar-element .d-menu li:not(.disabled):hover{background-color:#eee}.app-bar .app-bar-element .d-menu li:not(.disabled):hover>a{color:#1d1d1d}.app-bar .app-bar-element .d-menu .d-menu{top:-.625rem;left:100%}.app-bar .app-bar-element .d-menu .dropdown-toggle:before{border-color:#1d1d1d}.app-bar .app-bar-divider{display:block;float:left;line-height:3.125rem;height:3.125rem;width:1px;background-color:#4c9cd7;padding:0}.app-bar .dropdown-toggle:before{border-color:#fff}.app-bar .app-bar-menu{display:block;float:left;margin:0;padding:0}.app-bar .app-bar-menu>li,.app-bar .app-bar-menu>li>a{line-height:3.125rem;padding:0 .625rem;font-size:1rem;cursor:pointer;color:inherit;display:block;float:left;position:relative;vertical-align:middle;height:3.125rem}.app-bar .app-bar-menu>li:active,.app-bar .app-bar-menu>li:hover,.app-bar .app-bar-menu>li>a:active,.app-bar .app-bar-menu>li>a:hover{background-color:#005696}.app-bar .app-bar-menu>li.branding,.app-bar .app-bar-menu>li>a.branding{padding-left:1rem;padding-right:1rem}.app-bar .app-bar-menu>li .d-menu,.app-bar .app-bar-menu>li>a .d-menu{top:100%;border:2px solid #005696}.app-bar .app-bar-menu>li .d-menu li:not(.disabled):hover,.app-bar .app-bar-menu>li>a .d-menu li:not(.disabled):hover{background-color:#eee}.app-bar .app-bar-menu>li .d-menu li:not(.disabled):hover>a,.app-bar .app-bar-menu>li>a .d-menu li:not(.disabled):hover>a{color:#1d1d1d}.app-bar .app-bar-menu>li .d-menu .d-menu,.app-bar .app-bar-menu>li>a .d-menu .d-menu{top:-.625rem;left:100%}.app-bar .app-bar-menu>li .d-menu .dropdown-toggle:before,.app-bar .app-bar-menu>li>a .d-menu .dropdown-toggle:before{border-color:#1d1d1d}.app-bar .app-bar-element>.input-control.password input,.app-bar .app-bar-element>.input-control.text input,.app-bar .app-bar-menu>li>.input-control.password input,.app-bar .app-bar-menu>li>.input-control.text input,.app-bar .app-bar-menu>li>a>.input-control.password input,.app-bar .app-bar-menu>li>a>.input-control.text input{border-color:transparent}.app-bar .app-bar-menu>li:after,.app-bar .app-bar-menu>li:before,.app-bar .app-bar-menu>li>a:after,.app-bar .app-bar-menu>li>a:before{display:table;content:""}.app-bar .app-bar-menu>li>.input-control.password,.app-bar .app-bar-menu>li>.input-control.text,.app-bar .app-bar-menu>li>a>.input-control.password,.app-bar .app-bar-menu>li>a>.input-control.text{margin-top:.55rem;font-size:.875rem;line-height:1.8rem;display:block}.app-bar .app-bar-menu>li>.button,.app-bar .app-bar-menu>li>a>.button{margin-top:-.15rem}.app-bar .app-bar-menu>li>.image-button,.app-bar .app-bar-menu>li>a>.image-button{margin:0;background-color:transparent;color:#fff;font-size:inherit}.app-bar .app-bar-menu>li>.image-button img.icon,.app-bar .app-bar-menu>li>a>.image-button img.icon{padding:0}.app-bar .app-bar-menu>li .dropdown-toggle:before,.app-bar .app-bar-menu>li>a .dropdown-toggle:before{transition:all .3s ease}.app-bar .app-bar-menu>li .dropdown-toggle.active-toggle:before,.app-bar .app-bar-menu>li>a .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.app-bar .app-bar-menu>li .d-menu .dropdown-toggle.active-toggle:before,.app-bar .app-bar-menu>li>a .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app-bar .app-bar-menu>li.dropdown-toggle,.app-bar .app-bar-menu>li>a.dropdown-toggle{padding-right:1.5rem}.app-bar .app-bar-element>.image-button img.icon,.app-bar .app-bar-menu>li{padding:0}.app-bar .app-bar-menu>li.dropdown-toggle:before,.app-bar .app-bar-menu>li>a.dropdown-toggle:before{border-color:#fff;display:block}.app-bar .app-bar-menu>li .d-menu{top:100%;border:2px solid #005696}.app-bar .app-bar-menu>li .d-menu li:not(.disabled):hover{background-color:#eee}.app-bar .app-bar-menu>li .d-menu li:not(.disabled):hover>a{color:#1d1d1d}.app-bar .app-bar-menu>li .d-menu .d-menu{top:-.625rem;left:100%}.app-bar .app-bar-menu>li .d-menu .dropdown-toggle:before{border-color:#1d1d1d}.app-bar .app-bar-menu.small-dropdown .d-menu li>a{font-size:.8em;padding:.325rem 1.2rem .325rem 1.8rem}.app-bar .app-bar-pullbutton.automatic{display:none;float:right;color:#fff;cursor:pointer;font:2rem sans-serif;height:3.125rem;width:3.125rem;line-height:1.25rem;vertical-align:middle;text-align:center;margin:0}.f-menu>li>a,.h-menu>li>a{border:none;font-weight:400}.app-bar .app-bar-pullbutton.automatic:before{content:"\2261";position:absolute;top:.875rem;left:.875rem}.app-bar .app-bar-drop-container{position:absolute;top:100%;left:0;margin-top:10px;border:2px solid #005696;background:#fff}.app-bar .app-bar-drop-container:before{content:'';position:absolute;background-color:#fff;width:10px;height:10px;border:2px solid #005696;top:1px;left:1rem;margin:-8px 0;border-bottom:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:0}.app-bar .app-bar-drop-container.place-right{right:0;left:auto}.app-bar .app-bar-drop-container.place-right:before{left:auto;right:1rem}.app-bar .app-bar-element:after,.app-bar .app-bar-element:before{display:table;content:""}.app-bar .app-bar-element>.input-control.password,.app-bar .app-bar-element>.input-control.text{margin-top:.55rem;font-size:.875rem;line-height:1.8rem;display:block}.app-bar .app-bar-element>.button{margin-top:-.15rem}.app-bar .app-bar-element>.image-button{margin:0;background-color:transparent;color:#fff;font-size:inherit}.app-bar.drop-up .app-bar-drop-container{top:auto;bottom:3.75rem}.app-bar.drop-up .app-bar-drop-container:before{top:auto;bottom:1px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.app-bar.drop-up .app-bar-element>.d-menu,.app-bar.drop-up .app-bar-menu>li>.d-menu{top:auto;bottom:3.125rem}.app-bar.drop-up .app-bar-element .d-menu .d-menu,.app-bar.drop-up .app-bar-menu li .d-menu .d-menu{top:auto;bottom:0}.app-bar .app-bar-element .dropdown-toggle:before,.app-bar .app-bar-menu .dropdown-toggle:before{transition:all .3s ease}.app-bar .app-bar-element .dropdown-toggle.active-toggle:before,.app-bar .app-bar-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.app-bar .app-bar-element .d-menu .dropdown-toggle.active-toggle:before,.app-bar .app-bar-menu .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app-bar.fixed-bottom,.app-bar.fixed-top{z-index:1030;position:fixed}.app-bar.fixed-top{top:0}.app-bar.fixed-bottom{bottom:0}.app-bar{overflow:visible;height:auto}.app-bar .app-bar-pullbutton{line-height:3.125rem;padding:0 .625rem;font-size:1rem;cursor:pointer;color:inherit;position:relative;vertical-align:middle;height:3.125rem;float:right}.app-bar .app-bar-pullmenu .app-bar-menu>li,.f-menu,.h-menu{height:auto}.app-bar .app-bar-pullbutton:active,.app-bar .app-bar-pullbutton:hover{background-color:#005696}.app-bar .app-bar-pullbutton.branding{padding-left:1rem;padding-right:1rem}.app-bar .app-bar-pullbutton .d-menu{top:100%;border:2px solid #005696}.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover{background-color:#eee}.app-bar .app-bar-pullbutton .d-menu li:not(.disabled):hover>a{color:#1d1d1d}.app-bar .app-bar-pullbutton .d-menu .d-menu{top:-.625rem;left:100%}.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle:before{border-color:#1d1d1d}.app-bar .app-bar-pullbutton:after,.app-bar .app-bar-pullbutton:before{display:table;content:""}.app-bar .app-bar-pullbutton>.input-control.password,.app-bar .app-bar-pullbutton>.input-control.text{margin-top:.55rem;font-size:.875rem;line-height:1.8rem;display:block}.app-bar .app-bar-pullbutton>.input-control.password input,.app-bar .app-bar-pullbutton>.input-control.text input{border-color:transparent}.app-bar .app-bar-pullbutton>.button{margin-top:-.15rem}.app-bar .app-bar-pullbutton>.image-button{margin:0;background-color:transparent;color:#fff;font-size:inherit}.d-menu li a,.f-menu>li>a,.h-menu>li>a,.v-menu li a{font-size:.875rem}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover,.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li:hover a{background-color:#0072c6}.app-bar .app-bar-pullbutton>.image-button img.icon{padding:0}.app-bar .app-bar-pullbutton .dropdown-toggle:before{transition:all .3s ease}.app-bar .app-bar-pullbutton .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.app-bar .app-bar-pullbutton .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app-bar .app-bar-pullbutton,.app-bar .app-bar-pullmenu{display:none}.app-bar .app-bar-pullmenu.flexstyle-sidebar2{position:absolute;right:0;z-index:1000}.app-bar .app-bar-pullmenu .app-bar-menu,.f-menu>li,.f-menu>li>a,.h-menu>li,.h-menu>li>a,.v-menu,.v-menu li,.v-menu li a{position:relative}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .app-bar-pullmenubar{float:right}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .dropdown-toggle:before{border-color:#323232}.d-menu li:hover>.dropdown-toggle:before,.f-menu li:hover>.dropdown-toggle:before,.h-menu li:hover>.dropdown-toggle:before,.m-menu li:hover>.dropdown-toggle:before,.v-menu li:hover>.dropdown-toggle:before{border-color:#fff}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li .input-control{text-align:center;display:block;margin:.325rem}.f-menu>li:first-child,.h-menu>li:first-child{margin-left:0}.f-menu,.h-menu{text-align:left}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover){color:#1d1d1d}.app-bar .app-bar-pullmenu.flexstyle-sidebar2 .sidebar2 li li:not(:hover) a{background-color:#fff}.app-bar .app-bar-pullmenu .app-bar-menu{width:100%;border-top:1px solid #4c9cd7;float:none;display:none;z-index:1000 1;background-color:#005696}.app-bar .app-bar-pullmenu .app-bar-menu>li,.app-bar .app-bar-pullmenu .app-bar-menu>li>a{float:none}.app-bar .app-bar-pullmenu .app-bar-menu li:hover{background-color:#0072c6}.app-bar .app-bar-pullmenu .app-bar-menu li:hover a{background-color:#0072c6;color:#fff}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu{border:0;border-top:1px solid #4c9cd7;float:none;width:100%;position:relative;left:0;box-shadow:none;max-width:100%;background-color:#005696}.d-menu .menu-title:first-child,.d-menu .menu-title:first-child:hover,.v-menu .menu-title:first-child:hover{border-top-width:0}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li{width:100%;background-color:inherit}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li a{padding-left:20px;padding-right:0;background-color:inherit;width:100%;color:#fff}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .dropdown-toggle:before{border-color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .divider{background-color:#4c9cd7}.app-bar .app-bar-pullmenu .app-bar-menu .d-menu .d-menu{top:0;left:0}.app-bar>.container{padding:0!important}.h-menu{display:block;margin:0;padding:0;background-color:#fff}.h-menu:after,.h-menu:before{display:table;content:""}.h-menu>li{display:block;float:left}.h-menu>li:hover{background-color:#59cde2;color:#fff}.h-menu>li:hover>a{color:#fff}.h-menu>li.no-hovered{background-color:inherit;color:inherit}.h-menu>li>a{display:block;float:left;color:#727272;outline:0;padding:1.125rem 1.625rem}.h-menu>li>a:hover{background-color:#59cde2;color:#fff}.h-menu>li .button,.h-menu>li .input-control{margin-top:10px}.h-menu>li.active a{background-color:#59cde2;color:#fff}.h-menu>li>.d-menu{top:100%}.h-menu .dropdown-toggle:before{transition:all .3s ease}.h-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.f-menu{margin:0;padding:0;background-color:#fff;display:-webkit-flex;display:flex}.f-menu:after,.f-menu:before{display:table;content:""}.f-menu>li{display:block;float:left;text-align:center;-webkit-flex:1 auto;flex:1 auto}.f-menu>li:hover{background-color:#59cde2;color:#fff}.f-menu>li:hover>a{color:#fff}.f-menu>li.no-hovered{background-color:inherit;color:inherit}.f-menu>li.active a,.f-menu>li>a:hover{color:#fff;background-color:#59cde2}.f-menu>li>a{display:block;float:left;color:#727272;outline:0;padding:1.125rem 1.625rem}.f-menu>li .button,.f-menu>li .input-control{margin-top:10px}.f-menu>li>.d-menu{top:100%;left:auto}.f-menu .dropdown-toggle:before{transition:all .3s ease}.f-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.f-menu>li a{text-align:center;width:100%}.f-menu>li .d-menu{width:100%;max-width:none}.d-menu,.v-menu{max-width:15.625rem}.f-menu>li .d-menu li{width:100%}.f-menu>li .d-menu li a{width:100%;min-width:0;padding:.75rem 0}.f-menu .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.f-menu.default-dropdown>li .d-menu{width:auto;min-width:12.5rem}.f-menu.default-dropdown>li .d-menu a{text-align:left;padding:.75rem 2rem .75rem 2.5rem}.v-menu{text-align:left;background:#fff;margin:0;padding:0;width:auto;float:left}.v-menu li{display:block;float:none}.v-menu li:after,.v-menu li:before{display:table;content:""}.v-menu li a{color:#727272;display:block;float:none;padding:.75rem 2rem .75rem 2.5rem;vertical-align:middle;white-space:nowrap;min-width:12.5rem;border:none}.v-menu li a .icon,.v-menu li a img{position:absolute;left:.875rem;top:50%;margin-top:-.5625rem;color:#262626;max-height:1.125rem;font-size:1.125rem;display:inline-block;margin-right:.3125rem;vertical-align:middle;text-align:center}.v-menu li.active{border-left:2px solid;border-color:#1ba1e2}.v-menu li.active>a{background-color:#59cde2;color:#fff;font-weight:700}.v-menu li:hover{background:#59cde2}.v-menu .divider,.v-menu .divider:hover{background-color:#f2f2f2}.v-menu li:hover .icon,.v-menu li:hover>a{color:#fff}.v-menu li a[data-hotkey]{padding-right:3.2rem}.v-menu li a[data-hotkey]:after{content:attr(data-hotkey);position:absolute;right:1.2rem;width:auto;font-size:.8em}.v-menu .divider{padding:0;height:1px;margin:0 1px;overflow:hidden}.v-menu.subdown .d-menu{min-width:0;position:relative;width:100%;left:0;right:0;top:100%;box-shadow:none}.v-menu .item-block{display:block;padding:.625rem;background-color:#eee}.v-menu .d-menu{left:100%;top:-10%}.v-menu .menu-title{background-color:#f6f7f8;font-size:12px;line-height:14px;padding:4px 8px;border:0;color:#646464}.v-menu .menu-title:first-child{margin:0;border-top-width:0}.v-menu .menu-title:hover{background-color:#f6f7f8;cursor:default;border:0}.v-menu .dropdown-toggle:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-top:-2px;transition:all .3s ease}.v-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease}.v-menu.subdown .dropdown-toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-1.25rem}.v-menu.subdown .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.v-menu li.disabled a{color:#eee}.v-menu li.disabled:hover{background-color:inherit;cursor:default;border:0}.v-menu li.disabled:hover a{cursor:inherit}.d-menu{text-align:left;background:#fff;margin:0;padding:0;width:auto;float:left;position:absolute;display:none;z-index:1000;left:0;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.d-menu li,.d-menu li a{float:none;position:relative}.d-menu li:hover>.dropdown-toggle:before{border-color:#fff}.d-menu li{display:block}.d-menu li:after,.d-menu li:before{display:table;content:""}.d-menu li a{color:#727272;display:block;padding:.75rem 2rem .75rem 2.5rem;vertical-align:middle;white-space:nowrap;min-width:12.5rem;border:none}.d-menu.no-min-size li a,.d-menu.subdown .d-menu,.v-menu.no-min-size li a{min-width:0}.d-menu li a .icon,.d-menu li a img{position:absolute;left:.875rem;top:50%;margin-top:-.5625rem;color:#262626;max-height:1.125rem;font-size:1.125rem;display:inline-block;margin-right:.3125rem;vertical-align:middle;text-align:center}.d-menu.open,.m-menu{display:block}.d-menu li.active{border-left:2px solid;border-color:#1ba1e2}.d-menu li.active>a{background-color:#59cde2;color:#fff;font-weight:700}.d-menu li:hover{background:#59cde2}.d-menu .divider,.d-menu .divider:hover{background-color:#f2f2f2}.d-menu li:hover .icon,.d-menu li:hover>a{color:#fff}.d-menu li a[data-hotkey]{padding-right:3.2rem}.d-menu li a[data-hotkey]:after{content:attr(data-hotkey);position:absolute;right:1.2rem;width:auto;font-size:.8em}.d-menu .divider{padding:0;height:1px;margin:0 1px;overflow:hidden}.d-menu.subdown .d-menu{position:relative;width:100%;left:0;right:0;top:100%;box-shadow:none}.m-menu,.t-menu,.t-menu.horizontal{box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.d-menu .item-block{display:block;padding:.625rem;background-color:#eee}.d-menu .menu-title{background-color:#f6f7f8;font-size:12px;line-height:14px;padding:4px 8px;border:0;color:#646464}.d-menu .menu-title:first-child{margin:0}.d-menu .menu-title:hover{background-color:#f6f7f8;cursor:default;border:0}.d-menu .dropdown-toggle:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-top:-2px;transition:all .3s ease}.d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease}.d-menu.subdown .dropdown-toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-1.25rem}.d-menu.subdown .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.d-menu li.disabled a{color:#eee}.d-menu li.disabled:hover{background-color:inherit;cursor:default;border:0}.d-menu li.disabled:hover a{cursor:inherit}.d-menu .d-menu{left:100%;top:-10%}.d-menu.drop-left{left:-100%}.d-menu.drop-up{top:auto;bottom:0}.d-menu.context li a .icon{margin-top:-.4375rem}.d-menu.place-right{left:auto;right:0;width:auto}.m-menu{text-align:left;height:auto;position:relative;background-color:#fff;color:#1d1d1d;list-style:none inside;margin:0;padding:0}.m-menu:after,.m-menu:before{display:table;content:""}.m-menu .m-menu-item,.m-menu>li{display:block;float:left;background-color:#fff}.m-menu .m-menu-item:hover,.m-menu>li:hover{background-color:#59cde2}.m-menu .m-menu-item:hover>a,.m-menu>li:hover>a{color:#fff}.m-menu .m-menu-item.no-hovered,.m-menu>li.no-hovered{background-color:inherit;color:inherit}.m-menu .m-menu-item:first-child,.m-menu>li:first-child{margin-left:0}.m-menu .m-menu-item>a,.m-menu>li>a{display:block;float:left;position:relative;font-weight:400;color:inherit;font-size:.875rem;outline:0;text-decoration:none;padding:1rem 1.625rem;border:none}.button,.command-button{border:1px solid #d9d9d9}.m-menu .m-menu-container a,.m-menu .m-menu-container li,.m-menu .m-menu-item.active-container a,.m-menu>li.active-container a{color:#fff}.m-menu .m-menu-item>a:hover,.m-menu>li>a:hover{background-color:inherit}.m-menu .m-menu-item>a.dropdown-toggle,.m-menu>li>a.dropdown-toggle{padding:1rem 1.625rem 1rem 1.125rem}.m-menu .m-menu-item.active-container,.m-menu>li.active-container{background-color:#59cde2}.m-menu .m-menu-item.active-container a.dropdown-toggle:before,.m-menu>li.active-container a.dropdown-toggle:before{border-color:#fff}.m-menu .m-menu-item .d-menu,.m-menu>li .d-menu{left:0;top:100%}.m-menu .m-menu-container{position:absolute;left:0;right:0;top:100%;padding:.3125rem;font-size:.75rem;z-index:1000;background-color:inherit;display:none}.horizontal-menu,.horizontal-menu>li,.t-menu,.t-menu>li,.t-menu>li>a,.vertical-menu,.vertical-menu>li,.vertical-menu>li>a{position:relative}.m-menu .m-menu-container a{text-decoration:underline}.m-menu .m-menu-container li.active>a,.m-menu .m-menu-container li:hover>a{text-decoration:none}.m-menu .m-menu-container.open{display:block}.m-menu>li .dropdown-toggle:before{transition:all .3s ease}.m-menu>li .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.d-menu.context li a,.v-menu.context li a{font-size:.75rem;padding:.3125rem 2rem .3125rem 2.5rem}.d-menu.context li a .icon,.v-menu.context li a .icon{margin-top:-.4375rem;font-size:.825rem;color:inherit}.d-menu.full-size li a,.v-menu.full-size li a{min-width:0;width:100%}.horizontal-menu{display:block;width:100%;color:#1d1d1d;padding:0;margin:0}.horizontal-menu:after,.horizontal-menu:before{display:table;content:""}.horizontal-menu>li{display:block;float:left;color:inherit;background-color:inherit}.horizontal-menu>li>a{position:relative;display:block;float:left;font-size:1.4rem;color:inherit;background-color:inherit;padding:.625rem 1.625rem;line-height:1.4rem}.horizontal-menu>li>.d-menu{top:100%}.horizontal-menu.compact>li>a{font-size:.9rem;line-height:.9rem}.horizontal-menu .dropdown-toggle:before{transition:all .3s ease}.horizontal-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.horizontal-menu .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vertical-menu{display:block;color:#1d1d1d;padding:0;margin:0;width:auto;float:left}.vertical-menu:after,.vertical-menu:before{display:table;content:""}.vertical-menu>li{display:block;color:inherit;background-color:inherit}.vertical-menu>li>a{display:block;font-size:1.4rem;color:inherit;background-color:inherit;padding:.625rem 1.625rem;line-height:1.4rem}.vertical-menu.compact>li>a{font-size:.9rem;line-height:.9rem;padding-top:.325rem;padding-bottom:.325rem}.vertical-menu .d-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vertical-menu>li,.vertical-menu>li>a{float:none}.vertical-menu>li>.d-menu{left:100%;top:0}.vertical-menu .dropdown-toggle:before{margin-top:-2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .3s ease}.vertical-menu .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s ease}.t-menu{margin:0;padding:0;width:auto;float:left;background-color:#fff}.t-menu>li>a{display:block;padding:1rem 1.2rem;border-bottom:1px #eee solid}.t-menu.horizontal>li:last-child a,.t-menu>li:last-child a{border-bottom:0}.t-menu>li>a .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.t-menu>li:hover>a{background-color:#1ba1e2;color:#fff}.t-menu.compact>li>a{padding:.5rem .7rem}.t-menu.compact>li>a .icon{width:1rem;height:1rem;font-size:1rem}.t-menu li .t-menu{position:absolute;left:100%;margin-left:.3125rem;top:0;float:none}.t-menu li .t-menu>li,.t-menu li .t-menu>li>a{float:left;display:block}.t-menu .t-menu.horizontal .t-menu{left:0;top:100%;margin-top:.3125rem;margin-left:0}.t-menu .dropdown-toggle:after{content:"";background-color:transparent;position:absolute;left:auto;top:auto;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 8px 8px;border-color:transparent transparent #1ba1e2;-webkit-transform:rotate(0);transform:rotate(0)}.t-menu.horizontal>li,.t-menu.horizontal>li>a{display:block;position:relative}.t-menu .dropdown-toggle:before{display:none}.t-menu>li:hover>.dropdown-toggle:after{border-color:transparent transparent #1b6eae}.t-menu.horizontal{margin:0;padding:0;position:relative;width:auto;float:left;background-color:#fff}.t-menu.horizontal>li{position:relative}.t-menu.horizontal>li>a{padding:1rem 1.2rem;position:relative}.t-menu.horizontal>li>a .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.t-menu.horizontal>li:hover>a{background-color:#1ba1e2;color:#fff}.t-menu.horizontal.compact>li>a{padding:.5rem .7rem}.t-menu.horizontal.compact>li>a .icon{width:1rem;height:1rem;font-size:1rem}.button,.cycle-button,.round-button,.square-button{display:inline-block;position:relative;font-size:.875rem}.t-menu.horizontal li .t-menu{position:absolute;left:100%;margin-left:.3125rem;top:0;float:none}.t-menu.horizontal li .t-menu>li,.t-menu.horizontal li .t-menu>li>a{float:left;display:block}.t-menu.horizontal .t-menu.horizontal .t-menu{left:0;top:100%;margin-top:.3125rem;margin-left:0}.t-menu.horizontal .dropdown-toggle:after{content:"";background-color:transparent;position:absolute;left:auto;top:auto;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 8px 8px;border-color:transparent transparent #1ba1e2;-webkit-transform:rotate(0);transform:rotate(0)}.t-menu.horizontal .dropdown-toggle:before{display:none}.t-menu.horizontal>li:hover>.dropdown-toggle:after{border-color:transparent transparent #1b6eae}.t-menu.horizontal>li{float:left}.t-menu.horizontal>li>a{float:left;border-right:1px #eee solid;border-bottom:0}.t-menu.horizontal>li:last-child>a{border-right:0}.t-menu.horizontal .t-menu:not(.horizontal){left:0;top:100%;margin-top:.3125rem;margin-left:0}.t-menu.horizontal .t-menu:not(.horizontal) .t-menu.horizontal{left:100%;margin-left:.3125rem;top:0;float:left}.h-menu>li>.d-menu,.horizontal-menu>li>.d-menu,.m-menu>li>.d-menu{left:auto}[data-role=dropdown]:not(.keep-open),[data-role=dropdown]:not(.open){display:none;position:absolute;z-index:1000}.button{padding:0 1rem;height:2.125rem;text-align:center;vertical-align:middle;background-color:#fff;color:#262626;cursor:pointer;outline:0;line-height:100%;margin:.15625rem 0}.button.default{background-color:#008287;color:#fff}.button:hover{border-color:#787878}.button:active{background:#eee;color:#262626;box-shadow:none}.button:focus{outline:0}.button.disabled,.button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.button *,.button :hover{color:inherit}.button.rounded{border-radius:.325rem}.button>[class*=mif-]{vertical-align:middle}.button.button-shadow{box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.button img{height:.875rem;vertical-align:middle;margin:0}.cycle-button,.round-button,.square-button{height:2.125rem;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;outline:0;line-height:100%;margin:.15625rem 0;width:2.125rem;min-width:2.125rem;padding:0;border-radius:50%;text-align:center;text-decoration:none;vertical-align:middle}.cycle-button.default,.round-button.default,.square-button.default{background-color:#008287;color:#fff}.cycle-button:hover,.round-button:hover,.square-button:hover{border-color:#787878}.cycle-button:active,.round-button:active,.square-button:active{background:#eee;color:#262626;box-shadow:none}.cycle-button:focus,.round-button:focus,.square-button:focus{outline:0}.cycle-button.disabled,.cycle-button:disabled,.round-button.disabled,.round-button:disabled,.square-button.disabled,.square-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.cycle-button *,.cycle-button :hover,.round-button *,.round-button :hover,.square-button *,.square-button :hover{color:inherit}.cycle-button.rounded,.round-button.rounded,.square-button.rounded{border-radius:.325rem}.cycle-button>[class*=mif-],.round-button>[class*=mif-],.square-button>[class*=mif-]{vertical-align:middle}.cycle-button img,.round-button img,.square-button img{height:.875rem;vertical-align:middle;margin:0}.cycle-button.loading-pulse,.round-button.loading-pulse,.square-button.loading-pulse{position:relative;padding:0 1.325rem}.cycle-button.loading-pulse:before,.round-button.loading-pulse:before,.square-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.cycle-button.loading-pulse.lighten:before,.round-button.loading-pulse.lighten:before,.square-button.loading-pulse.lighten:before{background-color:#fff}.cycle-button.loading-cube,.round-button.loading-cube,.square-button.loading-cube{position:relative;padding:0 1.325rem}.cycle-button.loading-cube:after,.cycle-button.loading-cube:before,.round-button.loading-cube:after,.round-button.loading-cube:before,.square-button.loading-cube:after,.square-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.cycle-button.dropdown-toggle.drop-marker-light:after,.cycle-button.dropdown-toggle.drop-marker-light:before,.cycle-button.loading-cube.lighten:after,.cycle-button.loading-cube.lighten:before,.round-button.dropdown-toggle.drop-marker-light:after,.round-button.dropdown-toggle.drop-marker-light:before,.round-button.loading-cube.lighten:after,.round-button.loading-cube.lighten:before,.square-button.dropdown-toggle.drop-marker-light:after,.square-button.dropdown-toggle.drop-marker-light:before,.square-button.loading-cube.lighten:after,.square-button.loading-cube.lighten:before{background-color:#fff}.cycle-button.loading-cube:after,.round-button.loading-cube:after,.square-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.cycle-button.dropdown-toggle,.round-button.dropdown-toggle,.square-button.dropdown-toggle{padding-right:1.625rem}.cycle-button.primary,.round-button.primary,.square-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.cycle-button.primary:active,.round-button.primary:active,.square-button.primary:active{background:#1b6eae;color:#fff}.cycle-button.success,.round-button.success,.square-button.success{background:#60a917;color:#fff;border-color:#60a917}.cycle-button.success:active,.round-button.success:active,.square-button.success:active{background:#128023;color:#fff}.cycle-button.alert,.cycle-button.danger,.round-button.alert,.round-button.danger,.square-button.alert,.square-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.cycle-button.alert:active,.cycle-button.danger:active,.round-button.alert:active,.round-button.danger:active,.square-button.alert:active,.square-button.danger:active{background:#9a1616;color:#fff}.cycle-button.info,.round-button.info,.square-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.cycle-button.info:active,.round-button.info:active,.square-button.info:active{background:#1ba1e2;color:#fff}.cycle-button.warning,.round-button.warning,.square-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.cycle-button.warning:active,.round-button.warning:active,.square-button.warning:active{background:#bf5a15;color:#fff}.cycle-button.link,.round-button.link,.square-button.link{background:0 0;color:#2086bf;border-color:transparent;text-decoration:underline}.cycle-button.link:active,.cycle-button.link:hover,.round-button.link:active,.round-button.link:hover,.square-button.link:active,.square-button.link:hover{background:0 0;color:#114968;border-color:transparent}.square-button{border-radius:0}a.button,a.round-button,a.square-button{color:inherit}a.button:hover,a.round-button:hover,a.square-button:hover{text-decoration:none}.button.link,.command-button.link,.image-button.link,.shortcut-button.link{text-decoration:underline}.button.loading-pulse{position:relative;padding:0 1.325rem}.button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.button.loading-pulse.lighten:before{background-color:#fff}.button.loading-cube{position:relative;padding:0 1.325rem}.button.loading-cube:after,.button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.button.loading-cube.lighten:after,.button.loading-cube.lighten:before,.command-button{background-color:#fff}.button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.command-button{padding:8px 1rem 4px 4rem;vertical-align:middle;color:#262626;cursor:pointer;display:inline-block;outline:0;line-height:100%;margin:.15625rem 0;position:relative;height:auto;text-align:left;font-size:1.325rem}.command-button.default{background-color:#008287;color:#fff}.command-button:hover{border-color:#787878}.command-button:active{background:#eee;color:#262626;box-shadow:none}.command-button:focus{outline:0}.command-button.disabled,.command-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.command-button *,.command-button :hover{color:inherit}.command-button.rounded{border-radius:.325rem}.command-button>[class*=mif-]{vertical-align:middle}.command-button img{height:.875rem;vertical-align:middle;margin:0}.command-button.loading-pulse{position:relative;padding:0 1.325rem}.command-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.command-button.loading-pulse.lighten:before{background-color:#fff}.command-button.loading-cube{position:relative;padding:0 1.325rem}.command-button.loading-cube:after,.command-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.command-button.dropdown-toggle.drop-marker-light:after,.command-button.dropdown-toggle.drop-marker-light:before,.command-button.loading-cube.lighten:after,.command-button.loading-cube.lighten:before{background-color:#fff}.command-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.command-button.dropdown-toggle{padding-right:1.625rem}.command-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.command-button.primary:active{background:#1b6eae;color:#fff}.command-button.success{background:#60a917;color:#fff;border-color:#60a917}.command-button.success:active{background:#128023;color:#fff}.command-button.alert,.command-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.command-button.alert:active,.command-button.danger:active{background:#9a1616;color:#fff}.command-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.command-button.info:active{background:#1ba1e2;color:#fff}.command-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.command-button.warning:active{background:#bf5a15;color:#fff}.command-button.link{background:0 0;color:#2086bf;border-color:transparent}.command-button.link:active,.command-button.link:hover{background:0 0;color:#114968;border-color:transparent}.command-button small{display:block;font-size:.8rem;line-height:1.625rem;margin-top:-.3125rem}.image-button,.shortcut-button{display:inline-block;line-height:100%}.command-button .icon{left:1rem;top:50%;margin-top:-1rem;position:absolute;font-size:2rem;height:2rem;width:2rem;margin-right:.625rem}.command-button.icon-right{padding-left:1rem;padding-right:4rem}.command-button.icon-right .icon{left:auto;right:0}.image-button{padding:0 1rem 0 2.75rem;height:2.125rem;text-align:center;vertical-align:middle;color:#262626;cursor:pointer;outline:0;font-size:.875rem;margin:.15625rem 0;position:relative;border:0;background-color:#eee}.image-button.default{background-color:#008287;color:#fff}.image-button:hover{border-color:#787878}.image-button:active{background:#eee;color:#262626;box-shadow:none}.image-button:focus{outline:0}.image-button.disabled,.image-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.image-button *,.image-button :hover{color:inherit}.image-button.rounded{border-radius:.325rem}.image-button>[class*=mif-]{vertical-align:middle}.image-button img{height:.875rem;vertical-align:middle;margin:0}.image-button.loading-pulse{position:relative;padding:0 1.325rem}.image-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.image-button.loading-pulse.lighten:before{background-color:#fff}.image-button.loading-cube{position:relative;padding:0 1.325rem}.image-button img.icon,a.image-button{padding-top:.525rem}.image-button.loading-cube:after,.image-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.image-button.dropdown-toggle.drop-marker-light:after,.image-button.dropdown-toggle.drop-marker-light:before,.image-button.loading-cube.lighten:after,.image-button.loading-cube.lighten:before{background-color:#fff}.image-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.image-button.dropdown-toggle{padding-right:1.625rem}.image-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.image-button.primary:active{background:#1b6eae;color:#fff}.image-button.success{background:#60a917;color:#fff;border-color:#60a917}.image-button.success:active{background:#128023;color:#fff}.image-button.alert,.image-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.image-button.alert:active,.image-button.danger:active{background:#9a1616;color:#fff}.image-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.image-button.info:active{background:#1ba1e2;color:#fff}.image-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.image-button.warning:active{background:#bf5a15;color:#fff}.image-button.link{background:0 0;color:#2086bf;border-color:transparent}.image-button.link:active,.image-button.link:hover{background:0 0;color:#114968;border-color:transparent}.image-button:active{background-color:#e1e1e1}.image-button .icon{position:absolute;left:0;top:0;height:100%;width:2.125rem;padding:.525rem;font-size:1rem;background-color:#999;text-align:center;vertical-align:middle}.image-button.icon-right{padding-left:1rem;padding-right:2.75rem}.image-button.icon-right .icon{right:0;left:auto}.image-button.small-button{padding-left:2rem;padding-right:1rem}.image-button.small-button .icon{width:1.625rem;font-size:.875rem;height:100%;padding:.4rem}.image-button.small-button.icon-right{padding-left:.625rem;padding-right:2rem}.shortcut-button{padding:0 1rem;vertical-align:middle;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;outline:0;margin:.15625rem 0;position:relative;width:5.75rem;height:5.75rem;text-align:center;font-size:.75rem}.shortcut-button.default{background-color:#008287;color:#fff}.shortcut-button:hover{border-color:#787878}.shortcut-button:active{background:#eee;color:#262626;box-shadow:none}.shortcut-button:focus{outline:0}.shortcut-button.disabled,.shortcut-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.shortcut-button *,.shortcut-button :hover{color:inherit}.shortcut-button.rounded{border-radius:.325rem}.shortcut-button>[class*=mif-]{vertical-align:middle}.shortcut-button img{height:.875rem;vertical-align:middle;margin:0}.shortcut-button.loading-pulse{position:relative;padding:0 1.325rem}.shortcut-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.shortcut-button.loading-pulse.lighten:before{background-color:#fff}.shortcut-button.loading-cube{position:relative;padding:0 1.325rem}.shortcut-button.loading-cube:after,.shortcut-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.shortcut-button.dropdown-toggle.drop-marker-light:after,.shortcut-button.dropdown-toggle.drop-marker-light:before,.shortcut-button.loading-cube.lighten:after,.shortcut-button.loading-cube.lighten:before{background-color:#fff}.shortcut-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.shortcut-button.dropdown-toggle{padding-right:1.625rem}.shortcut-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.shortcut-button.primary:active{background:#1b6eae;color:#fff}.shortcut-button.success{background:#60a917;color:#fff;border-color:#60a917}.shortcut-button.success:active{background:#128023;color:#fff}.shortcut-button.alert,.shortcut-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.shortcut-button.alert:active,.shortcut-button.danger:active{background:#9a1616;color:#fff}.shortcut-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.shortcut-button.info:active{background:#1ba1e2;color:#fff}.shortcut-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.shortcut-button.warning:active{background:#bf5a15;color:#fff}.shortcut-button.link{background:0 0;color:#2086bf;border-color:transparent}.shortcut-button.link:active,.shortcut-button.link:hover{background:0 0;color:#114968;border-color:transparent}.shortcut-button .icon,.shortcut-button .title{display:block;color:inherit}.shortcut-button .icon{font-size:1.7rem;height:1.7rem;width:1.7rem;margin:.875rem auto}.shortcut-button .badge{color:inherit;position:absolute;top:0;right:0;font-size:.7rem;line-height:1rem;padding:0 .225rem}a.shortcut-button{padding-top:10px}.button.dropdown-toggle{padding-right:1.625rem}.button.dropdown-toggle.drop-marker-light:after,.button.dropdown-toggle.drop-marker-light:before{background-color:#fff}.nav-button{width:2rem;height:2rem;background:center center no-repeat;text-indent:-9999px;border:0;display:inline-block;cursor:pointer;z-index:2;position:relative}.nav-button span,.nav-button span:after,.nav-button span:before{-webkit-transform:rotate(0);width:1.2rem;height:2px;background:#1d1d1d}.nav-button span{position:absolute;top:1.2rem;left:.5rem;margin:0;transform:rotate(0);transition:all .3s linear}.nav-button span:after,.nav-button span:before{content:'';position:absolute;top:-.5rem;right:0;transform:rotate(0);transition:all .3s linear}.nav-button span:after{top:.5rem}.nav-button.transform span{-webkit-transform:rotate(180deg);transform:rotate(180deg);background:#1d1d1d}.nav-button.transform span:after,.nav-button.transform span:before{content:'';top:-5px;right:0;width:.75rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-button.transform span:after{top:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-button.light span,.nav-button.light span:after,.nav-button.light span:before{background-color:#fff}.group-of-buttons .button.active,.group-of-buttons .toolbar-button.active{background-color:#0cf;color:#fff}.group-of-buttons .button:active,.group-of-buttons .toolbar-button:active{background-color:#1ba1e2;color:#fff}.dropdown-button,.split-button{display:inline-block;position:relative;vertical-align:middle}.dropdown-button:after,.dropdown-button:before,.split-button:after,.split-button:before{display:table;content:""}.dropdown-button .button,.dropdown-button .split,.split-button .button,.split-button .split{display:block;float:left}.dropdown-button .split,.split-button .split{padding:0 1rem 0 .625rem;height:2.125rem;text-align:center;vertical-align:middle;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;outline:0;font-size:.875rem;position:relative;margin:.15625rem 0}.dropdown-button .split:hover,.split-button .split:hover{background-color:#eee;border-color:#787878}.dropdown-button .split.dropdown-toggle:before,.split-button .split.dropdown-toggle:before{transition:all .3s ease}.dropdown-button .split.dropdown-toggle.active-toggle:before,.split-button .split.dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.dropdown-button .split-content,.split-button .split-content{position:absolute;top:100%}.split.primary{background:#2086bf;color:#fff;border-color:#2086bf}.split.primary:active{background:#1b6eae}.split.primary:hover{background:#59cde2;border-color:#59cde2}.split.primary.dropdown-toggle:before{border-color:#fff}.split.success{background:#60a917;color:#fff;border-color:#60a917}.split.success:active{background:#128023}.split.success:hover{background:#7ad61d;border-color:#7ad61d}.split.success.dropdown-toggle:before{border-color:#fff}.split.danger{background:#ce352c;color:#fff;border-color:#ce352c}.split.danger:active{background:#9a1616}.split.danger:hover{background:#da5a53;border-color:#da5a53}.split.danger.dropdown-toggle:before{border-color:#fff}.split.info{background:#59cde2;color:#fff;border-color:#59cde2}.split.info:active{background:#1ba1e2}.split.info:hover{background:#4390df;border-color:#4390df}.split.info.dropdown-toggle:before{border-color:#fff}.split.warning{background:#fa6800;color:#fff;border-color:#fa6800}.split.warning:active{background:#bf5a15}.split.warning:hover{background:#ffc194;border-color:#ffc194}.split.warning.dropdown-toggle:before{border-color:#fff}.big-button,.large-button,.mini-button,.small-button{line-height:100%}.mini-button{font-size:.6rem;padding:.2rem .625rem;height:1.4rem}.small-button{font-size:.7rem;padding:0 .625rem;height:1.7rem}.large-button{height:2.55rem;font-size:1.05rem}.big-button{height:3.125rem;font-size:1.2rem}.cycle-button.mini-button,.round-button.mini-button,.square-button.mini-button{width:1.4rem;height:1.4rem;font-size:.6rem;line-height:1;padding:0;min-width:0}.cycle-button.small-button,.round-button.small-button,.square-button.small-button{width:1.7rem;height:1.7rem;font-size:.7rem;line-height:1.68rem;padding:0;min-width:0}.cycle-button.large-button,.round-button.large-button,.square-button.large-button{font-size:1.05rem;line-height:1;width:2.55rem;height:2.55rem}.cycle-button.big-button,.round-button.big-button,.square-button.big-button{font-size:1.2rem;line-height:1;width:3.125rem;height:3.125rem}.button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.button.primary:active{background:#1b6eae;color:#fff}.button.success{background:#60a917;color:#fff;border-color:#60a917}.button.success:active{background:#128023;color:#fff}.button.alert,.button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.button.alert:active,.button.danger:active{background:#9a1616;color:#fff}.button.info{background:#59cde2;color:#fff;border-color:#59cde2}.button.info:active{background:#1ba1e2;color:#fff}.button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.button.warning:active{background:#bf5a15;color:#fff}.button.link{background:0 0;color:#2086bf;border-color:transparent}.button.link:active,.button.link:hover{background:0 0;color:#114968;border-color:transparent}a.button,a.cycle-button,a.round-button,a.square-button,div.button,div.cycle-button,div.round-button,div.square-button,span.button,span.cycle-button,span.round-button,span.square-button{padding-top:.53125rem}a.button.big-button,a.cycle-button.big-button,a.round-button.big-button,a.square-button.big-button,div.button.big-button,div.cycle-button.big-button,div.round-button.big-button,div.square-button.big-button,span.button.big-button,span.cycle-button.big-button,span.round-button.big-button,span.square-button.big-button{padding-top:.78125rem}.dropdown-button button.dropdown-toggle:before{transition:all .3s ease}.dropdown-button button.dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.shortcut-button[data-hotkey]::after{position:absolute;content:attr(data-hotkey);font-size:.625rem;bottom:0;right:0;color:#999}.toolbar,.toolbar-section{position:relative}.shortcut-button[data-hotkey].no-hotkey-display::after{display:none}.toolbar:after,.toolbar:before{display:table;content:""}.toolbar-section{padding-left:.5725rem;margin:.125rem;float:left;width:auto}.toolbar-section.no-divider:before{display:none}.toolbar-section:before{position:absolute;content:"";width:.325rem;height:100%;left:0;background-color:#eee;cursor:move}.toolbar .toolbar-button{height:2.125rem;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;display:inline-block;outline:0;font-size:.875rem;line-height:100%;position:relative;width:2.125rem;min-width:2.125rem;padding:0;text-align:center;text-decoration:none;vertical-align:middle;border-radius:0;margin:0}.toolbar .toolbar-button.default{background-color:#008287;color:#fff}.toolbar .toolbar-button:hover{border-color:#787878}.toolbar .toolbar-button:active{background:#eee;color:#262626;box-shadow:none}.toolbar .toolbar-button:focus{outline:0}.toolbar .toolbar-button.disabled,.toolbar .toolbar-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.toolbar .toolbar-button *,.toolbar .toolbar-button :hover{color:inherit}.toolbar .toolbar-button.rounded{border-radius:.325rem}.toolbar .toolbar-button>[class*=mif-]{vertical-align:middle}.toolbar .toolbar-button img{height:.875rem;vertical-align:middle;margin:0}.toolbar .toolbar-button.loading-pulse{position:relative;padding:0 1.325rem}.toolbar .toolbar-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.toolbar .toolbar-button.loading-pulse.lighten:before{background-color:#fff}.toolbar .toolbar-button.loading-cube{position:relative;padding:0 1.325rem}.toolbar .toolbar-button.loading-cube:after,.toolbar .toolbar-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after,.toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,.toolbar .toolbar-button.loading-cube.lighten:after,.toolbar .toolbar-button.loading-cube.lighten:before{background-color:#fff}.toolbar .toolbar-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.toolbar .toolbar-button.dropdown-toggle{padding-right:1.625rem}.toolbar .toolbar-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.toolbar .toolbar-button.primary:active{background:#1b6eae;color:#fff}.toolbar .toolbar-button.success{background:#60a917;color:#fff;border-color:#60a917}.toolbar .toolbar-button.success:active{background:#128023;color:#fff}.toolbar .toolbar-button.alert,.toolbar .toolbar-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.toolbar .toolbar-button.alert:active,.toolbar .toolbar-button.danger:active{background:#9a1616;color:#fff}.toolbar .toolbar-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.toolbar .toolbar-button.info:active{background:#1ba1e2;color:#fff}.toolbar .toolbar-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.toolbar .toolbar-button.warning:active{background:#bf5a15;color:#fff}.toolbar .toolbar-button.link{background:0 0;color:#2086bf;border-color:transparent;text-decoration:underline}.toolbar .toolbar-button.link:active,.toolbar .toolbar-button.link:hover{background:0 0;color:#114968;border-color:transparent}.toolbar .toolbar-button.mini-button{width:1.4rem;height:1.4rem;font-size:.6rem;line-height:1;padding:0;min-width:0}.toolbar .toolbar-button.small-button{width:1.7rem;height:1.7rem;font-size:.7rem;line-height:1.68rem;padding:0;min-width:0}.toolbar .toolbar-button.large-button{font-size:1.05rem;line-height:1;width:2.55rem;height:2.55rem}.toolbar .toolbar-button.big-button{font-size:1.2rem;line-height:1;width:3.125rem;height:3.125rem}.toolbar-group,.toolbar-section{display:inline-block}.toolbar-group.condensed:after,.toolbar-group.condensed:before,.toolbar-section.condensed:after,.toolbar-section.condensed:before{display:table;content:""}.toolbar-group.condensed .button,.toolbar-group.condensed .toolbar-button,.toolbar-section.condensed .button,.toolbar-section.condensed .toolbar-button{display:block;float:left}.toolbar-group-check .toolbar-button.checked,.toolbar-group-radio .toolbar-button.checked{background-color:#59cde2;color:#fff;border-color:#59cde2}.toolbar.rounded .toolbar-section:before,.toolbar.rounded>.toolbar-button,.toolbar.rounded>.toolbar-section .toolbar-button{border-radius:.3125rem}.v-toolbar{position:relative;float:left}.v-toolbar:after,.v-toolbar:before{display:table;content:""}.v-toolbar .toolbar-button{height:2.125rem;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;outline:0;font-size:.875rem;line-height:100%;position:relative;width:2.125rem;min-width:2.125rem;padding:0;text-align:center;text-decoration:none;vertical-align:middle;border-radius:0;margin:0}.v-toolbar .toolbar-button.default{background-color:#008287;color:#fff}.v-toolbar .toolbar-button:hover{border-color:#787878}.v-toolbar .toolbar-button:active{background:#eee;color:#262626;box-shadow:none}.v-toolbar .toolbar-button:focus{outline:0}.v-toolbar .toolbar-button.disabled,.v-toolbar .toolbar-button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.v-toolbar .toolbar-button *,.v-toolbar .toolbar-button :hover{color:inherit}.v-toolbar .toolbar-button.rounded{border-radius:.325rem}.v-toolbar .toolbar-button>[class*=mif-]{vertical-align:middle}.v-toolbar .toolbar-button img{height:.875rem;vertical-align:middle;margin:0}.v-toolbar .toolbar-button.loading-pulse{position:relative;padding:0 1.325rem}.v-toolbar .toolbar-button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.pagination.rounded>.item,.v-toolbar.rounded .toolbar-section:before,.v-toolbar.rounded>.toolbar-button,.v-toolbar.rounded>.toolbar-section .toolbar-button{border-radius:.3125rem}.v-toolbar .toolbar-button.loading-pulse.lighten:before{background-color:#fff}.v-toolbar .toolbar-button.loading-cube{position:relative;padding:0 1.325rem}.v-toolbar .toolbar-button.loading-cube:after,.v-toolbar .toolbar-button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:after,.v-toolbar .toolbar-button.dropdown-toggle.drop-marker-light:before,.v-toolbar .toolbar-button.loading-cube.lighten:after,.v-toolbar .toolbar-button.loading-cube.lighten:before{background-color:#fff}.v-toolbar .toolbar-button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.v-toolbar .toolbar-button.dropdown-toggle{padding-right:1.625rem}.v-toolbar .toolbar-button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.v-toolbar .toolbar-button.primary:active{background:#1b6eae;color:#fff}.v-toolbar .toolbar-button.success{background:#60a917;color:#fff;border-color:#60a917}.v-toolbar .toolbar-button.success:active{background:#128023;color:#fff}.v-toolbar .toolbar-button.alert,.v-toolbar .toolbar-button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.v-toolbar .toolbar-button.alert:active,.v-toolbar .toolbar-button.danger:active{background:#9a1616;color:#fff}.v-toolbar .toolbar-button.info{background:#59cde2;color:#fff;border-color:#59cde2}.v-toolbar .toolbar-button.info:active{background:#1ba1e2;color:#fff}.v-toolbar .toolbar-button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.v-toolbar .toolbar-button.warning:active{background:#bf5a15;color:#fff}.v-toolbar .toolbar-button.link{background:0 0;color:#2086bf;border-color:transparent;text-decoration:underline}.v-toolbar .toolbar-button.link:active,.v-toolbar .toolbar-button.link:hover{background:0 0;color:#114968;border-color:transparent}.v-toolbar .toolbar-button.mini-button{width:1.4rem;height:1.4rem;font-size:.6rem;line-height:1;padding:0;min-width:0}.v-toolbar .toolbar-button.small-button{width:1.7rem;height:1.7rem;font-size:.7rem;line-height:1.68rem;padding:0;min-width:0}.v-toolbar .toolbar-button.large-button{font-size:1.05rem;line-height:1;width:2.55rem;height:2.55rem}.v-toolbar .toolbar-button.big-button{font-size:1.2rem;line-height:1;width:3.125rem;height:3.125rem}.v-toolbar .toolbar-section{padding-left:0;padding-top:.5725rem}.v-toolbar .toolbar-section:before{width:100%;top:0;height:.325rem}.v-toolbar .toolbar-button{display:block;margin-bottom:.25rem}.v-toolbar.no-divider .toolbar-section:before{display:none}.pagination{display:block;margin:.625rem 0}.pagination:after,.pagination:before{display:table;content:""}.pagination>.item{display:block;float:left;margin-left:.0652rem;padding:.25rem .625rem;background-color:#fff;cursor:pointer;border:1px solid #eee;text-align:center;font-size:.875rem;color:#1d1d1d}.pagination>.item:first-child{margin-left:0}.pagination>.item.active,.pagination>.item.current{background-color:#1ba1e2;border-color:#59cde2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.pagination>.item:hover{background-color:#75c7ee;border-color:#75c7ee;color:#fff}.pagination>.item.disabled,.pagination>.item:disabled{cursor:default;background-color:#eee;border-color:#eee;color:#999}.pagination>.item.spaces{border:0;cursor:default;color:#1d1d1d}.pagination>.item.spaces:hover{background-color:inherit;color:#1d1d1d}.pagination.cycle>.item{width:28px;height:28px;border-radius:50%;font-size:.7rem;padding:.4375rem 0}.pagination.no-border>.item{border:0}.pagination.no-border>.item:hover{color:#59cde2;background-color:transparent}.pagination.no-border>.item.disabled,.pagination.no-border>.item:disabled{cursor:default;background-color:transparent;border-color:transparent;color:#999}.pagination.no-border>.item.active:hover,.pagination.no-border>.item.current:hover{background-color:#75c7ee;border-color:#75c7ee;color:#fff}.breadcrumbs{margin:0;background-color:#fff;color:#999;padding:1rem}.breadcrumbs>li{display:inline-block;color:inherit;margin:0 1rem 0 0;position:relative;vertical-align:middle}.breadcrumbs>li:after,.breadcrumbs>li:before{display:block;position:absolute;vertical-align:middle;color:transparent;font-size:0;content:"";height:1px;width:.375rem;background-color:#1d1d1d;top:50%;left:100%;margin-left:.5rem}.breadcrumbs>li:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-.125rem}.breadcrumbs>li:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:.125rem}.breadcrumbs>li>a{color:inherit;display:inline-block;line-height:1}.breadcrumbs>li:last-child{color:#1d1d1d;font-weight:bolder}.breadcrumbs>li:last-child a{cursor:default}.breadcrumbs>li:last-child:after,.breadcrumbs>li:last-child:before{background-color:transparent}.breadcrumbs>li:hover{color:#1d1d1d}.breadcrumbs .icon,.breadcrumbs img{display:inline-block;line-height:.8;height:1rem;width:1rem;font-size:1rem;vertical-align:-15%}.breadcrumbs.dark{background-color:#393832}.breadcrumbs.dark>li:hover,.breadcrumbs.dark>li:last-child{color:#fff}.breadcrumbs.dark>li:after,.breadcrumbs.dark>li:before{background-color:#fff}.breadcrumbs2{margin:.625rem 0;padding:0;list-style:none;overflow:hidden;width:100%}.breadcrumbs2 li{float:left;margin:0 .2em 0 1em}.breadcrumbs2 a{background:#d9d9d9;padding:.3em 1em;float:left;text-decoration:none;color:#2086bf;position:relative}.breadcrumbs2 a:hover{background:#1ba1e2;color:#fff}.breadcrumbs2 .active,.breadcrumbs2 .active:hover,.breadcrumbs2>li:last-child{background:0 0}.breadcrumbs2 a:hover:before{border-color:#1ba1e2 #1ba1e2 #1ba1e2 transparent}.breadcrumbs2 a:hover:after{border-left-color:#1ba1e2}.breadcrumbs2 a:before{content:"";position:absolute;top:50%;margin-top:-1.5em;border-width:1.5em 0 1.5em 1em;border-style:solid;border-color:#d9d9d9 #d9d9d9 #d9d9d9 transparent;left:-1em;margin-left:1px}.input-control input:focus,.input-control input:hover,.input-control select:focus,.input-control select:hover,.input-control textarea:focus,.input-control textarea:hover,.input-control.file:hover button,.input-control.file:hover input[type=text]{border-color:#787878}.breadcrumbs2 a:after{content:"";position:absolute;top:50%;margin-top:-1.5em;border-top:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left:1em solid #d9d9d9;right:-1em;margin-right:1px}.breadcrumbs2 .active:after,.breadcrumbs2 .active:before,.breadcrumbs2>li:first-child a:before,.breadcrumbs2>li:last-child:after,.breadcrumbs2>li:last-child:before{content:normal}.breadcrumbs2>li:first-child{margin-left:0}.breadcrumbs2>li:last-child a{color:#1d1d1d}.breadcrumbs2>li:last-child:hover a{color:#fff}.input-control input:disabled,.input-control select:disabled,.input-control textarea:disabled,.input-control.file input[type=file]:disabled~.button,.input-control.file input[type=file]:disabled~input[type=text]{background-color:#EBEBE4}.breadcrumbs2 .active a,.breadcrumbs2 .active:hover a{color:#1d1d1d}.breadcrumbs2 .active:hover a{color:#fff}.breadcrumbs2.small a{padding:.2em 1em;font-size:11.9px}.breadcrumbs2.mini a{padding:.1em 1em;font-size:10.5px}.breadcrumbs2>li>a>[class*=mif]{vertical-align:-10%}.input-control{display:inline-block;min-height:2.125rem;height:2.125rem;position:relative;vertical-align:middle;margin:.325rem 0;line-height:1}.input-control[data-role=select]{height:auto}.input-control.email,.input-control.file,.input-control.number,.input-control.password,.input-control.select,.input-control.tel,.input-control.text{width:10.875rem}.input-control.email .button,.input-control.file .button,.input-control.number .button,.input-control.password .button,.input-control.select .button,.input-control.tel .button,.input-control.text .button{position:absolute;top:0;right:0;z-index:2;margin:0}.input-control.email>.label,.input-control.email>label,.input-control.file>.label,.input-control.file>label,.input-control.number>.label,.input-control.number>label,.input-control.password>.label,.input-control.password>label,.input-control.select>.label,.input-control.select>label,.input-control.tel>.label,.input-control.tel>label,.input-control.text>.label,.input-control.text>label{position:absolute;left:0;top:-1rem;font-size:.875rem}.input-control.email>input:disabled+.button,.input-control.file>input:disabled+.button,.input-control.number>input:disabled+.button,.input-control.password>input:disabled+.button,.input-control.select>input:disabled+.button,.input-control.tel>input:disabled+.button,.input-control.text>input:disabled+.button{display:none}.input-control.email .prepend-icon,.input-control.file .prepend-icon,.input-control.number .prepend-icon,.input-control.password .prepend-icon,.input-control.select .prepend-icon,.input-control.tel .prepend-icon,.input-control.text .prepend-icon{width:24px;height:24px;font-size:24px;line-height:1;position:absolute;top:50%;margin-top:-12px;left:4px;z-index:2;color:#999}.input-control.email .prepend-icon~input,.input-control.file .prepend-icon~input,.input-control.number .prepend-icon~input,.input-control.password .prepend-icon~input,.input-control.select .prepend-icon~input,.input-control.tel .prepend-icon~input,.input-control.text .prepend-icon~input{padding-left:30px}.input-control input,.input-control select,.input-control textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;border:1px solid #d9d9d9;width:100%;height:100%;padding:.3125rem;z-index:0}.input-control input:focus,.input-control select:focus,.input-control textarea:focus{outline:0}.input-control textarea{position:relative;min-height:6.25rem;font-family:"Segoe UI","Open Sans",sans-serif,serif}.input-control.textarea{height:auto}.input-control.select{position:relative}.input-control.select select{padding-right:20px}.input-control.rounded input,.input-control.rounded select,.input-control.rounded textarea{border-radius:.3125rem}.input-control.big-input{height:4.125rem}.input-control.big-input input{font-size:1.875rem;padding-left:1.25rem}.input-control.big-input .button{height:3.25rem;top:50%;margin-top:-1.625rem;right:.3125rem;font-size:1.125rem;font-weight:700;padding-left:1.875rem;padding-right:1.875rem}.input-control [class*=input-state-]{position:absolute;display:none;top:50%;right:8px;z-index:3;font-size:1rem;margin-top:-.5rem}.input-control.required input,.input-control.required select,.input-control.required textarea{border:1px dashed #1ba1e2}.input-control.required.neon input,.input-control.required.neon select,.input-control.required.neon textarea{box-shadow:0 0 25px 0 rgba(89,205,226,.7)}.input-control.required .input-state-required{display:block;color:#1ba1e2}.input-control.error input,.input-control.error select,.input-control.error textarea{border:1px solid #ce352c}.input-control.error.neon input,.input-control.error.neon select,.input-control.error.neon textarea{box-shadow:0 0 25px 0 rgba(128,0,0,.7)}.input-control.error .input-state-error{display:block;color:#ce352c}.input-control.warning input,.input-control.warning select,.input-control.warning textarea{border:1px solid #e3c800}.input-control.warning.neon input,.input-control.warning.neon select,.input-control.warning.neon textarea{box-shadow:0 0 25px 0 rgba(255,165,0,.7)}.input-control.warning .input-state-warning{display:block;color:#e3c800}.input-control.success input,.input-control.success select,.input-control.success textarea{border:1px solid #60a917}.input-control.success.neon input,.input-control.success.neon select,.input-control.success.neon textarea{box-shadow:0 0 25px 0 rgba(0,128,0,.7)}.input-control.success .input-state-success{display:block;color:#60a917}.input-control.info input,.input-control.info select,.input-control.info textarea{border:1px solid #1ba1e2}.input-control.info.neon input,.input-control.info.neon select,.input-control.info.neon textarea{box-shadow:0 0 25px 0 rgba(89,205,226,.7)}.input-control.info .input-state-success{display:block;color:#1ba1e2}input.error,select.error,textarea.error{border:1px solid #ce352c}input.warning,select.warning,textarea.warning{border:1px solid #e3c800}input.info,select.info,textarea.info{border:1px solid #1ba1e2}input.success,select.success,textarea.success{border:1px solid #60a917}input.required,select.required,textarea.required{border:1px dashed #1ba1e2}.input-control.file input[type=file]{position:absolute;opacity:0;width:.0625rem;height:.0625rem}.input-control .button-group{position:absolute;right:0;top:0;margin:0;padding:0;z-index:2}.input-control .button-group:after,.input-control .button-group:before{display:table;content:""}.input-control .button-group .button{position:relative;float:left;margin:0}.input-control>.button-group>.helper-button,.input-control>.helper-button{visibility:hidden;margin:0;border:0;height:1.875rem;padding:0 .6rem;z-index:100;font-size:.75rem}.input-control>.button.helper-button{margin:2px 2px 0}.input-control>.button-group>.button.helper-button{margin:2px 0}.input-control>.button-group>.button.helper-button:last-child{margin-right:2px}.input-control input:focus~.button-group>.helper-button,.input-control input:focus~.helper-button,.input-control input~.button-group>.helper-button:active,.input-control input~.helper-button:active{visibility:visible}.input-control input:disabled~.button-group>.helper-button,.input-control input:disabled~.helper-button{display:none}.input-control.modern{position:relative;width:12.25rem;height:3rem;display:inline-block;margin:.625rem 0}.input-control.modern input{position:absolute;top:1rem;left:0;right:0;bottom:.5rem;border:0;border-bottom:2px #DDD solid;background-color:transparent;outline:0;font-size:1rem;padding-bottom:.5rem;padding-left:0;width:100%;z-index:2;height:1.75rem}.input-control.modern input:focus{border-bottom-color:#1d1d1d}.input-control.modern .informer,.input-control.modern .label{position:absolute;display:block;z-index:1;color:#1d1d1d}.input-control.modern .label{opacity:0;top:16px;left:0;transition:all .3s linear}.input-control.modern .informer{opacity:0;bottom:.75rem;color:#C8C8C8;font-size:.8rem;transition:all .3s linear}.input-control.modern .placeholder{font-size:1rem;color:#C8C8C8;position:absolute;top:1.2rem;left:0;z-index:1;opacity:1;transition:all .3s linear}.input-control.modern .helper-button{top:8px}.input-control.modern.iconic{margin-left:32px}.input-control.modern.iconic .icon{width:24px;height:24px;font-size:24px;line-height:1;position:absolute;left:-28px;top:50%;margin-top:-8px;display:block;opacity:.2;transition:all .3s linear}.input-control.modern.iconic .icon img{width:100%;max-width:100%;height:100%;max-height:100%}.input-control.modern.iconic.full-size{width:calc(100% - 32px)!important}.input-control.modern input:focus~.label{opacity:1;-webkit-transform:translateY(-18px);transform:translateY(-18px);transition:all .3s linear}.input-control.modern input:focus~.placeholder{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px);transition:all .3s linear}.input-control.modern input:focus~.informer{opacity:1;color:#1d1d1d;bottom:-.75rem;transition:all .3s linear}.input-control.modern input:focus~.icon{opacity:1;transition:all .3s linear}.input-control.modern.error input{border-bottom-color:#ce352c}.input-control.modern.error .informer,.input-control.modern.error .label{color:#ce352c}.input-control.modern.success input{border-bottom-color:#60a917}.input-control.modern.success .informer,.input-control.modern.success .label{color:#60a917}.input-control.modern.warning input{border-bottom-color:#e3c800}.input-control.modern.warning .informer,.input-control.modern.warning .label{color:#e3c800}.input-control.modern.info input{border-bottom-color:#1ba1e2}.input-control.modern.info .informer,.input-control.modern.info .label{color:#1ba1e2}.input-control.modern input:disabled{border-bottom-style:dotted;color:#BCBCBC}.input-control.checkbox,.input-control.radio{line-height:1.875rem;min-width:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-control.checkbox input[type=radio],.input-control.checkbox input[type=checkbox],.input-control.radio input[type=radio],.input-control.radio input[type=checkbox]{position:absolute;opacity:0;width:.0625rem;height:.0625rem}.input-control.checkbox .caption,.input-control.radio .caption{margin:0 .125rem;vertical-align:middle}.input-control.checkbox .check,.input-control.radio .check{width:1.625rem;height:1.625rem;background-color:#fff;border:1px solid #999;padding:0;position:relative;display:inline-block;vertical-align:middle}.input-control.checkbox.text-left .check,.input-control.radio.text-left .check{margin:0 0 0 .3125rem}.input-control.checkbox .check:focus,.input-control.radio .check:focus{border-color:#bcd9e2}.input-control.checkbox .check:before,.input-control.radio .check:before{position:absolute;vertical-align:middle;color:transparent;font-size:0;content:"";height:.3125rem;width:.565rem;background-color:transparent;border-left:.1875rem solid;border-bottom:.1875rem solid;border-color:transparent;left:50%;top:50%;margin-left:-.325rem;margin-top:-.365rem;display:block;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .2s linear}.input-control.checkbox input[type=radio]~.check:before,.input-control.radio input[type=radio]~.check:before{border-color:transparent}.input-control.checkbox input[type=radio]:checked~.check:before,.input-control.checkbox input[type=checkbox]:checked~.check:before,.input-control.radio input[type=radio]:checked~.check:before,.input-control.radio input[type=checkbox]:checked~.check:before{border-color:#555;transition:all .2s linear}.input-control.checkbox input[type=radio]:disabled~.caption,.input-control.checkbox input[type=checkbox]:disabled~.caption,.input-control.radio input[type=radio]:disabled~.caption,.input-control.radio input[type=checkbox]:disabled~.caption{color:#cacaca;cursor:default}.input-control.checkbox input[type=radio]:disabled~.check,.input-control.checkbox input[type=checkbox]:disabled~.check,.input-control.radio input[type=radio]:disabled~.check,.input-control.radio input[type=checkbox]:disabled~.check{border-color:#cacaca;cursor:default}.input-control.checkbox input[type=checkbox]:disabled:checked~.check:before,.input-control.radio input[type=checkbox]:disabled:checked~.check:before{border-color:#cacaca}.input-control.radio input[type=radio]:checked~.check:before,.input-control.radio input[type=radio]:disabled~.check:before{border-color:transparent}.input-control.checkbox input[type=radio]:disabled:checked~.check:before,.input-control.radio input[type=radio]:disabled:checked~.check:before{background-color:#cacaca}.input-control.checkbox input.indeterminate:checked~.check:before,.input-control.checkbox input[data-show=indeterminate]:checked~.check:before,.input-control.checkbox input[data-show=indeterminate]~.check:before,.input-control.checkbox input[type=checkbox]:indeterminate~.check:before,.input-control.radio input.indeterminate:checked~.check:before,.input-control.radio input[data-show=indeterminate]:checked~.check:before,.input-control.radio input[data-show=indeterminate]~.check:before,.input-control.radio input[type=checkbox]:indeterminate~.check:before{display:none}.input-control.checkbox input.indeterminate:checked~.check:after,.input-control.checkbox input[data-show=indeterminate]:checked~.check:after,.input-control.checkbox input[data-show=indeterminate]~.check:after,.input-control.checkbox input[type=checkbox]:indeterminate~.check:after,.input-control.radio input.indeterminate:checked~.check:after,.input-control.radio input[data-show=indeterminate]:checked~.check:after,.input-control.radio input[data-show=indeterminate]~.check:after,.input-control.radio input[type=checkbox]:indeterminate~.check:after{position:absolute;display:block;content:"";background-color:#1d1d1d;height:.875rem;width:.875rem;left:50%;top:50%;margin-left:-.4375rem;margin-top:-.4375rem}.input-control.checkbox input[data-show=indeterminate]:not(:checked)~.check:after,.input-control.radio input[data-show=indeterminate]:not(:checked)~.check:after{background-color:transparent}.input-control.checkbox input[data-show=indeterminate]:disabled~.check:after,.input-control.radio input[data-show=indeterminate]:disabled~.check:after{background-color:#cacaca}.input-control.radio .check{border:1px solid #999;border-radius:50%}.input-control.radio .check:before{position:absolute;display:block;content:"";background-color:#1d1d1d;height:.5624rem;width:.5624rem;left:50%;top:50%;margin-left:-.375rem;margin-top:-.375rem;-webkit-transform:rotate(0);transform:rotate(0);border-radius:50%}.input-control.radio input[type=radio]:not(:checked)~.check:before{background-color:transparent}.input-control.small-check .check{width:1rem;height:1rem}.input-control.small-check .check:before{width:6px;height:3px;margin-left:-4px;margin-top:-4px;border-width:2px}.input-control.small-check.radio .check:before{height:.375rem;width:.375rem;left:50%;top:50%;margin-left:-.25rem;margin-top:-.25rem}.input-control.small-check input.indeterminate:checked~.check:after,.input-control.small-check input[data-show=indeterminate]:checked~.check:after,.input-control.small-check input[data-show=indeterminate]~.check:after,.input-control.small-check input[type=checkbox]:indeterminate~.check:after{height:.375rem;width:.375rem;left:50%;top:50%;margin-left:-.1875rem;margin-top:-.1875rem}input[type=button],input[type=reset],input[type=submit]{padding:0 1rem;height:2.125rem;text-align:center;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;display:inline-block;outline:0;font-size:.875rem;line-height:100%;margin:.15625rem 0;position:relative;vertical-align:middle}input[type=button].default,input[type=reset].default,input[type=submit].default{background-color:#008287;color:#fff}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#787878}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background:#eee;color:#262626;box-shadow:none}input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{outline:0}input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}input[type=button] *,input[type=button] :hover,input[type=reset] *,input[type=reset] :hover,input[type=submit] *,input[type=submit] :hover{color:inherit}input[type=button].rounded,input[type=reset].rounded,input[type=submit].rounded{border-radius:.325rem}input[type=button]>[class*=mif-],input[type=reset]>[class*=mif-],input[type=submit]>[class*=mif-]{vertical-align:middle}input[type=button] img,input[type=reset] img,input[type=submit] img{height:.875rem;vertical-align:middle;margin:0}input[type=button].loading-pulse,input[type=reset].loading-pulse,input[type=submit].loading-pulse{position:relative;padding:0 1.325rem}input[type=button].loading-pulse:before,input[type=reset].loading-pulse:before,input[type=submit].loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}input[type=button].loading-pulse.lighten:before,input[type=reset].loading-pulse.lighten:before,input[type=submit].loading-pulse.lighten:before{background-color:#fff}input[type=button].loading-cube,input[type=reset].loading-cube,input[type=submit].loading-cube{position:relative;padding:0 1.325rem}input[type=button].loading-cube:after,input[type=button].loading-cube:before,input[type=reset].loading-cube:after,input[type=reset].loading-cube:before,input[type=submit].loading-cube:after,input[type=submit].loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}input[type=button].dropdown-toggle.drop-marker-light:after,input[type=button].dropdown-toggle.drop-marker-light:before,input[type=button].loading-cube.lighten:after,input[type=button].loading-cube.lighten:before,input[type=reset].dropdown-toggle.drop-marker-light:after,input[type=reset].dropdown-toggle.drop-marker-light:before,input[type=reset].loading-cube.lighten:after,input[type=reset].loading-cube.lighten:before,input[type=submit].dropdown-toggle.drop-marker-light:after,input[type=submit].dropdown-toggle.drop-marker-light:before,input[type=submit].loading-cube.lighten:after,input[type=submit].loading-cube.lighten:before{background-color:#fff}input[type=button].loading-cube:after,input[type=reset].loading-cube:after,input[type=submit].loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}input[type=button].dropdown-toggle,input[type=reset].dropdown-toggle,input[type=submit].dropdown-toggle{padding-right:1.625rem}input[type=button].primary,input[type=reset].primary,input[type=submit].primary{background:#2086bf;color:#fff;border-color:#2086bf}input[type=button].primary:active,input[type=reset].primary:active,input[type=submit].primary:active{background:#1b6eae;color:#fff}input[type=button].success,input[type=reset].success,input[type=submit].success{background:#60a917;color:#fff;border-color:#60a917}input[type=button].success:active,input[type=reset].success:active,input[type=submit].success:active{background:#128023;color:#fff}input[type=button].alert,input[type=button].danger,input[type=reset].alert,input[type=reset].danger,input[type=submit].alert,input[type=submit].danger{background:#ce352c;color:#fff;border-color:#ce352c}input[type=button].alert:active,input[type=button].danger:active,input[type=reset].alert:active,input[type=reset].danger:active,input[type=submit].alert:active,input[type=submit].danger:active{background:#9a1616;color:#fff}input[type=button].info,input[type=reset].info,input[type=submit].info{background:#59cde2;color:#fff;border-color:#59cde2}input[type=button].info:active,input[type=reset].info:active,input[type=submit].info:active{background:#1ba1e2;color:#fff}input[type=button].warning,input[type=reset].warning,input[type=submit].warning{background:#fa6800;color:#fff;border-color:#fa6800}input[type=button].warning:active,input[type=reset].warning:active,input[type=submit].warning:active{background:#bf5a15;color:#fff}input[type=button].link,input[type=reset].link,input[type=submit].link{background:0 0;color:#2086bf;border-color:transparent;text-decoration:underline}input[type=button].link:active,input[type=button].link:hover,input[type=reset].link:active,input[type=reset].link:hover,input[type=submit].link:active,input[type=submit].link:hover{background:0 0;color:#114968;border-color:transparent}.switch,.switch-original{display:inline-block;margin:0 .625rem 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch input,.switch-original input{position:absolute;opacity:0;width:.0625rem;height:.0625rem}.switch .caption,.switch .check,.switch-original .caption,.switch-original .check{display:inline-block;vertical-align:middle;line-height:18px}.switch .check{width:36px;height:16px;background-color:#929292;border-radius:8px;overflow:visible;position:relative}.switch .check:before{position:absolute;display:block;content:"";width:22px;height:22px;z-index:2;margin-top:-4px;margin-left:-3px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.35)}.switch input:not(:checked)~.check:before{background-color:#fff;transition:all .2s linear}.switch input:checked~.check{background-color:#008287}.switch input:checked~.check:before{-webkit-transform:translateX(22px);transform:translateX(22px);transition:all .2s linear}.switch input:disabled~.check{background-color:#D5D5D5}.switch input:disabled~.check:before{background-color:#BDBDBD}.switch-original .caption{margin:0 5px}.switch-original .check{position:relative;height:1.125rem;width:2.8125rem;outline:#a6a6a6 solid 2px;border:1px solid #fff;cursor:pointer;background:#A6A6A6;z-index:1;display:inline-block;vertical-align:middle}.switch-original .check:after{position:absolute;left:-1px;top:-1px;display:block;content:"";height:1rem;width:.5625rem;outline:#333 solid 2px;border:1px solid #333;cursor:pointer;background:#333;z-index:2;transition:all .2s linear}.switch-original input[type=checkbox]:focus~.check{outline:#999 dotted 1px}.switch-original input[type=checkbox]:checked~.check{background:#008287}.switch-original input[type=checkbox]:checked~.check:after{left:auto;-webkit-transform:translateX(2rem);transform:translateX(2rem);transition:all .2s linear}.switch-original input[type=checkbox]:disabled~.check{background-color:#e6e6e6;border-color:#fff}.switch-original input[type=checkbox]:disabled~.check:after{background-color:#8a8a8a;outline-color:#8a8a8a;border-color:#8a8a8a}.input-control.range input[type=range]{border:0;box-sizing:border-box;line-height:1;background-color:transparent;cursor:pointer;-webkit-appearance:none;width:100%}.input-control.range input[type=range]:focus{outline:0}.input-control.range input[type=range]::-ms-track{width:100%;cursor:pointer}.input-control.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1em;height:1em;margin-top:0;background-color:#555;border:2px solid #555;cursor:pointer}.input-control.range input[type=range]::-moz-range-thumb{width:1em;height:1em;background-color:#555;border:2px solid #555;cursor:pointer;border-radius:0;margin:0}.input-control.range input[type=range]::-ms-thumb{width:1em;height:1em;margin-top:0;background-color:#555;border:2px solid #555;cursor:pointer}.input-control.range input[type=range]:hover::-webkit-slider-thumb{border-color:#373737;background-color:#1d1d1d}.input-control.range input[type=range]:hover::-moz-range-thumb{border-color:#373737;background-color:#1d1d1d}.input-control.range input[type=range]:hover::-ms-thumb{border-color:#373737;background-color:#1d1d1d}.input-control.range input[type=range]:active::-webkit-slider-thumb{border-color:#373737}.input-control.range input[type=range]:active::-moz-range-thumb{border-color:#373737}.input-control.range input[type=range]:active::-ms-thumb{border-color:#373737}.input-control.range input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;height:100%;background-color:#00aba9;transition:background .3s ease}.input-control.range input[type=range]::-moz-range-track{width:100%;cursor:pointer;background-color:#00aba9;transition:background .3s ease;height:1.25em}.input-control.range input[type=range]::-ms-track{background:#00aba9;border-color:transparent;color:transparent;height:1.25em}.input-control.range input[type=range]::-ms-fill-lower{background:#00aba9}.input-control.range input[type=range]::-ms-fill-upper{display:none}.input-control.range.big-input{height:2.125rem}.input-control.range.big-input input[type=range]{padding:0}.input-control.range.big-input input[type=range]::-moz-range-track{height:1.2em}.progress,.progress-bar{display:block;position:relative;width:100%;height:auto;margin:.625rem 0;background:#eee;overflow:hidden}.progress-bar:after,.progress-bar:before,.progress:after,.progress:before{display:table;content:""}.progress-bar:after,.progress:after{clear:both}.progress .bar,.progress-bar .bar{position:relative;display:block;float:left;width:0;background-color:#1ba1e2;z-index:1;text-align:center;height:.625rem;line-height:.625rem;color:#fff}.progress-bar.small>.bar,.progress.small>.bar{height:.3125rem}.progress-bar.large>.bar,.progress.large>.bar{height:1rem}.progress-bar.gradient-bar .bar,.progress.gradient-bar .bar{background:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.progress-bar.ani .bar,.progress.ani .bar{-webkit-animation:ani-bg-stripes 2s linear infinite;animation:ani-bg-stripes 2s linear infinite}.popover{display:block;min-width:12.5rem;height:auto;position:relative;background-color:#eee;padding:1.25rem}.popover *{color:inherit}.popover.popover-shadow{box-shadow:0 0 10px 0 rgba(0,0,0,.4)}.popover:before{content:"";width:.625rem;height:.625rem;display:block;position:absolute;background-color:inherit;left:-.3125rem;top:50%;margin-top:-.3125rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popover.marker-on-top:before{top:0;left:50%;margin-left:-.3125rem}.popover.marker-on-right:before{top:50%;margin-top:-.3125rem;left:100%;margin-left:-.3125rem}.popover.marker-on-bottom:before{top:100%;margin-left:-.3125rem;left:50%;margin-top:-.3125rem}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(255,255,255,.5);z-index:1049}.window,.window-caption{background-color:#fff;position:relative}.overlay.transparent{background-color:rgba(255,255,255,0)}.window{display:block;height:auto;width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.window-caption{padding:.4375rem .3125rem;border-bottom:1px #e9e9e9 solid;border-top:0;cursor:default}.window-caption .window-caption-title{font-size:.875rem;font-style:normal;font-weight:700}.window-caption .window-caption-icon{margin-left:.3125rem}.window-caption .window-caption-icon *{height:1rem;width:1rem}.window-caption .window-caption-icon~.window-caption-title{padding-left:.3125rem}.window-caption .btn-close,.window-caption .btn-max,.window-caption .btn-min{position:absolute;height:1.5rem;width:1.5rem;min-height:1.5rem;text-align:center;vertical-align:middle;font-size:1rem;font-weight:400;padding:0 0 .625rem;z-index:3;outline:0;cursor:pointer;display:block;background-color:#fff;color:#777;top:.25rem;right:.25rem}.window-caption .btn-close:hover,.window-caption .btn-max:hover,.window-caption .btn-min:hover{background-color:#cde6f7;color:#2a8dd4}.window-caption .btn-close:hover:after,.window-caption .btn-max:hover:after,.window-caption .btn-min:hover:after{border-color:#2a8dd4}.window-caption .btn-close:active,.window-caption .btn-max:active,.window-caption .btn-min:active{background-color:#92c0e0;color:#fff}.window-caption .btn-close:after,.window-caption .btn-max:after,.window-caption .btn-min:after{border-color:#777;content:'\D7';position:absolute;left:50%;top:-2px;margin-left:-.25em}.window-caption .btn-max:after,.window-caption .btn-min:after{display:block;position:absolute;width:.625rem;height:.625rem;border:0 solid #000;border-bottom-width:2px;content:' ';bottom:.375rem;left:50%;margin-left:-.375rem;top:auto}.window-caption .btn-max:after{height:.375rem;border:1px solid #000;border-top-width:2px}.window-caption .btn-max{right:1.8125rem}.window-caption .btn-min{right:3.375rem}.window-caption .btn-close:after{margin-top:.1875rem;margin-left:-.3125rem}.window-content{position:relative;width:100%;height:auto;display:block;padding:.25rem}.window.success{box-shadow:0 0 25px 0 rgba(0,128,0,.7)}.window.success .window-caption{background-color:#60a917;color:#fff}.window.error{box-shadow:0 0 25px 0 rgba(128,0,0,.7)}.window.error .window-caption{background-color:#ce352c;color:#fff}.window.warning{box-shadow:0 0 25px 0 rgba(255,165,0,.7)}.window.warning .window-caption{background-color:#fa6800;color:#fff}.numeric-list,.simple-list{list-style:none;counter-reset:li;padding-left:0;margin-left:.625rem;color:#262626}.numeric-list li ol,.numeric-list li ul,.simple-list li ol,.simple-list li ul{list-style:none;padding-left:1.5625rem}.numeric-list li,.simple-list li{position:relative;padding:4px 12px;list-style:none;color:inherit}.numeric-list li:before,.simple-list li:before{position:absolute;top:50%;margin-top:-.8rem;left:-.625rem;color:#59cde2;font-size:2rem;vertical-align:middle;width:1.25rem;height:1.25rem;line-height:1.25rem}.numeric-list ul,.simple-list ul{margin:4px .5em 0}.simple-list>li:before{content:"\2022"}.simple-list ul li:before{content:"\00B7"}.numeric-list>li{padding:4px 12px 4px 18px}.numeric-list>li:before{content:counter(li);counter-increment:li;font-size:.8rem;color:#fff;background-color:#59cde2;border-radius:50%;text-align:center;margin-top:-.65rem}.numeric-list.square-bullet>li:before,.numeric-list.square-marker>li:before{border-radius:0}.numeric-list.large-bullet li,.simple-list.large-bullet li{margin:6px 0;padding-left:2rem}.numeric-list.large-bullet li:before,.simple-list.large-bullet li:before{line-height:2rem;width:2rem;height:2rem;margin-top:-1rem}.simple-list.large-bullet li{padding-left:1rem}.simple-list.large-bullet li:before{margin-top:-1.3rem;font-size:3rem}.simple-list.dark-bullet li:before{color:#1d1d1d}.simple-list.alert-bullet li:before{color:#ce352c}.simple-list.info-bullet li:before{color:#1ba1e2}.simple-list.success-bullet li:before{color:#60a917}.simple-list.warning-bullet li:before{color:#e3c800}.simple-list.red-bullet li:before{color:#ce352c}.simple-list.blue-bullet li:before{color:#1ba1e2}.simple-list.green-bullet li:before{color:#60a917}.simple-list.yellow-bullet li:before{color:#e3c800}.numeric-list.dark-bullet li:before{background-color:#1d1d1d}.numeric-list.alert-bullet li:before{background-color:#ce352c}.numeric-list.info-bullet li:before{background-color:#1ba1e2}.numeric-list.success-bullet li:before{background-color:#60a917}.numeric-list.warning-bullet li:before{background-color:#e3c800}.numeric-list.red-bullet li:before{background-color:#ce352c}.numeric-list.blue-bullet li:before{background-color:#1ba1e2}.numeric-list.green-bullet li:before{background-color:#60a917}.numeric-list.yellow-bullet li:before{background-color:#e3c800}.step-list{margin:0 0 0 2rem;padding:0;list-style-type:none;counter-reset:li}.step-list>li{border-left:1px #ccc solid;position:relative;padding:0 .625rem;margin:.625rem;vertical-align:top}.image-container,.sidebar li a .icon,.sidebar2 li a,.wizard .actions button,.wizard .actions button img,.wizard .actions button>[class*=mif-]{vertical-align:middle}.dataTable.bordered tbody tr td:first-child,.dataTable.bordered thead tr:first-child td:first-child,.dataTable.bordered thead tr:first-child th:first-child,.hint.left:before,.hint.top:before,.hint2.left:before,.hint2.top:before{border-left:none}.step-list>li:before{position:absolute;content:counter(li);counter-increment:li;font-size:2rem;color:#999;left:0;top:.3125rem;margin-left:-1.5rem}.image-container{display:inline-block;position:relative;max-width:100%;background-color:transparent}.image-container .frame{background-color:#fff;position:relative;width:100%;height:100%}.image-container img{display:block;width:100%;height:100%}.image-container .image-overlay{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;overflow:hidden;font-size:.875rem;line-height:1rem;padding:1em 1.5em;background-color:rgba(27,161,226,.7);color:#fff;text-align:center;border-radius:inherit;transition:all .65s ease}.image-container .image-overlay:hover{opacity:1}.image-container .image-overlay:hover:after,.image-container .image-overlay:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.image-container .image-overlay:after,.image-container .image-overlay:before{display:block;position:absolute;content:"";border:1px solid rgba(255,255,255,.7);left:1em;right:1em;opacity:0;border-radius:inherit;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .65s ease}.image-container .image-overlay:after{border-left:none;border-right:none;bottom:1em;top:1em}.image-container .image-overlay:before{border-top:none;border-bottom:none;bottom:1em;top:1em}.image-container.diamond{overflow:hidden}.image-container.diamond .frame{-webkit-transform:rotate(45deg);transform:rotate(45deg);overflow:hidden}.image-container.diamond .frame .image-replacer,.image-container.diamond .frame img{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.image-container.rounded img{border-radius:.3125rem}.image-container.bordered .frame{border:1px solid #eee;padding:.5rem}.image-container.polaroid .frame{border:1px solid #eee;padding:.5rem .5rem 2rem}.image-container.handing{margin-top:20px}.image-container.handing .frame{border:1px solid #eee;position:relative;padding:.5rem}.image-container.handing .frame:after{content:"";position:absolute;width:.625rem;height:.625rem;background-color:#647687;border-radius:50%;top:-20%;left:50%;margin-left:-.3125rem;z-index:3;box-shadow:0 2px 4px rgba(0,0,0,.35)}.image-container.handing:after,.image-container.handing:before{top:0;width:50%;height:50%;background-color:transparent;z-index:2}.image-container.handing.image-format-hd .frame:after{top:-25%}.image-container.handing.image-format-square .frame:after{top:-15%}.image-container.handing:after{position:absolute;content:"";border-top:1px solid #eee;-webkit-transform:rotate(-16deg);transform:rotate(-16deg);left:0;-webkit-transform-origin:top left;transform-origin:top left}.image-container.handing:before{position:absolute;content:"";border-top:1px solid #eee;-webkit-transform:rotate(16deg);transform:rotate(16deg);right:0;-webkit-transform-origin:top right;transform-origin:top right}.image-container.handing.ani{-webkit-transform-origin:50% -25px;transform-origin:50% -25px;-webkit-animation:swinging 10s ease-in-out 0s infinite;animation:swinging 10s ease-in-out 0s infinite}.image-container.handing.ani-hover:hover{-webkit-transform-origin:50% -25px;transform-origin:50% -25px;-webkit-animation:swinging 5s ease-in-out 0s;animation:swinging 5s ease-in-out 0s}.ani-hover-spin:hover,.ani-spin{-webkit-animation:ani-spin 1.5s linear infinite;animation:ani-spin 1.5s linear infinite}.ani-hover-spin.ani-fast:hover,.ani-spin.ani-fast{-webkit-animation:ani-spin .7s linear infinite;animation:ani-spin .7s linear infinite}.ani-hover-spin.ani-slow:hover,.ani-spin.ani-slow{-webkit-animation:ani-spin 2.2s linear infinite;animation:ani-spin 2.2s linear infinite}.ani-hover-pulse:hover,.ani-pulse{-webkit-animation:ani-pulse 1.7s infinite;animation:ani-pulse 1.7s infinite}.ani-hover-pulse.ani-fast:hover,.ani-pulse.ani-fast{-webkit-animation:ani-pulse 1s infinite;animation:ani-pulse 1s infinite}.ani-hover-pulse.ani-slow:hover,.ani-pulse.ani-slow{-webkit-animation:ani-pulse 3s infinite;animation:ani-pulse 3s infinite}.ani-hover-spanner:hover,.ani-spanner{transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial;-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.ani-hover-spanner.ani-fast:hover,.ani-spanner.ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.ani-hover-spanner.ani-slow:hover,.ani-spanner.ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.ani-hover-ring:hover,.ani-ring{transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial;-webkit-animation:ani-ring 2s ease infinite;animation:ani-ring 2s ease infinite}.ani-hover-ring.ani-fast:hover,.ani-ring.ani-fast{-webkit-animation:ani-ring 1s ease infinite;animation:ani-ring 1s ease infinite}.ani-hover-ring.ani-slow:hover,.ani-ring.ani-slow{-webkit-animation:ani-ring 3s ease infinite;animation:ani-ring 3s ease infinite}.ani-hover-vertical:hover,.ani-vertical{-webkit-animation:ani-vertical 2s ease infinite;animation:ani-vertical 2s ease infinite}.ani-vertical.ani-fast,.ani-vertical.ani-fast:hover{-webkit-animation:ani-vertical 1s ease infinite;animation:ani-vertical 1s ease infinite}.ani-hover-vertical.ani-slow:hover,.ani-vertical.ani-slow{-webkit-animation:ani-vertical 4s ease infinite;animation:ani-vertical 4s ease infinite}.ani-horizontal,.ani-hover-horizontal:hover{-webkit-animation:ani-horizontal 2s ease infinite;animation:ani-horizontal 2s ease infinite}.ani-horizontal.ani-fast,.ani-horizontal.ani-fast:hover{-webkit-animation:ani-horizontal 1s ease infinite;animation:ani-horizontal 1s ease infinite}.ani-horizontal.ani-slow,.ani-horizontal.ani-slow:hover{-webkit-animation:ani-horizontal 3s ease infinite;animation:ani-horizontal 3s ease infinite}.ani-flash,.ani-hover-flash:hover{-webkit-animation:ani-flash 2s ease infinite;animation:ani-flash 2s ease infinite}.ani-flash.ani-fast,.ani-hover-flash.ani-fast:hover{-webkit-animation:ani-flash 1s ease infinite;animation:ani-flash 1s ease infinite}.ani-flash.ani-slow,.ani-hover-flash.ani-slow:hover{-webkit-animation:ani-flash 3s ease infinite;animation:ani-flash 3s ease infinite}.ani-bounce,.ani-hover-bounce:hover{-webkit-animation:ani-bounce 2s ease infinite;animation:ani-bounce 2s ease infinite}.ani-bounce.ani-fast,.ani-hover-bounce.ani-fast:hover{-webkit-animation:ani-bounce 1s ease infinite;animation:ani-bounce 1s ease infinite}.ani-bounce.ani-slow,.ani-hover-bounce.ani-slow:hover{-webkit-animation:ani-bounce 3s ease infinite;animation:ani-bounce 3s ease infinite}.ani-float,.ani-hover-float:hover{-webkit-animation:ani-float 2s linear infinite;animation:ani-float 2s linear infinite}.ani-float.ani-fast,.ani-hover-float.ani-fast:hover{-webkit-animation:ani-float 1s linear infinite;animation:ani-float 1s linear infinite}.ani-float.ani-slow,.ani-hover-float.ani-slow:hover{-webkit-animation:ani-float 3s linear infinite;animation:ani-float 3s linear infinite}.ani-heartbeat,.ani-hover-heartbeat:hover{-webkit-animation:ani-heartbeat 2s linear infinite;animation:ani-heartbeat 2s linear infinite}.ani-heartbeat.ani-fast,.ani-hover-heartbeat.ani-fast:hover{-webkit-animation:ani-heartbeat 1s linear infinite;animation:ani-heartbeat 1s linear infinite}.ani-heartbeat.ani-slow,.ani-hover-heartbeat.ani-slow:hover{-webkit-animation:ani-heartbeat 3s linear infinite;animation:ani-heartbeat 3s linear infinite}.ani-hover-shake:hover,.ani-shake{-webkit-animation:ani-wrench 2.5s ease infinite;animation:ani-wrench 2.5s ease infinite}.ani-hover-shake.ani-fast:hover,.ani-shake.ani-fast{-webkit-animation:ani-wrench 1.2s ease infinite;animation:ani-wrench 1.2s ease infinite}.ani-hover-shake.ani-slow:hover,.ani-shake.ani-slow{-webkit-animation:ani-wrench 3.7s ease infinite;animation:ani-wrench 3.7s ease infinite}.ani-hover-shuttle:hover,.ani-shuttle{-webkit-animation:ani-shuttle 2s linear infinite;animation:ani-shuttle 2s linear infinite}.ani-hover-shuttle.ani-fast:hover,.ani-shuttle.ani-fast{-webkit-animation:ani-shuttle 1s linear infinite;animation:ani-shuttle 1s linear infinite}.ani-hover-shuttle.ani-slow:hover,.ani-shuttle.ani-slow{-webkit-animation:ani-shuttle 3s linear infinite;animation:ani-shuttle 3s linear infinite}.ani-hover-pass:hover,.ani-pass{-webkit-animation:ani-pass 2s linear infinite;animation:ani-pass 2s linear infinite}.ani-hover-pass.ani-fast:hover,.ani-pass.ani-fast{-webkit-animation:ani-pass 1s linear infinite;animation:ani-pass 1s linear infinite}.ani-hover-pass.ani-slow:hover,.ani-pass.ani-slow{-webkit-animation:ani-pass 3s linear infinite;animation:ani-pass 3s linear infinite}.ani-hover-ripple:hover,.ani-ripple{-webkit-animation:ani-ripple 2s infinite linear;animation:ani-ripple 2s infinite linear}.ani-hover-ripple.ani-fast:hover,.ani-ripple.ani-fast{-webkit-animation:ani-ripple 1s infinite linear;animation:ani-ripple 1s infinite linear}.ani-hover-ripple.ani-slow:hover,.ani-ripple.ani-slow{-webkit-animation:ani-ripple 3s infinite linear;animation:ani-ripple 3s infinite linear}@-webkit-keyframes swinging{0%,100%,50%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes swinging{0%,100%,50%{-webkit-transform:rotate(0);transform:rotate(0)}5%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}10%{-webkit-transform:rotate(-9deg);transform:rotate(-9deg)}15%{-webkit-transform:rotate(8deg);transform:rotate(8deg)}20%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}25%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}30%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}35%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}40%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}45%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(10px)rotate(-90deg);transform:translateX(10px)rotate(-90deg)}50%{-webkit-transform:translateX(10px)translateY(10px)rotate(-179deg);transform:translateX(10px)translateY(10px)rotate(-179deg)}50.1%{-webkit-transform:translateX(10px)translateY(10px)rotate(-180deg);transform:translateX(10px)translateY(10px)rotate(-180deg)}75%{-webkit-transform:translateX(0)translateY(10px)rotate(-270deg);transform:translateX(0)translateY(10px)rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cubemove{25%{-webkit-transform:translateX(10px)rotate(-90deg);transform:translateX(10px)rotate(-90deg)}50%{-webkit-transform:translateX(10px)translateY(10px)rotate(-179deg);transform:translateX(10px)translateY(10px)rotate(-179deg)}50.1%{-webkit-transform:translateX(10px)translateY(10px)rotate(-180deg);transform:translateX(10px)translateY(10px)rotate(-180deg)}75%{-webkit-transform:translateX(0)translateY(10px)rotate(-270deg);transform:translateX(0)translateY(10px)rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes orbit{0%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:rotate(225deg);transform:rotate(225deg)}7%{-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}35%{-webkit-transform:rotate(495deg);transform:rotate(495deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}42%{-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}70%{opacity:1;-webkit-transform:rotate(835deg);transform:rotate(835deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}76%{opacity:1}77%{-webkit-transform:rotate(955deg);transform:rotate(955deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,78%{-webkit-transform:rotate(955deg);transform:rotate(955deg);opacity:0}}@keyframes orbit{0%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:rotate(225deg);transform:rotate(225deg)}7%{-webkit-transform:rotate(345deg);transform:rotate(345deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}35%{-webkit-transform:rotate(495deg);transform:rotate(495deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}42%{-webkit-transform:rotate(690deg);transform:rotate(690deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}70%{opacity:1;-webkit-transform:rotate(835deg);transform:rotate(835deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}76%{opacity:1}77%{-webkit-transform:rotate(955deg);transform:rotate(955deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%,78%{-webkit-transform:rotate(955deg);transform:rotate(955deg);opacity:0}}@-webkit-keyframes metro-slide{0%{left:-50%}100%{left:150%}}@keyframes metro-slide{0%{left:-50%}100%{left:150%}}@-webkit-keyframes metro-opacity{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@keyframes metro-opacity{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes ani-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ani-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ani-pulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ani-pulse{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ani-wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ani-wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}75%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes ani-ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}12%,4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%,6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ani-ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}12%,4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%,6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes ani-vertical{0%,16%,8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%,20%,4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ani-vertical{0%,16%,8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%,20%,4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ani-horizontal{0%,12%,24%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%,30%,6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}}@keyframes ani-horizontal{0%,12%,24%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%,30%,6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}}@-webkit-keyframes ani-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes ani-flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes ani-bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes ani-bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes ani-float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes ani-float{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes ani-heartbeat{0%,100%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes ani-heartbeat{0%,100%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}}@-webkit-keyframes ani-shuttle{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-8deg);transform:scale(.9)rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3)rotate(8deg);transform:scale(1.3)rotate(8deg)}40%,60%{-webkit-transform:scale(1.3)rotate(-8deg);transform:scale(1.3)rotate(-8deg)}80%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes ani-shuttle{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-8deg);transform:scale(.9)rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3)rotate(8deg);transform:scale(1.3)rotate(8deg)}40%,60%{-webkit-transform:scale(1.3)rotate(-8deg);transform:scale(1.3)rotate(-8deg)}80%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@-webkit-keyframes ani-pass{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes ani-pass{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@-webkit-keyframes ani-ripple{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes ani-ripple{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@-webkit-keyframes ani-shrink{0%,90%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes ani-shrink{0%,90%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.5);transform:scale(.5)}}@-webkit-keyframes ani-drop{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,25%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,25%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-drop2{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,50%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop2{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,50%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-drop3{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,75%{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ani-drop3{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%,75%{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes ani-pre-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ani-pre-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ani-bg-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes ani-bg-stripes{from{background-position:40px 0}to{background-position:0 0}}.calendar{min-width:13.75rem;border:1px solid #eee;font-size:.75rem;padding:.3125rem;background-color:#fff}.calendar .day,.calendar .month,.calendar .other-day,.calendar .year{border:1px solid #bcd9e2}.calendar .calendar-grid{margin:0;padding:0}.calendar .calendar-row{margin:0 0 .3125rem;width:100%}.calendar .calendar-row:after,.calendar .calendar-row:before{display:table;content:""}.calendar .calendar-row:last-child{margin-bottom:0}.calendar .calendar-cell{width:12.46201429%;margin:0 0 0 2.12765%;display:block;float:left}.calendar .calendar-cell:first-child{margin-left:0}.calendar .calendar-cell.sel-month{width:41.64134286%}.calendar .calendar-cell.sel-year{width:48.936175%}.calendar .calendar-cell.month-cell,.calendar .calendar-cell.sel-minus,.calendar .calendar-cell.sel-plus,.calendar .calendar-cell.year-cell{width:23.4042625%}.calendar .calendar-actions .button{margin:.15625rem}.calendar .day-of-week{padding:.3125rem;cursor:default}.calendar a{display:block;padding:.3125rem 0}.calendar a:hover{background-color:#75c7ee;color:#fff;border-radius:inherit}.calendar .calendar-header{background-color:#59cde2;color:#fff}.calendar .calendar-header a{color:#fff;padding:.325rem}.calendar .calendar-header a:hover{background-color:#47b4e9;color:#fff}.calendar .calendar-actions:after,.calendar .calendar-actions:before{display:table;content:""}.calendar .today a{background-color:#60a917;color:#fff}.calendar .day{text-align:center}.calendar .day a{display:block;position:relative;text-align:center}.calendar .month a,.calendar .year a{padding-top:1.3125rem;padding-bottom:1.3125rem}.calendar .empty{cursor:default}.calendar .other-day{display:block;text-align:center;color:#999;padding:.325rem;background-color:#eee}.calendar .exclude,.calendar .exclude a{background-color:#ce352c}.calendar .exclude a{cursor:not-allowed;color:#fff}.calendar .stored,.calendar .stored a{background-color:#f472d0}.calendar .stored a{cursor:pointer;color:#fff}.calendar .selected,.calendar .selected a{background-color:#59cde2}.calendar .selected a{color:#fff}.calendar.rounded .calendar-header,.calendar.rounded .calendar-header a:hover,.calendar.rounded .day,.calendar.rounded .exclude a,.calendar.rounded .month,.calendar.rounded .other-day,.calendar.rounded .selected,.calendar.rounded .selected a,.calendar.rounded .today,.calendar.rounded .today a,.calendar.rounded .year,.calendar.rounded button{border-radius:.3125rem}.calendar.no-border .calendar-header,.calendar.no-border .day,.calendar.no-border .month,.calendar.no-border .other-day,.calendar.no-border .today,.calendar.no-border .today a,.calendar.no-border .year{border:0}.calendar-dropdown{border:0;box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.stepper{margin:10px 0;width:100%}.stepper:after,.stepper:before{display:table;content:""}.stepper>ul{counter-reset:li;border-top:1px #1d1d1d dotted;position:relative;padding:0;margin:30px 0;width:100%;display:block}.stepper>ul li{list-style:none;float:left;width:2em;height:2em;margin-top:-1em;position:absolute;left:0;background:#666;cursor:pointer;font-size:.875rem}.sidebar,.sidebar2,.tabcontrol .tabs,.tabcontrol2 .tabs{list-style:none inside}.stepper>ul li:before{content:counter(li);counter-increment:li;position:absolute;box-sizing:border-box;padding:.3em 10px;color:#fff;font-weight:700;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.9em;text-align:center}.stepper>ul li:hover{background-color:#999}.stepper>ul li.complete,.stepper>ul li.current{transition:all .2s ease}.stepper>ul li.current{background-color:#1ba1e2}.stepper>ul li.current:hover{background-color:#0cf}.stepper>ul li.complete{background-color:#60a917}.stepper>ul li.complete:hover{background-color:#7ad61d}.stepper.cycle li{border-radius:50%}.stepper.diamond li{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.stepper.diamond li:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.wizard{position:relative}.wizard .steps{margin:10px 0;padding:20px;border:1px solid #eee;position:relative}.wizard .steps .step{position:relative;width:100%;height:100%;display:none}.wizard .steps .step:first-child{display:block}.wizard .actions .group-right{float:right}.sidebar2,.wizard .actions .group-left{float:left}.wizard .actions button{padding:0 1rem;height:2.125rem;text-align:center;background-color:#fff;border:1px solid #d9d9d9;color:#262626;cursor:pointer;display:inline-block;outline:0;font-size:.875rem;line-height:100%;margin:.15625rem 2px .15625rem 0;position:relative}.wizard .actions button.default{background-color:#008287;color:#fff}.wizard .actions button:hover{border-color:#787878}.wizard .actions button:active{background:#eee;color:#262626;box-shadow:none}.wizard .actions button:focus{outline:0}.wizard .actions button.disabled,.wizard .actions button:disabled{background-color:#eaeaea;color:#bebebe;cursor:default;border-color:transparent}.wizard .actions button *,.wizard .actions button :hover{color:inherit}.wizard .actions button.rounded{border-radius:.325rem}.wizard .actions button img{height:.875rem;margin:0}.wizard .actions button.loading-pulse{position:relative;padding:0 1.325rem}.wizard .actions button.loading-pulse:before{position:absolute;content:"";left:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:#333;border-radius:100%;-webkit-animation:scaleout 1s infinite ease-in-out;animation:scaleout 1s infinite ease-in-out}.wizard .actions button.loading-pulse.lighten:before{background-color:#fff}.wizard .actions button.loading-cube{position:relative;padding:0 1.325rem}.wizard .actions button.loading-cube:after,.wizard .actions button.loading-cube:before{content:"";background-color:#333;width:5px;height:5px;position:absolute;top:50%;left:3px;margin-top:-8px;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.wizard .actions button.dropdown-toggle.drop-marker-light:after,.wizard .actions button.dropdown-toggle.drop-marker-light:before,.wizard .actions button.loading-cube.lighten:after,.wizard .actions button.loading-cube.lighten:before{background-color:#fff}.wizard .actions button.loading-cube:after{-webkit-animation-delay:-.9s;animation-delay:-.9s}.wizard .actions button.dropdown-toggle{padding-right:1.625rem}.wizard .actions button.primary{background:#2086bf;color:#fff;border-color:#2086bf}.wizard .actions button.primary:active{background:#1b6eae;color:#fff}.wizard .actions button.success{background:#60a917;color:#fff;border-color:#60a917}.wizard .actions button.success:active{background:#128023;color:#fff}.wizard .actions button.alert,.wizard .actions button.danger{background:#ce352c;color:#fff;border-color:#ce352c}.wizard .actions button.alert:active,.wizard .actions button.danger:active{background:#9a1616;color:#fff}.wizard .actions button.info{background:#59cde2;color:#fff;border-color:#59cde2}.wizard .actions button.info:active{background:#1ba1e2;color:#fff}.wizard .actions button.warning{background:#fa6800;color:#fff;border-color:#fa6800}.wizard .actions button.warning:active{background:#bf5a15;color:#fff}.wizard .actions button.link{background:0 0;color:#2086bf;border-color:transparent;text-decoration:underline}.wizard .actions button.link:active,.wizard .actions button.link:hover{background:0 0;color:#114968;border-color:transparent}.wizard .actions button:last-child{margin-right:0}.wizard .actions button.btn-finish{background-color:#60a917;color:#fff}.wizard .actions button:disabled{background-color:#6f6f6f}.wizard2{counter-reset:div;position:relative;width:100%}.wizard2:after,.wizard2:before{display:table;content:""}.wizard2 .step{width:auto;display:block;float:left;position:relative;z-index:1;padding:0 0 3rem}.wizard2 .step:before{content:counter(div);counter-increment:div;position:absolute;font-size:.8rem;bottom:20px;width:24px;text-align:center}.wizard2 .step.active{border:0}.wizard2 .step.active:before{visibility:hidden}.wizard2 .step.prev{border-left:24px solid #eee;border-right:1px solid #e6e6e6;width:0}.wizard2 .step.prev:before{left:0;margin-left:-24px;color:#1d1d1d}.wizard2 .step.next{border-left:1px solid #e6e6e6;border-right:24px solid #1ba1e2;width:0}.wizard2 .step.next:before{left:100%;color:#fff}.wizard2 .step.next+.next{border-color:#1891cb}.wizard2 .step.next+.next+.next{border-color:#1681b4}.wizard2 .step.next+.next+.next+.next{border-color:#13709e}.wizard2 .step.next+.next+.next+.next+.next{border-color:#106087}.wizard2 .step.next+.next+.next+.next+.next+.next{border-color:#0b4059}.wizard2 .step.next+.next+.next+.next+.next+.next+.next{border-color:#082f43}.wizard2 .step.next+.next+.next+.next+.next+.next+.next+.next{border-color:#051f2c}.wizard2 .step.next+.next+.next+.next+.next+.next+.next+.next+.next{border-color:#030f15}.sidebar2 li:hover>.dropdown-toggle:before,.sidebar2.dark .dropdown-toggle:before{border-color:#fff}.wizard2 .step-content{width:auto;overflow:hidden;padding:.625rem}.wizard2 .step.next .step-content,.wizard2 .step.prev .step-content{width:0;padding:0}.wizard2 .action-bar{padding:0 .625rem;position:absolute;bottom:10px;text-align:right;z-index:2}.wizard2 .action-bar:after,.wizard2 .action-bar:before{display:table;content:""}.wizard2 .action-bar .button{margin:0 .125rem;opacity:.6}.wizard2 .action-bar .button:hover{opacity:1}.countdown{display:inline-block;font-weight:700;font-size:1rem;margin:.1em 0 1.2em}.countdown .part{display:inline-block;position:relative}.countdown .part.days:after,.countdown .part.hours:after,.countdown .part.minutes:after,.countdown .part.seconds:after{position:absolute;content:attr(data-day-text);text-align:center;top:100%;left:0;width:100%;font-size:.6em;color:inherit}.countdown .part.disabled .digit{opacity:.3;box-shadow:none}.dialog,.keypad.shadow{box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.countdown .digit,.countdown .divider{display:inline-block;padding:.3125em .625em;background-color:#1ba1e2;color:#fff;cursor:default;box-shadow:0 0 5px 0 rgba(0,0,0,.3);transition:all .5s ease;margin-left:4px}.countdown .divider{padding:.125em .25em;color:#1d1d1d;background-color:transparent;box-shadow:none}.sidebar,.sidebar-container{color:#fff;background-color:#71b1d1}.countdown.tick .divider{opacity:0}.countdown.labels-top{margin:1.2em 0 .1em}.countdown.labels-top .part.days:after,.countdown.labels-top .part.hours:after,.countdown.labels-top .part.minutes:after,.countdown.labels-top .part.seconds:after{top:0;left:0;margin-top:-1.5em}.countdown.rounded .part .digit{border-radius:.5em}.countdown .digit.scaleIn{transition:all .5s ease;-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-container{position:absolute;top:0;left:0;bottom:0;overflow-x:hidden;overflow-y:scroll}.sidebar,.sidebar li,.sidebar li a{position:relative}.sidebar{width:100%;padding:0;margin:0;transition:all .2s ease}.sidebar li,.sidebar li a{background-color:inherit;color:inherit}.sidebar li{display:block;height:52px}.sidebar li a{display:block;padding:.625rem 1rem .625rem 3.75rem;width:100%;height:100%;line-height:.875rem}.sidebar li a .icon{width:28px;height:28px;font-size:28px;line-height:28px;text-align:center;position:absolute;left:.625rem;top:.625rem}.sidebar li a .counter,.sidebar li a .title{display:block;margin:0;white-space:nowrap}.sidebar li a .title{font-size:.6875rem;font-weight:700;text-transform:uppercase}.sidebar li a .counter{font-size:.7rem;font-weight:400}.sidebar li:hover{background-color:#7cc1de}.sidebar li.active{background-color:#fff;color:#323232}.sidebar.compact{width:52px;transition:all .2s ease}.sidebar.compact a{padding-right:0;padding-left:0;width:52px}.sidebar.compact .title{display:none}.sidebar.compact .counter{position:absolute;top:0;right:4px}.sidebar2 li,.sidebar2 li a{float:none;position:relative}.sidebar2{text-align:left;background:#fff;max-width:15.625rem;margin:0;padding:0;position:relative;border:1px solid #eee;width:100%}.sidebar2 li{display:block}.sidebar2 li:after,.sidebar2 li:before{display:table;content:""}.sidebar2 li a{font-size:.875rem;display:block;padding:.75rem 2rem .75rem 2.5rem;text-decoration:none;border:none}.sidebar2 li a .icon,.sidebar2 li a img{position:absolute;left:.875rem;top:50%;margin-top:-.5625rem;color:#262626;max-height:1.125rem;font-size:1.125rem;display:inline-block;margin-right:.3125rem;vertical-align:middle;text-align:center}.sidebar2 li.active>a{background-color:#59cde2;color:#fff;font-weight:700}.sidebar2 li:hover{text-decoration:none;background:#59cde2}.sidebar2 .divider,.sidebar2 .divider:hover{background-color:#f2f2f2}.sidebar2 li:hover .icon,.sidebar2 li:hover>a{color:#fff}.sidebar2 li a[data-hotkey]{padding-right:3.2rem}.sidebar2 li a[data-hotkey]:after{content:attr(data-hotkey);position:absolute;right:1.2rem;width:auto;font-size:.8em}.sidebar2 .d-menu,.sidebar2 li.stick{position:relative}.sidebar2 .divider{padding:0;height:1px;margin:0 1px;overflow:hidden}.sidebar2.subdown .d-menu{min-width:0;position:relative;width:100%;left:0;right:0;top:100%;box-shadow:none}.sidebar2 .item-block{display:block;padding:.625rem;background-color:#eee}.sidebar2 .menu-title{background-color:#f6f7f8;font-size:12px;line-height:14px;padding:4px 8px;border:0;color:#646464}.sidebar2 .menu-title:first-child{margin:0;border-top-width:0}.sidebar2 .menu-title:first-child:hover{border-top-width:0}.sidebar2 li,.sidebar2 li:not(.title)+li.title{border-top:1px #eee solid}.sidebar2 .menu-title:hover{background-color:#f6f7f8;cursor:default;border:0}.sidebar2 .dropdown-toggle:before{margin-top:-2px}.sidebar2.subdown .dropdown-toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-1.25rem}.sidebar2.subdown .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.sidebar2 li.disabled a{color:#eee}.sidebar2 li.disabled:hover{background-color:inherit;cursor:default;border:0;border-top:1px #eee solid}.sidebar2 li.disabled:hover a{cursor:inherit}.sidebar2.context li a{font-size:.75rem;padding:.3125rem 2rem .3125rem 2.5rem}.sidebar2.context li a .icon{margin-top:-.4375rem;font-size:.825rem;color:inherit}.sidebar2.no-min-size li a{min-width:0}.sidebar2.full-size li a{min-width:0;width:100%}.sidebar2 .d-menu{min-width:0;width:100%;left:0;right:0;top:100%;box-shadow:none}.tabcontrol.tabs-bottom .tabs li.disabled,.tabcontrol.tabs-bottom .tabs li:hover,.tabcontrol2.tabs-bottom .tabs li.disabled,.tabcontrol2.tabs-bottom .tabs li:hover{top:0}.sidebar2 .dropdown-toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-1.25rem;transition:all .3s ease}.sidebar2 li{cursor:default}.sidebar2 li.stick:before{content:"";position:absolute;width:7px;height:44px;left:-7px;text-indent:-9999px;border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:inherit}.tabcontrol .tabs li.non-visible-tabs.dropdown-toggle,.tabcontrol2 .tabs li.non-visible-tabs.dropdown-toggle{height:100%}.sidebar2 li.disabled{background-color:inherit}.sidebar2 li a{background-color:#fff;color:#323232;white-space:normal;min-width:0}.sidebar2 li a .icon{color:inherit}.sidebar2 li.title{padding:20px 20px 10px;font-size:24px;border:0}.sidebar2 li.title:hover{background-color:inherit}.sidebar2 li.active{background-color:#71b1d1;border:none}.accordion>.frame>.heading,.hint,.hint2,.hint2:before,.hint:before,.tabcontrol2 .frames,.tabcontrol2 .tabs li.active a{border:1px solid #eee}.sidebar2 li.active a{background-color:#71b1d1;color:#fff}.sidebar2 li.active a .icon{color:inherit}.sidebar2 li:hover a{background-color:#7cc1de}.sidebar2 li.disabled:hover a{background-color:inherit}.sidebar2 li li:not(:hover){color:#1d1d1d}.sidebar2 li li:not(:hover) a{background-color:#fff}.sidebar2 .dropdown-toggle.active-toggle:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);transition:all .3s ease}.sidebar2.dark li{border-top:1px #5c5c5c solid}.sidebar2.dark li a,.sidebar2.dark li.title{background-color:#3D3D3D;color:#fff}.sidebar2.dark li a:hover{background-color:#262626;color:#fff}.sidebar2.dark li.disabled,.sidebar2.dark li.disabled:hover,.sidebar2.dark li:not(.title)+li.title{border-top-color:#5c5c5c}.sidebar2.dark li.disabled:hover a{background-color:#3D3D3D}.sidebar2.dark li.disabled a{color:#999}.sidebar2.dark li.active a{background-color:#ce352c}.sidebar2.dark .d-menu li a{background-color:#3D3D3D;color:#fff}.sidebar2.dark .d-menu li a:hover{background-color:#262626;color:#fff}.tabcontrol{position:relative;width:100%}.tabcontrol .tabs{width:100%;margin:0;padding:0;border-bottom:2px #1ba1e2 solid;white-space:nowrap;overflow:visible}.tabcontrol .tabs:after,.tabcontrol .tabs:before{display:table;content:""}.tabcontrol .tabs li{display:block;float:left;position:relative;white-space:nowrap}.tabcontrol .tabs li a{display:block;float:left;padding:8px 24px;color:#1d1d1d;font-size:.6875rem;font-weight:700;text-transform:uppercase;position:relative;white-space:nowrap}.tabcontrol .tabs li:hover a{background-color:#eee}.tabcontrol .tabs li.active a{background-color:#1ba1e2;color:#fff}.tabcontrol .tabs li.disabled a{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee;background-size:40px 40px;color:#999;cursor:default}.tabcontrol .tabs li.non-visible-tabs{display:block;float:right}.tabcontrol .tabs li.non-visible-tabs:empty{display:none}.tabcontrol.tabs-bottom .tabs{border-bottom:none;border-top:2px #1ba1e2 solid}.tabcontrol .frames{width:100%;position:relative}.tabcontrol .frames .frame{display:block;position:relative;width:100%;padding:20px;background-color:#999}.tabcontrol2{position:relative;width:100%}.tabcontrol2 .tabs{width:100%;margin:0;padding:0;white-space:nowrap;overflow:visible}.tabcontrol2 .tabs:after,.tabcontrol2 .tabs:before{display:table;content:""}.tabcontrol2 .tabs li{display:block;float:left;position:relative;white-space:nowrap}.tabcontrol2 .tabs li a{display:block;float:left;padding:8px 24px;color:#1d1d1d;font-size:.6875rem;font-weight:700;text-transform:uppercase;position:relative;white-space:nowrap}.tabcontrol2 .tabs li.disabled a{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee;background-size:40px 40px;color:#999;cursor:default}.tabcontrol2 .tabs li.non-visible-tabs{display:block;float:right}.tabcontrol2 .tabs li.non-visible-tabs:empty{display:none}.tabcontrol2.tabs-bottom .tabs{border-bottom:none}.tabcontrol2 .frames{width:100%;position:relative}.tabcontrol2 .frames .frame{display:block;position:relative;width:100%;padding:20px}.tabcontrol2 .tabs{border-bottom:0;vertical-align:bottom;z-index:2}.tabcontrol2 .tabs li{padding-top:2px;overflow:visible;margin:0 2px}.tabcontrol2 .tabs li:after{content:"";position:absolute;left:0;top:100%;width:100%;background-color:#fff;height:2px;z-index:3}.tabcontrol2 .tabs li:not(.active):after{background-color:#eee;height:1px}.tabcontrol2 .tabs li:first-child{margin-left:10px}.tabcontrol2 .tabs li a{background-color:#eee;padding-top:.3125rem;text-shadow:none}.tabcontrol2 .tabs li.active{padding-top:0;padding-bottom:0}.tabcontrol2 .tabs li.active a{background-color:#fff;border-top:2px #ce352c solid;border-bottom:0;color:#1ba1e2}.tabcontrol2 .tabs li.active:hover a{background-color:inherit}.tabcontrol2 .tabs li:hover a{background-color:#e1e1e1}.tabcontrol2.tabs-bottom .tabs{border-top:0}.tabcontrol2.tabs-bottom .tabs li{padding:0}.tabcontrol2.tabs-bottom .tabs li:after{top:-1px;background-color:#fff}.tabcontrol2.tabs-bottom .tabs li.active{padding-bottom:0}.tabcontrol2.tabs-bottom .tabs li.active a{border:1px solid #eee;border-bottom:2px #ce352c solid;border-top:0}.tabcontrol2.tabs-bottom .tabs li:not(.active){margin-bottom:0}.tabcontrol2.tabs-bottom .tabs li:not(.active):after{background-color:#eee}.tabcontrol2 .frames{z-index:1}.tabcontrol2 .frames .frame{background-color:#fff}.accordion>.frame{margin-top:1px}.accordion>.frame:first-child{margin-top:0}.accordion>.frame>.heading{display:block;padding:8px 16px 8px 20px;background-color:#f6f6f6;cursor:pointer;font-size:.6875rem;text-transform:uppercase;font-weight:700;position:relative;overflow:hidden;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease}.accordion>.frame>.heading:before{position:absolute;display:block;left:4px;top:6px;content:'';width:0;height:0;border-left:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid #000;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s ease}.accordion>.frame>.heading:hover{background-color:#eee}.accordion>.frame>.heading .icon{position:absolute;right:0;top:0;font-size:3rem;width:3rem;max-height:3rem;opacity:.6;color:#999}.accordion>.frame.active>.heading{background-color:#1ba1e2;border-color:#1ba1e2;color:#fff;box-shadow:-1px 6px 6px -6px rgba(0,0,0,.35);text-shadow:2px 2px 4px rgba(0,0,0,.4);transition:all .3s ease}.accordion>.frame.active>.heading .icon{color:#fff}.accordion>.frame.active>.heading:before{left:8px;border-bottom-color:#fff;transition:all .3s ease;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.slider .buffer,.slider .complete{width:auto;transition:background .3s ease}.accordion>.frame.active>.content{display:block}.accordion>.frame>.content{padding:.625rem;display:none;background-color:#fff;z-index:1}.accordion>.frame.disabled>.heading{cursor:default;background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#fff;background-size:40px 40px}.accordion.large-heading>.frame>.heading{font-size:2rem;line-height:1.1;font-weight:300;padding-left:32px;text-shadow:none}.accordion.large-heading>.frame>.heading:before{top:10px;border-left:12px solid transparent;border-top:12px solid transparent;border-bottom:12px solid #000}.accordion.large-heading>.frame.active>.heading:before{border-bottom-color:#fff}.carousel{display:block;width:100%;position:relative;min-height:100px;overflow:hidden}.carousel .slide{top:0;left:0;position:absolute;display:block;width:100%;height:100%;min-height:100%}.carousel .slide:after,.carousel .slide:before{display:table;content:""}.carousel .carousel-bullets,.carousel [class*=carousel-switch]{position:absolute;display:block;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel .carousel-bullets{left:0;right:0;bottom:.625rem;text-align:center}.carousel .carousel-bullets .carousel-bullet{display:inline-block;float:none;width:.625rem;height:.625rem;background-color:#ababab;box-shadow:none;border-radius:50%;margin-right:.625rem;cursor:pointer;border:1px solid #fff}.carousel .carousel-bullets .carousel-bullet:last-child{margin-right:0}.carousel .carousel-bullets .carousel-bullet.bullet-on{background-color:#59cde2}.carousel.square-bullets .carousel-bullet{border-radius:0}.carousel .carousel-switch-next,.carousel .carousel-switch-prev{width:auto;line-height:4rem;height:4rem;text-decoration:none;margin-top:-2rem;top:50%;font-size:4rem;font-weight:300;color:#eee;cursor:pointer;vertical-align:middle;padding:0}.carousel .carousel-switch-next:hover,.carousel .carousel-switch-prev:hover{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.carousel .carousel-switch-next img,.carousel .carousel-switch-prev img{max-width:64px;max-height:64px}.carousel .carousel-switch-next{right:0;left:auto}.carousel .carousel-switch-prev{left:0;right:auto}.panel{display:block;position:relative;background-color:#fff}.panel>.content,.panel>.heading{display:block;position:relative;color:#1d1d1d}.panel>.heading{padding:.625rem 0;color:#fff;background-color:#1ba1e2;cursor:default;vertical-align:middle;z-index:2;height:2.625rem;box-shadow:-1px 6px 6px -6px rgba(0,0,0,.35);font:500 1.125rem/1.1 "Segoe UI","Open Sans",sans-serif,serif;-ms-user-select:none;user-select:none}.panel>.heading,.tile{-moz-user-select:none;-webkit-user-select:none}.panel.collapsible>.heading,.rating,.rating .star,.slider .marker,.tile,.tile-big,.tile-large,.tile-small,.tile-super,.tile-wide,.treeview li{cursor:pointer}.panel>.heading>.title{margin-left:.625rem}.panel>.heading>.icon+.title{margin-left:3.625rem}.panel>.heading>.icon{position:absolute;background-color:#1b6eae;top:0;left:0;bottom:0;vertical-align:middle;height:2.625rem;width:2.625rem;text-align:center;padding:.625rem}.panel>.content{background-color:#e8f1f4;z-index:1;font-size:.875rem}.panel.collapsible>.heading:before{content:"\2212";display:block;position:absolute;top:50%;margin-top:-1.3rem;right:.625rem;color:inherit;vertical-align:middle;font-size:2rem}.panel.collapsed>.heading:before{content:"\002b"}.panel.collapsed>.content{display:none}.panel.alert>.heading,.panel.danger>.heading,.panel.error>.heading{background-color:#ce352c}.panel.warning>.heading{background-color:#fa6800}.panel.success>.heading{background-color:#60a917}.rating{display:inline-block}.rating:after,.rating:before{display:table;content:""}.rating .star{display:block;float:left;color:#555;font-size:20px;z-index:1;position:relative;width:20px;height:24px;vertical-align:middle;line-height:22px}.rating .star:after,.rating .star:before{position:absolute;content:'\2605';display:block;z-index:2;top:0;left:0;vertical-align:middle}.rating .star.on{color:gold}.rating .star.on.half{color:#555}.rating .star.on.half:after{color:gold}.rating .star.half:after{z-index:3;width:8px;overflow:hidden}.rating.poor .star.on{color:#ce352c}.rating.poor .star.on.half{color:#555}.rating.poor .star.on.half:after{color:#ce352c}.rating.regular .star.on{color:gold}.rating.regular .star.on.half{color:#555}.rating.regular .star.on.half:after{color:gold}.rating.good .star.on{color:#60a917}.rating.good .star.on.half{color:#555}.rating.good .star.on.half:after{color:#60a917}.rating:not(.static) .star:hover,.rating:not(.static) .star:hover.half,.rating:not(.static) .star:hover.half:after,.rating:not(.static) .star:hover.on.half,.rating:not(.static) .star:hover.on.half:after,.rating:not(.static):hover>.star,.rating:not(.static):hover>.star.half,.rating:not(.static):hover>.star.half:after,.rating:not(.static):hover>.star.on.half,.rating:not(.static):hover>.star.on.half:after,.rating:not(.static):hover>.star:after,.rating:not(.static):hover>.star:after.half,.rating:not(.static):hover>.star:after.half:after,.rating:not(.static):hover>.star:after.on.half,.rating:not(.static):hover>.star:after.on.half:after{color:gold}.rating:not(.static) .star:hover~.star,.rating:not(.static) .star:hover~.star.half,.rating:not(.static) .star:hover~.star.half:after,.rating:not(.static) .star:hover~.star.on.half,.rating:not(.static) .star:hover~.star.on.half:after,.rating:not(.static) .star:hover~.star:after,.rating:not(.static) .star:hover~.star:after.half,.rating:not(.static) .star:hover~.star:after.half:after,.rating:not(.static) .star:hover~.star:after.on.half,.rating:not(.static) .star:hover~.star:after.on.half:after{color:gray}.rating.small .star{width:14px;height:16px;font-size:14px;line-height:14px}.rating.small .star.half:after{width:6px}.rating.large .star{width:28px;height:30px;font-size:32px;line-height:24px}.rating.large .star.half:after{width:13px}.rating .score{display:block;font-size:.8rem}.rating.small .score{font-size:.6rem}.rating.large .score{font-size:1rem}.slider{height:2.125rem;line-height:1;width:auto;position:relative}.slider .marker{height:1rem;width:1rem;position:absolute;top:50%;margin-top:-.5rem;left:0;background-color:#1d1d1d;z-index:2}.slider .marker:active,.slider .marker:focus,.slider .markerhover{border:2px solid #ce352c}.slider .complete,.slider .slider-backside{height:.5rem;background:#999;width:100%;line-height:2.125rem;top:50%;margin-top:-.25rem;position:absolute}.slider .complete{background-color:#00aba9;z-index:2;left:0}.slider .buffer{height:4px;background-color:#fff;z-index:1;position:absolute;top:50%;margin-top:-2px;left:0}.slider .slider-hint:before,.slider.hint-bottom .slider-hint{top:100%;margin-top:-.125rem}.slider .slider-hint{min-width:1.8rem;width:auto;height:auto;position:absolute;z-index:3;border:1px solid #ccc;padding:.25rem;top:-1.2rem;text-align:center;font-size:.625rem;display:none;background:#fffcc0}.slider .slider-hint:before{border:1px solid #ccc;border-left:0;border-top:0;content:"";width:.25rem;height:.25rem;display:block;position:absolute;background-color:inherit;margin-left:-.15625rem;left:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slider.hint-bottom .slider-hint:before{top:-.0625rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.slider.permanent-hint>.slider-hint{display:block}.slider:active .complete,.slider:active+.marker:active .complete,.slider:hover .complete{background-color:#45fffd}.tile,.tile-big,.tile-large,.tile-small,.tile-square,.tile-super,.tile-wide{background-color:#eee}.slider.place-left{margin-right:20px}.slider.place-right{margin-left:20px}.slider.ani .complete{-webkit-animation:ani-bg-stripes 2s linear infinite;animation:ani-bg-stripes 2s linear infinite}.slider.vertical{min-height:100px;width:2.125rem;display:inline-block}.slider.vertical .complete,.slider.vertical .slider-backside{position:absolute;height:100%;width:.5rem;bottom:0;left:50%;margin-left:-.25rem;top:auto}.slider.vertical .marker{left:50%;top:auto;margin-left:-.5rem}.slider.vertical .buffer{position:absolute;height:auto;width:6px;bottom:0;left:50%;margin-left:-3px;top:auto}.slider.vertical .slider-hint{left:100%;margin-top:0}.slider.vertical .slider-hint:before{height:.25rem;width:.25rem;-webkit-transform:rotate(135deg);transform:rotate(135deg);left:-1px;top:50%;margin-top:-.125rem;margin-left:-.135rem}.slider.vertical.hint-left .slider-hint{left:-100%;margin-left:.25rem}.slider.vertical.hint-left .slider-hint:before{left:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.slider.cycle-marker .marker{border-radius:50%}.tile-area{min-width:100%;height:100%;position:relative;padding:120px 80px 0 0;overflow:hidden}.tile-area:after,.tile-area:before{display:table;content:""}.tile-area .tile-area-title{position:fixed;top:20px;left:80px;font-weight:300;font-size:42px;line-height:1.1}.tile-group{margin-left:80px;min-width:80px;width:auto;float:left;display:block;padding-top:40px;position:relative}.tile-group.one{width:160px}.tile-group.double,.tile-group.two{width:320px}.tile-group.three,.tile-group.triple{width:480px}.tile-group.four,.tile-group.quadro{width:640px}.tile-group.five{width:800px}.tile-group.six{width:960px}.tile-group.seven{width:1120px}.tile-group .tile-group-title{color:#fff;font-size:18px;line-height:20px;position:absolute;top:10px;left:0}.tile-content,.tile-content .live-slide{width:100%;left:0;overflow:hidden;top:0}.tile-container{width:100%;height:auto;display:block;margin:0;padding:0}.tile-container:after,.tile-container:before{display:table;content:""}.tile,.tile-big,.tile-large,.tile-small,.tile-square,.tile-super,.tile-wide{display:block}.tile{width:150px;height:150px;float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;user-select:none}.tile,.tile-square{-ms-user-select:none}.tile:hover{outline:#999 solid 3px}.tile:active{outline:0}.tile.no-outline{outline-color:transparent}.tile.small-tile{width:70px;height:70px}.tile.wide-tile{width:310px;height:150px}.tile.wide-tile-v{height:310px;width:150px}.tile.large-tile{width:310px;height:310px}.tile.big-tile{width:470px;height:470px}.tile.super-tile{width:630px;height:630px}.tile-square{width:150px;height:150px;float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;cursor:pointer;position:relative;-moz-user-select:none;user-select:none;overflow:visible}.tile-small,.tile-square{-webkit-user-select:none}.tile-square:hover{outline:#999 solid 3px}.tile-square:active{outline:0}.tile-square.no-outline{outline-color:transparent}.tile-square.small-tile{width:70px;height:70px}.tile-square.wide-tile{width:310px;height:150px}.tile-square.wide-tile-v{height:310px;width:150px}.tile-square.large-tile{width:310px;height:310px}.tile-square.big-tile{width:470px;height:470px}.tile-square.super-tile{width:630px;height:630px}.tile-small,.tile-small.small-tile{width:70px;height:70px}.tile-square .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-square .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-small{float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none}.tile-small:hover{outline:#999 solid 3px}.tile-small:active{outline:0}.tile-small.no-outline{outline-color:transparent}.tile-small.wide-tile{width:310px;height:150px}.tile-small.wide-tile-v{height:310px;width:150px}.tile-small.large-tile{width:310px;height:310px}.tile-small.big-tile{width:470px;height:470px}.tile-small.super-tile{width:630px;height:630px}.tile-small .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-small .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-wide{float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;width:310px;height:150px}.tile-large,.tile-wide{-webkit-user-select:none}.tile-wide:hover{outline:#999 solid 3px}.tile-wide:active{outline:0}.tile-wide.no-outline{outline-color:transparent}.tile-wide.small-tile{width:70px;height:70px}.tile-wide.wide-tile{width:310px;height:150px}.tile-wide.wide-tile-v{height:310px;width:150px}.tile-wide.large-tile{width:310px;height:310px}.tile-wide.big-tile{width:470px;height:470px}.tile-wide.super-tile{width:630px;height:630px}.tile-wide .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-wide .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-large{float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;-moz-user-select:none;user-select:none;width:310px;height:310px}.tile-big,.tile-large,.tile-super{-ms-user-select:none}.tile-large:hover{outline:#999 solid 3px}.tile-large:active{outline:0}.tile-large.no-outline{outline-color:transparent}.tile-large.small-tile{width:70px;height:70px}.tile-large.wide-tile{width:310px;height:150px}.tile-large.wide-tile-v{height:310px;width:150px}.tile-large.large-tile{width:310px;height:310px}.tile-large.big-tile{width:470px;height:470px}.tile-large.super-tile{width:630px;height:630px}.tile-large .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-large .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-big{float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;user-select:none;width:470px;height:470px}.tile-big,.tile-super{-moz-user-select:none;-webkit-user-select:none}.tile-big:hover{outline:#999 solid 3px}.tile-big:active{outline:0}.tile-big.no-outline{outline-color:transparent}.tile-big.small-tile{width:70px;height:70px}.tile-big.wide-tile{width:310px;height:150px}.tile-big.wide-tile-v{height:310px;width:150px}.tile-big.large-tile{width:310px;height:310px}.tile-big.big-tile{width:470px;height:470px}.tile-big.super-tile,.tile-super{width:630px;height:630px}.tile-big .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-big .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-super{float:left;margin:5px;box-shadow:inset 0 0 1px #FFC;position:relative;user-select:none}.tile-super:hover{outline:#999 solid 3px}.tile-super:active{outline:0}.tile-super.no-outline{outline-color:transparent}.tile-super.small-tile{width:70px;height:70px}.tile-super.wide-tile{width:310px;height:150px}.tile-super.wide-tile-v{height:310px;width:150px}.tile-super.large-tile{width:310px;height:310px}.tile-super.big-tile{width:470px;height:470px}.tile-super.super-tile{width:630px;height:630px}.tile-super .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile-super .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-small-x{width:70px}.tile-square-x{width:150px}.tile-large-x,.tile-wide-x{width:310px}.tile-big-x{width:470px}.tile-super-x{width:630px}.tile-small-y{height:70px}.tile-square-y{height:150px}.tile-large-y,.tile-wide-y{height:310px}.tile-big-y{height:470px}.tile-super-y{height:630px}.tile-content{position:absolute;height:inherit;display:none}.tile-content:first-child{display:block}.tile-content .live-slide{position:absolute;height:100%;display:none}.tile-content .live-slide:nth-child(1){display:block}.tile-content.iconic .icon{position:absolute;width:64px;height:64px;font-size:64px;top:50%;margin-top:-40px;left:50%;margin-left:-32px;text-align:center}.tile-small .tile-content.iconic .icon{width:32px;height:32px;font-size:32px;margin-left:-16px;margin-top:-16px}.tile-content.image-set>.image-container,.tile-content.image-set>img{margin:0;padding:0;width:25%;height:50%;float:left;border:1px solid #1e1e1e}.tile-content.image-set>.image-container:first-child,.tile-content.image-set>img:first-child{width:50%;float:left;height:100%}.tile-content.slide-down-2>.slide,.tile-content.slide-down-2>.slide-over,.tile-content.slide-down>.slide,.tile-content.slide-down>.slide-over,.tile-content.slide-left-2>.slide,.tile-content.slide-left-2>.slide-over,.tile-content.slide-left>.slide,.tile-content.slide-left>.slide-over,.tile-content.slide-right-2>.slide,.tile-content.slide-right-2>.slide-over,.tile-content.slide-right>.slide,.tile-content.slide-right>.slide-over,.tile-content.slide-up-2>.slide,.tile-content.slide-up-2>.slide-over,.tile-content.slide-up>.slide,.tile-content.slide-up>.slide-over{width:100%;height:inherit;display:block;position:absolute;box-shadow:inset 0 0 1px #FFC}.tile-content.slide-down-2>.slide,.tile-content.slide-down>.slide,.tile-content.slide-left-2>.slide,.tile-content.slide-left>.slide,.tile-content.slide-right-2>.slide,.tile-content.slide-right>.slide,.tile-content.slide-up-2>.slide,.tile-content.slide-up>.slide{top:0;z-index:1;transition:all .3s ease}.tile-content.slide-down-2:hover>.slide,.tile-content.slide-down:hover>.slide,.tile-content.slide-left-2:hover>.slide,.tile-content.slide-left:hover>.slide,.tile-content.slide-right-2:hover>.slide,.tile-content.slide-right:hover>.slide,.tile-content.slide-up-2:hover>.slide,.tile-content.slide-up:hover>.slide{-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .6s ease}.tile-content.slide-up>.slide-over{top:100%;z-index:2;height:75%;transition:all .6s ease}.tile-content.slide-up:hover>.slide-over{top:25%;transition:all .3s ease}.tile-content.slide-up-2>.slide-over{top:100%;z-index:2;height:100%;transition:all .3s ease}.tile-content.slide-up-2:hover>.slide{-webkit-transform:scale(1);transform:scale(1);top:-100%;transition:all .4s ease}.tile-content.slide-up-2:hover>.slide-over{top:0;transition:all .4s ease}.tile-content.slide-down>.slide-over{top:-100%;z-index:2;height:75%;transition:all .6s ease}.tile-content.slide-down:hover>.slide-over{top:0;transition:all .3s ease}.tile-content.slide-down-2>.slide-over{top:-100%;z-index:2;height:100%;transition:all .3s ease}.tile-content.slide-down-2:hover>.slide{-webkit-transform:scale(1);transform:scale(1);top:100%;transition:all .4s ease}.tile-content.slide-down-2:hover>.slide-over{top:0;transition:all .4s ease}.tile-content.slide-left>.slide-over{left:-100%;z-index:2;width:75%;height:100%;transition:all .6s ease}.tile-content.slide-left-2>.slide,.tile-content.slide-left:hover>.slide-over{left:0;transition:all .3s ease}.tile-content.slide-left-2>.slide-over{left:-100%;z-index:2;width:100%;height:100%;transition:all .3s ease}.tile-content.slide-left-2:hover>.slide{-webkit-transform:scale(1);transform:scale(1);left:100%;transition:all .4s ease}.tile-content.slide-left-2:hover>.slide-over{left:0;transition:all .4s ease}.tile-content.slide-right>.slide-over{left:100%;z-index:2;width:75%;height:100%;transition:all .6s ease}.tile-content.slide-right:hover>.slide-over{left:25%;transition:all .3s ease}.tile-content.slide-right-2>.slide{left:0;transition:all .3s ease}.tile-content.slide-right-2>.slide-over{left:100%;z-index:2;width:100%;height:100%;transition:all .3s ease}.tile-content.slide-right-2:hover>.slide{-webkit-transform:scale(1);transform:scale(1);left:-100%;transition:all .4s ease}.tile-content.slide-right-2:hover>.slide-over{left:0;transition:all .4s ease}.tile-content.zooming .slide{box-shadow:inset 0 0 1px #FFC;width:100%;height:100%;display:block;position:relative;transition:all .6s ease}.tile-content.zooming .slide:hover{-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .6s ease}.tile-content.zooming-out .slide{width:100%;height:100%;display:block;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .6s ease}.tile-content.zooming-out .slide:hover{-webkit-transform:scale(1);transform:scale(1);transition:all .6s ease}.tile,.tile-big,.tile-large,.tile-small,.tile-square,.tile-super,.tile-wide{overflow:visible}.tile .tile-content.flipVertical,.tile-big .tile-content.flipVertical,.tile-large .tile-content.flipVertical,.tile-small .tile-content.flipVertical,.tile-square .tile-content.flipVertical,.tile-super .tile-content.flipVertical,.tile-wide .tile-content.flipVertical{-webkit-transform:perspective(1000px);transform:perspective(1000px);overflow:visible}.tile-big.flip .tile-content.flipVertical,.tile-big.hover .tile-content.flipVertical,.tile-big:hover .tile-content.flipVertical,.tile-large.flip .tile-content.flipVertical,.tile-large.hover .tile-content.flipVertical,.tile-large:hover .tile-content.flipVertical,.tile-small.flip .tile-content.flipVertical,.tile-small.hover .tile-content.flipVertical,.tile-small:hover .tile-content.flipVertical,.tile-square.flip .tile-content.flipVertical,.tile-square.hover .tile-content.flipVertical,.tile-square:hover .tile-content.flipVertical,.tile-super.flip .tile-content.flipVertical,.tile-super.hover .tile-content.flipVertical,.tile-super:hover .tile-content.flipVertical,.tile-wide.flip .tile-content.flipVertical,.tile-wide.hover .tile-content.flipVertical,.tile-wide:hover .tile-content.flipVertical,.tile.flip .tile-content.flipVertical,.tile.hover .tile-content.flipVertical,.tile:hover .tile-content.flipVertical{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tile .tile-content.flipVertical,.tile-big .tile-content.flipVertical,.tile-large .tile-content.flipVertical,.tile-small .tile-content.flipVertical,.tile-square .tile-content.flipVertical,.tile-super .tile-content.flipVertical,.tile-wide .tile-content.flipVertical{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .6s ease}.tile .tile-content.flipVertical .slide,.tile .tile-content.flipVertical .slide-over,.tile-big .tile-content.flipVertical .slide,.tile-big .tile-content.flipVertical .slide-over,.tile-large .tile-content.flipVertical .slide,.tile-large .tile-content.flipVertical .slide-over,.tile-small .tile-content.flipVertical .slide,.tile-small .tile-content.flipVertical .slide-over,.tile-square .tile-content.flipVertical .slide,.tile-square .tile-content.flipVertical .slide-over,.tile-super .tile-content.flipVertical .slide,.tile-super .tile-content.flipVertical .slide-over,.tile-wide .tile-content.flipVertical .slide,.tile-wide .tile-content.flipVertical .slide-over{top:0;left:0;position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tile .tile-content.flipVertical .slide,.tile-big .tile-content.flipVertical .slide,.tile-large .tile-content.flipVertical .slide,.tile-small .tile-content.flipVertical .slide,.tile-square .tile-content.flipVertical .slide,.tile-super .tile-content.flipVertical .slide,.tile-wide .tile-content.flipVertical .slide{z-index:2;-webkit-transform:rotateY(0);transform:rotateY(0)}.tile .tile-content.flipVertical .slide-over,.tile-big .tile-content.flipVertical .slide-over,.tile-large .tile-content.flipVertical .slide-over,.tile-small .tile-content.flipVertical .slide-over,.tile-square .tile-content.flipVertical .slide-over,.tile-super .tile-content.flipVertical .slide-over,.tile-wide .tile-content.flipVertical .slide-over{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.tile .tile-content.flipHorizontal,.tile-big .tile-content.flipHorizontal,.tile-large .tile-content.flipHorizontal,.tile-small .tile-content.flipHorizontal,.tile-square .tile-content.flipHorizontal,.tile-super .tile-content.flipHorizontal,.tile-wide .tile-content.flipHorizontal{-webkit-transform:perspective(1000px);transform:perspective(1000px);overflow:visible}.preloader-cycle,.preloader-metro,.preloader-square,.scene,.streamer,.streamer .meter{overflow:hidden}.tile-big.flip .tile-content.flipHorizontal,.tile-big.hover .tile-content.flipHorizontal,.tile-big:hover .tile-content.flipHorizontal,.tile-large.flip .tile-content.flipHorizontal,.tile-large.hover .tile-content.flipHorizontal,.tile-large:hover .tile-content.flipHorizontal,.tile-small.flip .tile-content.flipHorizontal,.tile-small.hover .tile-content.flipHorizontal,.tile-small:hover .tile-content.flipHorizontal,.tile-square.flip .tile-content.flipHorizontal,.tile-square.hover .tile-content.flipHorizontal,.tile-square:hover .tile-content.flipHorizontal,.tile-super.flip .tile-content.flipHorizontal,.tile-super.hover .tile-content.flipHorizontal,.tile-super:hover .tile-content.flipHorizontal,.tile-wide.flip .tile-content.flipHorizontal,.tile-wide.hover .tile-content.flipHorizontal,.tile-wide:hover .tile-content.flipHorizontal,.tile.flip .tile-content.flipHorizontal,.tile.hover .tile-content.flipHorizontal,.tile:hover .tile-content.flipHorizontal{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.tile .tile-content.flipHorizontal,.tile-big .tile-content.flipHorizontal,.tile-large .tile-content.flipHorizontal,.tile-small .tile-content.flipHorizontal,.tile-square .tile-content.flipHorizontal,.tile-super .tile-content.flipHorizontal,.tile-wide .tile-content.flipHorizontal{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .6s ease}.tile .tile-content.flipHorizontal .slide,.tile .tile-content.flipHorizontal .slide-over,.tile-big .tile-content.flipHorizontal .slide,.tile-big .tile-content.flipHorizontal .slide-over,.tile-large .tile-content.flipHorizontal .slide,.tile-large .tile-content.flipHorizontal .slide-over,.tile-small .tile-content.flipHorizontal .slide,.tile-small .tile-content.flipHorizontal .slide-over,.tile-square .tile-content.flipHorizontal .slide,.tile-square .tile-content.flipHorizontal .slide-over,.tile-super .tile-content.flipHorizontal .slide,.tile-super .tile-content.flipHorizontal .slide-over,.tile-wide .tile-content.flipHorizontal .slide,.tile-wide .tile-content.flipHorizontal .slide-over{top:0;left:0;position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tile .tile-content.flipHorizontal .slide,.tile-big .tile-content.flipHorizontal .slide,.tile-large .tile-content.flipHorizontal .slide,.tile-small .tile-content.flipHorizontal .slide,.tile-square .tile-content.flipHorizontal .slide,.tile-super .tile-content.flipHorizontal .slide,.tile-wide .tile-content.flipHorizontal .slide{z-index:2;-webkit-transform:rotateX(0);transform:rotateX(0)}.tile .tile-content.flipHorizontal .slide-over,.tile-big .tile-content.flipHorizontal .slide-over,.tile-large .tile-content.flipHorizontal .slide-over,.tile-small .tile-content.flipHorizontal .slide-over,.tile-square .tile-content.flipHorizontal .slide-over,.tile-super .tile-content.flipHorizontal .slide-over,.tile-wide .tile-content.flipHorizontal .slide-over{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.tile .tile-badge{position:absolute;bottom:0;right:.625rem;padding:.25rem .625rem;z-index:999}.tile .tile-label{position:absolute;bottom:0;left:.625rem;padding:.425rem .25rem;z-index:999}.tile-content .carousel,.tile-content .image-container{box-shadow:inset 0 0 1px #FFC;width:100%;height:100%}[class*=tile-transform-]{transition:all .22s ease}.tile-transform-right{-webkit-transform-origin:left 50%;transform-origin:left 50%}.tile-square.tile-transform-right,.tile.tile-transform-right{-webkit-transform:perspective(500px)rotateY(.138372rad)!important;transform:perspective(500px)rotateY(.138372rad)!important}.tile-large.tile-transform-right,.tile-wide.tile-transform-right{-webkit-transform:perspective(500px)rotateY(.069186rad)!important;transform:perspective(500px)rotateY(.069186rad)!important}.tile-big.tile-transform-right{-webkit-transform:perspective(500px)rotateY(.046124rad)!important;transform:perspective(500px)rotateY(.046124rad)!important}.tile-super.tile-transform-right{-webkit-transform:perspective(500px)rotateY(.034593rad)!important;transform:perspective(500px)rotateY(.034593rad)!important}.tile-small.tile-transform-right{-webkit-transform:perspective(500px)rotateY(.276744rad)!important;transform:perspective(500px)rotateY(.276744rad)!important}.tile-transform-left{-webkit-transform-origin:right 50%;transform-origin:right 50%}.tile-square.tile-transform-left,.tile.tile-transform-left{-webkit-transform:perspective(500px)rotateY(-.138372rad)!important;transform:perspective(500px)rotateY(-.138372rad)!important}.tile-large.tile-transform-left,.tile-wide.tile-transform-left{-webkit-transform:perspective(500px)rotateY(-.069186rad)!important;transform:perspective(500px)rotateY(-.069186rad)!important}.tile-big.tile-transform-left{-webkit-transform:perspective(500px)rotateY(-.046124rad)!important;transform:perspective(500px)rotateY(-.046124rad)!important}.tile-super.tile-transform-left{-webkit-transform:perspective(500px)rotateY(-.034593rad)!important;transform:perspective(500px)rotateY(-.034593rad)!important}.tile-small.tile-transform-left{-webkit-transform:perspective(500px)rotateY(-.276744rad)!important;transform:perspective(500px)rotateY(-.276744rad)!important}.tile-transform-top{-webkit-transform-origin:50% bottom;transform-origin:50% bottom}.tile-square.tile-transform-top,.tile.tile-transform-top{-webkit-transform:perspective(500px)rotateX(.138372rad)!important;transform:perspective(500px)rotateX(.138372rad)!important}.tile-large.tile-transform-top,.tile-wide.tile-transform-top{-webkit-transform:perspective(500px)rotateX(.069186rad)!important;transform:perspective(500px)rotateX(.069186rad)!important}.tile-big.tile-transform-top{-webkit-transform:perspective(500px)rotateX(.046124rad)!important;transform:perspective(500px)rotateX(.046124rad)!important}.tile-super.tile-transform-top{-webkit-transform:perspective(500px)rotateX(.034593rad)!important;transform:perspective(500px)rotateX(.034593rad)!important}.tile-small.tile-transform-top{-webkit-transform:perspective(500px)rotateX(.276744rad)!important;transform:perspective(500px)rotateX(.276744rad)!important}.tile-transform-bottom{-webkit-transform-origin:50% top;transform-origin:50% top}.tile-square.tile-transform-bottom,.tile.tile-transform-bottom{-webkit-transform:perspective(500px)rotateX(-.138372rad)!important;transform:perspective(500px)rotateX(-.138372rad)!important}.tile-large.tile-transform-bottom,.tile-wide.tile-transform-bottom{-webkit-transform:perspective(500px)rotateX(-.069186rad)!important;transform:perspective(500px)rotateX(-.069186rad)!important}.tile-big.tile-transform-bottom{-webkit-transform:perspective(500px)rotateX(-.046124rad)!important;transform:perspective(500px)rotateX(-.046124rad)!important}.tile-super.tile-transform-bottom{-webkit-transform:perspective(500px)rotateX(-.034593rad)!important;transform:perspective(500px)rotateX(-.034593rad)!important}.tile-small.tile-transform-bottom{-webkit-transform:perspective(500px)rotateX(-.276744rad)!important;transform:perspective(500px)rotateX(-.276744rad)!important}.tile-area-scheme-dark{background-color:#1d1d1d}.tile-area-scheme-dark [class*=tile]{outline-color:#373737}.tile-area-scheme-darkBrown{background-color:#63362f}.tile-area-scheme-darkBrown [class*=tile]{outline-color:#86493f}.tile-area-scheme-darkCrimson{background-color:#640024}.tile-area-scheme-darkCrimson [class*=tile]{outline-color:#970036}.tile-area-scheme-darkViolet{background-color:#57169a}.tile-area-scheme-darkViolet [class*=tile]{outline-color:#701cc7}.tile-area-scheme-darkMagenta{background-color:#81003c}.tile-area-scheme-darkMagenta [class*=tile]{outline-color:#b40054}.tile-area-scheme-darkCyan{background-color:#1b6eae}.tile-area-scheme-darkCyan [class*=tile]{outline-color:#228ada}.tile-area-scheme-darkCobalt{background-color:#00356a}.tile-area-scheme-darkCobalt [class*=tile]{outline-color:#004e9d}.tile-area-scheme-darkTeal{background-color:#004050}.tile-area-scheme-darkTeal [class*=tile]{outline-color:#006983}.tile-area-scheme-darkEmerald{background-color:#003e00}.tile-area-scheme-darkEmerald [class*=tile]{outline-color:#007100}.tile-area-scheme-darkGreen{background-color:#128023}.tile-area-scheme-darkGreen [class*=tile]{outline-color:#18ad2f}.tile-area-scheme-darkOrange{background-color:#bf5a15}.tile-area-scheme-darkOrange [class*=tile]{outline-color:#e77120}.tile-area-scheme-darkRed{background-color:#9a1616}.tile-area-scheme-darkRed [class*=tile]{outline-color:#c71c1c}.tile-area-scheme-darkPink{background-color:#9a165a}.tile-area-scheme-darkPink [class*=tile]{outline-color:#c71c74}.tile-area-scheme-darkIndigo{background-color:#4b0096}.tile-area-scheme-darkIndigo [class*=tile]{outline-color:#6400c9}.tile-area-scheme-darkBlue{background-color:#16499a}.tile-area-scheme-darkBlue [class*=tile]{outline-color:#1c5ec7}.tile-area-scheme-lightBlue{background-color:#4390df}.tile-area-scheme-lightBlue [class*=tile]{outline-color:#6faae6}.tile-area-scheme-lightTeal{background-color:#45fffd}.tile-area-scheme-lightTeal [class*=tile]{outline-color:#78fffd}.tile-area-scheme-lightOlive{background-color:#78aa1c}.tile-area-scheme-lightOlive [class*=tile]{outline-color:#97d623}.tile-area-scheme-lightOrange{background-color:#ffc194}.tile-area-scheme-lightOrange [class*=tile]{outline-color:#ffdec7}.tile-area-scheme-lightPink{background-color:#f472d0}.tile-area-scheme-lightPink [class*=tile]{outline-color:#f8a1e0}.tile-area-scheme-grayed{background-color:#585858}.tile-area-scheme-grayed [class*=tile]{outline-color:#727272}.treeview{margin:0;padding:0;display:block;font-size:.75rem}.treeview ul{margin:0;padding:0;list-style:none;width:100%;font-size:inherit}.treeview li{font-size:inherit;padding:2px 16px;position:relative;color:#555;vertical-align:middle;user-select:none}.streamer .events .event-stream .event,.treeview li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.treeview li.active>.leaf{font-weight:700}.treeview li.disabled{cursor:default;color:#999}.treeview li.disabled:hover>.leaf{color:#999}.treeview li .input-control{margin:0 .3125rem 0 0;height:1rem;line-height:.625rem;min-height:0}.treeview li .input-control .check{line-height:1rem}.treeview ul>li>.leaf:hover{color:#1d1d1d}.treeview .leaf{vertical-align:middle;display:inline-block;color:inherit}.treeview .leaf .icon{width:1rem;height:1rem;text-align:center}.treeview .node-toggle{position:absolute;left:0;top:8px;width:8px;height:8px}.treeview .node-toggle:before{position:absolute;display:block;left:0;top:-3px;height:0;content:'';width:0;border-left:7px solid transparent;border-top:7px solid transparent;border-bottom:7px #1ba1e2 solid}.act,.listview,.presenter,.scene{width:100%}.act,.presenter,.scene{position:relative}.treeview li:hover>.node-toggle:before{border-bottom-color:#1b6eae}.treeview .node.collapsed>.node-toggle:before{left:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom-color:#999}.treeview .node.collapsed:hover>.node-toggle:before{border-bottom-color:#1b6eae}.treeview .node.collapsed>ul{display:none}.act,.presenter,.scene{display:block}.presenter{height:200px;min-height:200px}.act,.scene{height:100%}.scene{margin:0;padding:0}.act{padding:10px}.act:after,.act:before{display:table;content:""}.actor{position:absolute;margin-right:10px}.listview{display:block;height:auto}.listview:after,.listview:before{display:table;content:""}.listview .list-group{display:block;width:100%;height:auto;position:relative}.listview .list-group:after,.listview .list-group:before{display:table;content:""}.listview .list-group .list-group-toggle{display:block;padding-left:16px;cursor:pointer;position:relative;margin-top:10px}.listview .list-group .list-group-toggle:before{position:absolute;display:block;left:0;top:-3px;height:0;content:'';width:0;border-left:7px solid transparent;border-top:7px solid transparent;border-bottom:7px #1ba1e2 solid}.listview .list-group .list-group-content{display:block;width:100%;height:auto;margin-top:1rem}.listview .list-group .list-group-content:after,.listview .list-group .list-group-content:before{display:table;content:""}.listview .list-group.collapsed>.list-group-toggle:before{left:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom-color:#999}.listview .list-group.collapsed:hover>.list-group-toggle:before{border-bottom-color:#1b6eae}.listview .list{display:block;width:100%;padding:8px 8px 4px 48px;border:1px solid transparent;cursor:pointer;height:50px;border-bottom-color:#eee;position:relative}.listview .list:last-child{border-bottom-color:transparent}.listview .list .list-icon{position:absolute;left:0;top:0;margin:8px;width:32px;height:32px;font-size:32px;text-align:center}.listview .list .list-data{display:block;margin:4px 0}.listview.list-type-icons .list{display:block;float:left;padding:0;width:105px;height:116px;border-color:transparent;margin:.625rem;text-align:center}.listview.list-type-icons .list .list-title{position:absolute;left:0;right:0;bottom:4px;height:auto;text-align:center}.listview.list-type-icons .list .list-icon{width:80px;height:80px;font-size:80px;text-align:center;left:50%;margin-left:-40px}.listview.list-type-icons .list .list-data{display:none}.listview.list-type-tiles .list{display:block;float:left;padding:8px 8px 4px 48px;width:250px;height:52px;border-color:transparent;margin:.625rem}.listview.list-type-tiles .list .list-title{margin-top:8px;display:block}.listview.list-type-tiles .list .list-icon{width:48px;height:48px;font-size:48px;text-align:center;top:0;left:0;margin:2px}.listview.list-type-tiles .list .list-data{display:none}.listview.list-type-listing .list{display:block;float:left;padding:4px 2px 4px 24px;width:auto;height:auto;border-color:transparent;margin:1px}.listview.list-type-listing .list .list-title{display:block}.listview.list-type-listing .list .list-icon{width:20px;height:20px;font-size:20px;text-align:center;top:0;left:0;margin:1px}.listview.list-type-listing .list .list-data{display:none}.listview .list.active{background-color:#d1e8ff;border-color:#64b4db}.listview .list:hover{background-color:#e5f3fb;border-color:#64b4db}.listview-outlook{display:block;width:100%;height:auto}.listview-outlook:after,.listview-outlook:before{display:table;content:""}.listview-outlook .list{display:block;width:100%;border:0;border-bottom:1px #eee solid;padding:2px 0;color:#555;margin-bottom:0;background-color:transparent}.listview-outlook .list .list-content{margin:2px 0;padding:2px 20px;font-size:1rem;color:inherit;border-left:3px transparent solid}.listview-outlook .list .list-content .list-remark,.listview-outlook .list .list-content .list-subtitle,.listview-outlook .list .list-content .list-title{width:100%;display:block;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.listview-outlook .list .list-content .list-title{line-height:1.3}.listview-outlook .list .list-content .list-subtitle{font-size:.75rem;line-height:1.2;font-weight:500;color:#0067cb}.listview-outlook .list .list-content .list-remark{font-weight:400;line-height:1.2;font-size:.625rem;color:#999}.listview-outlook .list:hover{background-color:#eee;outline:0}.listview-outlook .list:hover .list-content{border-left:3px transparent solid}.listview-outlook .list.marked .list-content{border-left:3px #1b6eae solid}.listview-outlook .list.active,.listview-outlook .list:active,.listview-outlook .list:focus{background-color:#cde6f7;outline:#999 dotted 1px;color:#555}.listview-outlook .list-group{display:block;position:relative}.listview-outlook .list-group .list-group-toggle{display:block;margin-bottom:2px;background-color:#f0f0f0;padding:4px 20px 4px 24px;font-size:.875rem;font-weight:500;color:#333;cursor:pointer}.listview-outlook .list-group .list-group-toggle:before{position:absolute;display:block;left:10px;top:2px;content:'';width:0;height:0;border-left:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid #000}.listview-outlook .list-group .list-group-content{display:block}.listview-outlook .list-group.collapsed .list-group-toggle:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-4px}.listview-outlook .list-group .list-group-toggle:hover:before{border-bottom-color:#0067cb}.charm{display:block;position:fixed;z-index:1060;background:#1d1d1d;color:#eee;padding:.625rem}.charm .charm-closer{position:absolute;height:1rem;width:1rem;text-align:center;vertical-align:middle;font-size:1rem;font-weight:400;padding:0 0 .625rem;z-index:3;outline:0;cursor:pointer;color:#777;top:.25rem;right:.25rem}.charm .charm-closer:after{content:'\D7';position:absolute;left:50%;top:50%;margin-top:-.65rem;margin-left:-.35rem}.charm .charm-closer:active,.charm .charm-closer:hover{color:#fff}.charm.right-side{width:auto;right:0;top:0;left:auto;bottom:0}.charm.left-side{width:auto;left:0;top:0;bottom:0}.charm.top-side{height:auto;left:0;right:0;top:0}.charm.bottom-side{height:auto;left:0;right:0;top:auto;bottom:0}.notify-container{position:fixed;top:0;right:0;width:auto;z-index:1061}.notify-container:after,.notify-container:before{display:table;content:""}.notify-container.position-left{left:0;right:auto}.notify-container.position-top{left:0;right:0;top:0;height:auto}.notify-container.position-top .notify{float:left}.notify-container.position-bottom{left:0;right:0;bottom:0;top:auto;height:auto}.notify-container.position-bottom .notify{float:left}.notify{display:block;margin:.3125rem;padding:.625rem;min-width:200px;cursor:default;max-width:300px;position:relative}.hint,.hint2{max-width:220px}.notify .notify-icon{width:32px;height:32px;font-size:32px;text-align:center;position:absolute;margin:-16px 10px;top:50%;left:0}.notify .notify-icon~.notify-text,.notify .notify-icon~.notify-title{position:relative;margin-left:42px}.notify .notify-text,.notify .notify-title{display:block;margin-right:20px}.hint,.hint2{display:none}.notify .notify-title{font-weight:500;font-size:1rem}.notify .notify-text{font-size:.875rem}.notify .notify-closer{position:absolute;height:1rem;width:1rem;text-align:center;vertical-align:middle;font-size:1rem;font-weight:400;padding:0 0 .625rem;z-index:3;outline:0;cursor:pointer;background-color:#fff;color:#777;top:.25rem;right:.25rem}.hint,.hint2{padding:10px}.hint2:before,.hint:before{background-color:inherit;height:10px}.notify .notify-closer:after{border-color:#777;content:'\D7';position:absolute;left:50%;top:50%;margin-top:-.65rem;margin-left:-.35rem}.hint2:before,.hint:before,.preloader-ring>.wrap>.circle:after{content:''}.notify .notify-closer:hover{background-color:#cde6f7;color:#fff}.notify .notify-closer:active{background-color:#92c0e0;color:#fff}.notify{background-color:#e5f3fb;color:#1d1d1d}.notify.success,.notify.success .notify-closer{background-color:#60a917;color:#fff}.notify.success .notify-closer:hover{background-color:#7ad61d}.notify.success .notify-closer:active{background-color:#128023}.notify.alert,.notify.alert .notify-closer{background-color:#ce352c;color:#fff}.notify.alert .notify-closer:hover{background-color:#da5a53}.notify.alert .notify-closer:active{background-color:#9a1616}.notify.warning,.notify.warning .notify-closer{background-color:#fa6800;color:#fff}.notify.warning .notify-closer:hover{background-color:#ffc194}.notify.warning .notify-closer:active{background-color:#bf5a15}.notify.info,.notify.info .notify-closer{background-color:#1ba1e2;color:#fff}.notify.info .notify-closer:hover{background-color:#59cde2}.notify.info .notify-closer:active{background-color:#1b6eae}p [data-hint]{border-bottom:1px #373737 dotted;white-space:nowrap}.hint{position:fixed;color:#1d1d1d;font-size:12px;width:auto;margin-top:10px;z-index:1030}.hint .hint-text,.hint .hint-title{color:inherit;text-align:left}.hint .hint-title{font-size:1.2em;font-weight:700}.hint:before{position:absolute;width:10px;transform:rotate(45deg);z-index:2}.hint2:before,.hint:before{-webkit-transform:rotate(45deg)}.hint.bottom:before{top:1px;left:5px;margin:-7px 0;border-bottom:none;border-right:none}.hint.top:before{top:100%;margin-top:-5px;left:5px;border-top:none}.hint.left:before{top:5px;left:100%;margin-left:-5px;border-bottom:none}.hint.right:before{top:5px;left:-9px;margin:1px 0 0 3px;border-top:none;border-right:none}.hint2{position:fixed;color:#1d1d1d;font-size:12px;width:auto;margin-top:10px;z-index:1030}.hint2 .hint-text,.hint2 .hint-title{color:inherit;text-align:left}.hint2 .hint-title{font-size:1.2em;font-weight:700}.hint2:before{position:absolute;width:10px;transform:rotate(45deg);z-index:2}.hint.no-border,.hint.no-border:before,.hint2.line,.hint2.no-border,.hint2.no-border:before{border:none}.hint2.no-border.right:before{left:-7px}.hint2.bottom:before{top:1px;left:50%;margin:-7px 0 0 -5px;border-bottom:none;border-right:none}.hint2.top:before{top:100%;margin-top:-5px;left:50%;margin-left:-5px;border-top:none}.hint2.left:before{top:50%;margin-top:-5px;left:100%;margin-left:-5px;border-bottom:none}.hint2.right:before{top:50%;margin:-5px 0 0 3px;left:-9px;border-top:none;border-right:none}.preloader-cycle .cycle,.preloader-cycle .cycle:after,.preloader-cycle .cycle:before{border:3px solid transparent;border-top-color:#fff}.hint.no-border.right:before,.hint2.no-border.right:before{left:-7px}.hint2.line{padding:2px 4px;display:block;max-width:100%;margin:-5px 0 4px}.hint2.line:before{display:none}.preloader-ring{position:relative;padding-top:.22rem;width:32px;height:32px;margin:.625rem}.preloader-ring>.wrap{position:absolute;width:30px;height:30px}.preloader-ring>.wrap>.circle{opacity:0;width:30px;height:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-animation:orbit 4000ms infinite;animation:orbit 4000ms infinite}.preloader-ring>.wrap>.circle:after{position:absolute;width:4px;height:4px;border-radius:4px;background:#fff}.preloader-cycle .cycle:after,.preloader-cycle .cycle:before{position:absolute;content:"";border-radius:50%}.preloader-ring>.wrap:nth-child(2){-webkit-transform:rotate(-14deg);transform:rotate(-14deg)}.preloader-ring>.wrap:nth-child(2)>.circle{-webkit-animation-delay:133.33333333ms;animation-delay:133.33333333ms}.preloader-ring>.wrap:nth-child(3){-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}.preloader-ring>.wrap:nth-child(3)>.circle{-webkit-animation-delay:266.66666667ms;animation-delay:266.66666667ms}.preloader-ring>.wrap:nth-child(4){-webkit-transform:rotate(-42deg);transform:rotate(-42deg)}.preloader-ring>.wrap:nth-child(4)>.circle{-webkit-animation-delay:400ms;animation-delay:400ms}.preloader-ring>.wrap:nth-child(5){-webkit-transform:rotate(-56deg);transform:rotate(-56deg)}.preloader-ring>.wrap:nth-child(5)>.circle{-webkit-animation-delay:533.33333333ms;animation-delay:533.33333333ms}.preloader-ring.dark-style>.wrap>.circle:after{background-color:#555}.preloader-ring.color-style>.wrap>.circle:after{background-color:#1ba1e2}.preloader-ring.color-style>.wrap:nth-child(2)>.circle:after{background-color:#fa6800}.preloader-ring.color-style>.wrap:nth-child(3)>.circle:after{background-color:#60a917}.preloader-ring.color-style>.wrap:nth-child(4)>.circle:after{background-color:#ce352c}.preloader-ring.color-style>.wrap:nth-child(5)>.circle:after{background-color:#e3c800}.preloader-metro{position:relative;width:100%;height:10px;background-color:transparent}.preloader-metro>.circle{display:inline-block;position:absolute;width:10px;height:10px;background-color:#fff;opacity:0;margin-left:5px;-webkit-animation:metro-slide 3s cubic-bezier(.1,.85,.9,.15)infinite,metro-opacity 2s ease-in-out infinite alternate;animation:metro-slide 3s cubic-bezier(.1,.85,.9,.15)infinite,metro-opacity 2s ease-in-out infinite alternate}.preloader-metro>.circle:nth-child(2){-webkit-animation-delay:.8s;animation-delay:.8s}.preloader-metro>.circle:nth-child(3){-webkit-animation-delay:.7s;animation-delay:.7s}.preloader-metro>.circle:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.preloader-metro>.circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}.preloader-metro.dark-style>.circle{background-color:#555}.preloader-metro.color-style>.circle{background-color:#1ba1e2}.preloader-metro.color-style>.circle:nth-child(2){background-color:#fa6800}.preloader-metro.color-style>.circle:nth-child(3){background-color:#60a917}.preloader-metro.color-style>.circle:nth-child(4){background-color:#ce352c}.preloader-metro.color-style>.circle:nth-child(5){background-color:#e3c800}.preloader-square{position:relative;width:40px;height:40px;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-animation:ani-shrink 1s linear infinite;animation:ani-shrink 1s linear infinite}.preloader-square .square{position:absolute;width:19px;height:19px;background:#fff}.preloader-cycle,.preloader-cycle .cycle{position:relative;width:64px;height:64px}.preloader-square .square:nth-child(1){left:0;top:21px}.preloader-square .square:nth-child(2){left:21px;top:21px;-webkit-animation:ani-drop 1s linear infinite;animation:ani-drop 1s linear infinite}.preloader-square .square:nth-child(3){left:0;top:0;-webkit-animation:ani-drop2 1s linear infinite;animation:ani-drop2 1s linear infinite}.preloader-square .square:nth-child(4){left:21px;top:0;-webkit-animation:ani-drop3 1s linear infinite;animation:ani-drop3 1s linear infinite}.preloader-square.dark-style>.square{background-color:#555}.preloader-square.color-style>.square:nth-child(1){background-color:#fa6800}.preloader-square.color-style>.square:nth-child(2){background-color:#60a917}.preloader-square.color-style>.square:nth-child(3){background-color:#1ba1e2}.preloader-square.color-style>.square:nth-child(4){background-color:#e3c800}.preloader-cycle .cycle{display:block;left:50%;top:50%;margin:-32px 0 0 -32px;border-radius:50%;-webkit-animation:ani-pre-spin 1s linear infinite;animation:ani-pre-spin 1s linear infinite;z-index:1001}.preloader-cycle .cycle:before{top:5px;left:5px;right:5px;bottom:5px;-webkit-animation:ani-pre-spin 2s linear infinite;animation:ani-pre-spin 2s linear infinite}.preloader-cycle .cycle:after{top:15px;left:15px;right:15px;bottom:15px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.preloader-cycle.dark-style .cycle,.preloader-cycle.dark-style .cycle:after,.preloader-cycle.dark-style .cycle:before{border-top-color:#1d1d1d}.preloader-cycle.color-style .cycle{border-top-color:#3498db}.preloader-cycle.color-style .cycle:before{border-top-color:#e74c3c}.preloader-cycle.color-style .cycle:after{border-top-color:#f9c922}.dialog-overlay{background-color:transparent;position:fixed;top:0;left:0;right:0;bottom:0;min-height:100%;min-width:100%;z-index:1049}.dialog{position:fixed;display:block;width:auto;height:auto;float:left;background-color:#fff;color:#1d1d1d;z-index:1050}.dialog .dialog-close-button{position:absolute;height:1.5rem;width:1.5rem;min-height:1.5rem;text-align:center;vertical-align:middle;font-size:1rem;font-weight:400;padding:.125rem 0 .625rem;z-index:3;outline:0;cursor:pointer;background-color:#fff;color:#777;top:.25rem;right:.25rem}.streamer .streams,.streamer .streams .streams-title{position:absolute;top:0}.streamer .events,.streamer .events .events-grid{height:100%;min-height:100%}.dialog .dialog-close-button:hover{background-color:#cde6f7;color:#2a8dd4}.dialog .dialog-close-button:hover:after{border-color:#2a8dd4}.dialog .dialog-close-button:active{background-color:#92c0e0;color:#fff}.dialog .dialog-close-button:after{border-color:#777;content:'\D7';line-height:1}.dialog.success{background-color:#60a917;color:#fff}.dialog.success .dialog-close-button{background-color:#7ad61d;color:#fff}.dialog.success .dialog-close-button:active{background-color:#128023}.dialog.warning{background-color:#fa6800;color:#fff}.dialog.warning .dialog-close-button{background-color:#ffc194;color:#fff}.dialog.warning .dialog-close-button:active{background-color:#bf5a15}.dialog.alert{background-color:#ce352c;color:#fff}.dialog.alert .dialog-close-button{background-color:#da5a53;color:#fff}.dialog.alert .dialog-close-button:active{background-color:#9a1616}.dialog.info{background-color:#1ba1e2;color:#fff}.dialog.info .dialog-close-button{background-color:#59cde2;color:#fff}.dialog.info .dialog-close-button:active{background-color:#1b6eae}.streamer{position:relative;display:block;width:100%}.streamer .streamer-toolbar .toolbar-button{display:block;float:left;width:.625rem;height:1.5rem}.streamer .streamer-toolbar .toolbar-button.active{background-color:#555;color:#fff}.streamer .meter{height:25px;width:auto;list-style:none;margin:0;padding:0;display:block}.streamer .meter li{display:block;float:left;width:213px;padding:2px 3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAAAUCAYAAAAa9HiSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNrs2csJgDAQQMFE7Gj77yA9+UNswOwewgwI3hYTngrpY4yjAb9FRH9u7qguLfuqmFP1PKutm/2Zu36b9wvMJSoQFYgKRAWICkQFq9qrBn0HY4neM4pl5lSyP75U4PcPRAWICkQFogJEBaICUQGigjynAAMAqEOFksZmC3MAAAAASUVORK5CYII=)top left repeat-x}.streamer .meter li em{font-size:10px;font-style:normal}.streamer .streams{width:142px;padding-top:25px;left:0;z-index:2;background-color:#fff}.streamer .streams .stream{position:relative;display:block;width:100%;height:75px;margin:0 2px 2px 0;padding:5px;color:#fff;cursor:pointer}.streamer .streams .stream .stream-title{font-size:.75rem;line-height:1}.streamer .streams .stream .stream-number{position:absolute;left:5px;bottom:5px;font-size:.6875rem;line-height:1}.streamer .events{padding-left:143px;overflow:hidden;overflow-x:scroll}.streamer .events .double{width:424px}.streamer .events .triple{width:637px}.streamer .events .quadro{width:850px}.streamer .events .events-area{height:100%;min-height:100%;overflow:hidden}.streamer .events .events-area:after,.streamer .events .events-area:before{display:table;content:""}.streamer .events .events-grid:after,.streamer .events .events-grid:before{display:table;content:""}.streamer .events .event-group{height:460px;min-width:211px;margin:0 2px 2px 0;float:left}.streamer .events .event-super{height:100%;min-height:100%;border:1px solid #d9d9d9}.streamer .events .event-super.medium-border{border-width:8px}.streamer .events .event-super.large-border{border-width:16px}.streamer .events .event-stream{height:75px}.streamer .events .event-stream .event{min-width:211px;height:75px;float:left;display:block;margin:0 2px 2px 0;cursor:pointer;position:relative;overflow:hidden;user-select:none;border:1px solid #d9d9d9}.streamer .events .event-stream .event.medium-border{border-width:8px}.streamer .events .event-stream .event.large-border{border-width:16px}.streamer .events .event-stream .event:last-child{margin-right:0}.streamer .events .event-stream .event.event-disable{opacity:.2}.streamer .events .event-stream .event .event-content{width:100%;height:100%;padding:0;margin:0;position:absolute;left:0;top:0;overflow:hidden;display:none}.streamer .events .event-stream .event .event-content:first-child{display:block}.streamer .events .event-stream .event .event-content-logo{display:block;float:left;margin-right:5px;padding:3px}.streamer .events .event-stream .event .event-content-logo .icon{position:relative;width:39px;height:39px;margin-bottom:1px}.streamer .events .event-stream .event .event-content-logo .icon img{width:100%;height:100%}.streamer .events .event-stream .event .event-content-logo .time{position:relative;width:39px;padding:8px 4px;font-size:.75rem;color:#fff;line-height:1}.streamer .events .event-stream .event .event-content-data{display:block;padding:0;margin:0 0 0 50px;position:relative}.streamer .events .event-stream .event .event-content-data .title{position:relative;font-size:.875rem;line-height:1;margin:3px 0 0;padding:0}.streamer .events .event-stream .event .event-content-data .subtitle{position:relative;font-size:.625rem;line-height:1;margin:0 0 10px;padding:0}.streamer .events .event-stream .event .event-content-data .remark{position:absolute;display:block;top:36px;margin-right:4px;font-size:.6875rem;line-height:1;color:#999}.streamer .events .event-stream .event:hover{border-color:#999}.streamer .events .event-stream .event.selected{border:4px solid #4390df;border-width:1px}.keypad,.keypad .key{border:1px solid #eee}.streamer .events .event-stream .event.selected:after{position:absolute;display:block;border-top:28px solid #4390df;border-left:28px solid transparent;right:0;content:"";top:0;z-index:101}.streamer .events .event-stream .event.selected:before{position:absolute;display:block;content:"";background-color:transparent;border-color:#fff;border-left:2px solid;border-bottom:2px solid;height:.25rem;width:.5rem;z-index:102;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:3px;top:3px;color:#fff}.streamer .events .event-stream .event.margin-one{margin-left:213px}.streamer .events .event-stream .event.margin-double{margin-left:426px}.streamer .events .event-stream .event.margin-triple{margin-left:639px}.streamer .events .event-stream .event.margin-quadro{margin-left:852px}.keypad{position:relative;width:106px;padding:1px;vertical-align:middle;background-color:#fff;user-select:none}.keypad,.select2-container .select2-selection--single{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.keypad:after,.keypad:before{display:table;content:""}.keypad .key{width:32px;height:32px;display:block;float:left;margin:1px;vertical-align:middle;text-align:center;cursor:pointer;font-size:.875rem;line-height:32px}.keypad .key:hover{background-color:#eee}.keypad .key:active{background-color:#555;color:#fff}.fluent-menu .tabs-holder{list-style:none;position:relative;margin:0;padding:0;display:block;z-index:2}.fluent-menu .tabs-holder:after,.fluent-menu .tabs-holder:before{display:table;content:""}.fluent-menu .tabs-holder li{display:block;float:left;margin-right:5px;background-color:#fff}.fluent-menu .tabs-holder li a{display:block;float:left;padding:.25rem 1rem;text-transform:uppercase;font-size:.8em;color:#444}.fluent-menu .tabs-holder li a:hover,.fluent-menu .tabs-holder li.active a{color:#0072c6}.fluent-menu .tabs-holder li:first-child{margin-left:0}.fluent-menu .tabs-holder li.active{border:1px solid #d4d4d4;border-bottom-color:#fff}.fluent-menu .tabs-holder li.special{border:1px solid #0072c6;background-color:#0072c6}.fluent-menu .tabs-holder li.special a,.fluent-menu .tabs-holder li.special a:hover{color:#fff}.fluent-menu .tabs-content{z-index:1;position:relative;margin-top:-1px;border:1px solid #d4d4d4;background-color:#fff;height:120px}.fluent-menu .tabs-content .tab-panel{display:block;height:100%;padding:5px 0 2px}.fluent-menu .tabs-content .tab-panel .tab-panel-group{height:100%;position:relative;display:block;float:left;padding:0 5px;border-right:1px #d4d4d4 solid}.dataTable.bordered tbody tr td:last-child,.dataTable.bordered thead tr:first-child td:last-child,.dataTable.bordered thead tr:first-child th:last-child{border-right:none}.fluent-menu .tabs-content .tab-panel .tab-panel-group:last-child{margin-right:0}.fluent-menu .tabs-content .tab-panel .tab-group-caption{font-size:10px;margin:2px 0 -2px;text-align:center;display:block;position:absolute;bottom:0;right:0;left:0;white-space:nowrap;background:#eee}.fluent-menu .tabs-content .tab-panel .tab-content-segment{display:block;float:left;position:relative}.fluent-menu .fluent-big-button,.fluent-menu .fluent-button,.fluent-menu .fluent-tool-button{background-color:#fff;padding:.3125rem;display:block;cursor:default;border:0;outline:0;font-size:.8em;line-height:1.2;vertical-align:middle}.fluent-menu .fluent-big-button:hover,.fluent-menu .fluent-button:hover,.fluent-menu .fluent-tool-button:hover{background-color:#cde6f7}.fluent-menu .fluent-big-button .icon,.fluent-menu .fluent-big-button [class*=mif-],.fluent-menu .fluent-big-button img,.fluent-menu .fluent-button .icon,.fluent-menu .fluent-button [class*=mif-],.fluent-menu .fluent-button img,.fluent-menu .fluent-tool-button .icon,.fluent-menu .fluent-tool-button [class*=mif-],.fluent-menu .fluent-tool-button img{line-height:1.2;display:block;float:left;margin-right:5px;width:16px;height:16px;color:#444;vertical-align:middle}.fluent-menu .fluent-big-button .label,.fluent-menu .fluent-button .label,.fluent-menu .fluent-tool-button .label{display:inline-block;color:inherit;font:inherit}.dataTable tfoot td,.dataTable tfoot th,.dataTable thead td,.dataTable thead th{color:#52677a;border-color:transparent;line-height:100%;text-align:left;font-style:normal}.fluent-menu .fluent-big-button:active,.fluent-menu .fluent-button:active,.fluent-menu .fluent-tool-button:active{top:0;left:0;background-color:#75bae9}.fluent-menu .fluent-big-button.dropdown-toggle:before,.fluent-menu .fluent-button.dropdown-toggle:before,.fluent-menu .fluent-tool-button.dropdown-toggle:before{margin-top:-.3125rem}.fluent-menu .fluent-big-button{padding:7px 5px;text-align:center;white-space:normal;line-height:12px;float:left;position:relative}.fluent-menu .fluent-big-button .icon,.fluent-menu .fluent-big-button [class*=mif-],.fluent-menu .fluent-big-button img{display:block;width:40px;height:40px;font-size:40px;float:none;text-align:center;margin:5px auto}.fluent-menu .fluent-big-button br{line-height:4px;height:4px;font-size:4px}.fluent-menu .fluent-tool-button{padding:4px}.fluent-menu .fluent-tool-button [class*=icon-],.fluent-menu .fluent-tool-button img{display:block;width:16px;height:16px;font-size:16px;float:none;text-align:center}.fluent-menu .fluent-tool-button img{margin-right:0}.fluent-menu .dropdown-toggle{padding-right:24px}.fluent-menu .d-menu{position:absolute;top:100%;z-index:100}.fluent-menu .d-menu a{padding:4px 24px;font-size:.8em}.fluent-menu .d-menu a:hover{background-color:#cde6f7;color:#444}.video-player:-webkit-full-screen{width:100%;height:100%;position:fixed;top:0;min-width:100%;min-height:100%}.video-player:-moz-full-screen{position:fixed;top:0;min-width:100%;min-height:100%}.video-player:-ms-fullscreen{position:fixed;top:0;min-width:100%;min-height:100%}.video-player:fullscreen{position:fixed;top:0;min-width:100%;min-height:100%}.video-player:-webkit-full-screen video{width:100%;height:100%}.video-player:-moz-full-screen video{width:100%;height:100%}.video-player:-ms-fullscreen video{width:100%;height:100%}.video-player:fullscreen video{width:100%;height:100%}.video-player{display:block;background:#1d1d1d;position:relative;width:100%;height:auto;z-index:1}.video-player .video-preloader{position:absolute;z-index:2147483647;top:50%;left:50%;margin-top:-32px;margin-left:-32px}.video-player .video-logo{position:absolute;z-index:2147483647;right:20px;top:20px;height:32px}.video-player video{width:100%;height:100%;z-index:1}.video-player .controls{position:absolute;height:auto;padding:.625rem;z-index:2147483647;background:rgba(34,34,34,.5)}.video-player .controls .control-button,.video-player .controls .control-slider,.video-player .controls .info-box{background:inherit inherit/inherit inherit inherit inherit}.video-player .controls .info-box{float:left;margin:0 2px;padding:.75rem 1rem;color:#fff;height:2.125rem;text-align:center;font-size:.8em}.video-player .controls .control-slider{height:2.125rem;float:left;padding:0 1rem;margin:0 2px}.video-player .controls .volume-slider-wrapper{width:6rem}.video-player .controls .stream-slider-wrapper{float:none;width:100%}.video-player .controls .control-button{float:left;border:0;color:#b3b3b3;outline:0;position:relative;margin:0 2px}.video-player .controls .control-button:active,.video-player .controls .control-button:hover{color:#fff}.video-player .controls .control-button.loop.active{color:#60a917}.video-player .controls .control-button.stop:disabled{color:#555}.video-player .controls .control-button.full{float:right}.video-player .controls.position-bottom{bottom:0;left:0;right:0}.video-player.full-screen{position:fixed;top:0;left:0;bottom:0;right:0;width:auto!important;z-index:2147483646}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}.audio-player{display:inline-block;position:relative;background:#1d1d1d;height:auto}.audio-player .controls{position:relative;width:100%;height:auto;padding:4px;background:inherit inherit/inherit inherit inherit inherit}.audio-player .controls:after,.audio-player .controls:before{display:table;content:""}.audio-player .controls .control-element{height:2.125rem;display:inline-block;border:none;background:rgba(34,34,34,.5);vertical-align:middle}.audio-player .controls .stream-wrapper{padding:0 .25rem}.audio-player .controls .stream-slider{width:200px}.audio-player .controls .info-box{margin:0 2px;padding:.75rem 1rem;color:#fff;height:2.125rem;line-height:1;text-align:center;font-size:.8em}.audio-player .controls .volume-wrapper{width:100px;padding:0 .25rem}.audio-player .controls .loop,.audio-player .controls .next,.audio-player .controls .play,.audio-player .controls .plist,.audio-player .controls .prev,.audio-player .controls .random,.audio-player .controls .shuffle,.audio-player .controls .stop,.audio-player .controls .volume{color:#b3b3b3}.audio-player .controls .loop:active,.audio-player .controls .loop:hover,.audio-player .controls .next:active,.audio-player .controls .next:hover,.audio-player .controls .play:active,.audio-player .controls .play:hover,.audio-player .controls .plist:active,.audio-player .controls .plist:hover,.audio-player .controls .prev:active,.audio-player .controls .prev:hover,.audio-player .controls .random:active,.audio-player .controls .random:hover,.audio-player .controls .shuffle:active,.audio-player .controls .shuffle:hover,.audio-player .controls .stop:active,.audio-player .controls .stop:hover,.audio-player .controls .volume:active,.audio-player .controls .volume:hover{color:#fff}.audio-player .controls .loop.active{color:#7ad61d}.audio-player .controls .control-element:disabled{color:#555}.audio-player .play-list-wrapper{display:block;position:relative;padding:.625rem;border-bottom:1px solid #555}.audio-player .play-list-wrapper:after,.audio-player .play-list-wrapper:before{display:table;content:""}.audio-player .play-list-wrapper.not-visible{display:none}.audio-player .album-title{font-size:2rem;color:#fff;font-weight:lighter;margin:0 0 .625rem;padding-bottom:.625rem;border-bottom:1px solid #555}.audio-player .poster{float:left;width:10rem;height:100%}.audio-player .album-desc{padding:.625rem;color:#eee;font-size:.6875rem}.audio-player .play-list{list-style:none;padding:10px;color:#fff;display:block;font-size:.8em;width:100%}.audio-player .play-list li{padding:.125rem 1rem;cursor:pointer;position:relative}.audio-player .play-list li:hover{background:#555}.audio-player .play-list li.current{color:#1ba1e2;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.audio-player .play-list li.current:before{content:"\25B6";position:absolute;left:.25rem}.audio-player .poster~.play-list{margin:0 0 0 11rem;width:calc(100% - 11rem)}.audio-player.medium .loop,.audio-player.medium .next,.audio-player.medium .plist,.audio-player.medium .prev,.audio-player.medium .random,.audio-player.medium .stop,.audio-player.micro .info-box,.audio-player.micro .loop,.audio-player.micro .next,.audio-player.micro .plist,.audio-player.micro .prev,.audio-player.micro .random,.audio-player.micro .stop,.audio-player.micro .stream-wrapper,.audio-player.micro .volume,.audio-player.micro .volume-wrapper,.audio-player.small .loop,.audio-player.small .next,.audio-player.small .plist,.audio-player.small .prev,.audio-player.small .random,.audio-player.small .stop,.audio-player.small .stream-wrapper{display:none}.select2-container{box-sizing:border-box;display:inline-block;margin:.3125rem 0;position:relative;vertical-align:middle;height:auto}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;min-height:2.125rem;user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:2.125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:998}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-container .select2-search--inline{float:left}.select2-container .select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px}.select2-container .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:0;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:2;background-color:#fff;filter:alpha(opacity=0)}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.dataTable .sortable-column:after,.dataTable .sorting:after,.dataTable .sorting_asc:after,.dataTable .sorting_desc:after{line-height:1;width:1rem;margin-top:-.5rem;height:1rem;top:50%}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#eee;border:1px solid #999;color:#1d1d1d;font-size:.875rem;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px;vertical-align:middle;box-shadow:0 2px 4px rgba(0,0,0,.35)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--single{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container input{outline:0}.select2-container .select2-search.select2-search--inline input{margin-top:7px;padding:0}.input-control .select2-container{margin:0}.input-control.required .select2-selection{border:1px dashed #1ba1e2}.input-control.error .select2-selection{border:1px solid #ce352c}.input-control.warning .select2-selection{border:1px solid #e3c800}.input-control.success .select2-selection{border:1px solid #60a917}.input-control.info .select2-selection{border:1px solid #1ba1e2}.dataTable{width:100%;margin:.625rem 0}.dataTable td,.dataTable th{padding:.625rem}.dataTable thead{border-bottom:4px solid #999}.dataTable thead td,.dataTable thead th{cursor:default;font-weight:700}.dataTable tfoot{border-top:4px solid #999}.dataTable.bordered tbody tr:first-child td,.dataTable.bordered thead tr:first-child td,.dataTable.bordered thead tr:first-child th{border-top:none}.dataTable tfoot td,.dataTable tfoot th{cursor:default;font-weight:700}.dataTable tbody td{padding:.625rem .85rem}.dataTable .sortable-column{position:relative;cursor:pointer;user-select:none}.dataTable .sortable-column,.dataTable .sorting{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dataTable .sortable-column:after{position:absolute;content:"";left:100%;margin-left:-20px;color:inherit;font-size:1rem}.dataTable .sortable-column.sort-asc,.dataTable .sortable-column.sort-desc{background-color:#eee}.dataTable .sortable-column.sort-asc:after,.dataTable .sortable-column.sort-desc:after{color:#1d1d1d}.dataTable .sortable-column.sort-asc:after{content:"\2191"}.dataTable .sortable-column.sort-desc:after{content:"\2193"}.dataTable.sortable-markers-on-left .sortable-column{padding-left:30px}.dataTable.sortable-markers-on-left .sortable-column:after,.dataTable.sortable-markers-on-left .sortable-column:before{left:0;margin-left:10px}.dataTable tr.selected td{background-color:rgba(28,183,236,.1)}.dataTable td.selected{background-color:rgba(28,183,236,.3)}.dataTable.striped tbody tr:nth-child(odd){background:#eee}.dataTable.hovered tbody tr:hover{background-color:rgba(28,183,236,.1)}.dataTable.cell-hovered tbody td:hover{background-color:rgba(28,183,236,.3)}.dataTable.border,.dataTable.bordered td,.dataTable.bordered th{border:1px solid #999}.dataTable.bordered tbody tr:last-child td{border-bottom:none}.dataTable .condensed td,.dataTable .condensed th{padding:.3125rem}.dataTable .super-condensed td,.dataTable .super-condensed th{padding:.125rem}.dataTable tbody tr.error{background-color:#ce352c;color:#fff}.dataTable tbody tr.error:hover{background-color:#da5a53}.dataTable tbody tr.warning{background-color:#fa6800;color:#fff}.dataTable tbody tr.warning:hover{background-color:#ffc194}.dataTable tbody tr.success{background-color:#60a917;color:#fff}.dataTable tbody tr.success:hover{background-color:#7ad61d}.dataTable tbody tr.info{background-color:#1ba1e2;color:#fff}.dataTable tbody tr.info:hover{background-color:#59cde2}.dataTable .sorting.sort-asc,.dataTable .sorting.sort-desc,.dataTable .sorting_asc,.dataTable .sorting_desc{background-color:#eee}.dataTable .sorting{position:relative;cursor:pointer;user-select:none}.dataTable .sorting:after{position:absolute;content:"";left:100%;margin-left:-20px;color:inherit;font-size:1rem}.dataTable .sorting.sort-asc:after,.dataTable .sorting.sort-desc:after{color:#1d1d1d}.dataTable .sorting.sort-asc:after{content:"\2191"}.dataTable .sorting.sort-desc:after{content:"\2193"}.dataTable .sorting_asc,.dataTable .sorting_desc{position:relative}.dataTable .sorting_asc:after,.dataTable .sorting_desc:after{position:absolute;left:100%;margin-left:-20px;font-size:1.1rem}.dataTable .sorting_asc:after{color:#1d1d1d;content:"\2191"}.dataTable .sorting_desc:after{color:#1d1d1d;content:"\2193"}.dataTables_paginate{display:block;float:left;width:50%;margin:0}.dataTables_paginate:after,.dataTables_paginate:before{display:table;content:""}.dataTables_paginate>.item{display:block;float:left;margin-left:.0652rem;padding:.25rem .625rem;background-color:#fff;cursor:pointer;border:1px solid #eee;text-align:center;font-size:.875rem;color:#1d1d1d}.dataTables_paginate>.item:first-child{margin-left:0}.dataTables_paginate>.item.active,.dataTables_paginate>.item.current{background-color:#1ba1e2;border-color:#59cde2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.dataTables_paginate>.item:hover{background-color:#75c7ee;border-color:#75c7ee;color:#fff}.dataTables_paginate>.item.disabled,.dataTables_paginate>.item:disabled{cursor:default;background-color:#eee;border-color:#eee;color:#999}.dataTables_paginate>.item.spaces{border:0;cursor:default;color:#1d1d1d}.dataTables_paginate>.item.spaces:hover{background-color:inherit;color:#1d1d1d}.dataTables_paginate.rounded>.item{border-radius:.3125rem}.dataTables_paginate.cycle>.item{width:28px;height:28px;border-radius:50%;font-size:.7rem;padding:.4375rem 0}.dataTables_paginate.no-border>.item{border:0}.dataTables_paginate.no-border>.item:hover{color:#59cde2;background-color:transparent}.dataTables_paginate.no-border>.item.disabled,.dataTables_paginate.no-border>.item:disabled{cursor:default;background-color:transparent;border-color:transparent;color:#999}.dataTables_paginate.no-border>.item.active:hover,.dataTables_paginate.no-border>.item.current:hover{background-color:#75c7ee;border-color:#75c7ee;color:#fff}.dataTables_paginate .paginate_button{display:block;float:left;margin-left:.0652rem;padding:.25rem .625rem;background-color:#fff;cursor:pointer;border:1px solid #eee;text-align:center;font-size:.875rem;color:#1d1d1d}.dataTables_paginate .paginate_button:first-child{margin-left:0}.dataTables_paginate .paginate_button.active,.dataTables_paginate .paginate_button.current{background-color:#1ba1e2;border-color:#59cde2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.4)}.dataTables_paginate .paginate_button:hover{background-color:#75c7ee;border-color:#75c7ee;color:#fff}.dataTables_paginate .paginate_button.disabled,.dataTables_paginate .paginate_button:disabled{cursor:default;background-color:#eee;border-color:#eee;color:#999}.dataTables_paginate .paginate_button.spaces{border:0;cursor:default;color:#1d1d1d}.dataTables_paginate .paginate_button.spaces:hover{background-color:inherit;color:#1d1d1d}.after-fg-black:after,.before-fg-black:before,.fg-active-black:active,.fg-black,.fg-focus-black:focus,.fg-hover-black:hover{color:#000!important}.dataTables_paginate .ellipsis{display:block;float:left;padding:.25rem .625rem}.dataTables_info{padding:5px;background-color:#eee;font-size:.875rem;float:right}.dataTables_filter input,.dataTables_length select{-moz-appearance:none;-webkit-appearance:none;padding:.3125rem}.dataTables_length{display:block;float:left;margin:.625rem 0}.dataTables_length select{appearance:none;margin:0 .125rem;border:1px solid #d9d9d9}.dataTables_length select:focus{outline:0;border-color:#1d1d1d}.dataTables_filter{display:block;float:right;margin:.625rem 0}.dataTables_filter label>input{margin:0 0 0 .25rem}.dataTables_filter input{appearance:none;border:1px solid #d9d9d9}.dataTables_filter input:focus{outline:0;border-color:#1d1d1d}.flexbox{display:-webkit-flex;display:flex}.flex-dir-row{-webkit-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-no-wrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.flex-just-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex-just-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex-just-center{-webkit-justify-content:center;justify-content:center}.flex-just-sa{-webkit-justify-content:space-around;justify-content:space-around}.flex-just-sb{-webkit-justify-content:space-between;justify-content:space-between}.flex-align-stretch{-webkit-align-items:stretch;align-items:stretch}.flex-align-start{-webkit-align-items:flex-start;align-items:flex-start}.flex-align-end{-webkit-align-items:flex-end;align-items:flex-end}.flex-align-center{-webkit-align-items:center;align-items:center}.flex-align-base{-webkit-align-items:baseline;align-items:baseline}.flex-content-stretch{-webkit-align-content:stretch;align-content:stretch}.flex-content-start{-webkit-align-content:flex-start;align-content:flex-start}.flex-content-end{-webkit-align-content:flex-end;align-content:flex-end}.flex-content-center{-webkit-align-content:center;align-content:center}.flex-content-sb{-webkit-align-content:space-between;align-content:space-between}.flex-content-sa{-webkit-align-content:space-around;align-content:space-around}.flex-self-auto{-webkit-align-self:auto;align-self:auto}.flex-self-start{-webkit-align-self:flex-start;align-self:flex-start}.flex-self-end{-webkit-align-self:flex-end;align-self:flex-end}.flex-self-center{-webkit-align-self:center;align-self:center}.flex-self-base{-webkit-align-self:baseline;align-self:baseline}.flex-self-stretch{-webkit-align-self:stretch;align-self:stretch}.no-shrink{-webkit-flex-shrink:0!important;flex-shrink:0!important}.no-grow{-webkit-flex-grow:0!important;flex-grow:0!important}.flex-size-auto{-webkit-flex:1 auto;flex:1 auto}.flex-size1{-webkit-flex-grow:1;flex-grow:1}.flex-size2{-webkit-flex-grow:2;flex-grow:2}.flex-size3{-webkit-flex-grow:3;flex-grow:3}.flex-size4{-webkit-flex-grow:4;flex-grow:4}.flex-size5{-webkit-flex-grow:5;flex-grow:5}.flex-size6{-webkit-flex-grow:6;flex-grow:6}.flex-size7{-webkit-flex-grow:7;flex-grow:7}.flex-size8{-webkit-flex-grow:8;flex-grow:8}.flex-size9{-webkit-flex-grow:9;flex-grow:9}.flex-size10{-webkit-flex-grow:10;flex-grow:10}.flex-size11{-webkit-flex-grow:11;flex-grow:11}.flex-size12{-webkit-flex-grow:12;flex-grow:12}.flex-size-p10{-webkit-flex:0 0 10%;flex:0 0 10%}.flex-size-p20{-webkit-flex:0 0 20%;flex:0 0 20%}.flex-size-p30{-webkit-flex:0 0 30%;flex:0 0 30%}.flex-size-p40{-webkit-flex:0 0 40%;flex:0 0 40%}.flex-size-p50{-webkit-flex:0 0 50%;flex:0 0 50%}.flex-size-p60{-webkit-flex:0 0 60%;flex:0 0 60%}.flex-size-p70{-webkit-flex:0 0 70%;flex:0 0 70%}.flex-size-p80{-webkit-flex:0 0 80%;flex:0 0 80%}.flex-size-p90{-webkit-flex:0 0 90%;flex:0 0 90%}.flex-size-p100{-webkit-flex:0 0 100%;flex:0 0 100%}.flex-size-x100{-webkit-flex:0 0 100px;flex:0 0 100px}.flex-size-x200{-webkit-flex:0 0 200px;flex:0 0 200px}.flex-size-x300{-webkit-flex:0 0 300px;flex:0 0 300px}.flex-size-x400{-webkit-flex:0 0 400px;flex:0 0 400px}.flex-size-x500{-webkit-flex:0 0 500px;flex:0 0 500px}.flex-size-x600{-webkit-flex:0 0 600px;flex:0 0 600px}.flex-size-x700{-webkit-flex:0 0 700px;flex:0 0 700px}.flex-size-x800{-webkit-flex:0 0 800px;flex:0 0 800px}.flex-size-x900{-webkit-flex:0 0 900px;flex:0 0 900px}.flex-size-x1000{-webkit-flex:0 0 1000px;flex:0 0 1000px}.op-default{background-color:rgba(27,161,226,.7)}.bg-black{background-color:#000!important}.bd-black{border-color:#000!important}.ol-black{outline-color:#000!important}.op-black{background-color:rgba(0,0,0,.7)}.ribbed-black{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#000!important;background-size:40px 40px!important}.after-bg-black:after,.before-bg-black:before,.bg-active-black:active,.bg-focus-black:focus,.bg-hover-black:hover{background:#000!important}.after-fg-white:after,.before-fg-white:before,.fg-active-white:active,.fg-focus-white:focus,.fg-hover-white:hover,.fg-white{color:#fff!important}.bg-white{background-color:#fff!important}.bd-white{border-color:#fff!important}.ol-white{outline-color:#fff!important}.op-white{background-color:rgba(255,255,255,.7)}.ribbed-white{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#fff!important;background-size:40px 40px!important}.after-bg-white:after,.before-bg-white:before,.bg-active-white:active,.bg-focus-white:focus,.bg-hover-white:hover{background:#fff!important}.after-fg-lime:after,.before-fg-lime:before,.fg-active-lime:active,.fg-focus-lime:focus,.fg-hover-lime:hover,.fg-lime{color:#a4c400!important}.bg-lime{background-color:#a4c400!important}.bd-lime{border-color:#a4c400!important}.ol-lime{outline-color:#a4c400!important}.op-lime{background-color:rgba(164,196,0,.7)}.ribbed-lime{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a4c400!important;background-size:40px 40px!important}.after-bg-lime:after,.before-bg-lime:before,.bg-active-lime:active,.bg-focus-lime:focus,.bg-hover-lime:hover{background:#a4c400!important}.after-fg-green:after,.before-fg-green:before,.fg-active-green:active,.fg-focus-green:focus,.fg-green,.fg-hover-green:hover{color:#60a917!important}.bg-green{background-color:#60a917!important}.bd-green{border-color:#60a917!important}.ol-green{outline-color:#60a917!important}.op-green{background-color:rgba(96,169,23,.7)}.ribbed-green{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#60a917!important;background-size:40px 40px!important}.after-bg-green:after,.before-bg-green:before,.bg-active-green:active,.bg-focus-green:focus,.bg-hover-green:hover{background:#60a917!important}.after-fg-emerald:after,.before-fg-emerald:before,.fg-active-emerald:active,.fg-emerald,.fg-focus-emerald:focus,.fg-hover-emerald:hover{color:#008a00!important}.bg-emerald{background-color:#008a00!important}.bd-emerald{border-color:#008a00!important}.ol-emerald{outline-color:#008a00!important}.op-emerald{background-color:rgba(0,138,0,.7)}.ribbed-emerald{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#008a00!important;background-size:40px 40px!important}.after-bg-emerald:after,.before-bg-emerald:before,.bg-active-emerald:active,.bg-focus-emerald:focus,.bg-hover-emerald:hover{background:#008a00!important}.after-fg-blue:after,.before-fg-blue:before,.fg-active-blue:active,.fg-blue,.fg-focus-blue:focus,.fg-hover-blue:hover{color:#00aff0!important}.bg-blue{background-color:#00aff0!important}.bd-blue{border-color:#00aff0!important}.ol-blue{outline-color:#00aff0!important}.op-blue{background-color:rgba(0,175,240,.7)}.ribbed-blue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00aff0!important;background-size:40px 40px!important}.after-bg-blue:after,.before-bg-blue:before,.bg-active-blue:active,.bg-focus-blue:focus,.bg-hover-blue:hover{background:#00aff0!important}.after-fg-teal:after,.before-fg-teal:before,.fg-active-teal:active,.fg-focus-teal:focus,.fg-hover-teal:hover,.fg-teal{color:#00aba9!important}.bg-teal{background-color:#00aba9!important}.bd-teal{border-color:#00aba9!important}.ol-teal{outline-color:#00aba9!important}.op-teal{background-color:rgba(0,171,169,.7)}.ribbed-teal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00aba9!important;background-size:40px 40px!important}.after-bg-teal:after,.before-bg-teal:before,.bg-active-teal:active,.bg-focus-teal:focus,.bg-hover-teal:hover{background:#00aba9!important}.after-fg-cyan:after,.before-fg-cyan:before,.fg-active-cyan:active,.fg-cyan,.fg-focus-cyan:focus,.fg-hover-cyan:hover{color:#1ba1e2!important}.bg-cyan{background-color:#1ba1e2!important}.bd-cyan{border-color:#1ba1e2!important}.ol-cyan{outline-color:#1ba1e2!important}.op-cyan{background-color:rgba(27,161,226,.7)}.ribbed-cyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1ba1e2!important;background-size:40px 40px!important}.after-bg-cyan:after,.before-bg-cyan:before,.bg-active-cyan:active,.bg-focus-cyan:focus,.bg-hover-cyan:hover{background:#1ba1e2!important}.after-fg-cobalt:after,.before-fg-cobalt:before,.fg-active-cobalt:active,.fg-cobalt,.fg-focus-cobalt:focus,.fg-hover-cobalt:hover{color:#0050ef!important}.bg-cobalt{background-color:#0050ef!important}.bd-cobalt{border-color:#0050ef!important}.ol-cobalt{outline-color:#0050ef!important}.op-cobalt{background-color:rgba(0,80,239,.7)}.ribbed-cobalt{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#0050ef!important;background-size:40px 40px!important}.after-bg-cobalt:after,.before-bg-cobalt:before,.bg-active-cobalt:active,.bg-focus-cobalt:focus,.bg-hover-cobalt:hover{background:#0050ef!important}.after-fg-indigo:after,.before-fg-indigo:before,.fg-active-indigo:active,.fg-focus-indigo:focus,.fg-hover-indigo:hover,.fg-indigo{color:#6a00ff!important}.bg-indigo{background-color:#6a00ff!important}.bd-indigo{border-color:#6a00ff!important}.ol-indigo{outline-color:#6a00ff!important}.op-indigo{background-color:rgba(106,0,255,.7)}.ribbed-indigo{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#6a00ff!important;background-size:40px 40px!important}.after-bg-indigo:after,.before-bg-indigo:before,.bg-active-indigo:active,.bg-focus-indigo:focus,.bg-hover-indigo:hover{background:#6a00ff!important}.after-fg-violet:after,.before-fg-violet:before,.fg-active-violet:active,.fg-focus-violet:focus,.fg-hover-violet:hover,.fg-violet{color:#a0f!important}.bg-violet{background-color:#a0f!important}.bd-violet{border-color:#a0f!important}.ol-violet{outline-color:#a0f!important}.op-violet{background-color:rgba(170,0,255,.7)}.ribbed-violet{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a0f!important;background-size:40px 40px!important}.after-bg-violet:after,.before-bg-violet:before,.bg-active-violet:active,.bg-focus-violet:focus,.bg-hover-violet:hover{background:#a0f!important}.after-fg-pink:after,.before-fg-pink:before,.fg-active-pink:active,.fg-focus-pink:focus,.fg-hover-pink:hover,.fg-pink{color:#dc4fad!important}.bg-pink{background-color:#dc4fad!important}.bd-pink{border-color:#dc4fad!important}.ol-pink{outline-color:#dc4fad!important}.op-pink{background-color:rgba(220,79,173,.7)}.ribbed-pink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#dc4fad!important;background-size:40px 40px!important}.after-bg-pink:after,.before-bg-pink:before,.bg-active-pink:active,.bg-focus-pink:focus,.bg-hover-pink:hover{background:#dc4fad!important}.after-fg-magenta:after,.before-fg-magenta:before,.fg-active-magenta:active,.fg-focus-magenta:focus,.fg-hover-magenta:hover,.fg-magenta{color:#d80073!important}.bg-magenta{background-color:#d80073!important}.bd-magenta{border-color:#d80073!important}.ol-magenta{outline-color:#d80073!important}.op-magenta{background-color:rgba(216,0,115,.7)}.ribbed-magenta{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#d80073!important;background-size:40px 40px!important}.after-bg-magenta:after,.before-bg-magenta:before,.bg-active-magenta:active,.bg-focus-magenta:focus,.bg-hover-magenta:hover{background:#d80073!important}.after-fg-crimson:after,.before-fg-crimson:before,.fg-active-crimson:active,.fg-crimson,.fg-focus-crimson:focus,.fg-hover-crimson:hover{color:#a20025!important}.bg-crimson{background-color:#a20025!important}.bd-crimson{border-color:#a20025!important}.ol-crimson{outline-color:#a20025!important}.op-crimson{background-color:rgba(162,0,37,.7)}.ribbed-crimson{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#a20025!important;background-size:40px 40px!important}.after-bg-crimson:after,.before-bg-crimson:before,.bg-active-crimson:active,.bg-focus-crimson:focus,.bg-hover-crimson:hover{background:#a20025!important}.after-fg-red:after,.before-fg-red:before,.fg-active-red:active,.fg-focus-red:focus,.fg-hover-red:hover,.fg-red{color:#ce352c!important}.bg-red{background-color:#ce352c!important}.bd-red{border-color:#ce352c!important}.ol-red{outline-color:#ce352c!important}.op-red{background-color:rgba(206,53,44,.7)}.ribbed-red{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#ce352c!important;background-size:40px 40px!important}.after-bg-red:after,.before-bg-red:before,.bg-active-red:active,.bg-focus-red:focus,.bg-hover-red:hover{background:#ce352c!important}.after-fg-orange:after,.before-fg-orange:before,.fg-active-orange:active,.fg-focus-orange:focus,.fg-hover-orange:hover,.fg-orange{color:#fa6800!important}.bg-orange{background-color:#fa6800!important}.bd-orange{border-color:#fa6800!important}.ol-orange{outline-color:#fa6800!important}.op-orange{background-color:rgba(250,104,0,.7)}.ribbed-orange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#fa6800!important;background-size:40px 40px!important}.after-bg-orange:after,.before-bg-orange:before,.bg-active-orange:active,.bg-focus-orange:focus,.bg-hover-orange:hover{background:#fa6800!important}.after-fg-amber:after,.before-fg-amber:before,.fg-active-amber:active,.fg-amber,.fg-focus-amber:focus,.fg-hover-amber:hover{color:#f0a30a!important}.bg-amber{background-color:#f0a30a!important}.bd-amber{border-color:#f0a30a!important}.ol-amber{outline-color:#f0a30a!important}.op-amber{background-color:rgba(240,163,10,.7)}.ribbed-amber{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#f0a30a!important;background-size:40px 40px!important}.after-bg-amber:after,.before-bg-amber:before,.bg-active-amber:active,.bg-focus-amber:focus,.bg-hover-amber:hover{background:#f0a30a!important}.after-fg-yellow:after,.before-fg-yellow:before,.fg-active-yellow:active,.fg-focus-yellow:focus,.fg-hover-yellow:hover,.fg-yellow{color:#e3c800!important}.bg-yellow{background-color:#e3c800!important}.bd-yellow{border-color:#e3c800!important}.ol-yellow{outline-color:#e3c800!important}.op-yellow{background-color:rgba(227,200,0,.7)}.ribbed-yellow{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#e3c800!important;background-size:40px 40px!important}.after-bg-yellow:after,.before-bg-yellow:before,.bg-active-yellow:active,.bg-focus-yellow:focus,.bg-hover-yellow:hover{background:#e3c800!important}.after-fg-brown:after,.before-fg-brown:before,.fg-active-brown:active,.fg-brown,.fg-focus-brown:focus,.fg-hover-brown:hover{color:#825a2c!important}.bg-brown{background-color:#825a2c!important}.bd-brown{border-color:#825a2c!important}.ol-brown{outline-color:#825a2c!important}.op-brown{background-color:rgba(130,90,44,.7)}.ribbed-brown{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#825a2c!important;background-size:40px 40px!important}.after-bg-brown:after,.before-bg-brown:before,.bg-active-brown:active,.bg-focus-brown:focus,.bg-hover-brown:hover{background:#825a2c!important}.after-fg-olive:after,.before-fg-olive:before,.fg-active-olive:active,.fg-focus-olive:focus,.fg-hover-olive:hover,.fg-olive{color:#6d8764!important}.bg-olive{background-color:#6d8764!important}.bd-olive{border-color:#6d8764!important}.ol-olive{outline-color:#6d8764!important}.op-olive{background-color:rgba(109,135,100,.7)}.ribbed-olive{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#6d8764!important;background-size:40px 40px!important}.after-bg-olive:after,.before-bg-olive:before,.bg-active-olive:active,.bg-focus-olive:focus,.bg-hover-olive:hover{background:#6d8764!important}.after-fg-steel:after,.before-fg-steel:before,.fg-active-steel:active,.fg-focus-steel:focus,.fg-hover-steel:hover,.fg-steel{color:#647687!important}.bg-steel{background-color:#647687!important}.bd-steel{border-color:#647687!important}.ol-steel{outline-color:#647687!important}.op-steel{background-color:rgba(100,118,135,.7)}.ribbed-steel{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#647687!important;background-size:40px 40px!important}.after-bg-steel:after,.before-bg-steel:before,.bg-active-steel:active,.bg-focus-steel:focus,.bg-hover-steel:hover{background:#647687!important}.after-fg-mauve:after,.before-fg-mauve:before,.fg-active-mauve:active,.fg-focus-mauve:focus,.fg-hover-mauve:hover,.fg-mauve{color:#76608a!important}.bg-mauve{background-color:#76608a!important}.bd-mauve{border-color:#76608a!important}.ol-mauve{outline-color:#76608a!important}.op-mauve{background-color:rgba(118,96,138,.7)}.ribbed-mauve{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#76608a!important;background-size:40px 40px!important}.after-bg-mauve:after,.before-bg-mauve:before,.bg-active-mauve:active,.bg-focus-mauve:focus,.bg-hover-mauve:hover{background:#76608a!important}.after-fg-taupe:after,.before-fg-taupe:before,.fg-active-taupe:active,.fg-focus-taupe:focus,.fg-hover-taupe:hover,.fg-taupe{color:#87794e!important}.bg-taupe{background-color:#87794e!important}.bd-taupe{border-color:#87794e!important}.ol-taupe{outline-color:#87794e!important}.op-taupe{background-color:rgba(135,121,78,.7)}.ribbed-taupe{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#87794e!important;background-size:40px 40px!important}.after-bg-taupe:after,.before-bg-taupe:before,.bg-active-taupe:active,.bg-focus-taupe:focus,.bg-hover-taupe:hover{background:#87794e!important}.after-fg-dark:after,.before-fg-dark:before,.fg-active-dark:active,.fg-dark,.fg-focus-dark:focus,.fg-hover-dark:hover{color:#1d1d1d!important}.bg-dark{background-color:#1d1d1d!important}.bd-dark{border-color:#1d1d1d!important}.ol-dark{outline-color:#1d1d1d!important}.op-dark{background-color:rgba(29,29,29,.7)}.ribbed-dark{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1d1d1d!important;background-size:40px 40px!important}.after-bg-dark:after,.before-bg-dark:before,.bg-active-dark:active,.bg-focus-dark:focus,.bg-hover-dark:hover{background:#1d1d1d!important}.after-fg-darkBrown:after,.before-fg-darkBrown:before,.fg-active-darkBrown:active,.fg-darkBrown,.fg-focus-darkBrown:focus,.fg-hover-darkBrown:hover{color:#63362f!important}.bg-darkBrown{background-color:#63362f!important}.bd-darkBrown{border-color:#63362f!important}.ol-darkBrown{outline-color:#63362f!important}.op-darkBrown{background-color:rgba(99,54,47,.7)}.ribbed-darkBrown{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#63362f!important;background-size:40px 40px!important}.after-bg-darkBrown:after,.before-bg-darkBrown:before,.bg-active-darkBrown:active,.bg-focus-darkBrown:focus,.bg-hover-darkBrown:hover{background:#63362f!important}.after-fg-darkCrimson:after,.before-fg-darkCrimson:before,.fg-active-darkCrimson:active,.fg-darkCrimson,.fg-focus-darkCrimson:focus,.fg-hover-darkCrimson:hover{color:#640024!important}.bg-darkCrimson{background-color:#640024!important}.bd-darkCrimson{border-color:#640024!important}.ol-darkCrimson{outline-color:#640024!important}.op-darkCrimson{background-color:rgba(100,0,36,.7)}.ribbed-darkCrimson{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#640024!important;background-size:40px 40px!important}.after-bg-darkCrimson:after,.before-bg-darkCrimson:before,.bg-active-darkCrimson:active,.bg-focus-darkCrimson:focus,.bg-hover-darkCrimson:hover{background:#640024!important}.after-fg-darkMagenta:after,.before-fg-darkMagenta:before,.fg-active-darkMagenta:active,.fg-darkMagenta,.fg-focus-darkMagenta:focus,.fg-hover-darkMagenta:hover{color:#81003c!important}.bg-darkMagenta{background-color:#81003c!important}.bd-darkMagenta{border-color:#81003c!important}.ol-darkMagenta{outline-color:#81003c!important}.op-darkMagenta{background-color:rgba(129,0,60,.7)}.ribbed-darkMagenta{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#81003c!important;background-size:40px 40px!important}.after-bg-darkMagenta:after,.before-bg-darkMagenta:before,.bg-active-darkMagenta:active,.bg-focus-darkMagenta:focus,.bg-hover-darkMagenta:hover{background:#81003c!important}.after-fg-darkIndigo:after,.before-fg-darkIndigo:before,.fg-active-darkIndigo:active,.fg-darkIndigo,.fg-focus-darkIndigo:focus,.fg-hover-darkIndigo:hover{color:#4b0096!important}.bg-darkIndigo{background-color:#4b0096!important}.bd-darkIndigo{border-color:#4b0096!important}.ol-darkIndigo{outline-color:#4b0096!important}.op-darkIndigo{background-color:rgba(75,0,150,.7)}.ribbed-darkIndigo{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#4b0096!important;background-size:40px 40px!important}.after-bg-darkIndigo:after,.before-bg-darkIndigo:before,.bg-active-darkIndigo:active,.bg-focus-darkIndigo:focus,.bg-hover-darkIndigo:hover{background:#4b0096!important}.after-fg-darkCyan:after,.before-fg-darkCyan:before,.fg-active-darkCyan:active,.fg-darkCyan,.fg-focus-darkCyan:focus,.fg-hover-darkCyan:hover{color:#1b6eae!important}.bg-darkCyan{background-color:#1b6eae!important}.bd-darkCyan{border-color:#1b6eae!important}.ol-darkCyan{outline-color:#1b6eae!important}.op-darkCyan{background-color:rgba(27,110,174,.7)}.ribbed-darkCyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#1b6eae!important;background-size:40px 40px!important}.after-bg-darkCyan:after,.before-bg-darkCyan:before,.bg-active-darkCyan:active,.bg-focus-darkCyan:focus,.bg-hover-darkCyan:hover{background:#1b6eae!important}.after-fg-darkCobalt:after,.before-fg-darkCobalt:before,.fg-active-darkCobalt:active,.fg-darkCobalt,.fg-focus-darkCobalt:focus,.fg-hover-darkCobalt:hover{color:#00356a!important}.bg-darkCobalt{background-color:#00356a!important}.bd-darkCobalt{border-color:#00356a!important}.ol-darkCobalt{outline-color:#00356a!important}.op-darkCobalt{background-color:rgba(0,53,106,.7)}.ribbed-darkCobalt{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#00356a!important;background-size:40px 40px!important}.after-bg-darkCobalt:after,.before-bg-darkCobalt:before,.bg-active-darkCobalt:active,.bg-focus-darkCobalt:focus,.bg-hover-darkCobalt:hover{background:#00356a!important}.after-fg-darkTeal:after,.before-fg-darkTeal:before,.fg-active-darkTeal:active,.fg-darkTeal,.fg-focus-darkTeal:focus,.fg-hover-darkTeal:hover{color:#004050!important}.bg-darkTeal{background-color:#004050!important}.bd-darkTeal{border-color:#004050!important}.ol-darkTeal{outline-color:#004050!important}.op-darkTeal{background-color:rgba(0,64,80,.7)}.ribbed-darkTeal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#004050!important;background-size:40px 40px!important}.after-bg-darkTeal:after,.before-bg-darkTeal:before,.bg-active-darkTeal:active,.bg-focus-darkTeal:focus,.bg-hover-darkTeal:hover{background:#004050!important}.after-fg-darkEmerald:after,.before-fg-darkEmerald:before,.fg-active-darkEmerald:active,.fg-darkEmerald,.fg-focus-darkEmerald:focus,.fg-hover-darkEmerald:hover{color:#003e00!important}.bg-darkEmerald{background-color:#003e00!important}.bd-darkEmerald{border-color:#003e00!important}.ol-darkEmerald{outline-color:#003e00!important}.op-darkEmerald{background-color:rgba(0,62,0,.7)}.ribbed-darkEmerald{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#003e00!important;background-size:40px 40px!important}.after-bg-darkEmerald:after,.before-bg-darkEmerald:before,.bg-active-darkEmerald:active,.bg-focus-darkEmerald:focus,.bg-hover-darkEmerald:hover{background:#003e00!important}.after-fg-darkGreen:after,.before-fg-darkGreen:before,.fg-active-darkGreen:active,.fg-darkGreen,.fg-focus-darkGreen:focus,.fg-hover-darkGreen:hover{color:#128023!important}.bg-darkGreen{background-color:#128023!important}.bd-darkGreen{border-color:#128023!important}.ol-darkGreen{outline-color:#128023!important}.op-darkGreen{background-color:rgba(18,128,35,.7)}.ribbed-darkGreen{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#128023!important;background-size:40px 40px!important}.after-bg-darkGreen:after,.before-bg-darkGreen:before,.bg-active-darkGreen:active,.bg-focus-darkGreen:focus,.bg-hover-darkGreen:hover{background:#128023!important}.after-fg-darkOrange:after,.before-fg-darkOrange:before,.fg-active-darkOrange:active,.fg-darkOrange,.fg-focus-darkOrange:focus,.fg-hover-darkOrange:hover{color:#bf5a15!important}.bg-darkOrange{background-color:#bf5a15!important}.bd-darkOrange{border-color:#bf5a15!important}.ol-darkOrange{outline-color:#bf5a15!important}.op-darkOrange{background-color:rgba(191,90,21,.7)}.ribbed-darkOrange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#bf5a15!important;background-size:40px 40px!important}.after-bg-darkOrange:after,.before-bg-darkOrange:before,.bg-active-darkOrange:active,.bg-focus-darkOrange:focus,.bg-hover-darkOrange:hover{background:#bf5a15!important}.after-fg-darkRed:after,.before-fg-darkRed:before,.fg-active-darkRed:active,.fg-darkRed,.fg-focus-darkRed:focus,.fg-hover-darkRed:hover{color:#9a1616!important}.bg-darkRed{background-color:#9a1616!important}.bd-darkRed{border-color:#9a1616!important}.ol-darkRed{outline-color:#9a1616!important}.op-darkRed{background-color:rgba(154,22,22,.7)}.ribbed-darkRed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#9a1616!important;background-size:40px 40px!important}.after-bg-darkRed:after,.before-bg-darkRed:before,.bg-active-darkRed:active,.bg-focus-darkRed:focus,.bg-hover-darkRed:hover{background:#9a1616!important}.after-fg-darkPink:after,.before-fg-darkPink:before,.fg-active-darkPink:active,.fg-darkPink,.fg-focus-darkPink:focus,.fg-hover-darkPink:hover{color:#9a165a!important}.bg-darkPink{background-color:#9a165a!important}.bd-darkPink{border-color:#9a165a!important}.ol-darkPink{outline-color:#9a165a!important}.op-darkPink{background-color:rgba(154,22,90,.7)}.ribbed-darkPink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#9a165a!important;background-size:40px 40px!important}.after-bg-darkPink:after,.before-bg-darkPink:before,.bg-active-darkPink:active,.bg-focus-darkPink:focus,.bg-hover-darkPink:hover{background:#9a165a!important}.after-fg-darkViolet:after,.before-fg-darkViolet:before,.fg-active-darkViolet:active,.fg-darkViolet,.fg-focus-darkViolet:focus,.fg-hover-darkViolet:hover{color:#57169a!important}.bg-darkViolet{background-color:#57169a!important}.bd-darkViolet{border-color:#57169a!important}.ol-darkViolet{outline-color:#57169a!important}.op-darkViolet{background-color:rgba(87,22,154,.7)}.ribbed-darkViolet{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#57169a!important;background-size:40px 40px!important}.after-bg-darkViolet:after,.before-bg-darkViolet:before,.bg-active-darkViolet:active,.bg-focus-darkViolet:focus,.bg-hover-darkViolet:hover{background:#57169a!important}.after-fg-darkBlue:after,.before-fg-darkBlue:before,.fg-active-darkBlue:active,.fg-darkBlue,.fg-focus-darkBlue:focus,.fg-hover-darkBlue:hover{color:#16499a!important}.bg-darkBlue{background-color:#16499a!important}.bd-darkBlue{border-color:#16499a!important}.ol-darkBlue{outline-color:#16499a!important}.op-darkBlue{background-color:rgba(22,73,154,.7)}.ribbed-darkBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#16499a!important;background-size:40px 40px!important}.after-bg-darkBlue:after,.before-bg-darkBlue:before,.bg-active-darkBlue:active,.bg-focus-darkBlue:focus,.bg-hover-darkBlue:hover{background:#16499a!important}.after-fg-lightBlue:after,.before-fg-lightBlue:before,.fg-active-lightBlue:active,.fg-focus-lightBlue:focus,.fg-hover-lightBlue:hover,.fg-lightBlue{color:#4390df!important}.bg-lightBlue{background-color:#4390df!important}.bd-lightBlue{border-color:#4390df!important}.ol-lightBlue{outline-color:#4390df!important}.op-lightBlue{background-color:rgba(67,144,223,.7)}.ribbed-lightBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#4390df!important;background-size:40px 40px!important}.after-bg-lightBlue:after,.before-bg-lightBlue:before,.bg-active-lightBlue:active,.bg-focus-lightBlue:focus,.bg-hover-lightBlue:hover{background:#4390df!important}.after-fg-lighterBlue:after,.before-fg-lighterBlue:before,.fg-active-lighterBlue:active,.fg-focus-lighterBlue:focus,.fg-hover-lighterBlue:hover,.fg-lighterBlue{color:#0cf!important}.bg-lighterBlue{background-color:#0cf!important}.bd-lighterBlue{border-color:#0cf!important}.ol-lighterBlue{outline-color:#0cf!important}.op-lighterBlue{background-color:rgba(0,204,255,.7)}.ribbed-lighterBlue{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#0cf!important;background-size:40px 40px!important}.after-bg-lighterBlue:after,.before-bg-lighterBlue:before,.bg-active-lighterBlue:active,.bg-focus-lighterBlue:focus,.bg-hover-lighterBlue:hover{background:#0cf!important}.after-fg-lightTeal:after,.before-fg-lightTeal:before,.fg-active-lightTeal:active,.fg-focus-lightTeal:focus,.fg-hover-lightTeal:hover,.fg-lightTeal{color:#45fffd!important}.bg-lightTeal{background-color:#45fffd!important}.bd-lightTeal{border-color:#45fffd!important}.ol-lightTeal{outline-color:#45fffd!important}.op-lightTeal{background-color:rgba(69,255,253,.7)}.ribbed-lightTeal{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#45fffd!important;background-size:40px 40px!important}.after-bg-lightTeal:after,.before-bg-lightTeal:before,.bg-active-lightTeal:active,.bg-focus-lightTeal:focus,.bg-hover-lightTeal:hover{background:#45fffd!important}.after-fg-lightOlive:after,.before-fg-lightOlive:before,.fg-active-lightOlive:active,.fg-focus-lightOlive:focus,.fg-hover-lightOlive:hover,.fg-lightOlive{color:#78aa1c!important}.bg-lightOlive{background-color:#78aa1c!important}.bd-lightOlive{border-color:#78aa1c!important}.ol-lightOlive{outline-color:#78aa1c!important}.op-lightOlive{background-color:rgba(120,170,28,.7)}.ribbed-lightOlive{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#78aa1c!important;background-size:40px 40px!important}.after-bg-lightOlive:after,.before-bg-lightOlive:before,.bg-active-lightOlive:active,.bg-focus-lightOlive:focus,.bg-hover-lightOlive:hover{background:#78aa1c!important}.after-fg-lightOrange:after,.before-fg-lightOrange:before,.fg-active-lightOrange:active,.fg-focus-lightOrange:focus,.fg-hover-lightOrange:hover,.fg-lightOrange{color:#ffc194!important}.bg-lightOrange{background-color:#ffc194!important}.bd-lightOrange{border-color:#ffc194!important}.ol-lightOrange{outline-color:#ffc194!important}.op-lightOrange{background-color:rgba(255,193,148,.7)}.ribbed-lightOrange{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#ffc194!important;background-size:40px 40px!important}.after-bg-lightOrange:after,.before-bg-lightOrange:before,.bg-active-lightOrange:active,.bg-focus-lightOrange:focus,.bg-hover-lightOrange:hover{background:#ffc194!important}.after-fg-lightPink:after,.before-fg-lightPink:before,.fg-active-lightPink:active,.fg-focus-lightPink:focus,.fg-hover-lightPink:hover,.fg-lightPink{color:#f472d0!important}.bg-lightPink{background-color:#f472d0!important}.bd-lightPink{border-color:#f472d0!important}.ol-lightPink{outline-color:#f472d0!important}.op-lightPink{background-color:rgba(244,114,208,.7)}.ribbed-lightPink{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#f472d0!important;background-size:40px 40px!important}.after-bg-lightPink:after,.before-bg-lightPink:before,.bg-active-lightPink:active,.bg-focus-lightPink:focus,.bg-hover-lightPink:hover{background:#f472d0!important}.after-fg-lightRed:after,.before-fg-lightRed:before,.fg-active-lightRed:active,.fg-focus-lightRed:focus,.fg-hover-lightRed:hover,.fg-lightRed{color:#da5a53!important}.bg-lightRed{background-color:#da5a53!important}.bd-lightRed{border-color:#da5a53!important}.ol-lightRed{outline-color:#da5a53!important}.op-lightRed{background-color:rgba(218,90,83,.7)}.ribbed-lightRed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#da5a53!important;background-size:40px 40px!important}.after-bg-lightRed:after,.before-bg-lightRed:before,.bg-active-lightRed:active,.bg-focus-lightRed:focus,.bg-hover-lightRed:hover{background:#da5a53!important}.after-fg-lightGreen:after,.before-fg-lightGreen:before,.fg-active-lightGreen:active,.fg-focus-lightGreen:focus,.fg-hover-lightGreen:hover,.fg-lightGreen{color:#7ad61d!important}.bg-lightGreen{background-color:#7ad61d!important}.bd-lightGreen{border-color:#7ad61d!important}.ol-lightGreen{outline-color:#7ad61d!important}.op-lightGreen{background-color:rgba(122,214,29,.7)}.ribbed-lightGreen{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#7ad61d!important;background-size:40px 40px!important}.after-bg-lightGreen:after,.before-bg-lightGreen:before,.bg-active-lightGreen:active,.bg-focus-lightGreen:focus,.bg-hover-lightGreen:hover{background:#7ad61d!important}.after-fg-lightCyan:after,.before-fg-lightCyan:before,.fg-active-lightCyan:active,.fg-focus-lightCyan:focus,.fg-hover-lightCyan:hover,.fg-lightCyan{color:#59cde2!important}.bg-lightCyan{background-color:#59cde2!important}.bd-lightCyan{border-color:#59cde2!important}.ol-lightCyan{outline-color:#59cde2!important}.op-lightCyan{background-color:rgba(89,205,226,.7)}.ribbed-lightCyan{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#59cde2!important;background-size:40px 40px!important}.after-bg-lightCyan:after,.before-bg-lightCyan:before,.bg-active-lightCyan:active,.bg-focus-lightCyan:focus,.bg-hover-lightCyan:hover{background:#59cde2!important}.after-fg-grayed:after,.before-fg-grayed:before,.fg-active-grayed:active,.fg-focus-grayed:focus,.fg-grayed,.fg-hover-grayed:hover{color:#585858!important}.bg-grayed{background-color:#585858!important}.bd-grayed{border-color:#585858!important}.ol-grayed{outline-color:#585858!important}.op-grayed{background-color:rgba(88,88,88,.7)}.ribbed-grayed{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#585858!important;background-size:40px 40px!important}.after-bg-grayed:after,.before-bg-grayed:before,.bg-active-grayed:active,.bg-focus-grayed:focus,.bg-hover-grayed:hover{background:#585858!important}.after-fg-grayDarker:after,.before-fg-grayDarker:before,.fg-active-grayDarker:active,.fg-focus-grayDarker:focus,.fg-grayDarker,.fg-hover-grayDarker:hover{color:#222!important}.bg-grayDarker{background-color:#222!important}.bd-grayDarker{border-color:#222!important}.ol-grayDarker{outline-color:#222!important}.op-grayDarker{background-color:rgba(34,34,34,.7)}.ribbed-grayDarker{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-grayDarker:after,.before-bg-grayDarker:before,.bg-active-grayDarker:active,.bg-focus-grayDarker:focus,.bg-hover-grayDarker:hover{background:#222!important}.after-fg-grayDark:after,.before-fg-grayDark:before,.fg-active-grayDark:active,.fg-focus-grayDark:focus,.fg-grayDark,.fg-hover-grayDark:hover{color:#333!important}.bg-grayDark{background-color:#333!important}.bd-grayDark{border-color:#333!important}.ol-grayDark{outline-color:#333!important}.op-grayDark{background-color:rgba(51,51,51,.7)}.ribbed-grayDark{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#333!important;background-size:40px 40px!important}.after-bg-grayDark:after,.before-bg-grayDark:before,.bg-active-grayDark:active,.bg-focus-grayDark:focus,.bg-hover-grayDark:hover{background:#333!important}.after-fg-gray:after,.before-fg-gray:before,.fg-active-gray:active,.fg-focus-gray:focus,.fg-gray,.fg-hover-gray:hover{color:#555!important}.bg-gray{background-color:#555!important}.bd-gray{border-color:#555!important}.ol-gray{outline-color:#555!important}.op-gray{background-color:rgba(85,85,85,.7)}.ribbed-gray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#555!important;background-size:40px 40px!important}.after-bg-gray:after,.before-bg-gray:before,.bg-active-gray:active,.bg-focus-gray:focus,.bg-hover-gray:hover{background:#555!important}.after-fg-grayLight:after,.before-fg-grayLight:before,.fg-active-grayLight:active,.fg-focus-grayLight:focus,.fg-grayLight,.fg-hover-grayLight:hover{color:#999!important}.bg-grayLight{background-color:#999!important}.bd-grayLight{border-color:#999!important}.ol-grayLight{outline-color:#999!important}.op-grayLight{background-color:rgba(153,153,153,.7)}.ribbed-grayLight{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#999!important;background-size:40px 40px!important}.after-bg-grayLight:after,.before-bg-grayLight:before,.bg-active-grayLight:active,.bg-focus-grayLight:focus,.bg-hover-grayLight:hover{background:#999!important}.after-fg-grayLighter:after,.before-fg-grayLighter:before,.fg-active-grayLighter:active,.fg-focus-grayLighter:focus,.fg-grayLighter,.fg-hover-grayLighter:hover{color:#eee!important}.bg-grayLighter{background-color:#eee!important}.bd-grayLighter{border-color:#eee!important}.ol-grayLighter{outline-color:#eee!important}.op-grayLighter{background-color:rgba(238,238,238,.7)}.ribbed-grayLighter{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee!important;background-size:40px 40px!important}.after-bg-grayLighter:after,.before-bg-grayLighter:before,.bg-active-grayLighter:active,.bg-focus-grayLighter:focus,.bg-hover-grayLighter:hover{background:#eee!important}.after-fg-lightGray:after,.before-fg-lightGray:before,.fg-active-lightGray:active,.fg-focus-lightGray:focus,.fg-hover-lightGray:hover,.fg-lightGray{color:#999!important}.bg-lightGray{background-color:#999!important}.bd-lightGray{border-color:#999!important}.ol-lightGray{outline-color:#999!important}.op-lightGray{background-color:rgba(153,153,153,.7)}.ribbed-lightGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#999!important;background-size:40px 40px!important}.after-bg-lightGray:after,.before-bg-lightGray:before,.bg-active-lightGray:active,.bg-focus-lightGray:focus,.bg-hover-lightGray:hover{background:#999!important}.after-fg-lighterGray:after,.before-fg-lighterGray:before,.fg-active-lighterGray:active,.fg-focus-lighterGray:focus,.fg-hover-lighterGray:hover,.fg-lighterGray{color:#eee!important}.bg-lighterGray{background-color:#eee!important}.bd-lighterGray{border-color:#eee!important}.ol-lighterGray{outline-color:#eee!important}.op-lighterGray{background-color:rgba(238,238,238,.7)}.ribbed-lighterGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#eee!important;background-size:40px 40px!important}.after-bg-lighterGray:after,.before-bg-lighterGray:before,.bg-active-lighterGray:active,.bg-focus-lighterGray:focus,.bg-hover-lighterGray:hover{background:#eee!important}.after-fg-darkGray:after,.before-fg-darkGray:before,.fg-active-darkGray:active,.fg-darkGray,.fg-focus-darkGray:focus,.fg-hover-darkGray:hover{color:#333!important}.bg-darkGray{background-color:#333!important}.bd-darkGray{border-color:#333!important}.bd-darker,.bd-darkerGray{border-color:#222!important}.ol-darkGray{outline-color:#333!important}.ol-darker,.ol-darkerGray{outline-color:#222!important}.op-darkGray{background-color:rgba(51,51,51,.7)}.ribbed-darkGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#333!important;background-size:40px 40px!important}.after-bg-darkGray:after,.before-bg-darkGray:before,.bg-active-darkGray:active,.bg-focus-darkGray:focus,.bg-hover-darkGray:hover{background:#333!important}.after-fg-darker:after,.after-fg-darkerGray:after,.before-fg-darker:before,.before-fg-darkerGray:before,.fg-active-darker:active,.fg-active-darkerGray:active,.fg-darker,.fg-darkerGray,.fg-focus-darker:focus,.fg-focus-darkerGray:focus,.fg-hover-darker:hover,.fg-hover-darkerGray:hover{color:#222!important}.bg-darkerGray{background-color:#222!important}.op-darkerGray{background-color:rgba(34,34,34,.7)}.ribbed-darkerGray{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-darkerGray:after,.before-bg-darkerGray:before,.bg-active-darkerGray:active,.bg-focus-darkerGray:focus,.bg-hover-darkerGray:hover{background:#222!important}.bg-darker{background-color:#222!important}.op-darker{background-color:rgba(34,34,34,.7)}.ribbed-darker{background:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)#222!important;background-size:40px 40px!important}.after-bg-darker:after,.before-bg-darker:before,.bg-active-darker:active,.bg-focus-darker:focus,.bg-hover-darker:hover{background:#222!important}.rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate360{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.rotate-45{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rotate-90{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.rotate-135{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.rotate-180{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.rotate-225{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.rotate-270{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.rotate-360{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.rotateX45{-webkit-transform:rotateX(45deg);transform:rotateX(45deg)}.rotateX90{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.rotateX135{-webkit-transform:rotateX(135deg);transform:rotateX(135deg)}.rotateX180{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.rotateX225{-webkit-transform:rotateX(225deg);transform:rotateX(225deg)}.rotateX270{-webkit-transform:rotateX(270deg);transform:rotateX(270deg)}.rotateX360{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}.rotateX-45{-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg)}.rotateX-90{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.rotateX-135{-webkit-transform:rotateX(-135deg);transform:rotateX(-135deg)}.rotateX-180{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.rotateX-225{-webkit-transform:rotateX(-225deg);transform:rotateX(-225deg)}.rotateX-270{-webkit-transform:rotateX(-270deg);transform:rotateX(-270deg)}.rotateX-360{-webkit-transform:rotateX(-360deg);transform:rotateX(-360deg)}.rotateY45{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}.rotateY90{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.rotateY135{-webkit-transform:rotateY(135deg);transform:rotateY(135deg)}.rotateY180{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rotateY225{-webkit-transform:rotateY(225deg);transform:rotateY(225deg)}.rotateY270{-webkit-transform:rotateY(270deg);transform:rotateY(270deg)}.rotateY360{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.rotateY-45{-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg)}.rotateY-90{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.rotateY-135{-webkit-transform:rotateY(-135deg);transform:rotateY(-135deg)}.rotateY-180{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.rotateY-225{-webkit-transform:rotateY(-225deg);transform:rotateY(-225deg)}.rotateY-270{-webkit-transform:rotateY(-270deg);transform:rotateY(-270deg)}.rotateY-360{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}
\ No newline at end of file
diff --git a/css/style3.css b/css/style3.css
new file mode 100755
index 0000000..26ac437
--- /dev/null
+++ b/css/style3.css
@@ -0,0 +1,451 @@
+.cb-slideshow,
+.cb-slideshow:after {
+ /*position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;*/
+ position:relative;
+ width:100%;
+ height:700px;
+ z-index: 0;
+ margin:0px;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+.cb-slideshow .sl-item img{
+ width:100%;
+ /*opacity:0;*/
+ /*animation: slideshowImg 42s infinite;*/
+ -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
+ animation-timing-function: linear;
+}
+
+.cb-slideshow .sl-item .e-course-content{
+ /*animation: slideshowItemTitle 42s infinite;
+ opacity:0;*/
+ -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
+ animation-timing-function: linear;
+}
+
+@keyframes slideshowImg{
+ 0% {
+ opacity: 0;
+ transform: scale(1.05);
+ }
+ 4% {
+ opacity: 1;
+ transform: scale(1.1);
+ }
+ 15% {
+ opacity: 1;
+ transform: scale(1.2) translateX(-4%);
+ }
+ 15.8% {
+ opacity: 0;
+ transform: scale(1.2) translateX(-5%);
+ }
+ 100% {
+ opacity: 0;
+ transform: scale(1.2) translateX(-100%);
+ }
+}
+
+@keyframes slideshowItemTitle{
+ 0% {
+ opacity: 0;
+ animation-timing-function: ease-in;
+ }
+ 2% {
+ opacity: 1;
+ }
+ 15% {
+ opacity: 1;
+ }
+ 15.8% {
+ opacity: 0;
+ }
+ 100% { opacity: 0 }
+}
+
+@keyframes slideshowItem {
+ 0%, 100% { opacity: 1; left: 0; }
+
+ 20% { opacity: 1; left: 0; }
+ 22% { opacity: 0; left: 0; }
+ 23% { opacity: 0; left: 18px; }
+ 25% { opacity: 1; left: 18px; }
+
+ 45% { opacity: 1; left: 18px; }
+ 47% { opacity: 0; left: 18px; }
+ 48% { opacity: 0; left: 36px; }
+ 50% { opacity: 1; left: 36px; }
+
+ 70% { opacity: 1; left: 36px; }
+ 72% { opacity: 0; left: 36px; }
+ 73% { opacity: 0; left: 54px; }
+ 75% { opacity: 1; left: 54px; }
+
+ 95% { opacity: 1; left: 54px; }
+ 97% { opacity: 0; left: 54px; }
+ 98% { opacity: 0; left: 0; }
+}
+
+.cb-slideshow:after {
+ content: '';
+ background: transparent url(../images/pattern.png) repeat top left;
+}
+.cb-slideshow li div {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+
+ background-size: cover;
+ background-position: 50% 50%;
+ background-repeat: none;
+
+ opacity: 0;
+ z-index: 0;
+ -webkit-backface-visibility: hidden;
+ -webkit-animation: imageAnimation 42s linear infinite 0s;
+ -moz-animation: imageAnimation 42s linear infinite 0s;
+ -o-animation: imageAnimation 42s linear infinite 0s;
+ -ms-animation: imageAnimation 42s linear infinite 0s;
+ animation: imageAnimation 42s linear infinite 0s;
+}
+.cb-slideshow li:nth-child(1) div { background-image: url(../images/slideshow/safety.jpg) }
+.cb-slideshow li:nth-child(2) div {
+ background-image: url(../images/slideshow/secure.jpg);
+ -webkit-animation-delay: 6s;
+ -moz-animation-delay: 6s;
+ -o-animation-delay: 6s;
+ -ms-animation-delay: 6s;
+ animation-delay: 6s;
+}
+.cb-slideshow li:nth-child(3) div {
+ background-image: url(../images/slideshow/process.jpg);
+ -webkit-animation-delay: 12s;
+ -moz-animation-delay: 12s;
+ -o-animation-delay: 12s;
+ -ms-animation-delay: 12s;
+ animation-delay: 12s;
+}
+.cb-slideshow li:nth-child(4) div {
+ background-image: url(../images/slideshow/work.jpg);
+ -webkit-animation-delay: 18s;
+ -moz-animation-delay: 18s;
+ -o-animation-delay: 18s;
+ -ms-animation-delay: 18s;
+ animation-delay: 18s;
+}
+.cb-slideshow li:nth-child(5) div {
+ background-image: url(../images/slideshow/product.jpg);
+ -webkit-animation-delay: 24s;
+ -moz-animation-delay: 24s;
+ -o-animation-delay: 24s;
+ -ms-animation-delay: 24s;
+ animation-delay: 24s;
+}
+.cb-slideshow li:nth-child(6) div {
+ background-image: url(../images/slideshow/orientation.jpg);
+ -webkit-animation-delay: 30s;
+ -moz-animation-delay: 30s;
+ -o-animation-delay: 30s;
+ -ms-animation-delay: 30s;
+ animation-delay: 30s;
+}
+.cb-slideshow li:nth-child(7) div {
+ background-image: url(../images/slideshow/sale.jpg);
+ -webkit-animation-delay: 36s;
+ -moz-animation-delay: 36s;
+ -o-animation-delay: 36s;
+ -ms-animation-delay: 36s;
+ animation-delay: 36s;
+}
+@-webkit-keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ -webkit-animation-timing-function: ease-in;
+ }
+ 8% {
+ opacity: 1;
+ -webkit-transform: scale(1.05);
+ -webkit-animation-timing-function: ease-out;
+ }
+ 17% {
+ opacity: 1;
+ -webkit-transform: scale(1.1);
+ }
+ 22% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-20%);
+ }
+ 25% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-100%);
+ }
+ 100% { opacity: 0 }
+}
+@-moz-keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ -moz-animation-timing-function: ease-in;
+ }
+ 8% {
+ opacity: 1;
+ -moz-transform: scale(1.05);
+ -moz-animation-timing-function: ease-out;
+ }
+ 17% {
+ opacity: 1;
+ -moz-transform: scale(1.1);
+ }
+ 22% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-20%);
+ }
+ 25% {
+ opacity: 0;
+ -moz-transform: scale(1.1) translateY(-100%);
+ }
+ 100% { opacity: 0 }
+}
+@-o-keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ -o-animation-timing-function: ease-in;
+ }
+ 8% {
+ opacity: 1;
+ -o-transform: scale(1.05);
+ -o-animation-timing-function: ease-out;
+ }
+ 17% {
+ opacity: 1;
+ -o-transform: scale(1.1);
+ }
+ 22% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-20%);
+ }
+ 25% {
+ opacity: 0;
+ -o-transform: scale(1.1) translateY(-100%);
+ }
+ 100% { opacity: 0 }
+}
+@-ms-keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ -ms-animation-timing-function: ease-in;
+ }
+ 8% {
+ opacity: 1;
+ -ms-transform: scale(1.05);
+ -ms-animation-timing-function: ease-out;
+ }
+ 17% {
+ opacity: 1;
+ -ms-transform: scale(1.1);
+ }
+ 22% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-20%);
+ }
+ 25% {
+ opacity: 0;
+ -ms-transform: scale(1.1) translateY(-100%);
+ }
+ 100% { opacity: 0 }
+}
+@keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ animation-timing-function: ease-in;
+ }
+ 8% {
+ opacity: 1;
+ transform: scale(1.05);
+ animation-timing-function: ease-out;
+ }
+ 17% {
+ opacity: 1;
+ transform: scale(1.1);
+ }
+ 22% {
+ opacity: 0;
+ -webkit-transform: scale(1.1) translateY(-20%);
+ }
+ 25% {
+ opacity: 0;
+ -transform: scale(1.1) translateY(-100%);
+ }
+ 100% { opacity: 0 }
+}
+@-webkit-keyframes titleAnimation {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-300%);
+ }
+ 8% {
+ opacity: 1;
+ -webkit-transform: translateY(0%);
+ }
+ 17% {
+ opacity: 1;
+ -webkit-transform: translateY(0%);
+ }
+ 19% {
+ opacity: 0;
+ -webkit-transform: translateY(100%);
+ }
+ 25% { opacity: 0 }
+ 100% { opacity: 0 }
+}
+@-moz-keyframes titleAnimation {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(-300%);
+ }
+ 8% {
+ opacity: 1;
+ -moz-transform: translateY(0%);
+ }
+ 17% {
+ opacity: 1;
+ -moz-transform: translateY(0%);
+ }
+ 19% {
+ opacity: 0;
+ -moz-transform: translateY(100%);
+ }
+ 25% { opacity: 0 }
+ 100% { opacity: 0 }
+}
+@-o-keyframes titleAnimation {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(-300%);
+ }
+ 8% {
+ opacity: 1;
+ -o-transform: translateY(0%);
+ }
+ 17% {
+ opacity: 1;
+ -o-transform: translateY(0%);
+ }
+ 19% {
+ opacity: 0;
+ -o-transform: translateY(100%);
+ }
+ 25% { opacity: 0 }
+ 100% { opacity: 0 }
+}
+@-ms-keyframes titleAnimation {
+ 0% {
+ opacity: 0;
+ -ms-transform: translateY(-300%);
+ }
+ 8% {
+ opacity: 1;
+ -ms-transform: translateY(0%);
+ }
+ 17% {
+ opacity: 1;
+ -ms-transform: translateY(0%);
+ }
+ 19% {
+ opacity: 0;
+ -ms-transform: translateY(100%);
+ }
+ 25% { opacity: 0 }
+ 100% { opacity: 0 }
+}
+@keyframes titleAnimation {
+ 0% {
+ opacity: 0;
+ transform: translateY(-300%);
+ }
+ 8% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+ 17% {
+ opacity: 1;
+ transform: translateY(0%);
+ }
+ 19% {
+ opacity: 0;
+ transform: translateY(100%);
+ }
+ 25% { opacity: 0 }
+ 100% { opacity: 0 }
+}
+/* Show at least something when animations not supported */
+.no-cssanimations .cb-slideshow li div{
+ opacity: 1;
+}
+
+/*==== Responsive ====*/
+/* Desktop */
+@media screen and (min-width: 800px) {
+ .cb-slideshow{
+ height:450px;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .cb-slideshow{
+ height:500px;
+ }
+}
+
+/* Large desktop */
+@media screen and (min-width: 1200px) {
+ .cb-slideshow{
+ height:600px;
+ }
+}
+/* Very Large desktop */
+@media screen and (min-width: 1366px) {
+ .cb-slideshow{
+ height:600px;
+ }
+}
+/* tablet landscape*/
+@media only screen and (max-width: 1024px) {
+ .cb-slideshow{
+ height:500px;
+ }
+}
+/* tablet portrait */
+@media only screen and (max-width: 800px) {
+ .cb-slideshow{
+ height:450px;
+ }
+}
+/* Phones landscape*/
+@media only screen and (max-width: 640px) {
+ .cb-slideshow{
+ height:360px;
+ }
+}
+/* Phones portrait*/
+@media only screen and (max-width: 480px) {
+ .cb-slideshow{
+ height:270px;
+ }
+}
+@media only screen and (max-width: 360px) {
+ .cb-slideshow{
+ height:200px;
+ }
+}
+@media only screen and (max-width: 320px) {
+ .cb-slideshow{
+ height:180px;
+ }
+}
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100755
index 0000000..2abb32b
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,26 @@
+version: '3'
+services:
+ gkcorp-web-nginx:
+ container_name: gkcorp-web-nginx
+ image: nginx:alpine
+ ports:
+ - "30808:80"
+ - "30843:443"
+ restart: unless-stopped
+ volumes:
+ - ./:/usr/share/nginx/html
+ - ./nginx/:/etc/nginx/conf.d/
+ - ./certbot/conf/:/etc/nginx/ssl/:ro
+ - ./certbot/www:/var/www/certbot/:ro
+ networks:
+ - app-network
+ certbot:
+ image: certbot/certbot:latest
+ volumes:
+ - ./certbot/www/:/var/www/certbot/:rw
+ - ./certbot/conf/:/etc/letsencrypt/:rw
+networks:
+ app-network:
+ name: gk.internal
+ # driver: bridge
+ external: true
diff --git a/ecourse.html b/ecourse.html
new file mode 100755
index 0000000..18b6a38
--- /dev/null
+++ b/ecourse.html
@@ -0,0 +1,278 @@
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
diff --git a/en/ecourse.html b/en/ecourse.html
new file mode 100755
index 0000000..01d0ffa
--- /dev/null
+++ b/en/ecourse.html
@@ -0,0 +1,288 @@
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+ Unmatched Reading Experience
+ Across Platforms
+
+
+
+ +
Web, iOS, Android
+
+
+
+
+
+
+
+ The OpenPage digital interactive ePub reader is designed with a simple, intuitive and
+ sensible interface that provides an immersive reading experience through its
+ Web, iOS, Android readers. Moreover the ecosystem offers a
+ seamless and connected reading experience when switching between different versions of the readers (web/mobile).
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Based on
+ ePUB3
+ Standards
+
+
+ Reflow and Fixed layout on the same reader
+
+
+
+ OpenPage is based on the industry standard
+ ePUB3
+ specifications. You can get your existing ePUB3 books on the OpenPage platfom in a matter of minutes. No fomat conversions, no lock-ins! Openpage accept all type of ebook format as
+ PDF, ePUB2
+ and
+ ePUB3
+
+
+
+
+
+
+
+ 
+
+
+
+ Rich
+ Reporting
+ and
+ Analytics
+
+
+ Measure student engagement and performance, content efficacy
+
+
+
+ The "event capturing framework" embedded in the OpenPage readers,
+ captures the key user interaction data that is turned into rich reports and visualizations.
+ This unleashes a gold mine of information on as aspects like
+ student engagement, performance and
+ content efficacy that helps stakeholders at all levels (publishers, teachers and students) to gain deep insights into the learning process and improve upon it.
+
+
+
+
+
+
+
+ 
+
+
+ Powerful
+ Publisher Tools
+
+
+ Upload ePub, enrich books, manage subscriptions
+
+ OpenPage comes with a robust backend that provides tools to import, enrich, manage and publish ePub based books.
+ It comes with a digital asset repository to upload, tag and manage digital enrichments associated with the books.
+ It also has modules to manage users, book subscription settings, DRM configuration etc.
+ OpenPage supports both retail as well institutional subscription models.
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ Support for Digital
+ Enrichments
+
+
+ Audio, Video, Image, Animation etc.
+
+
+
+ OpenPage comes with an interactive widget framework that allows embedding rich and interactive inline enrichments to the base eBooks.
+ This includes support for video, audio, images, animations and interactivities that infuse life to the eBooks and provide a much more
+ meaningful and
+ enriched reading experience.
+
+
+
+
+
+
+ 
+
+
+ Powerful
+ Quiz Engine
+ Author, tag, publish inline quizzes
+
+
+
+
+ OpenPage comes with a comprehensive quiz engine that allows authoring,
+ embedding and delivery of inline quizzes within eBooks.
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+