/*Font-Color*/
.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-dark .menu-desktop .menu-top a {
  background: #751a17;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .box {
  border-color: #751a17;
}

.thema-red-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-dark .call-list span {
  color: #751a17;
}

.thema-red-dark .btn-more {
  background: #751a17;
  color: #fff;
}

.thema-red-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-dark .footer-top {
  background: #751a17;
}

.thema-red-dark .menu li:hover {
  background: #751a17;
}

.thema-red-dark .menu li:hover > a {
  color: #fff;
}

.thema-red-dark .page-list li a {
  color: #751a17;
}

.thema-red-dark .box-loket {
  border: solid 1px #751a17;
}

.thema-red-dark .box-loket .loket-number {
  color: #751a17;
}

.thema-red-dark .title-color {
  color: #751a17;
}

.thema-red-dark .app-title.line-after:after {
  border-bottom: 2px solid #751a17;
}

.box-red-dark {
  background: #751a17;
}

.box-red-dark .box-header h4, .box-red-dark .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red-light .menu-desktop .menu-top a {
  background: #e948ae;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .box {
  border-color: #e948ae;
}

.thema-red-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red-light .call-list span {
  color: #e948ae;
}

.thema-red-light .btn-more {
  background: #e948ae;
  color: #fff;
}

.thema-red-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red-light .footer-top {
  background: #e948ae;
}

.thema-red-light .menu li:hover {
  background: #e948ae;
}

.thema-red-light .menu li:hover > a {
  color: #fff;
}

.thema-red-light .page-list li a {
  color: #e948ae;
}

.thema-red-light .box-loket {
  border: solid 1px #e948ae;
}

.thema-red-light .box-loket .loket-number {
  color: #e948ae;
}

.thema-red-light .title-color {
  color: #e948ae;
}

.thema-red-light .app-title.line-after:after {
  border-bottom: 2px solid #e948ae;
}

.box-red-light {
  background: #e948ae;
}

.box-red-light .box-header h4, .box-red-light .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-red .menu-desktop .menu-top a {
  background: #da4b38;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-red .menu-desktop .menu-top:hover {
  background: none;
}

.thema-red .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .box {
  border-color: #da4b38;
}

.thema-red .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-red .call-list span {
  color: #da4b38;
}

.thema-red .btn-more {
  background: #da4b38;
  color: #fff;
}

.thema-red .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-red .footer-top {
  background: #da4b38;
}

.thema-red .menu li:hover {
  background: #da4b38;
}

.thema-red .menu li:hover > a {
  color: #fff;
}

.thema-red .page-list li a {
  color: #da4b38;
}

.thema-red .box-loket {
  border: solid 1px #da4b38;
}

.thema-red .box-loket .loket-number {
  color: #da4b38;
}

.thema-red .title-color {
  color: #da4b38;
}

.thema-red .app-title.line-after:after {
  border-bottom: 2px solid #da4b38;
}

.box-red {
  background: #da4b38;
}

.box-red .box-header h4, .box-red .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green .menu-desktop .menu-top a {
  background: #177521;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .box {
  border-color: #177521;
}

.thema-green .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green .call-list span {
  color: #177521;
}

.thema-green .btn-more {
  background: #177521;
  color: #fff;
}

.thema-green .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green .footer-top {
  background: #177521;
}

.thema-green .menu li:hover {
  background: #177521;
}

.thema-green .menu li:hover > a {
  color: #fff;
}

.thema-green .page-list li a {
  color: #177521;
}

.thema-green .box-loket {
  border: solid 1px #177521;
}

.thema-green .box-loket .loket-number {
  color: #177521;
}

.thema-green .title-color {
  color: #177521;
}

.thema-green .app-title.line-after:after {
  border-bottom: 2px solid #177521;
}

.box-green {
  background: #177521;
}

