@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);@import url(https://fonts.googleapis.com/css?family=Karla:400,700);@import url(https://fonts.googleapis.com/css?family=Rancho);/*Template Name: Adminto DashboardAuthor: CoderThemesEmail: coderthemes@gmail.comFile: Core*//* =============  == Core List==   - Common   - Helper classes   - Extra   - Bootstrap Custom   - Animation (Some loader)   - Waves effect   - Print (Invoice css)============= *//* =============   Common============= */body {  background: #253138;  font-family: 'Roboto', sans-serif;  margin: 0;  padding-bottom: 60px;  overflow-x: hidden;  color: #98a6ad;}html {  position: relative;  min-height: 100%;  background: #253138;}h1,h2,h3,h4,h5,h6 {  color: rgba(255, 255, 255, 0.9);  font-family: 'Karla', sans-serif;  margin: 10px 0;}h1 {  line-height: 43px;}h2 {  line-height: 35px;}h3 {  line-height: 30px;}h3 small {  color: #444444;}h4 {  line-height: 22px;}h4 small {  color: #444444;}h5 {  font-size: 15px;}h5 small {  color: #444444;}p {  line-height: 1.6;}* {  outline: none !important;}b {  font-weight: 600;}a:hover {  outline: 0;  text-decoration: none;}a:active {  outline: 0;  text-decoration: none;}a:focus {  outline: 0;  text-decoration: none;}hr {  border-top: 1px solid rgba(255, 255, 255, 0.1);}.container {  width: auto;}.container-alt {  margin-left: auto;  margin-right: auto;  padding-left: 15px;  padding-right: 15px;}/* Footer */.footer {  border-top: 1px solid rgba(152, 166, 173, 0.2);  bottom: 0px;  color: #98a6ad;  text-align: left !important;  padding: 19px 30px 20px;  position: absolute;  right: 0px;  left: 250px;}#wrapper {  height: 100%;  overflow: hidden;  width: 100%;}.page {  bottom: 0;  left: 0;  right: 0;  top: 0;}/* Page titles */.page-title {  font-size: 20px;  font-weight: 600;  margin-bottom: 0px;  margin-top: 0px;  line-height: 70px;}.page-header {  border-bottom: 1px solid rgba(255, 255, 255, 0.2);}.header-title {  font-size: 16px;  font-weight: 600;  line-height: 16px;  margin-bottom: 8px;}/* =============   Helper clasess============= */.p-0 {  padding: 0px !important;}.p-20 {  padding: 20px !important;}.p-30 {  padding: 30px !important;}.p-l-0 {  padding-left: 0px !important;}.p-r-0 {  padding-right: 0px !important;}.p-t-0 {  padding-top: 0px !important;}.p-b-0 {  padding-bottom: 0px !important;}.p-t-10 {  padding-top: 10px !important;}.p-b-10 {  padding-bottom: 10px !important;}.p-l-r-10 {  padding-left: 10px;  padding-right: 10px;}.m-0 {  margin: 0px !important;}.m-r-5 {  margin-right: 5px !important;}.m-r-10 {  margin-right: 10px !important;}.m-r-15 {  margin-right: 15px !important;}.m-l-5 {  margin-left: 5px !important;}.m-l-10 {  margin-left: 10px !important;}.m-l-15 {  margin-left: 15px !important;}.m-t-5 {  margin-top: 5px !important;}.m-t-0 {  margin-top: 0px !important;}.m-t-10 {  margin-top: 10px !important;}.m-t-15 {  margin-top: 15px !important;}.m-t-20 {  margin-top: 20px !important;}.m-t-30 {  margin-top: 30px !important;}.m-t-40 {  margin-top: 40px !important;}.m-b-0 {  margin-bottom: 0px !important;}.m-b-5 {  margin-bottom: 5px !important;}.m-b-10 {  margin-bottom: 10px !important;}.m-b-15 {  margin-bottom: 15px !important;}.m-b-20 {  margin-bottom: 20px !important;}.m-b-25 {  margin-bottom: 25px !important;}.m-b-30 {  margin-bottom: 30px !important;}.w-xs {  min-width: 80px;}.w-sm {  min-width: 95px;}.w-md {  min-width: 110px;}.w-lg {  min-width: 140px;}.m-h-40 {  min-height: 40px;}.m-h-50 {  min-height: 50px;}.l-h-34 {  line-height: 34px;}.font-600 {  font-weight: 600;}.font-bold {  font-weight: 700;}.font-normal {  font-weight: normal;}.font-light {  font-weight: 300;}.font-13 {  font-size: 13px !important;}.wrapper-md {  padding: 20px;}.pull-in {  margin-left: -20px;  margin-right: -20px;}.b-0 {  border: none !important;}.vertical-middle {  vertical-align: middle;}.bx-shadow {  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);}.bx-shadow-none {  box-shadow: none !important;}.mx-box {  max-height: 380px;  min-height: 380px;}.thumb-sm {  height: 32px;  width: 32px;}.thumb-md {  height: 48px;  width: 48px;}.thumb-lg {  height: 88px;  width: 88px;}.thumb-xl {  height: 120px;  width: 120px;}.add-new-plus {  height: 32px;  text-align: center;  width: 32px;  display: block;  line-height: 32px;  color: #98a6ad;  font-weight: 700;  background-color: #ebeff2;  border-radius: 50%;}/* =============   Extras============= *//* Table type box */.table-box {  display: table;  height: 100%;  width: 100%;}.table-box .table-detail {  display: table-cell;  vertical-align: middle;}/* Card Box */.card-box {  padding: 20px;  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);  -webkit-border-radius: 5px;  border-radius: 5px;  -moz-border-radius: 5px;  background-clip: padding-box;  margin-bottom: 20px;  background-color: #2f3e47;}.card-box .card-drop {  color: #98a6ad;  font-size: 20px;  line-height: 1px;  padding: 0px 5px;  display: inline-block;}/* Grid page */.grid-structure .grid-container {  background-color: #f4f8fb;  margin-bottom: 10px;  padding: 10px 20px;}/* Demo only */.icon-list-demo div {  cursor: pointer;  line-height: 45px;  white-space: nowrap;  color: #98a6ad;}.icon-list-demo div p {  margin-bottom: 0px;  line-height: inherit;}.icon-list-demo i {  display: inline-block;  font-size: 18px;  margin: 0;  vertical-align: middle;  width: 40px;}.icon-list-demo .col-md-4 {  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-border-radius: 3px;  background-clip: padding-box;}.icon-list-demo .col-md-4:hover {  background-color: rgba(152, 166, 173, 0.07);}.button-list {  margin-left: -8px;  margin-bottom: -12px;}.button-list .btn {  margin-bottom: 12px;  margin-left: 8px;}.demo-dropdown {  position: static;  display: block;  margin-bottom: 5px;  clear: left;}#static-modal {  position: relative;  top: auto;  right: auto;  bottom: auto;  left: auto;  z-index: 1;  display: block;}/* Switchery demo */.switchery-demo .switchery {  margin-bottom: 10px;}/* =============   Bootstrap-custom============= */.row {  margin-right: -10px;  margin-left: -10px;}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {  padding-left: 10px;  padding-right: 10px;}.breadcrumb {  background-color: transparent;  margin-bottom: 15px;  padding-top: 10px;  padding-left: 0px;}/* Image Thumbnail */.img-thumbnail {  border: 1px solid #EBEFF2;}/* Dropdown */.dropdown-menu {  padding: 4px 0;  transition: all 300ms ease;  -moz-transition: all 300ms ease;  -webkit-transition: all 300ms ease;  -o-transition: all 300ms ease;  -ms-transition: all 300ms ease;  background-color: #98a6ad;  box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);  border: 1px solid rgba(152, 166, 173, 0.15);}.dropdown-menu >li >a {  padding: 6px 20px;}.dropdown-menu .divider {  background-color: rgba(67, 89, 102, 0.5);}.dropdown-menu >li >a:focus,.dropdown-menu >li >a:hover {  background-color: rgba(218, 230, 236, 0.3) !important;}.dropdown-menu >.active >a,.dropdown-menu >.active >a:hover,.dropdown-menu >.active >a:focus {  background-color: rgba(152, 166, 173, 0.1);  color: #435966;}blockquote .small,blockquote footer,blockquote small {  color: rgba(255, 255, 255, 0.8);}/*Well */.well {  background-color: rgba(152, 166, 173, 0.15);  border: rgba(152, 166, 173, 0.5);  -webkit-box-shadow: inset 0 1px 1px rgba(152, 166, 173, 0.25);  box-shadow: inset 0 1px 1px rgba(152, 166, 173, 0.25);}/* Background colors */.bg-custom {  background-color: #71b6f9 !important;}.bg-primary {  background-color: #188ae2 !important;}.bg-success {  background-color: #10c469 !important;}.bg-info {  background-color: #35b8e0 !important;}.bg-warning {  background-color: #f9c851 !important;}.bg-danger {  background-color: #ff5b5b !important;}.bg-muted {  background-color: #f4f8fb !important;}.bg-inverse {  background-color: #575e6f !important;}.bg-purple {  background-color: #5b69bc !important;}.bg-pink {  background-color: #ff8acc !important;}.bg-white {  background-color: #ffffff !important;}.bg-lightdark {  background-color: #f4f8fb !important;}/* Text colors */.text-custom {  color: #71b6f9 !important;}.text-white {  color: #ffffff !important;}.text-danger {  color: #ff5b5b !important;}.text-muted {  color: #98a6ad !important;}.text-primary {  color: #188ae2 !important;}.text-warning {  color: #f9c851 !important;}.text-success {  color: #10c469 !important;}.text-info {  color: #35b8e0 !important;}.text-inverse {  color: #575e6f !important;}.text-pink {  color: #ff8acc !important;}.text-purple {  color: #5b69bc !important;}.text-dark {  color: #797979 !important;}/* Form components */textarea.form-control {  min-height: 90px;}.form-control {  background-color: #394c57;  border: 2px solid rgba(238, 238, 238, 0.1);  border-radius: 4px;  color: #ffffff;  height: 36px;  max-width: 100%;  -webkit-box-shadow: none;  box-shadow: none;  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;  -o-transition: all 300ms linear;  -ms-transition: all 300ms linear;  transition: all 300ms linear;}.form-control:focus {  background-color: #435966;  border: 2px solid rgba(238, 238, 238, 0.3);  -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important;  color: #ffffff;}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {  background-color: rgba(255, 255, 255, 0.1);}input.form-control::-webkit-input-placeholder {  color: rgba(255, 255, 255, 0.3);  font-weight: normal;}input.form-control:-moz-placeholder {  color: rgba(255, 255, 255, 0.3);  font-weight: normal;}input.form-control::-moz-placeholder {  color: rgba(255, 255, 255, 0.3);  font-weight: normal;}input.form-control:-ms-input-placeholder {  color: rgba(255, 255, 255, 0.3);  font-weight: normal;}.input-lg {  height: 46px;  padding: 10px 16px;  font-size: 18px;  line-height: 1.3333333;  border-radius: 6px;}.input-sm {  height: 30px;  padding: 5px 10px;  font-size: 12px;  line-height: 1.5;  border-radius: 3px;}.form-horizontal .form-group {  margin-left: -10px;  margin-right: -10px;}.form-control-feedback {  line-height: 36px !important;}.input-group-btn .btn {  padding: 7px 12px;}.input-group-btn .btn-sm {  padding: 5px 10px;}.input-group-btn .btn-lg {  padding: 10px 17px;}.has-success .form-control {  border-color: #10c469 !important;  box-shadow: none !important;}.has-warning .form-control {  border-color: #f9c851 !important;  box-shadow: none !important;}.has-error .form-control {  border-color: #ff5b5b !important;  box-shadow: none !important;}.input-group-addon {  border-radius: 2px;  background-color: rgba(255, 255, 255, 0.6);  border: none;}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {  color: #10c469;}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {  color: #f9c851;}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {  color: #ff5b5b;}/* Labels */.label {  font-weight: 500;  letter-spacing: 0.05em;  padding: .3em .6em .3em;}.label-default {  background-color: #71b6f9;}.label-primary {  background-color: #188ae2;}.label-success {  background-color: #10c469;}.label-info {  background-color: #35b8e0;}.label-warning {  background-color: #f9c851;}.label-danger {  background-color: #ff5b5b;}.label-purple {  background-color: #5b69bc;}.label-pink {  background-color: #ff8acc;}.label-inverse {  background-color: #575e6f;}/* Badge */.badge {  text-transform: uppercase;  font-weight: 500;  padding: 3px 5px;  font-size: 12px;  margin-top: 1px;  background-color: #71b6f9;}.badge-xs {  font-size: 9px;}.badge-xs,.badge-sm {  -webkit-transform: translate(0, -2px);  -ms-transform: translate(0, -2px);  -o-transform: translate(0, -2px);  transform: translate(0, -2px);}.badge-primary {  background-color: #188ae2;}.badge-success {  background-color: #10c469;}.badge-info {  background-color: #35b8e0;}.badge-warning {  background-color: #f9c851;}.badge-danger {  background-color: #ff5b5b;}.badge-purple {  background-color: #5b69bc;}.badge-pink {  background-color: #ff8acc;}.badge-inverse {  background-color: #575e6f;}/* Pagination/ Pager */.pagination >li:first-child >a,.pagination >li:first-child >span {  border-bottom-left-radius: 3px;  border-top-left-radius: 3px;}.pagination >li:last-child >a,.pagination >li:last-child >span {  border-bottom-right-radius: 3px;  border-top-right-radius: 3px;}.pagination >li >a,.pagination >li >span {  color: #ffffff;  background-color: transparent;  border: 2px solid rgba(255, 255, 255, 0.2);}.pagination >li >a:hover,.pagination >li >span:hover,.pagination >li >a:focus,.pagination >li >span:focus {  background-color: rgba(255, 255, 255, 0.2);  border: 2px solid rgba(255, 255, 255, 0.2);  color: #98a6ad;}.pagination-split li {  margin-left: 5px;  display: inline-block;  float: left;}.pagination-split li:first-child {  margin-left: 0;}.pagination-split li a {  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-border-radius: 3px;  background-clip: padding-box;}.pagination >.active >a,.pagination >.active >span,.pagination >.active >a:hover,.pagination >.active >span:hover,.pagination >.active >a:focus,.pagination >.active >span:focus {  background-color: #71b6f9;  border-color: #71b6f9;}.pager li >a,.pager li >span {  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-border-radius: 3px;  background-clip: padding-box;  color: #ffffff;  border: 2px solid rgba(255, 255, 255, 0.2);  background: transparent;}.pager li >a:hover,.pager li >span:hover {  background: rgba(255, 255, 255, 0.2);}.pagination >.disabled >a,.pagination >.disabled >a:focus,.pagination >.disabled >a:hover,.pagination >.disabled >span,.pagination >.disabled >span:focus,.pagination >.disabled >span:hover,.pager .disabled >a,.pager .disabled >a:focus,.pager .disabled >a:hover,.pager .disabled >span {  background: rgba(255, 255, 255, 0.2);  color: #ffffff;  border: 2px solid rgba(255, 255, 255, 0.1);}/* Tabs */.tab-content {  padding: 20px;  border: 2px solid rgba(238, 238, 238, 0.3);}.nav-tabs >.active >a,.nav-tabs >.active >a:focus,.nav-tabs >.active >a:hover {  background-color: rgba(255, 255, 255, 0.3) !important;  color: rgba(255, 255, 255, 0.8) !important;  border: 2px solid rgba(238, 238, 238, 0.3) !important;  border-bottom-color: transparent !important;}.nav-tabs {  border-bottom: 2px solid transparent;}.nav-tabs a {  margin-bottom: -2px;  color: rgba(255, 255, 255, 0.7);  font-size: 15px;  font-weight: 600;  border: 2px solid transparent !important;  font-family: 'Karla', sans-serif;}.nav >li >a:focus,.nav >li >a:hover {  text-decoration: none;  background-color: rgba(255, 255, 255, 0.3) !important;  border: 2px solid rgba(238, 238, 238, 0.3) !important;}.nav .open >a,.nav .open >a:focus,.nav .open >a:hover {  border-color: #eeeeee;}/* List group */.list-group-item {  border: 1px solid rgba(238, 238, 238, 0.2);  background: transparent;  color: #ffffff !important;}.list-group-item:hover {  background-color: rgba(255, 255, 255, 0.2) !important;}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover {  background-color: rgba(255, 255, 255, 0.2) !important;}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {  background-color: #71b6f9 !important;  border-color: #71b6f9;}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text {  color: rgba(255, 255, 255, 0.5);}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading {  color: #ffffff;}.list-no-border .list-group-item {  border: none;}/* Dropcap */.dropcap {  font-size: 3.1em;}.dropcap,.dropcap-circle,.dropcap-square {  display: block;  float: left;  font-weight: 400;  line-height: 36px;  margin-right: 6px;  text-shadow: none;}/* Alert */.alert .btn {  margin-top: 10px;}.alert-success {  background-color: rgba(95, 190, 170, 0.3);  border-color: rgba(95, 190, 170, 0.4);  color: #5fbeaa;}.alert-info {  background-color: rgba(52, 211, 235, 0.2);  border-color: rgba(52, 211, 235, 0.3);  color: #35b8e0;}.alert-warning {  background-color: rgba(255, 189, 74, 0.2);  border-color: rgba(255, 189, 74, 0.3);  color: #f9c851;}.alert-danger {  background-color: rgba(240, 80, 80, 0.2);  border-color: rgba(240, 80, 80, 0.3);  color: #ff5b5b;}/* Modal */.modal .modal-dialog .modal-content {  -moz-box-shadow: none;  -webkit-box-shadow: none;  border-color: #2f3e47;  border-radius: 2px;  box-shadow: none;  padding: 30px;  background-color: #435966;}.modal .modal-dialog .modal-content .modal-header {  margin: 0;  padding: 0;  border-bottom: 2px solid rgba(238, 238, 238, 0.3);  padding-bottom: 15px;}.modal .modal-dialog .modal-content .modal-body {  padding: 20px 0;}.modal .modal-dialog .modal-content .modal-footer {  padding: 0;  padding-top: 15px;  border-top: 1px solid rgba(238, 238, 238, 0.3);}.modal .close {  color: #ffffff;  text-shadow: none;}.modal-full {  width: 98%;}.modal-backdrop {  background-color: #eeeeee;}.modal-content .nav.nav-tabs + .tab-content {  margin-bottom: 0px;}.modal-content .panel-group {  margin-bottom: 0px;}.modal-content .panel {  border-top: none;}/* Custom-modal */.modal-demo {  background-color: #435966;  width: 600px;  -webkit-border-radius: 4px;  border-radius: 4px;  -moz-border-radius: 4px;  background-clip: padding-box;  display: none;}.modal-demo .close {  position: absolute;  top: 15px;  right: 25px;  color: #eeeeee;}.custom-modal-title {  padding: 15px 25px 15px 25px;  line-height: 22px;  font-size: 18px;  background-color: #71b6f9;  color: #ffffff;  text-align: left;  margin: 0px;}.custom-modal-text {  padding: 20px;}.custombox-modal-flash .close,.custombox-modal-rotatedown .close {  top: 20px;  z-index: 9999;}/* Tabs-Accordions */.tabs-vertical-env .tab-content {  margin-bottom: 0px;}.table >thead >tr >td.middle-align,.table >tbody >tr >td.middle-align,.table >.tfood >tr >td.middle-align,.table >thead >tr >th.middle-align,.table >tbody >tr >th.middle-align,.table >.tfood >tr >th.middle-align {  vertical-align: middle;}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {  background-color: #71b6f9;  border-color: #71b6f9;}.nav-pills >.active >a >.badge {  color: #71b6f9;}/* Tooltips */.tooltip-inner {  border-radius: 1px;  padding: 6px 10px;}.jqstooltip {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  width: auto!important;  height: auto!important;}/* Popover */.popover {  font-family: inherit;  border: none;  -webkit-border-radius: 3px;  border-radius: 3px;  -moz-border-radius: 3px;  background-clip: padding-box;  background-color: #435966;}.popover .popover-title {  background-color: #394c57;  border-bottom: none;  color: #71b6f9;  font-weight: 600;}.popover.top >.arrow:after {  border-top-color: #435966;}.popover.bottom >.arrow:after {  border-bottom-color: #435966;}.popover.left >.arrow:after {  border-left-color: #435966;}.popover.right >.arrow:after {  border-right-color: #435966;}/* Code */code {  color: #435966;  background-color: rgba(244, 248, 251, 0.6);  border-radius: 3px;}/* Pre */pre {  background-color: rgba(244, 248, 251, 0.4);  border: 1px solid rgba(244, 248, 251, 0.5);}/* Blockquote */blockquote {  border-left: 4px solid #98a6ad;}.blockquote-reverse,blockquote.pull-right {  border-right: 4px solid #98a6ad;}/* Carousel */.carousel-control {  width: 10%;}.carousel-control span {  position: absolute;  top: 50%;  /* pushes the icon in the middle of the height */  z-index: 5;  display: inline-block;  font-size: 30px;}/* Owl */.slider-bg {  background-size: cover !important;  padding: 5.5% 4.5%;}/* Media */.media {  margin-bottom: 20px;}.media .media-heading {  font-weight: 600;  font-size: 16px;}.media:last-of-type {  margin-bottom: 0px;}/* =============   Animation============= *//* Progressbar Animated */@-webkit-keyframes animationProgress {  from {    width: 0;  }}@keyframes animationProgress {  from {    width: 0;  }}/* Portlets loader */@-webkit-keyframes sk-rotateplane {  0% {    -webkit-transform: perspective(120px);  }  50% {    -webkit-transform: perspective(120px) rotateY(180deg);  }  100% {    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);  }}@keyframes sk-rotateplane {  0% {    transform: perspective(120px) rotateX(0deg) rotateY(0deg);    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);  }  50% {    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);  }  100% {    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);  }}/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect {  position: relative;  cursor: pointer;  display: inline-block;  overflow: hidden;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: transparent;  vertical-align: middle;  z-index: 1;  will-change: opacity, transform;  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}.waves-effect .waves-ripple {  position: absolute;  border-radius: 50%;  width: 20px;  height: 20px;  margin-top: -10px;  margin-left: -10px;  opacity: 0;  background: rgba(0, 0, 0, 0.2);  -webkit-transition: all 0.7s ease-out;  -moz-transition: all 0.7s ease-out;  -o-transition: all 0.7s ease-out;  -ms-transition: all 0.7s ease-out;  transition: all 0.7s ease-out;  -webkit-transition-property: -webkit-transform, opacity;  -moz-transition-property: -moz-transform, opacity;  -o-transition-property: -o-transform, opacity;  transition-property: transform, opacity;  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  pointer-events: none;}.waves-notransition {  -webkit-transition: none !important;  -moz-transition: none !important;  -o-transition: none !important;  -ms-transition: none !important;  transition: none !important;}.waves-circle {  -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  -ms-transform: translateZ(0);  -o-transform: translateZ(0);  transform: translateZ(0);  text-align: center;  width: 2.5em;  height: 2.5em;  line-height: 2.5em;  border-radius: 50%;  -webkit-mask-image: none;}.waves-input-wrapper {  border-radius: 0.2em;  vertical-align: bottom;}.waves-input-wrapper .waves-button-input {  position: relative;  top: 0;  left: 0;  z-index: 1;}.waves-block {  display: block;}.waves-effect.waves-light .waves-ripple {  background-color: rgba(255, 255, 255, 0.4);}.waves-effect.waves-custom .waves-ripple {  background-color: rgba(113, 182, 249, 0.4);}.waves-effect.waves-primary .waves-ripple {  background-color: rgba(24, 138, 226, 0.4);}.waves-effect.waves-success .waves-ripple {  background-color: rgba(16, 196, 105, 0.4);}.waves-effect.waves-info .waves-ripple {  background-color: rgba(53, 184, 224, 0.4);}.waves-effect.waves-warning .waves-ripple {  background-color: rgba(249, 200, 81, 0.4);}.waves-effect.waves-danger .waves-ripple {  background-color: rgba(255, 91, 91, 0.4);}.waves-effect.waves-pink .waves-ripple {  background-color: rgba(255, 138, 204, 0.4);}.waves-effect.purple .waves-ripple {  background-color: rgba(91, 105, 188, 0.2);}.waves-effect.waves-inverse .waves-ripple {  background-color: rgba(87, 94, 111, 0.4);}/* =============   Print css============= */@media print {  .page-title-box,  .topbar-left,  .hidden-print,  .breadcrumb,  .page-title,  .footer {    display: none;    margin: 0px;    padding: 0px;  }  .left,  .right-bar {    display: none;  }  .content {    margin-top: 0px !important;    padding-top: 0px;  }  .content-page {    margin-left: 0px;    margin-top: 0px;  }}