html,
body {
background:#2c3547!important;
font-family:"Helvetica Neue," Helvetica, Arial, sans-serif!important;
}
#login-div .container {text-align:center!important;}

#login-div h1 {font-size:25px!important;}
.login-html {
  height: 100%;
  font-size: 12px;
}
li,
#id_method-method {list-style:none;    text-align: left;}
#id_generator-token{
    width: 178px;
    margin: 5px;
    color: #00ffe2;
    background: #2C3647;
    border: 1px solid #aaa;
    padding: 5px;
    font-size: 19px;
}

#qrcode-container {background:#e0e0e0;display: -webkit-inline-box;}
#carousel {
    overflow:visible!important;
    z-index:1;
}

.carousel-item {
  opacity: 0.7;
}

.carousel-main {
  opacity: 1;
  z-index:0!important;
}

.carousel-main-neighbor {
  opacity: 1;
}

.login-html body {
  animation-name: body-intro;
  animation-duration: 1s;
  animation-iteration-count: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#e0e0e0;
}

@keyframes body-intro {
  from { opacity: 0 }
  to { opacity: 1 }
}

#home-container, #login-div {
  color: #e0e0e0;
}
#home-container {
    padding:0;
    min-height: calc(100vh - 40px);
    }


#login-div img {filter:invert(30%);}
#react-app {
    height: 100%;
    position: static;
}

#base-component {
    min-height: calc(100vh - 50px);
    
    position: relative;
    width:100%;
    padding:0 ;
    margin:0;
    /*overflow-y:hidden;
    */
    overflow-x:hidden;
}


#LMContainer {
    height: calc(100vh - 40px);

    overflow:hidden;
}

.text-center {
    text-align: center;
}

.centered{
    float: none;
    margin: 0 auto;
}

#login-div {
  padding: 130px 0 0 0;
  /*background: url(../img/logo_cycarrier.svg);*/
  background-size: 54%;
  background-repeat: no-repeat;
  background-position: center top;
}

#login-div .col-md-offset-3 {
  float: none;
  margin: auto;
}

#login-div table,
#login-div tbody {
  display: block;
  width: 260px;
  margin: 0 auto;
}

#login-div #login-form input,
#login-div #reset-password-form input,
#login-div button[type="submit"] {
  transition-duration: 0.2s;
  transition-property: background-color, border, box-shadow, opacity, color;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	outline: none;
	border: none;
  margin: 0px;
}

#login-div .errorlist {
    color: red;
}

#login-div label[for="id_auth-username"],
#login-div #login-form input,
#login-div button[type="submit"] {
  height: 28px;
  line-height: 28px;
}

#login-div #login-form input[type="text"],
#login-div #reset-password-form input[type="text"],
#login-div #login-form input[type="password"],
#login-div #reset-password-form input[type="password"] {
  height: 28px;
  width: 200px;
  padding: 0px 10px;
  font-size: 1.1rem;
  border: 1px solid #e0e0e0;
  background-color: #2c3547;
  color: #e0e0e0;
}

#login-div #login-form input[type="text"]:focus,
#login-div #login-form input[type="password"]:focus {
  border: 1px solid #66AFE9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  background-color: #101010;
  color: #55fdff;
}

#login-div #login-form table tr {
  display: flex;
  margin-bottom: 10px;
}

#login-div #login-form table th {
  width: 28px;
  display: flex;
  margin-right: 10px;
  justify-content: flex-end;
  align-items: center;
}

#login-div #login-form table td {
  margin-right: 10px;
}

#login-div p.msg {
  text-align: center;
}

#login-div button[type="submit"],
#login-div label[for="id_auth-username"],
#login-div label[for="id_auth-password"] {
  line-height: 0px;
  font-size: 0px;
  color: rgba(0, 0, 0, 0);
}

#login-div label[for="id_auth-username"],
#login-div label[for="id_auth-password"] {
  width: 20px!important;
  height: 20px!important;
  margin: 0px;
  background-size: 100%;
  background-color: #e0e0e0;
  -webkit-mask-image: url('/static/img/icons.svg');
  -webkit-mask-size: 100%;
  -webkit-transform: scale(1.5);
}

#login-div button.btn-disabled {
  display: none;
}

#login-div button[type="submit"] {
  transition-property: background-color;
  transition-duration: 0.3s;
  width: 20px;
  height: 20px;
  display: block;
  margin:  0 auto;
  user-select: none;
  cursor: pointer;
  padding: 0px;
  border: none;
  text-align: center;
  text-decoration: none;
  background: #999999;
  -webkit-mask-image: url('/static/img/icons.svg');
  -webkit-mask-size: 100%;
  -webkit-mask-position-y: -559px;
  -webkit-transform: scale(3)!important;
}
#login-div label[for="id_auth-username"] {
  -webkit-mask-position-y: -81px;
}

#login-div label[for="id_auth-password"] {
  -webkit-mask-position-y: -319px;
}


#login-div button[type="submit"]:hover {
  transition-duration: 0.2s;
  background: hsl(208, 56%, 56%);
}

#login-div button[type="submit"]:active {
  background: hsl(208, 56%, 40%);
  color: #CCCCCC;
}