.box-green .box-header h4, .box-green .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-green-light .menu-desktop .menu-top a {
  background: #10c45c;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-green-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-green-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .box {
  border-color: #10c45c;
}

.thema-green-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-green-light .call-list span {
  color: #10c45c;
}

.thema-green-light .btn-more {
  background: #10c45c;
  color: #fff;
}

.thema-green-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-green-light .footer-top {
  background: #10c45c;
}

.thema-green-light .menu li:hover {
  background: #10c45c;
}

.thema-green-light .menu li:hover > a {
  color: #fff;
}

.thema-green-light .page-list li a {
  color: #10c45c;
}

.thema-green-light .box-loket {
  border: solid 1px #10c45c;
}

.thema-green-light .box-loket .loket-number {
  color: #10c45c;
}

.thema-green-light .title-color {
  color: #10c45c;
}

.thema-green-light .app-title.line-after:after {
  border-bottom: 2px solid #10c45c;
}

.box-green-light {
  background: #10c45c;
}

.box-green-light .box-header h4, .box-green-light .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-yellow .menu-desktop .menu-top a {
  background: #fdc735;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-yellow .menu-desktop .menu-top:hover {
  background: none;
}

.thema-yellow .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .box {
  border-color: #fdc735;
}

.thema-yellow .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-yellow .call-list span {
  color: #fdc735;
}

.thema-yellow .btn-more {
  background: #fdc735;
  color: #fff;
}

.thema-yellow .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-yellow .footer-top {
  background: #fdc735;
}

.thema-yellow .menu li:hover {
  background: #fdc735;
}

.thema-yellow .menu li:hover > a {
  color: #fff;
}

.thema-yellow .page-list li a {
  color: #fdc735;
}

.thema-yellow .box-loket {
  border: solid 1px #fdc735;
}

.thema-yellow .box-loket .loket-number {
  color: #fdc735;
}

.thema-yellow .title-color {
  color: #fdc735;
}

.thema-yellow .app-title.line-after:after {
  border-bottom: 2px solid #fdc735;
}

.box-yellow {
  background: #fdc735;
}

.box-yellow .box-header h4, .box-yellow .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-blue .menu-desktop .menu-top a {
  background: #1E90FF;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .box {
  border-color: #1E90FF;
}

.thema-blue .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue .call-list span {
  color: #1E90FF;
}

.thema-blue .btn-more {
  background: #1E90FF;
  color: #fff;
}

.thema-blue .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue .footer-top {
  background: #1E90FF;
}

.thema-blue .menu li:hover {
  background: #1E90FF;
}

.thema-blue .menu li:hover > a {
  color: #fff;
}

.thema-blue .page-list li a {
  color: #1E90FF;
}

.thema-blue .box-loket {
  border: solid 1px #1E90FF;
}

.thema-blue .box-loket .loket-number {
  color: #1E90FF;
}

.thema-blue .title-color {
  color: #1E90FF;
}

.thema-blue .app-title.line-after:after {
  border-bottom: 2px solid #1E90FF;
}

.box-blue {
  background: #1E90FF;
}

.box-blue .box-header h4, .box-blue .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-cyan .menu-desktop .menu-top a {
  background: #00CED1;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-cyan .menu-desktop .menu-top:hover {
  background: none;
}

.thema-cyan .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .box {
  border-color: #00CED1;
}

.thema-cyan .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-cyan .call-list span {
  color: #00CED1;
}

.thema-cyan .btn-more {
  background: #00CED1;
  color: #fff;
}

.thema-cyan .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-cyan .footer-top {
  background: #00CED1;
}

.thema-cyan .menu li:hover {
  background: #00CED1;
}

.thema-cyan .menu li:hover > a {
  color: #fff;
}

.thema-cyan .page-list li a {
  color: #00CED1;
}

.thema-cyan .box-loket {
  border: solid 1px #00CED1;
}

.thema-cyan .box-loket .loket-number {
  color: #00CED1;
}

