.app-scrollmenu {display: block; background-color: #6f6f6f; overflow-x: scroll; white-space: nowrap; z-index: 9999999; 
	-webkit-overflow-scrolling: touch;
	margin-bottom: 5px;
}
.app-scrollmenu::-webkit-scrollbar {display: none;}
.app-scrollmenu a {display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; padding: 8px 8px;}
.app-scrollmenu a:first-child {margin-right: 36px;}
.app-scrollmenu a:hover {background-color: #777;}

.app-dropmenu {float: right; display: block; position: absolute; margin-top: -38px; margin-right: 5px; overflow: auto;}
.app-dropmenu .dropicon {display: block; position: relative; width: 26px; height: 26px; line-height: 16px; margin-top: 2px; text-align: center; padding: 2px 0; background-color: #a09b9b;}
.app-dropmenu .dropicon i {font-size: 16px; margin-top: 3px;}
.app-dropmenu .mobileMenuItems {margin-top: 7px; width: 200px;}


.app_menu {display: block; position: fixed; bottom: 0; width: 100%; /*background-color: #F0F0F0; */ background-color: #fCfCfC; z-index: 99999999999; text-align: center;}
.app_menu li {list-style-type: none; display: inline-block; width: 25%; max-width: 200px; font-size: 14px; text-align: center; padding: 3px 5px 0 5px;}
.app_menu li a {display: block; padding: 2px; text-align: center;}
.app_menu li a:hover {color: #ff0000;}
.app_menu li span {display: block;}
.app_menu li i {font-size: 16px; color: #585858;}
.app_menu li a:hover i {color: #ff0000;}

.hide-controls::-webkit-media-controls {
  display: none;
}

.app-footer {text-align: center; padding: 0 15px 50px 15px; /*margin-top: 15px;*/ color: #000;}

.app-searchform {display: ; position: fixed; width: 100%; height: calc(100% - 45px); bottom: 45px; background-color: #fff; padding: 0; text-align: center;}
.app-searchform .item {display: block; position: relative; top: calc(50% - 60px); text-align: center; vertical-align: middle;}
.app-searchform .app-keyword {width: 300px; max-width: 90%; padding: 8px 10px;}
.app-searchform p {padding: 5px 0;}
.app-searchform .close-icon {float: right; cursor: pointer; padding: 0px 0px 2px 5px;}

.app-btn {
    background-color: #7EAA0F;
    color: #fff;
    border: none;
    padding: 8px 25px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
    min-height: 28px;
    min-width: 60px;
    border-radius: 5px;
}

.no-scrollbar {overflow: hidden !important;}

.app-topnav {display: block; padding: 10px 20px; width: 100%; background-color: #d2b704; color: #303030; font-weight: bold; font-size: 20px; text-align: center;}
.app-setting {font-size: 15px; padding: 15px; line-height: 24px;}
.app-setting li {padding: 5px 0; border-bottom: #808080 1px dashed;}
.app-setting li.bold {font-weight: bold; font-size: 16px;}
.app-setting label {float: left;}

.app-social a {display: inline-block; padding: 0 0 0 10px; font-size: 18px;}
.app-social a img {max-height: 20px;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch-slider {
  background-color: #2196F3;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switch-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}