@media screen and (max-width: 600px) {
  #login-div input[name="login_view-current_step"][value="token"] + tbody::after {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-size: 90%;
  }
}

#login-div input[name="login_view-current_step"][value="token"] + tbody {
  color: #BF6730;
}

#login-div input[name="login_view-current_step"][value="token"] + tbody th {
  width: 0px !important;
  margin: 0px !important;
}

#login-div input[name="login_view-current_step"][value="token"] + tbody ul:only-child {
  margin-bottom: 0px;
}


#login-div button[name="wizard_goto_step"] {
  /* transform: rotate(45deg) scale(3)!important; */
  transform: scale(3)!important;
  -webkit-mask-position-y: -540px;
  background: #999999;
  display: none!important;
}
#login-div  button[type="submit"] {
  /* display: none; */
  /* position: absolute;
  bottom:0;
  right:left; */
 
 }
 


#login-div button[type="wizard_goto_step"],
#login-div button[type="submit"] {
  margin: 0 auto;
  
}

#auth-form {position: relative;}
#auth-form.u2f-form button[type="submit"], {
  display: none;
}
 
.u2f-form input[type="text"],
.u2f-form input[type="password"]{
  display: none;
}

.u2f-form label[for="id_token-otp_token"],
.u2f-form label[for="id_u2f-token"],
.u2f-form label[for="id_webauthn-token"]{
  display: none;
}
.u2f-form input[name="login_view-current_step"][value="token"] + tbody::after,
.u2f-form input[name="setup_view-current_step"] + tbody::after {
  animation-name: glowing-circle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  margin: auto;
  border: 2px solid #999999;
  border-radius: 120px;
  background: url('/static/img/key-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
}

#id_token-otp_token {
  background:none;
  filter:invert(1);
  border:1px solid #999999!important;
  color:#999999;
  width: 260px!important;
  text-align: center;
  font-size:30px;
height:30px!important;
padding: 20px 0;}