.thema-cyan .title-color {
  color: #00CED1;
}

.thema-cyan .app-title.line-after:after {
  border-bottom: 2px solid #00CED1;
}

.box-cyan {
  background: #00CED1;
}

.box-cyan .box-header h4, .box-cyan .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-gray .menu-desktop .menu-top a {
  background: #DCDCDC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-gray .menu-desktop .menu-top:hover {
  background: none;
}

.thema-gray .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .box {
  border-color: #DCDCDC;
}

.thema-gray .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-gray .call-list span {
  color: #DCDCDC;
}

.thema-gray .btn-more {
  background: #DCDCDC;
  color: #fff;
}

.thema-gray .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-gray .footer-top {
  background: #DCDCDC;
}

.thema-gray .menu li:hover {
  background: #DCDCDC;
}

.thema-gray .menu li:hover > a {
  color: #fff;
}

.thema-gray .page-list li a {
  color: #DCDCDC;
}

.thema-gray .box-loket {
  border: solid 1px #DCDCDC;
}

.thema-gray .box-loket .loket-number {
  color: #DCDCDC;
}

.thema-gray .title-color {
  color: #DCDCDC;
}

.thema-gray .app-title.line-after:after {
  border-bottom: 2px solid #DCDCDC;
}

.box-gray {
  background: #DCDCDC;
}

.box-gray .box-header h4, .box-gray .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-light .menu-desktop .menu-top a {
  background: #5badc6;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-light .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-light .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .box {
  border-color: #5badc6;
}

.thema-blue-light .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-light .call-list span {
  color: #5badc6;
}

.thema-blue-light .btn-more {
  background: #5badc6;
  color: #fff;
}

.thema-blue-light .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-light .footer-top {
  background: #5badc6;
}

.thema-blue-light .menu li:hover {
  background: #5badc6;
}

.thema-blue-light .menu li:hover > a {
  color: #fff;
}

.thema-blue-light .page-list li a {
  color: #5badc6;
}

.thema-blue-light .box-loket {
  border: solid 1px #5badc6;
}

.thema-blue-light .box-loket .loket-number {
  color: #5badc6;
}

.thema-blue-light .title-color {
  color: #5badc6;
}

.thema-blue-light .app-title.line-after:after {
  border-bottom: 2px solid #5badc6;
}

.box-blue-light {
  background: #5badc6;
}

.box-blue-light .box-header h4, .box-blue-light .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-blue-dark .menu-desktop .menu-top a {
  background: #1565c0;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-blue-dark .menu-desktop .menu-top:hover {
  background: none;
}

.thema-blue-dark .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .box {
  border-color: #1565c0;
}

.thema-blue-dark .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-blue-dark .call-list span {
  color: #1565c0;
}

.thema-blue-dark .btn-more {
  background: #1565c0;
  color: #fff;
}

