/**background-colors*/
.bg-light-dark {
  background-color: rgba(0, 0, 0, 0.1);
}

.white-bg {
  background: #fff;
}

.bg-success {
  background-color: #4CAF50;
}

.border-success {
  border-color: #4CAF50;
}

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #777;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  overflow-x: hidden;
  background-color: #F6FAFB;

  --mainColor: #A0522D;
  --mainColor1: #8B4513;
  --mainTextColor: #ffffff;
  --mainTextColor1: #8B4513;
}

/**自定义滚动条样式 */
/*body::-webkit-scrollbar {
  width: 6px;
  height: 6px
}

body::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

body::-webkit-scrollbar-thumb {
  background-color: #9c9da0;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em
}*/

a {
  text-decoration: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #56afd7;
}
a:hover, a:focus {
  text-decoration: none;
  outline: 0 !important;
}

a.text-muted:hover {
  color: #23b7e5;
}

a blockquote {
  color: #666;
}

blockquote {
  font-style: italic;
}

hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

button:focus {
  outline: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  font-weight: 700;
}

strong, b {
  font-weight: 700 !important;
}

.border-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.border-r {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.widget {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 15px 20px;
}
.widget h2 {
  margin-bottom: 0px;
}
.mv-0 {
  margin: 0 !important;
}

.pv-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.row-table {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  margin: 0;
}

.row-table > [class*=col-] {
  display: table-cell;
  float: none;
  table-layout: fixed;
  vertical-align: middle;
}

.font-size-12 {
  font-size: 12px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-26 {
  font-size: 26px !important;
}
.font-size-28 {
  font-size: 28px !important;
}


.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0px !important;
}

/* padding */
.padding-0 {
  padding: 0 !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-50 {
  padding: 50px !important;
}


.padding-t-0 {
  padding-top: 0 !important;
}
.padding-t-5 {
  padding-top: 5px !important;
}
.padding-t-10 {
  padding-top: 10px !important;
}
.padding-t-15 {
  padding-top: 15px !important;
}
.padding-t-20 {
  padding-top: 20px !important;
}
.padding-t-30 {
  padding-top: 30px !important;
}
.padding-t-50 {
  padding-top: 50px !important;
}


.padding-b-0 {
  padding-bottom: 0 !important;
}
.padding-b-5 {
  padding-bottom: 5px !important;
}
.padding-b-10 {
  padding-bottom: 10px !important;
}
.padding-b-15 {
  padding-bottom: 15px !important;
}
.padding-b-20 {
  padding-bottom: 20px !important;
}
.padding-b-30 {
  padding-bottom: 30px !important;
}
.padding-b-50 {
  padding-bottom: 50px !important;
}


.padding-l-0 {
  padding-left: 0 !important;
}
.padding-l-5 {
  padding-left: 5px !important;
}
.padding-l-10 {
  padding-left: 10px !important;
}
.padding-l-15 {
  padding-left: 15px !important;
}
.padding-l-20 {
  padding-left: 20px !important;
}
.padding-l-30 {
  padding-left: 30px !important;
}
.padding-l-50 {
  padding-left: 50px !important;
}


.padding-r-0 {
  padding-right: 0 !important;
}
.padding-r-5 {
  padding-right: 5px !important;
}
.padding-r-10 {
  padding-right: 10px !important;
}
.padding-r-15 {
  padding-right: 15px !important;
}
.padding-r-20 {
  padding-right: 20px !important;
}
.padding-r-30 {
  padding-right: 30px !important;
}
.padding-r-50 {
  padding-right: 50px !important;
}


.padding-v-5{
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-v-10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-v-15{
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-v-30{
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-v-50{
  padding-top: 50px;
  padding-bottom: 50px;
}

.padding-h-5{
  padding-left: 5px;
  padding-right: 5px;
}
.padding-h-10{
  padding-left: 10px;
  padding-right: 10px;
}
.padding-h-15{
  padding-left: 15px;
  padding-right: 15px;
}
.padding-h-30{
  padding-left: 30px;
  padding-right: 30px;
}
.padding-h-50{
  padding-left: 50px;
  padding-right: 50px;
}



/***margins**/
.margin-b-0 {
  margin-bottom: 0px;
}

.margin-b-5 {
  margin-bottom: 5px;
}

.margin-b-10 {
  margin-bottom: 10px;
}

.margin-b-15 {
  margin-bottom: 15px;
}

.margin-b-20 {
  margin-bottom: 20px;
}

.margin-b-30 {
  margin-bottom: 30px;
}

.margin-b-50 {
  margin-bottom: 50px;
}

.margin-t-0 {
  margin-top: 0px;
}

.margin-t-5 {
  margin-top: 5px;
}

.margin-t-10 {
  margin-top: 10px;
}

.margin-t-15 {
  margin-top: 15px;
}

.margin-t-20 {
  margin-top: 20px;
}

.margin-t-30 {
  margin-top: 30px;
}

.margin-t-50 {
  margin-top: 50px;
}

.margin-l-0 {
  margin-left: 0px;
}

.margin-l-5 {
  margin-left: 5px;
}

.margin-l-10 {
  margin-left: 10px;
}

.margin-l-15 {
  margin-left: 15px;
}

.margin-l-20 {
  margin-left: 20px;
}

.margin-l-30 {
  margin-left: 30px;
}

.margin-l-50 {
  margin-left: 50px;
}

.margin-r-0 {
  margin-right: 0px;
}

.margin-r-5 {
  margin-right: 5px;
}

.margin-r-10 {
  margin-right: 10px;
}

.margin-r-15 {
  margin-right: 15px;
}

.margin-r-20 {
  margin-right: 20px;
}

.margin-r-30 {
  margin-right: 30px;
}

.margin-r-50 {
  margin-right: 50px;
}

/*background color*/
.bg-light {
  background-color: #fff !important;
  border-color: #fff !important;
}

.bg-gray {
  background-color: #f7f9fa !important;
  border-color: #f7f9fa !important;
}

.bg-primary {
  background-color: #23b7e5 !important;
  border-color: #23b7e5 !important;
  color: #fff;
}

.bg-blue {
  background-color: #03A9F4 !important;
  border-color: #03A9F4 !important;
  color: #fff;
}

.bg-success {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  color: #fff;
}

.bg-danger {
  background-color: #F44336 !important;
  border-color: #F44336 !important;
  color: #fff;
}

.bg-info {
  background-color: #56afd7 !important;
  border-color: #56afd7 !important;
  color: #fff;
}

.bg-teal {
  background-color: #26A69A !important;
  border-color: #26A69A !important;
  color: #fff;
}

.bg-indigo {
  background-color: #7986CB !important;
  border-color: #7986CB !important;
  color: #fff;
}

.bg-warning {
  background-color: #FF7043 !important;
  border-color: #FF7043 !important;
  color: #fff;
}

.bg-dark {
  background-color: #212121 !important;
  border-color: #212121 !important;
  color: #fff;
}

.bg-dark {
  background-color: #212121 !important;
  border-color: #212121 !important;
  color: #fff;
}

.text-muted {
  color: #909fa7;
}

.text-primary {
  color: #23b7e5;
}

.text-success {
  color: #4CAF50;
}

.text-danger {
  color: #F44336;
}

.text-warning {
  color: #FF7043;
}

.text-blue {
  color: #03A9F4;
}

.text-info {
  color: #56afd7;
}

.text-teal {
  color: #26A69A;
}

.text-indigo {
  color: #7986CB;
}


/**toastr notification color**/
.jq-icon-info {
  background-color: #56afd7;
}

.jq-icon-success {
  background-color: #4CAF50;
}

.jq-icon-warning {
  background-color: #FF7043;
}

.jq-icon-error {
  background-color: #F44336;
}

.close-jq-toast-single {
  position: absolute;
  top: 1px;
  right: 4px;
  font-size: 14px;
  cursor: pointer;
}

.jq-toast-single {
  border-radius: 0px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.jq-toast-single h2 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.jq-toast-loader {
  height: 2px;
  border-radius: 0px;
}

.dropcap:first-letter {
  font-size: 18px;
  font-weight: 700;
  color: #23b7e5;
  display: inline-block;
}

.fullwidth {
  margin-left: -30px;
  margin-right: -30px;
  padding: 0px 30px;
}

.main-content {
  min-height: 100vh;
  padding-bottom: 40px;
  padding-top: 120px;
  position: relative;
  margin-left: 250px;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}

body.nav-toggle .main-content {
  margin-left: 0px;
}

.infont a {
  padding: 10px;
  margin: 1px;
  display: block;
  color: #4d4d4d;
}
.infont a i {
  font-size: 25px;
  display: block;
}

.line-icons .item {
  padding: 10px;
  display: block;
  color: #4d4d4d;
}
.line-icons .item span[aria-hidden="true"] {
  display: block;
  font-size: 20px;
}

.slimScrollBar {
  background: #a4a4a4 !important;
}

.dashboard-only-content {
  padding-top: 30px;
}

/*
Panels css
*/
.panel{
  margin-top: 15px;
  margin-bottom: 15px;
}

.panel, .panel-heading {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.panel-heading {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  padding: 10px 15px;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 15px;
}

.panel-group .panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.panel-body {
  position: relative;
}

/**panel colors**/
.panel-primary {
  border-color: #23b7e5;
}

.panel-default {
  border-color: #e1e8ed;
}

.panel-default > .panel-heading {
  background-color: transparent;
  border-bottom: 0px;
}

.panel-default .panel-heading a.collapsed {
  color: #666;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #23b7e5;
  border-color: #23b7e5;
}
.panel-primary > .panel-heading a {
  color: #fff;
}

.panel-success {
  border-color: #4CAF50;
}

.panel-success > .panel-heading {
  color: #fff;
  background-color: #4CAF50;
  border-color: #4CAF50;
}
.panel-success > .panel-heading a {
  color: #fff;
}

.panel-info {
  border-color: #56afd7;
}

.panel-info > .panel-heading {
  color: #fff;
  background-color: #56afd7;
  border-color: #56afd7;
}
.panel-info > .panel-heading a {
  color: #fff;
}

.panel-warning {
  border-color: #FF7043;
}

.panel-warning > .panel-heading {
  color: #fff;
  background-color: #FF7043;
  border-color: #FF7043;
}
.panel-warning > .panel-heading a {
  color: #fff;
}

.panel-danger {
  border-color: #F44336;
}

.panel-danger > .panel-heading {
  color: #fff;
  background-color: #F44336;
  border-color: #F44336;
}
.panel-danger > .panel-heading a {
  color: #fff;
}

.panel-indigo {
  border-color: #7986CB;
}

.panel-indigo > .panel-heading {
  color: #fff;
  background-color: #7986CB;
  border-color: #7986CB;
}
.panel-indigo > .panel-heading a {
  color: #fff;
}

.panel-teal {
  border-color: #26A69A;
}

.panel-teal > .panel-heading {
  color: #fff;
  background-color: #26A69A;
  border-color: #26A69A;
}
.panel-teal > .panel-heading a {
  color: #fff;
}

.panel-search {
  position: relative;
  width: 170px;
  float: right;
}
.panel-search .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  height: 24px;
  font-size: 12px;
  font-weight: 300;
}
.panel-search span {
  position: absolute;
  right: 10px;
  top: 7px;
  border: 0px;
  font-size: 11px;
}

.panel-footer {
  padding: 10px 15px;
  background: #fff;
  text-align: right;
}

/**wells*/
.well-default {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

/*
Label & badges
*/
.label {
  font-weight: 400;
  font-size: 10px;
  display: inline;
  vertical-align: middle;
}

.label-primary {
  background-color: #23b7e5;
}

.label-danger {
  background-color: #F44336;
}

.label-warning {
  background-color: #FF7043;
}

.label-info {
  background-color: #56afd7;
}

.label-success {
  background-color: #4CAF50;
}

.label-default {
  background-color: #dde6e9;
  color: #333;
}

.label-indigo {
  background-color: #7986CB;
}

.label-teal {
  background-color: #26A69A;
}

/**badge**/
.badge:empty {
  padding: 0px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  min-width: auto;
  display: inline-block;
  vertical-align: middle;
}

.badge {
  font-weight: 400;
  padding: 2px 5px;
  font-size: 10px;
}

.badge.badge-empty{
  position: unset;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.badge-primary {
  background-color: #23b7e5;
}

.badge-danger {
  background-color: #F44336;
}

.badge-warning {
  background-color: #FF7043;
}

.badge-info {
  background-color: #56afd7;
}

.badge-success {
  background-color: #4CAF50;
}

.badge-default {
  background-color: #dde6e9;
  color: #333;
}

.badge-indigo {
  background-color: #7986CB;
}

.badge-teal {
  background-color: #26A69A;
}

/**circle**/
.circle {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 500px;
  margin: 0 .5em;
  background-color: #f5f5f5;
  vertical-align: baseline;
  border: 2px solid transparent;
}

.circle-primary {
  background: #23b7e5;
}

.circle-success {
  background: #4CAF50;
}

.circle-info {
  background: #56afd7;
}

.circle-warning {
  background: #FF7043;
}

.circle-danger {
  background: #F44336;
}

.circle-teal {
  background: #26A69A;
}

.circle-indigo {
  background: #7986CB;
}

.circle-lg {
  width: 11px;
  height: 11px;
}

/*
Buttons style
*/
.buttons a {
  margin: 3px;
}

.btn {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size: 13px;
  padding: 7px 14px;
  font-weight: 400;
}
.btn.btn-sm {
  padding: 6px 10px;
}
.btn.btn-lg {
  padding: 10px 30px;
  font-size: 16px;
}
.btn.btn-xs {
  padding: 2px 5px;
  font-size: 11px;
}
.btn.btn-rounded {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  overflow: hidden;
}
.btn.btn-icon {
  position: relative;
  overflow: hidden;
  padding-left: 50px;
}
.btn.btn-icon i {
  position: absolute;
  height: 100%;
  line-height: 100%;
  width: 40px;
  line-height: 34px;
  text-align: center;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-default {
  background-color: #fff;
  border-color: #dde6e9;
}
.btn-default:hover {
  background-color: #dde6e9;
  border-color: #dde6e9;
  opacity: 0.9;
}
.btn-default:focus {
  border-color: #dde6e9;
  background: #fff;
}

.btn-primary {
  background-color: #23b7e5;
  border-color: #23b7e5;
  color: #fff;
}
.btn-primary:hover {
  color: #fff;
  opacity: 0.9;
  background-color: #23b7e5;
  border-color: #23b7e5;
}
.btn-primary:focus {
  color: #fff;
  background-color: #23b7e5;
  border-color: #23b7e5;
}

.btn-info {
  background-color: #03a9f4;
  border-color: #03a9f4;
  color: #fff;
}
.btn-info:hover {
  color: #fff;
  opacity: 0.9;
  background-color: #03a9f4;
  border-color: #03a9f4;
}
.btn-info:focus {
  color: #fff;
  background-color: #03a9f4;
  border-color: #03a9f4;
}

.btn-success {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #fff;
}
.btn-success:hover {
  color: #fff;
  opacity: 0.9;
  border-color: #4CAF50;
}
.btn-success:focus {
  color: #fff;
  border-color: #4CAF50;
}

.btn-warning {
  background-color: #FF7043;
  border-color: #FF7043;
  color: #fff;
}
.btn-warning:hover {
  color: #fff;
  opacity: 0.9;
  background-color: #FF7043;
  border-color: #FF7043;
}
.btn-warning:focus {
  color: #fff;
  background-color: #FF7043;
  border-color: #FF7043;
}

.btn-danger {
  background-color: #F44336;
  border-color: #F44336;
  color: #fff;
}
.btn-danger:hover {
  color: #fff;
  opacity: 0.9;
  background-color: #F44336;
  border-color: #F44336;
}
.btn-danger:focus {
  color: #fff;
  background-color: #F44336;
  border-color: #F44336;
}

.btn-teal {
  background-color: #26A69A;
  border-color: #26A69A;
  color: #fff;
}
.btn-teal:hover {
  color: #fff;
  opacity: 0.9;
  border-color: #26A69A;
}
.btn-teal:focus {
  color: #fff;
  border-color: #26A69A;
}

.btn-indigo {
  background-color: #7986CB;
  border-color: #7986CB;
  color: #fff;
}
.btn-indigo:hover {
  color: #fff;
  opacity: 0.9;
}
.btn-indigo:focus {
  color: #fff;
}

/**border buttons**/
.btn.btn-border:hover {
  opacity: 1 !important;
}

.btn.btn-border {
  background-color: transparent;
}
.btn.btn-border.btn-default {
  border: 1px solid #dde6e9;
}
.btn.btn-border.btn-default:hover {
  background-color: #dde6e9;
}
.btn.btn-border.btn-default:focus {
  background-color: transparent;
}
.btn.btn-border.btn-primary {
  color: #23b7e5;
  border: 1px solid #23b7e5;
}
.btn.btn-border.btn-primary:focus {
  background-color: transparent;
}
.btn.btn-border.btn-primary:hover {
  background-color: #23b7e5;
  color: #fff;
}
.btn.btn-border.btn-success {
  color: #4CAF50;
  border: 1px solid #4CAF50;
}
.btn.btn-border.btn-success:focus {
  background-color: transparent;
}
.btn.btn-border.btn-success:hover {
  background-color: #4CAF50;
  color: #fff;
}
.btn.btn-border.btn-info {
  color: #56afd7;
  border: 1px solid #56afd7;
}
.btn.btn-border.btn-info:focus {
  background-color: transparent;
}
.btn.btn-border.btn-info:hover {
  background-color: #56afd7;
  color: #fff;
}
.btn.btn-border.btn-warning {
  color: #FF7043;
  border: 1px solid #FF7043;
}
.btn.btn-border.btn-warning:focus {
  background-color: transparent;
}
.btn.btn-border.btn-warning:hover {
  background-color: #FF7043;
  color: #fff;
}
.btn.btn-border.btn-danger {
  color: #F44336;
  border: 1px solid #F44336;
}
.btn.btn-border.btn-danger:focus {
  background-color: transparent;
}
.btn.btn-border.btn-danger:hover {
  background-color: #F44336;
  color: #fff;
}
.btn.btn-border.btn-indigo {
  color: #7986CB;
  border: 1px solid #7986CB;
}
.btn.btn-border.btn-indigo:focus {
  background-color: transparent;
}
.btn.btn-border.btn-indigo:hover {
  background-color: #7986CB;
  color: #fff;
}
.btn.btn-border.btn-teal {
  color: #26A69A;
  border: 1px solid #26A69A;
}
.btn.btn-border.btn-teal:focus {
  background-color: transparent;
}
.btn.btn-border.btn-teal:hover {
  background-color: #26A69A;
  color: #fff;
}

/**social buttons**/
.btn-facebook {
  color: #ffffff !important;
  background-color: #3b5998 !important;
}

.btn-twitter {
  color: #ffffff !important;
  background-color: #55acee !important;
}

.btn-linkedin {
  color: #ffffff !important;
  background-color: #007bb6 !important;
}

.btn-dribbble {
  color: #ffffff !important;
  background-color: #ea4c89 !important;
}

.btn-googleplus {
  color: #ffffff !important;
  background-color: #dd4b39 !important;
}

.btn-instagram {
  color: #ffffff !important;
  background-color: #3f729b !important;
}

.btn-pinterest {
  color: #ffffff !important;
  background-color: #cb2027 !important;
}

.btn-dropbox {
  color: #ffffff !important;
  background-color: #007ee5 !important;
}

.btn-flickr {
  color: #ffffff !important;
  background-color: #ff0084 !important;
}

.btn-tumblr {
  color: #ffffff !important;
  background-color: #32506d !important;
}

.btn-skype {
  color: #ffffff !important;
  background-color: #00aff0 !important;
}

.btn-youtube {
  color: #ffffff !important;
  background-color: #bb0000 !important;
}

.btn-github {
  color: #ffffff !important;
  background-color: #171515 !important;
}

/*
Top bar styles
*/
.top-bar {
  height: 120px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.admin-logo {
  display: block;
  margin-left: -15px;
  float: left;
  width: 250px;
  text-align: center;
  padding-left: 0px;
  height: 120px;
  line-height: 120px;
}
.admin-logo h3 {
  color: #fff;
  font-size: 20px;
  line-height: 120px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0px;
  display: inline-block;
}
.admin-logo img {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.admin-logo h4 {
  color: #fff;
  font-size: 18px;
  line-height: 120px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0px;
  display: inline-block;
  overflow: hidden;
  min-width: 150px;
  height: 100%;
}
.admin-logo h1 img {
  margin-top: -4px;
}
.admin-logo sub {
  font-size: 10px;
  font-style: italic;
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
}

.top-right-nav {
  margin: 0;
  padding: 0;
  float: right;
  padding-right: 0px;
}
.top-right-nav > li {
  display: block;
  float: left;
  position: relative;
  padding: 0px;
}
.top-right-nav > li i {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0;
  font-size: 16px;
}
.top-right-nav > li > a {
  display: block;
  line-height: 60px;
  padding: 0px 15px;
  color: #fff;
}
.top-right-nav > li > a img {
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin-right: 0px;
  width: 35px;
}

.icon-dropdown .badge {
  position: absolute;
  top: 16px;
  right: 3px;
}

.left-nav-toggle {
  display: block;
  margin-left: 0px;
  line-height: 120px;
  float: left;
}
.left-nav-toggle a {
  display: block;
  color: #fff;
  font-size: 36px;
  width: 50px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}


/**light top bar***/
.top-bar.light-top-bar {
  background: #fff;
  border-bottom: 1px solid #e1e8ed;
}
.top-bar.light-top-bar .top-right-nav > li > a {
  color: #555;
}
.top-bar.light-top-bar .top-right-nav > li > a:hover {
  color: #23b7e5;
}
.top-bar.light-top-bar .top-right-nav > li > a img {
  border: 2px solid rgba(0, 0, 0, 0.05);
}
.top-bar.light-top-bar .search-form i {
  color: #4d4d4d;
}
.top-bar.light-top-bar .search-form .form-control {
  border: 1px solid #f5f5f5;
  color: #333;
  background-color: #fff;
}
.top-bar.light-top-bar .search-form .form-control::-webkit-input-placeholder {
  color: #4d4d4d;
}
.top-bar.light-top-bar .search-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #4d4d4d;
}
.top-bar.light-top-bar .search-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #4d4d4d;
}
.top-bar.light-top-bar .search-form .form-control:-ms-input-placeholder {
  color: #4d4d4d;
}
.top-bar.light-top-bar .left-nav-toggle a {
  color: #999;
}

/*
Dropdown styles
*/
.dropdown-menu {
  border-color: #e1e8ed;
  padding: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 15px;
}
.dropdown-menu > li > a {
  color: #777;
  padding: 7px 20px;
}
.dropdown-menu > li > a:hover {
  color: #23b7e5;
}

ul.dropdown-menu.top-dropdown {
  right: 0;
  left: auto;
}

.dropdown-menu.lg-dropdown {
  min-width: 280px;
}

.dropdown-header {
  padding: 7px 20px;
  color: #23b7e5;
  font-size: 13px;
  font-weight: 500;
}

.notification-list a {
  display: block;
  border-top: 1px solid #eee;
  display: block;
  position: relative;
  padding: 6px 12px 6px 75px;
}
.notification-list a i {
  display: block;
  float: left;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
}
.notification-list a span {
  display: block;
  line-height: 16px;
  font-size: 13px;
}
.notification-list a span.notification-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 50px;
  height: 50px;
  margin: -25px 12px 0 0;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}
.notification-list a span.notification-icon i {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 28px;
  display: block;
  line-height: 40px;
}
.notification-list a span.notification-title {
  color: #333;
  padding-bottom: 1px;
  font-weight: 500;
}
.notification-list a span.notification-description {
  padding-bottom: 3px;
  color: #999;
  font-size: 12px;
}
.notification-list a span.notification-time {
  color: #aeaeae;
  font-style: italic;
  font-size: 11px;
}
.notification-list a:hover {
  background-color: #f2f2f2;
}

.panel-dropdown {
  right: 0;
  left: auto;
}

/*
Left side navigation style
*/
.float-navigation {
  position: fixed;
  left: 0;
  top: 0px;
  width: 250px;
  height: 100%;
  -moz-transition: margin-left 0.3s;
  -o-transition: margin-left 0.3s;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  background-repeat: repeat;
  z-index: 99;
}

.light-navigation {
  background-color: #fff;
}

.dark-navigation {
  background-color: #263238;
}

body.nav-toggle .float-navigation {
  margin-left: -250px;
}
/*body.nav-toggle .float-navigation #menu ul {
  position: absolute;
  left: 50px;
  top: 0;
}*/

.nav > li > a:hover {
  color: #23b7e5;
}

#menu li{
  transition: background-color 0.3s linear;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -ms-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
}
#menu .current{
  /*background-color: rgba(0,0,0,0.2);*/
  background-color: #2f8dff;
}

.metisMenu {
  padding-bottom: 30px;
  padding-top: 120px;
}
.metisMenu li {
  border-left: 3px solid transparent;
}
.metisMenu .arrow {
  float: right;
  line-height: 1.42857;
  padding-top: 2px;
}
.metisMenu .fa.arrow:before {
  content: "\f106";
}
.metisMenu .active > a > .fa.arrow:before {
  content: "\f107";
}

.metisMenu > li.nav-heading {
  padding: 12px 12px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 12px;
}

.metisMenu.nav > li > a {
  padding: 10px 20px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  font-size: 14px;
}
.metisMenu.nav > li > a:hover, .metisMenu.nav > li > a:focus {
  color: white;
  background: transparent;
}
.metisMenu.nav > li > a i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -4px;
  width: 20px;
}

.nav-second-level.nav li a, .nav-thrid-level.nav li a {
  padding: 5px 10px 5px 10px;
  text-transform: capitalize;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
}
.nav-second-level.nav li a:hover, .nav-second-level.nav li a:focus, .nav-thrid-level.nav li a:hover, .nav-thrid-level.nav li a:focus {
  color: white;
  background: transparent;
}

.nav-second-level.nav > li > a {
  padding-left: 40px;
}

.nav-third-level.nav > li > a {
  padding-left: 50px;
}

.metisMenu.nav > li.active {
  background-color: rgba(0, 0, 0, 0.1);
  border-left-color: #1E9FFF;
}
.metisMenu.nav > li.active > a {
  color: white;
}

.metisMenu.nav > li:last-child a {
  border-bottom: 0px;
}

/**nano scroll customize**/
.nano > .nano-pane {
  width: 5px;
  background: transparent;
}
.nano > .nano-pane > .nano-slider {
  background: rgba(255, 255, 255, 0.2);
}

/**nav colors for light left navigation*/
.light-navigation {
  border-right: 1px solid #e1e8ed;
}
.light-navigation .metisMenu > li.nav-heading {
  color: #aeaeae;
}
.light-navigation .metisMenu.nav > li > a {
  color: #666;
}
.light-navigation .metisMenu.nav > li > a.bg-primary {
  color: #fff;
}
.light-navigation .metisMenu.nav > li > a.bg-primary:hover {
  color: #fff;
}
.light-navigation .metisMenu.nav > li > a:hover {
  color: #23b7e5;
}
.light-navigation .metisMenu.nav > li.active {
  background-color: #fefefe;
}
.light-navigation .metisMenu.nav > li.active > a {
  color: #23b7e5;
}
.light-navigation .nav-second-level.nav li a, .light-navigation .nav-thrid-level.nav li a {
  color: #818181;
}
.light-navigation .nav-second-level.nav li a:hover, .light-navigation .nav-thrid-level.nav li a:hover {
  color: #23b7e5;
}
.light-navigation .nano > .nano-pane > .nano-slider {
  background: rgba(0, 0, 0, 0.05);
}

/*
Right sidebar
*/
.nav-tab-panel {
  margin: 0;
  padding: 0;
}
.nav-tab-panel > li {
  padding: 0px;
  width: 50%;
  margin: 0;
  display: block;
  float: left;
}
.nav-tab-panel > li > a {
  display: block;
  padding: 14px 15px;
  text-align: center;
  background: #fbfbfb;
  font-size: 14px;
  text-transform: capitalize;
  color: #676a6c;
  border-bottom: 2px solid transparent;
}
.nav-tab-panel > li.active a {
  border-bottom-color: #23b7e5;
  color: #23b7e5;
}

.right_sidebar {
  position: fixed;
  right: 0px;
  margin-right: -250px;
  top: 61px;
  z-index: 9999;
  width: 250px;
  border-left: 1px solid #eee;
  -moz-transition: margin-right 0.3s;
  -o-transition: margin-right 0.3s;
  -webkit-transition: margin-right 0.3s;
  transition: margin-right 0.3s;
  height: 100%;
  background: #fff;
  padding-bottom: 20px;
}
.right_sidebar > .nano > .nano-content > div {
  padding-bottom: 40px;
}

.right_sidebar.right-sidebar-toggle {
  margin-right: 0px;
}

.sidebar-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sidebar-list li {
  border-bottom: 1px solid #e7eaec;
  padding: 15px 20px;
  list-style: none;
}
.sidebar-list li > a {
  color: inherit;
  display: block;
}
.sidebar-list li > a h4 {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
}
.sidebar-list li > a .small {
  margin-top: 0px;
  margin-bottom: 5px;
}
.sidebar-list li.sidebar-title {
  background: #fefefe;
}
.sidebar-list li.sidebar-title h3 {
  margin-bottom: 0px;
  text-transform: capitalize;
}
.sidebar-list li.sidebar-title:hover {
  background: #fefefe;
}
.sidebar-list li:hover {
  background: #fefefe;
}
.sidebar-list.projects-list > li {
  padding: 15px 0px;
}

.sidebar-contact-list li {
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar-contact-list li a {
  display: block;
}
.sidebar-contact-list li a:hover {
  color: #8cb5f4;
}
.sidebar-contact-list li:hover {
  background: #f1f1f1;
}
.sidebar-contact-list li:last-child {
  border-bottom: 0px;
}
.sidebar-contact-list li:last-child:hover {
  background: transparent;
}
.sidebar-contact-list li .btn {
  display: inline-block;
}
.sidebar-contact-list li .btn:hover {
  color: #fff;
}
.sidebar-contact-list .media-box-object {
  width: 50px;
  margin-right: 15px;
}
.sidebar-contact-list .media-box-body {
  overflow: hidden;
}
.sidebar-contact-list .media-box-body strong {
  font-weight: 500;
}

/*
Page header style
*/
.page-header {
  margin: 0px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e8ed;
}
.page-header h4 {
  margin: 2px 0;
  font-weight: 400;
}
.page-header .breadcrumb {
  margin: 0px;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
}

/*
Form elements style
*/
label {
  font-weight: 600;
}

.form-control, input[type="text"], input[type="email"], textarea {
  font-size: 13px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  border: 1px solid #dde6e9;
  transition-duration: .5s;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}
.form-control:focus, input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
  border-color: #23b7e5;
}

.input-xs {
  height: 24px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  font-weight: 400;
}

.checkbox label, .radio label {
  padding-left: 0px;
}

.checkbox label span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 13px;
  line-height: 22px;
}


/**icon group iputs**/
.group-icon {
  position: relative;
  overflow: hidden;
}
.group-icon .form-control {
  padding-right: 40px;
}
.group-icon .icon-input {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 40px;
  text-align: center;
}

fieldset {
  padding-bottom: 20px;
  border-bottom: 1px dashed #eee;
  margin-bottom: 20px;
}

.form-control-rounded {
  border-radius: 100px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 4px;
    margin-bottom: 0;
    text-align: right;
  }
}
legend {
  padding-bottom: 5px;
}

.form-control {
  box-shadow: 0 0 0 #000 !important;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
  color: #4CAF50;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
  color: #FF7043;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
  color: #F44336;
}

.has-success .form-control {
  border-color: #4CAF50;
}

.has-warning .form-control {
  border-color: #FF7043;
}

.has-error .form-control {
  border-color: #F44336;
}

.input-group-addon {
  background-color: #edf1f2;
  border: 1px solid #dde6e9;
}

/*
Progress bars
*/
.progress, .progress-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.progress-mini, .progress-mini .progress-bar {
  height: 5px;
  margin-bottom: 5px;
}

.progress-xs, .progress-xs .progress-bar {
  height: 2px;
  margin-bottom: 2px;
}

.progress-bar.progress-bar-danger {
  background-color: #F44336;
}

.progress-bar.progress-bar-warning {
  background-color: #FF7043;
}

.progress-bar.progress-bar-success {
  background-color: #4CAF50;
}

.progress-bar.progress-bar-indigo {
  background-color: #7986CB;
}

.progress-bar.progress-bar-teal {
  background-color: #26A69A;
}

.progress-bar.progress-bar-info {
  background-color: #56afd7;
}

.progress-bar {
  background-color: #23b7e5;
}

/************

MODAL POPUPS FROM BOOTSTRAP

************************/
.modal-header {
  padding: 10px 15px;
  position: relative;
}
.modal-header span {
  position: absolute;
  top: 13px;
  right: 13px;
  display: block;
  text-align: center;
  color: #aaa;
  padding: 0px 3px;
  font-size: 18px;
}
.modal-header .close {
  opacity: 1;
}
.modal-header .modal-title {
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
}

.modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
}
.modal-content .checkbox label, .modal-content .radio label {
  padding-left: 20px;
}

.modal-dialog {
  margin: 60px auto;
}

@media (min-width: 768px) {
  .modal-form {
    width: 500px;
    margin: 0 auto;
  }
}

/*
Tabs and accordions
*/
ul.tabs-nav > li > a {
  font-weight: 400;
  font-size: 13px;
  text-transform: capitalize;
}

.panel .tabs {
  margin-left: -15px;
  margin-right: -15px;
}
.panel .tabs ul.tabs-bottom {
  margin-bottom: -15px;
}
.panel .tabs .tab-content {
  padding: 15px;
}
.panel .tabs.left-tabs {
  margin: 0px;
}
.panel .tabs.left-tabs .tabs-nav {
  float: left;
  border-bottom: 0px;
}
.panel .tabs.left-tabs .tabs-nav > li {
  margin-top: 5px;
}
.panel .tabs.left-tabs .tabs-nav > li > a {
  border-bottom: 0px;
  background-color: #f5f5f5;
  text-align: center;
}
.panel .tabs.left-tabs .tabs-nav > li.active a, .panel .tabs.left-tabs .tabs-nav > li a:hover, .panel .tabs.left-tabs .tabs-nav > li a:focus {
  background-color: #23b7e5;
  color: #fff;
}
.panel .tabs.left-tabs .tab-content {
  overflow: hidden;
  padding: 0px 15px;
}
.panel .tabs.right-tabs {
  margin: 0px;
}
.panel .tabs.right-tabs .tabs-nav {
  float: right;
  border-bottom: 0px;
}
.panel .tabs.right-tabs .tabs-nav > li {
  margin-top: 5px;
}
.panel .tabs.right-tabs .tabs-nav > li > a {
  border-bottom: 0px;
  background-color: #f5f5f5;
  text-align: center;
}
.panel .tabs.right-tabs .tabs-nav > li.active a, .panel .tabs.right-tabs .tabs-nav > li a:hover, .panel .tabs.right-tabs .tabs-nav > li a:focus {
  background-color: #23b7e5;
  color: #fff;
}
.panel .tabs.right-tabs .tab-content {
  overflow: hidden;
  padding: 0px 15px;
}

.tabs-nav {
  margin: 0;
  padding: 0px;
  border-bottom: 2px solid #ebebeb;
}
.tabs-nav li {
  margin-bottom: -2px;
  padding: 0px;
}
.tabs-nav li a {
  display: block;
  padding: 6px 15px;
  color: #4d4d4d;
  border-bottom: 2px solid transparent;
}
.tabs-nav li.active a, .tabs-nav li a:hover, .tabs-nav li a:focus {
  color: #23b7e5;
  border-bottom: 2px solid #23b7e5;
}

/*
Bootstrap pagination
*/
.pagination > li > a, .pagination > li > span {
  color: #23b7e5;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #23b7e5;
  border-color: #23b7e5;
}


/*third livel menu for horizontal navbar*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

@media (max-width: 991px) {
  .main-content {
    margin-left: 0px;
  }

  .float-navigation {
    margin-left: -250px;
    z-index: 3;
  }

  body.nav-toggle .float-navigation {
    margin-left: 0px;
  }

  .top-bar {
    z-index: 4;
  }

  .admin-logo {
    width: auto;
    margin-left: 15px;
  }

  .top-bar.left-nav-toggle a i {
    top: 4px;
  }
}
@media (max-width: 767px) {
  .admin-logo {
    width: 60px;
    margin-left: -0px;
  }
  .admin-logo img {
    width: 100%;
  }

  .left-nav-toggle {
    float: right;
  }

  .page-header {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
  }
  .page-header h4 {
    margin-bottom: 10px;
  }
  .page-header .text-right {
    text-align: center;
  }

  .top-right-nav {
    padding-right: 0px;
  }

  .main-content {
    padding: 15px 15px;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .footer {
    text-align: center;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 9px 20px;
  }
}

.footer {
  height: 40px;
  bottom: 0px;
  left: 0;
  line-height: 40px;
  position: absolute;
  padding: 0px 15px;
  width: 100%;
  background-color: #fbfbfb;
  border-top: 1px solid #e1e8ed;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
  width: 100%;
}

.form-group > label{
  padding-left: 15px;
}

.square {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.switch {
  width: 40px;
  height: 20px;
  margin-top: -2px !important;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none !important;
  transition: background-color ease 0.4s;
  -webkit-transition: background-color ease 0.4s;
  vertical-align: middle;
}
.switch:focus,.switch:active,
.switch:active:focus {
  outline: none !important;
  /*border-color:#dfdfdf;
  box-shadow:none;
  -webkit-box-shadow:none;*/
}
.switch:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.switch:checked {
  border-color: #03a9f4;
  box-shadow: #03a9f4 0 0 0 16px inset;
  -webkit-box-shadow: #03a9f4 0 0 0 16px inset;
  background-color: #03a9f4;
}
.switch:checked:before {
  left: 20px;
}
.switch:before {
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
}
.switch:checked {
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  background-color: #03a9f4;
  transition: border-color 0.4s, background-color ease 0.4s;
  -webkit-transition: border-color 0.4s, background-color ease 0.4s;
}
.switch:checked:before {
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
}
.switch:disabled{

}

.modal-dialog{
  box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -ms-box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.checkbox {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  margin-top: -2px !important;
  position: relative;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 0;
  -webkit-border-radius: 0;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none !important;
  transition: background-color ease 0.4s;
  -webkit-transition: background-color ease 0.4s;
}
.checkbox:focus,.checkbox:active,
.checkbox:active:focus {
  outline: none !important;
  /*border-color:#dfdfdf;
  box-shadow:none;
  -webkit-box-shadow:none;*/
}
.checkbox:before {
  content: '\2713';
  width: 14px;
  height: 14px;
  position: absolute;
  left: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  -webkit-opacity: 0;
}
.checkbox:checked {
  border-color: #03a9f4;
  box-shadow: #03a9f4 0 0 0 16px inset;
  -webkit-box-shadow: #03a9f4 0 0 0 16px inset;
  background-color: #03a9f4;
  transition: border-color 0.4s, background-color ease 0.4s;
  -webkit-transition: border-color 0.4s, background-color ease 0.4s;
}
.checkbox:checked:before {
  opacity: 1;
  -webkit-opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.checkbox.checkbox-half:before{
  content: '\2013';
}

.radio {
  width: 18px;
  height: 18px;
  min-height: 18px !important;
  margin: 0 !important;
  margin-top: -2px !important;
  position: relative !important;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none !important;
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
}
.radio:focus,.radio:active,
.radio:active:focus {
  outline: none !important;
  /*border-color:#dfdfdf;
  box-shadow:none;
  -webkit-box-shadow:none;*/
}
.radio:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #03a9f4;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  -webkit-opacity: 0;
}
.radio:checked {
  border-color: #03a9f4;
  box-shadow: #03a9f4 0 0 0 1px inset;
  -webkit-box-shadow: #03a9f4 0 0 0 1px inset;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.radio:checked:before {
  opacity: 1;
  -webkit-opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

input[type="checkbox"]:not(.switch) {
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding-top: 0;
  margin: 0 !important;
  margin-top: -2px !important;
  position: relative;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 0;
  -webkit-border-radius: 0;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none !important;
  transition: background-color ease 0.4s;
  -webkit-transition: background-color ease 0.4s;
}
input[type="checkbox"]:not(.switch):focus,input[type="checkbox"]:not(.switch):active,
input[type="checkbox"]:not(.switch):active:focus {
  outline: none !important;
  /*border-color:#dfdfdf;
  box-shadow:none;
  -webkit-box-shadow:none;*/
}
input[type="checkbox"]:not(.switch):before {
  content: '\2713';
  width: 14px;
  height: 14px;
  position: absolute;
  left: 4px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  -webkit-opacity: 0;
}
input[type="checkbox"]:not(.switch):checked {
  border-color: #03a9f4;
  box-shadow: #03a9f4 0 0 0 16px inset;
  -webkit-box-shadow: #03a9f4 0 0 0 16px inset;
  background-color: #03a9f4;
  transition: border-color 0.4s, background-color ease 0.4s;
  -webkit-transition: border-color 0.4s, background-color ease 0.4s;
}
input[type="checkbox"]:not(.switch):checked:before {
  opacity: 1;
  -webkit-opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
input[type="checkbox"]:not(.switch).checkbox-half:before{
  content: '\2013';
}

input[type="radio"] {
  width: 18px;
  height: 18px;
  min-height: 18px !important;
  margin: 0 !important;
  margin-top: -2px !important;
  position: relative !important;
  vertical-align: middle;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  -webkit-user-select: none;
  outline: none !important;
  transition: all ease 0.4s;
  -webkit-transition: all ease 0.4s;
}
input[type="radio"]:focus,input[type="radio"]:active,
input[type="radio"]:active:focus {
  outline: none !important;
  /*border-color:#dfdfdf;
  box-shadow:none;
  -webkit-box-shadow:none;*/
}
input[type="radio"]:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #03a9f4;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 0;
  -webkit-opacity: 0;
}
input[type="radio"]:checked {
  border-color: #03a9f4;
  box-shadow: #03a9f4 0 0 0 1px inset;
  -webkit-box-shadow: #03a9f4 0 0 0 1px inset;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
input[type="radio"]:checked:before {
  opacity: 1;
  -webkit-opacity: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

table{
  word-wrap: break-word;
}
table tr > td{
  overflow: hidden;
}
table label{
  margin-bottom: 0 !important;
}

/* fix: bs表格出现滚动条时, 表头错位的问题 */
.bootstrap-table table{
  table-layout: fixed !important;
}
.bootstrap-table .fixed-table-border{
  width: 100% !important;
}
/* 表格分页组按钮 */
.bootstrap-table .pagination-detail button.btn{
  padding: 3px 7px;
}

.form-group{
  position: relative;
}
.form-group > div > label{
  margin-top: 3px;
}

/*自动隐藏文字*/
.ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*按钮色调*/
.btn-color-0{
  background-color: #073763;
}
.btn-color-1{
  background-color: #a64d79;
}
.btn-color-2{
  background-color: #3d85c6;
}
.btn-color-3{
  background-color: #45818e;
}
.btn-color-4{
  background-color: #6aa84f;
}
.btn-color-5{
  background-color: #4350D1;
}
.btn-color-6{
  background-color: #e69138;
}
.btn-color-7{
  background-color: #cc0000;
}

table td{
  font-size: 16px !important;
  color: #212121;
}
.layui-table-tips .layui-table-tips-main{
  font-size: 16px !important;
  color: #212121;
}
.layui-table-tips .layui-table-tips-c:before {
  right: 1px;
  top: -4px;
}

table > tbody tr:hover{
  background-color: #dddddd !important;
}


.btn{
  color: #ffffff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.btn:hover, .btn:focus{
  color: #dddddd;
}
.btn-default{
  color: #333333;
}
.btn-default:hover, .btn-default:focus{
  color: #444444;
}
.btn.btn-sm {
  padding: 1px 7px;
  font-weight: 600;
  font-size: 14px;
}


table.layui-table > tbody td{
  position: relative;
}
.layui-table-view{
  margin: 0;
}
.layui-laypage input{
  display: inline-block !important;
}

.layui-table-cell.laytable-cell-checkbox input[type="checkbox"],
.layui-table-cell.laytable-cell-checkbox input[type="radio"]{
  display: none !important;
}
.layui-table .ew-tree-table-checkbox{
  display: none !important;
}


.layui-layer-setwin .layui-layer-close1 {background: none;color: #ffffff;font-size: 16px;line-height: 16px;}
.layui-layer-setwin .layui-layer-close1:after{
  content: 'X';color: #ffffff;font-size: 16px;line-height: 16px;
}
.layui-layer-setwin .layui-layer-close1:hover:after{
  color: #dddddd !important;
}
.layui-layer-setwin .layui-layer-max{
  display: none;
}
.layui-layer-setwin .layui-layer-min cite{
  background-color: #ffffff !important;
}
.layui-layer-setwin .layui-layer-min:hover > cite{
  background-color: #dddddd !important;
}
.layui-layer .layui-layer-title{
  background-color: #0A72F0 !important;
  color: #dddddd !important;
}