/*CSS START LINE -- force scroll bar to avoid screen jump */
html {
  overflow-y: scroll;
}
body {
  background-color: #000 !important;
  transition: all 1s;
}
body p,
body label,
body span.text,
body li:not(.rcbItem, .rcbHovered) {
  font-family: 'Roboto Flex', sans-serif;
  font-weight: 100;
  color: #e6e6e6;
  transition: color 2s;
}
	body #title p {
		color: white !important;
		transition: color 2s;
	}
body .jconfirm p {
  color: #333 !important;
}
.dev {
  display: block;
  color: white;
  background-color: red;
  border-top: 5px dashed white;
  border-bottom: 5px dashed white;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}
header {
  border-bottom: 1px solid red !important;
}
.bg-dark {
  background-color: #000 !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75) !important;
  transition: all 0.5s;
}
.navbar-dark .navbar-nav .nav-link .fal {
  color: red;
  margin-right: 5px;
  transition: all 0.75s;
}
.dropdown-item .fal {
  width: 20px !important;
  color: deepskyblue !important;
  margin-right: 5px;
  transition: all 0.5s;
}
.dropdown-item:hover .fal {
  width: 20px !important;
  color: red !important;
  margin-right: 10px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #ffffff !important;
}
.navbar-dark .navbar-nav .nav-link:hover .fal {
  color: deepskyblue;
  margin-right: 5px;
}
/*page title*/
.title {
  background-color: #222;
  padding: 20px 25px 20px 25px;
  margin-bottom: 20px;
  text-shadow: 5px 5px 5px black;
}
.title .fal {
  color: red;
}
.title h1 {
  font-family: 'Roboto Slab', 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
  color: #c8c8c8;
  margin-top: 0px;
  margin-bottom: 0px;
}
h2,
h3 {
  font-family: 'Roboto Slab', 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
  color: #969696 !important;
}
h2 .fal,
h3 .fal {
  color: red;
}
/*regular h1*/
h1 {
  font-family: 'Roboto Slab', 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
  margin-top: 15px;
  margin-bottom: 10px;
}
/*fieldset and legend styles*/
fieldset.set {
  border: 1px solid #e6e6e6;
  min-height: 50px;
  padding: 15px;
}
legend {
  display: block;
  width: auto;
  padding: 0;
  margin-bottom: 0;
  font-size: 12pt;
  line-height: inherit;
  color: #e6e6e6;
  border: 0;
  border-bottom: 0;
  font-weight: bold;
}
.block {
  display: block;
}
/*modify rad grid*/
.RadGrid_Metro th.rgHeader {
  background-color: #969696;
  font-size: larger;
  font-weight: bold;
  color: white;
}
.RadGrid_Metro th.rgHeader a {
  font-weight: bold;
}
/*modify bootstrap button*/
.btn-secondary {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #000000;
  margin-top: 10px;
  margin-bottom: 10px;
  /*:hover
	{
		background-color: rgba(255,0,0,.2);
		border: 1px solid rgba(0,0,0,.7);
		color: rgba(0,0,0,1);
	}*/
}
.btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.7);
  color: #000000;
}
#portal .btn-secondary {
  margin-top: 0px !important;
  margin-bottom: 0px;
}
a.btn {
  width: auto;
}
.btn .fal {
  width: 20px !important;
  color: deepskyblue !important;
  margin-right: 5px;
  transition: all 0.5s;
}
.btn:hover .fal {
  color: red !important;
}
#portal .btn-secondary {
  margin-top: 0px !important;
  margin-bottom: 0px;
}
/*modify bootstrap button*/
.btn-disabled {
  background-color: #c8c8c8;
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: not-allowed;
  /*:hover {
		color: rgba(180,180,180,1);
	}*/
}
.btn-disabled .fal {
  color: #b4b4b4;
}
.btn-disabled .fal {
  content: "\f05e";
  color: #b4b4b4;
}
.btn-disabled:hover {
  content: 'disabled';
  background-color: rgba(200, 200, 200, 0.9);
  border: 1px solid #b4b4b4;
  color: #bebeb4;
}
.btn-disabled:hover .fal {
  content: "\f05e";
  color: #b4b4b4;
}
a.btn {
  width: auto;
}
.btn-primary .fal {
  color: aqua;
  text-shadow: 0px 2px 7px #000000;
}
.chk label {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 3px;
}
label {
  display: inline-block;
  margin-left: 20px;
}
.nav {
  padding-bottom: 3px;
  border-bottom: 2px solid #c80000;
  margin-bottom: 10px;
}
.form-control:focus {
  border-color: #9d9d9d;
  background-color: #ededed;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.alert {
  font-family: 'Roboto Slab', 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
  display: block !important;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  top: 0;
  left: 0;
}
.rgFilterBox {
  width: 75%;
  display: inline-block;
}
.rgCommandRow caption {
  display: none;
}
.fa-file-pdf {
  color: #CC0000;
}
.fa-file-word {
  color: #00a1f1;
}
.fa-file-spreadsheet {
  color: green;
}
.fa-file,
.fa-file-alt {
  color: rebeccapurple;
}
#dropzone {
  height: 50px;
  width: 100%;
  border: 1px dashed silver;
}
label {
  margin-left: 10px;
  display: inline-block;
}
#ContentPlaceHolder1_ContactTier1,
#ContentPlaceHolder1_ContactTier2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#ContentPlaceHolder1_ContactTier1 li input,
#ContentPlaceHolder1_ContactTier2 li input {
  float: left;
  margin: 0;
  margin-right: 10px;
  margin-top: 6px;
}
#ContentPlaceHolder1_ContactTier1 li label,
#ContentPlaceHolder1_ContactTier2 li label {
  margin: 0;
  display: inline-block;
}
.systems,
.systems i {
  color: red;
}
.comms,
.comms i {
  color: deepskyblue;
}
.security,
.security i {
  color: mediumpurple ;
}
label .fal {
  margin-right: 10px;
  position: relative;
  top: 0px;
}
.bold {
  font-weight: bold;
}
.fa-phone-square {
  margin-left: 2px;
  margin-right: 12px;
}
input[type='radio'],
input[type='checkbox'] {
  display: none;
  cursor: pointer;
}
input[type='radio']:focus,
input[type='radio']:active,
input[type='checkbox']:focus,
input[type='checkbox']:active {
  outline: none;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 10px;
}
input[type='radio'] + label:before,
input[type='radio'] + label:after,
input[type='checkbox'] + label:before,
input[type='checkbox'] + label:after {
  content: '';
  font-family: helvetica;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
  top: 3px;
}
input[type='radio'] + label:before,
input[type='checkbox'] + label:before {
  background-color: #fafafa;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type='radio'] + label:after,
input[type='checkbox'] + label:after {
  color: #fff;
}
input[type='radio']:checked + label:before,
input[type='checkbox']:checked + label:before {
  -moz-box-shadow: inset 0 0 0 10px #158EC6;
  -webkit-box-shadow: inset 0 0 0 10px #158EC6;
  box-shadow: inset 0 0 0 10px #158EC6;
}
/*Checkbox Specific styles*/
input[type='checkbox'] + label:before {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #158EC6;
  background-color: #ECECEC;
}
input[type='checkbox'] + label:hover:after,
input[type='checkbox']:checked + label:after {
  content: "\2713";
  line-height: 16px;
  font-size: 12px;
}
input[type='checkbox'] + label:hover:after {
  color: #158EC6;
}
input[type='checkbox']:checked + label:after,
input[type='checkbox']:checked + label:hover:after {
  color: #fff;
}
input[type=text]:not(.radPreventDecorate, .rgFilterBox),
input[type=number]:not(.radPreventDecorate, .rgFilterBox),
textarea,
select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc !important;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #323232 !important;
  color: white !important;
  transition: width 1s ease-in-out;
}
#ContentPlaceHolder1_Roles1_RoleName {
  margin: 0;
}
input[type=text]:focus:not(.radPreventDecorate, .rgFilterBox),
input[type=number]:focus:not(.radPreventDecorate, .rgFilterBox),
textarea:focus,
select:focus {
  border: 1px solid red !important;
  background-color: #000000 !important;
  color: white !important;
}
.btn-secondary {
  border: 1px solid #ccc !important;
  background-color: #323232 !important;
  color: white !important;
}
.btn-secondary:hover {
  border: 1px solid red !important;
  background-color: #000000 !important;
  color: white !important;
}
.alert-info {
  color: #bee5eb;
  background-color: #0a0a0a !important;
  border-color: deepskyblue;
}
.alert-info .fal,
.alert-info .fa {
  color: deepskyblue;
  font-size: larger;
}
#loader {
  width: 100%;
  height: 230px;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -115px;
  text-align: center;
  font-size: 100pt;
  padding-top: 0;
  color: rgba(255, 255, 255, 0.75);
  border-top: 10px solid rgba(255, 255, 255, 0.5);
  border-bottom: 10px solid rgba(255, 255, 255, 0.5);
  display: none;
  z-index: 2000000;
  background-color: #000;
  background-size: 40px 40px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  animation: animate-bg 5s linear infinite;
}
@keyframes animate-bg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -80px 0;
  }
}
iframe,
#readLogs {
  color: white !important;
}
.red {
  color: #ff2300;
}