.thema-blue-dark .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-blue-dark .footer-top {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover {
  background: #1565c0;
}

.thema-blue-dark .menu li:hover > a {
  color: #fff;
}

.thema-blue-dark .page-list li a {
  color: #1565c0;
}

.thema-blue-dark .box-loket {
  border: solid 1px #1565c0;
}

.thema-blue-dark .box-loket .loket-number {
  color: #1565c0;
}

.thema-blue-dark .title-color {
  color: #1565c0;
}

.thema-blue-dark .app-title.line-after:after {
  border-bottom: 2px solid #1565c0;
}

.box-blue-dark {
  background: #1565c0;
}

.box-blue-dark .box-header h4, .box-blue-dark .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-purple .menu-desktop .menu-top a {
  background: #9932CC;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-purple .menu-desktop .menu-top:hover {
  background: none;
}

.thema-purple .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .box {
  border-color: #9932CC;
}

.thema-purple .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-purple .call-list span {
  color: #9932CC;
}

.thema-purple .btn-more {
  background: #9932CC;
  color: #fff;
}

.thema-purple .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-purple .footer-top {
  background: #9932CC;
}

.thema-purple .menu li:hover {
  background: #9932CC;
}

.thema-purple .menu li:hover > a {
  color: #fff;
}

.thema-purple .page-list li a {
  color: #9932CC;
}

.thema-purple .box-loket {
  border: solid 1px #9932CC;
}

.thema-purple .box-loket .loket-number {
  color: #9932CC;
}

.thema-purple .title-color {
  color: #9932CC;
}

.thema-purple .app-title.line-after:after {
  border-bottom: 2px solid #9932CC;
}

.box-purple {
  background: #9932CC;
}

.box-purple .box-header h4, .box-purple .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-orange .menu-desktop .menu-top a {
  background: #f05e04;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-orange .menu-desktop .menu-top:hover {
  background: none;
}

.thema-orange .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .box {
  border-color: #f05e04;
}

.thema-orange .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-orange .call-list span {
  color: #f05e04;
}

.thema-orange .btn-more {
  background: #f05e04;
  color: #fff;
}

.thema-orange .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-orange .footer-top {
  background: #f05e04;
}

.thema-orange .menu li:hover {
  background: #f05e04;
}

.thema-orange .menu li:hover > a {
  color: #fff;
}

.thema-orange .page-list li a {
  color: #f05e04;
}

.thema-orange .box-loket {
  border: solid 1px #f05e04;
}

.thema-orange .box-loket .loket-number {
  color: #f05e04;
}

.thema-orange .title-color {
  color: #f05e04;
}

.thema-orange .app-title.line-after:after {
  border-bottom: 2px solid #f05e04;
}

.box-orange {
  background: #f05e04;
}

.box-orange .box-header h4, .box-orange .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

.thema-black .menu-desktop .menu-top a {
  background: #000000;
  color: #fff !important;
  padding: 2px 10px;
  border-radius: 20px;
  margin-top: -2px;
}

.thema-black .menu-desktop .menu-top:hover {
  background: none;
}

.thema-black .menu-desktop .menu-top a:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .box {
  border-color: #000000;
}

.thema-black .h2-title:after {
  border-bottom: 3px solid #4fadff;
}

.thema-black .call-list span {
  color: #000000;
}

.thema-black .btn-more {
  background: #000000;
  color: #fff;
}

.thema-black .btn-more:hover {
  background: rgba(79, 173, 255, 0.6);
}

.thema-black .footer-top {
  background: #000000;
}

.thema-black .menu li:hover {
  background: #000000;
}

.thema-black .menu li:hover > a {
  color: #fff;
}

.thema-black .page-list li a {
  color: #000000;
}

.thema-black .box-loket {
  border: solid 1px #000000;
}

.thema-black .box-loket .loket-number {
  color: #000000;
}

.thema-black .title-color {
  color: #000000;
}

.thema-black .app-title.line-after:after {
  border-bottom: 2px solid #000000;
}

.box-black {
  background: #000000;
}

.box-black .box-header h4, .box-black .box-body {
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-dark .menu-top {
    background: #751a17;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red-light .menu-top {
    background: #e948ae;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-red .menu-top {
    background: #da4b38;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green .menu-top {
    background: #177521;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-green-light .menu-top {
    background: #10c45c;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-yellow .menu-top {
    background: #fdc735;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-blue .menu-top {
    background: #1E90FF;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-cyan .menu-top {
    background: #00CED1;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-gray .menu-top {
    background: #DCDCDC;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-light .menu-top {
    background: #5badc6;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-blue-dark .menu-top {
    background: #1565c0;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-purple .menu-top {
    background: #9932CC;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-orange .menu-top {
    background: #f05e04;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }

  .thema-black .menu-top {
    background: #000000;
    color: #fff;
  }
}

/*# sourceMappingURL=file:///c:/wamp64/www/rsud3/css/thema.css.map */