@keyframes glowing-circle {
  0% {
    border: 2px solid #999999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
  }
  50% {
    border: 2px solid #66AFE9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  }
  100% {
    border: 2px solid #999999;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
  }
}

.close_button {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 2%;
}
.navbar,
.navbar-inverse .navbar-brand,
.navbar-nav,
.navbar-nav > li > a, .navbar-brand {
    line-height: 40px!important;
  min-height:40px !important;
  height:40px !important;
}
.navbar {
}

.clickable {
  cursor: pointer;
}

.disabled-link {
  pointer-events: none;
}

.ms-policy-container {
  width: 600px !important;
}

.ms-policy-container .ms-list{
  background: #5c656d;
  border: 0px !important;
}

.ms-policy-container .ms-list li{
  color: #fff !important;
  border: 0px !important;
}

.slick-center  {opacity:1!important;filter:brightness(1)!important;}
.slick-slide {filter:brightness(0.5);}

.slick-container-5 {
  margin: 0 auto;
  width: 100%;
}

.slick-container-3 {
  margin: 0 auto;
  width: 60%;
}

.slick-container-1 {
  margin: 0 auto;
  width: 20%;
}

.slick-customer{
  /*text-align: center;*/
  height: 200px;
  margin: 0 15px;
  overflow:visible;
  white-space:nowrap;
  color:#ccc;
  padding:0 10px;

}
.slick-customer .count {font-size:1rem;color:#77dcec/*#f79837*/;font-weight:800;}
.slick-customer .time {display:hidden;}
.slick-customer .critical_computers i,
.slick-customer .critical_files i{display:block;margin:0 auto;}

.slick-customer .time {display:none;}

.slick-list {
  height: 30%;
}
.inverse {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.slick-customer .inverse {top:-25px;}
.inverse .c3-tooltip-container{
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
#top_severity {
	position: relative;
	top: -14px;
	width:100%;
	text-align:center;}
#top_severity .xlabel {
	width:7%;
	height:5px;
	border-radius:5px;
	display:inline-block;
	-webkit-transform: scale(1);
  margin: 0px;
}
.l5 {
    background: #9b2a8d!important; /*#bf0020*/
    color: #FFF
}
.l4 {
    background: #ff4d1a!important;
    color: #fff
}
.l3 {
    background: #ff8d2e!important;
    color: #fff
}
.l2 {
    background: #ffda6e!important;
    color: #8C4600
}
.l1 {
    background: #9c9!important;
    color: #363
}

.workspace-input {
  background: #5c656d!important;
  color: #aaa!important;
  border: 0!important;
}

.slick-center .slick-customer{

  transform: scale(1.1);
/*-webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate;
*/
	box-shadow:5px 5px 15px #000;
  }

@-webkit-keyframes neon1 {
  from {
    box-shadow: 0 0 1px #fff;
  }
  to {
    box-shadow: 0 0 15px #ffa;
  }
}
.main-icon {
  display:block;
  margin:0px auto;
  width:60px;
  height:60px;
}

.default-icon {
  border-radius:40px;
  border:1px solid #aaa;
  background: top no-repeat url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0YwNzg1QTsiIGQ9Ik0zMSwyNi45NjJoMjYuOTI0QzU2Ljk0LDEyLjU0MSw0NS40MjEsMS4wMjIsMzEsMC4wMzhWMjYuOTYyeiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0YwQzQxOTsiIGQ9Ik01MC4zODYsNDguNjE1YzQuMzQzLTQuNzEsNy4xNTEtMTAuODU4LDcuNjE0LTE3LjY1M0gzMi43MzNMNTAuMzg2LDQ4LjYxNXoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiM1NTYwODA7IiBkPSJNMjcsMjguMTM0VjAuMDM4QzExLjkxOCwxLjA2NywwLDEzLjYxOSwwLDI4Ljk2MkMwLDM2LjI1LDIuNjk1LDQyLjkwNSw3LjEzNCw0OEwyNywyOC4xMzR6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojNzFDMjg1OyIgZD0iTTI4LjQxNCwzMi4zNzZMOS45NjIsNTAuODI4YzUuMDk1LDQuNDM5LDExLjc1LDcuMTM0LDE5LjAzOCw3LjEzNCAgIGM2Ljk5LDAsMTMuMzk2LTIuNDc5LDE4LjQwMS02LjU5OUwyOC40MTQsMzIuMzc2eiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
  background-size:80px 80px;
}
.small-icon{
  float:left;
  width:20px;
  height:20px;
  background-size:20px 20px;
}

.slick-customer .customer_name{
  font-size:18px;
  font-weight:500;
  color:#cccccc;
  margin: 5px 0;
  text-align:center;
  white-space:pre-wrap;
  }
.slick-customer .endpoint_count {
  margin-left:10px;
  color:#00adef;
  font-weight:500;
  text-align:center;
}
.slick-customer .icon {padding:5px 10px 10px 10px;
position:relative;top:0px;
/*background: #587383;*/}
.slick-customer .indicator{/*background:#465b66;*/padding: 0px 10px 0px 10px;height: 230px;}


.slick-customer li {font-weight:500;padding:5px 0;list-style-type:none;display:inline-table;width:33.4%;text-align:center;border-right:1px solid #666;letter-spacing:0px;}
.slick-customer li:nth-last-child(1) {border:0px;}

.slick-customer #indicatorlist{padding:0;margin: 0 -10px;
border-radius:30px;
border: 1px solid #666;
background:rgba(0,0,0,0.9);
overflow:hidden;
}

#workspaceWrapper {
    width:100%;
/*    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.7) 17%,  rgba(0,0,0,0.7) 81%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
*/
    }


#home-container #slider,
#home-container #workspace_list {
    position:relative;
    margin: 0px auto ;
    width:100%;
    overflow:visible;
    min-width:1100px;
    max-width:1500px;
    z-index:1;
}
.workspace-list {
    color:#999999;
    font-size:1rem!important;
    position:relative;
    
}
.workspace-list td,
.workspace-list tbody {background:none!important;padding:3px 0!important;}
.workspace-list thead th {border-bottom:1px solid #587383!important;}
.workspace-list tbody tr:hover {background:rgba(255,255,255,0.2)!important;}
.workspace-list tbody tr {border-bottom:0px solid #333;}
.title_mymission {font-size:20px;color:#587383;}
.workspace-list .status {}
.workspace-list .name img, .creator img{
  width: 25px;
  padding-right: 5px;
}
.workspace-list tbody .name .disabled-link {color:#666!important;}
.workspace-list .name a{color:#00adef;font-size:1rem;}
.workspace-list tbody .name {text-align:left!important;}
.workspace-list .ratioAlertEvent {width:10rem;}
.workspace-list .ratioAlertEvent .alerts {}
.workspace-list .ratioAlertEvent .events {}
.workspace-list .ratioCampaignGroup {width:8rem;}
.workspace-list .ratioCampaignGroup .campaigns {}
.workspace-list .ratioCampaignGroup .groups {}
.workspace-list .ratioAlertEvent .alerts,
.workspace-list .ratioAlertEvent .events,
.workspace-list .ratioCampaignGroup .campaigns,
.workspace-list .ratioCampaignGroup .groups {padding:0px 5px;}

.workspace-list .queueTime {width:8rem;}
.workspace-list .scanTime {width:8rem;}
.workspace-list .LastScanned {width:12rem;}
.workspace-list .name_th,
.workspace-list .name {min-width:5rem;white-space:nowrap;}
.workspace-list .createDate {text-align:center;}
.workspace-list .range {width:8rem;}
.workspace-list .ElapsedTime {text-align:right;}
.workspace-list .actions {width:120px;}
.workspace-list .actions i.fa {font-size:1.4rem;}
.workspace-list .actions i,
.workspace-list .actions span {padding:0 1px;}
.workspace-list .files {width:5rem;}
.workspace-list .actions i:hover  {color:rgba(255,255,255,1);position:relative;top:-1px;}
.workspace-list .pin .isPinned {margin:0!important;opacity:0;position:absolute;}
.workspace-list .pin .isPinned:checked ~ .pinned {color:#ff595a!important;}
.animated-modal {
  position: absolute;
  overflow: visible;
  outline: none;
  padding: 0px;
}