/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}
.login-logo a,
.register-logo a {
  color: #444;
}
.users-login-view,
.users-register-view,
.users-send_otp-view,
.users-confirm_otp-view{
  height: auto;
  background: #d2d6de;
}
.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}
@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}
.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}
.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}
.social-auth-links {
  margin: 10px 0;
}

/* View Dashboard Page Styles */
.dashboard-index-view .card {
	border-radius: 15px;
	background:#fff;
}

.dark-mode-theme.dashboard-index-view .card {
	background:#000;
}

.dark-mode-theme.dashboard-index-view .widget-data {
	font-family: "Helvetica Neue Thin", Arial, sans-serif;
}

/* Widget Dropzones */
#available-widgets {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}
#selected-widgets {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}

.dark-mode-theme.dashboard-config-view #available-widgets { background:#000;}
.dark-mode-theme.dashboard-config-view #selected-widgets { background:#000;}

/* Widget styles */
.widget {position:relative;float:left;display:block;border:solid #fff 5px;z-index:1600;background:#bbb;}
.widget:hover {cursor:move;}
#available-widgets .widget {width:100%;height:50px;}
#selected-widgets .widget {width:25%;height:100px;}

.dark-mode-theme.dashboard-config-view .widget { border:solid #000 5px;background:#444;}

.widget-inner {position:relative;display:block;width:100%;height:100%;margin:0;text-align:center;vertical-align:middle;}
#available-widgets .widget-inner {}
#selected-widgets .widget-inner {}

/* Widget Placeholder styles */
.widget-placeholder {position:relative;float:left;display:block;border: 2px dashed #eee;background:#fff;}
#available-widgets .widget-placeholder {height:50px;}
#selected-widgets .widget-placeholder {height:100px;}

.dark-mode-theme.dashboard-config-view .widget-placeholder { border: 2px dashed #111;background:#000; }

/* Chart Dropzones */
#available-charts {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}
#selected-charts {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}

.dark-mode-theme.dashboard-config-view #available-charts { background:#000;}
.dark-mode-theme.dashboard-config-view #selected-charts { background:#000;}

/* Chart styles */
.chart {position:relative;float:left;display:block;border:solid #fff 5px;z-index:1000;background:#bbb;}
.chart:hover {cursor:move;}
#available-charts .chart {width:100%;height:200px;}
#selected-charts .chart {width:25%;height:300px;}

.dark-mode-theme.dashboard-config-view .chart { border:solid #000 5px;background:#444;}

.chart-inner {position:relative;display:block;width:100%;height:100%;margin:0;text-align:center;vertical-align:middle;}
#available-charts .chart-inner {}
#selected-charts .chart-inner {}

/* Chart Placeholder styles */
.chart-placeholder {position:relative;float:left;display:block;border: 2px dashed #eee;background:#fff;}
#available-charts .chart-placeholder {height:50px;}
#selected-charts .chart-placeholder {height:100px;}

.dark-mode-theme.dashboard-config-view .chart-placeholder { border: 2px dashed #111;background:#000; }

/* Other Dropzones */
#available-others {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}
#selected-others {position:relative;display:block;height:100%;width:100%;margin:0;padding:0;background:#fff;border:3px dashed #ccc;min-height:500px;}

.dark-mode-theme.dashboard-config-view #available-others { background:#000;}
.dark-mode-theme.dashboard-config-view #selected-others { background:#000;}

/* Other styles */
.other {position:relative;float:left;display:block;border:solid #fff 5px;z-index:1000;background:#bbb;}
.other:hover {cursor:move;}
#available-others .other {width:100%;height:50px;}
#selected-others .other {width:25%;height:100px;}

.dark-mode-theme.dashboard-config-view .other { border:solid #000 5px;background:#444;}

.other-inner {position:relative;display:block;width:100%;height:100%;margin:0;text-align:center;vertical-align:middle;}
#available-others .other-inner {}
#selected-others .other-inner {}

/* Other Placeholder styles */
.other-placeholder {position:relative;float:left;display:block;border: 2px dashed #eee;background:#fff;}
#available-others .other-placeholder {height:50px;}
#selected-others .other-placeholder {height:100px;}

.dark-mode-theme.dashboard-config-view .other-placeholder { border: 2px dashed #111;background:#000; }

.form-control.reading-is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}