body {
  background: #1d121e;
  font-family: "Glory", sans-serif;
}

a {
  text-decoration: none;
  color: #9945ff;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #342835;
  border-radius: 2px;
  border: 1px solid #4d3f4e;
}

ul.priv {
  padding: 19px;
  padding-top: 3px;
  padding-bottom: 2px;
}

li {
  float: left;
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #4d3f4e;
  color:white
}

.active {
  background-color: #04aa6d;
}

footer {
  position: fixed;
  background-color: #1c1c1c;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
}

.footer_header {
    background: #2d2d2d;
    padding-top: 7px;
    padding-bottom: 7px;
}

.button_footer {
    border: 1px solid;
    padding: 2px;
    border-radius: 3px;
    padding-left: 6px;
    padding-right: 6px;
    color: grey;

}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #9945ff;
}

::selection {
  color: white;
  background: #9945ff;
}

.tooltip {
  position: relative;
  display: inline-block;
  display: flex;
  cursor: not-allowed;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #323234;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #323234 transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

#container {
  position: absolute;
  text-align: center;
}

video {
  outline: 0;
}

.logoposition {
  display: inline-flex;
  align-items: center;
}

.acronymposition {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 4px;
}

.textlogo {
  font-family: "Spinnaker", sans-serif;
  font-size: 29px;
  margin-right: 6px;
  margin-top: 1px;
}

.statusbutton_nav {
  display: flex;
}

.dot_status {
  width: 10px;
  height: 10px;
  background: #21c121;
  position: relative;
  top: 4px;
  margin-right: 5px;
  border-radius: 4px;
  animation-duration: 2s;
  animation-name: dot_status_anim;
  animation-iteration-count: infinite;
  transition: none;
}

@keyframes dot_status_anim {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.login_nav {
  float: right;
}

.login_button {
    padding: 9px;
    background: #1d121eb0;
    margin: 5px;
    border-radius: 3px;
    margin-right: 8px;

}

.signup_button {
    padding: 9px;
    background: #1d121e;
    margin: 5px;
    border-radius: 3px;
}

.register_nav {
  float: right;
}

.main_file {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 130px;
}

.file_contain {
  margin: 0;
  border-radius: 2px;
  color: white;
  margin-top: 75px;
}

.name_file {
  font-weight: bold;
  font-size: 30px;
  float: left;
  display: flex;
  background: #251b26;
  padding-top: 8px;
  width: 875px;
  padding-left: 15px;
  padding-right: 8px;
  padding-bottom: 12px;
  border:1px solid #9a45ff
}

.video {

border:1px solid #9a45ff
	
}

.video_contain {
  margin-top: 16px;
}

.bottom_button_file {
  display: flex;
  flex-direction: row-reverse;
  color: #9945ff;
  margin-top: 7px;
  margin-bottom: 69px;
}

.acronym_report_button {
  top: 5px;
  position: relative;
}

.text_report_button {
  position: relative;
  top: 5px;
  padding-left: 6px;
}

.embed {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #80808014;
  padding: 12px;
}

#textarembed {
  display: block;
  background: #373038;
  border: 1px solid white;
  border-radius: 2px;
  height: 61px;
  width: 550px;
  color: white;
  font-size: 15px;
  padding: 12px;
  margin-top: 12px;
}

.main_home {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 130px;
}

.main_login, .main_signup, .main_recover {
    width: 523px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 130px;
}

.login_main, .signup_main, .recover_main {
    margin-top: 48px;
    margin-left: 2px;
    display: flex;
    flex-direction: column;
    color: white;
    padding: 41px;
    padding-top: 11px;
    background-image: linear-gradient(#342835, #1d121e);
}

.main_home_contain {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 900px;
  padding-top: 37px;
  border-radius: 2px;
  color: white;
  border: 2px dashed white;
}

.slogan_home {
  font-weight: bold;
  font-size: 50px;
  text-align: center;
}

.slogan_home_bottom {
  margin-top: 16px;
  font-size: 20px;
  text-align: center;
}

.upload_nav_home {
  margin: 51px;
  display: flex;
  justify-content: center;
  color: #9945ff;
}

.text_upload_button_home {
  padding: 2px;
}

.uploadremote_button_home {
  top: 5px;
  position: relative;
}

.text_uploadremote_button_home {
  padding: 3px;
  padding-left: 4px;
}

.general-system-status {
  background: #367633;
  padding: 11px;
  border: 1px solid #50dc4f;
  font-weight: bold;
  color: black;
  display: flex;
  border-radius: 2px;
  padding-bottom: 8px;
}

.list-system-status {
  margin-top: 27px;
}

.entity-status-system {
  padding: 14px;
  border: 1px solid #ffffff;
  font-weight: bold;
  color: white;
  margin-bottom: 6px;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
}

.text_general-status {
  margin-left: 8px;
}

.entity-green-op {
  font-size: 13px;
  background: #367633;
  padding: 3px;
  border-radius: 2px;
  padding-right: 6px;
  padding-left: 7px;
  color: black;
}

.past_incidents {
  margin-top: 33px;
}


.incident_day {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ffffff54;
  margin-top: 9px;
  padding-bottom: 9px;
  color: white;
}

.date_past_incidents {
  font-size: 24px;
}

.details_incidents {
  font-size: 20px;
  margin-left: 6px;
}

.issue_incidents {
  color: white;
  margin: 18px;
  margin-left: 6px;
}

.issue_incidents_title {
  display: flex;
  align-items: center;
}

.acron_title_incident {
  margin-right: 7px;
}

.issue_incidents_title_text {
  margin-bottom: 7px;
  font-size: 25px;
  margin-top: 2px;
}

.issue_incidents_details {
  font-size: 19px;
  margin-bottom: 4px;
}

.issue_incidents_date {
  font-size: 15px;
  color: #ffffff6b;
}

.history_m {
  margin-top: 45px;
  color: #9945ff;
}

.contact_input {
    height: 40px;
    padding-left: 9px;
    margin-top: 7px;
    font-size: 16px;
    background: #373038;
    color: white;
    border: 1px solid white;
    border-radius: 2px;
}

.input_inputandlabel {
    display: flex;
    flex-direction: column;
    width: 442px;
    margin-top: 19px;
}

.form_contact, .form_support {
    background: #00000021;
    padding-top: 4px;
    padding-bottom: 38px;
}

.text_contact {
    padding-left: 16px;
}

.quick {
    padding-left: 34px;
}

.button_submit_contact {
    margin-top: 24px;
    height: 38px;
    width: 442px;
    font-size: 16px;
    display: block;
    padding-top: 2px;
    font-weight: bold;
    color: #201821;
    border: none;
    background: #ffffffde;
    border-radius: 3px;
    font-family: "Glory", sans-serif;
    cursor: pointer;
}

label {
    text-align: left;
}

.select_report_abuse {
    width: 279px;
    height: 44px;
    padding-left: 7px;
    font-size: 21px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Glory", sans-serif;
    font-weight: bold;
    margin-top: 14px;
}

#DMCA_select, #Malware_select, #Child_abuse_select, #Promotes_terrorism_select, #Other_select {
    background: #201821;
    padding-top: 4px;
    display: none;
    margin-top: 46px;
}

.footer_form_abuse {
    background: #ff6f6f17;
    width: 423px;
    margin-top: 36px;
    color: red;
    text-align: left;
    padding: 9px;
    border: 1px solid red;
    border-radius: 3px;
}

.footer_email_form_abuse, .footer_email_form_support, .footer_email_form_contact {
    background: #1e161f;
    margin-top: 15px;
    padding: 27px;
}

.footer_email_form_abuse {
    background: #1e161f;
    margin-top: 48px;
    padding: 27px;
    border-top: 15px solid #251b26;
}

.form_contact_sent, .form_support_sent {
    background: #00000021;
    padding: 13px;
    padding-top: 23px;
    padding-bottom: 27px;
}


.green_time {
    background: #00800024;
    height: 14px;
    border: 1px solid green;
    padding: 8px;
    color: #92d092;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 12px;
}

.header_abuse {
    display: flex;
    justify-items: center;
    padding: 7px;
    background: white;
}

.aboutus_main {

margin-top: 48px;
margin-left: 2px;
display: flex;
flex-direction: column;
color: white;
padding: 41px;
padding-top: 11px;
background: #80808014;

}

.whatis {
    background: #9945ff;padding-left: 14px;padding-bottom: 17px;
}

.location_aboutus {

    background: #fefdff;padding-left: 14px;color: black;padding-bottom: 17px;

}

.fourthing {
    background: #00000021;
    padding-left: 36px;
    padding-right: 36px;
    padding-bottom: 18px;
    margin-top: 19px;
    margin-bottom: 19px;
}

.value_list {
    padding: inherit;
    padding-bottom: 11px;
    list-style-type: circle;
    display: inline-block;
    padding-top: 13px;
}

.feedback {
    margin-left: 10px;
    margin-top: 3px;
}

.tos_main {
    margin-top: 48px;
    margin-left: 2px;
    display: flex;
    flex-direction: column;
    color: white;
    padding: 41px;
    padding-top: 11px;
    background: #80808014;
}

.contact_main {
    margin: 48px;
    margin-left: 2px;
    display: flex;
    flex-direction : column;
    color: white;
    padding: 41px;
    padding-top: 11px;
    background: #80808014;
}

.contact_top {
    display:flex;align-items: center;
}

.contact_time {
    background: #00800024;
    height: 14px;
    border: 1px solid green;
    padding: 8px;
    color: #92d092;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 12px;
}

.header_contact {

    display: flex;
    justify-items: center;
    padding: 7px;
    background: white;
    color: black;

}

.acron_header_contact {

    margin-right: 8px;

}

.support_main {
    margin: 48px;
    margin-left: 2px;
    display: flex;
    flex-direction : column;
    color: white;
    padding: 41px;
    padding-top: 11px;
    background: #80808014;
}

.support_top {
    display:flex;align-items: center;
}

.support_time {
    background: #00800024;
height: 14px;
border: 1px solid green;
padding: 8px;
color: #92d092;
border-radius: 3px;
font-size: 12px;
margin-left: 12px;
}

.header_support {
    display: flex;
    justify-items: center;
    padding: 7px;
    background: white;
    color: black;
}

.acron_header_support {
    margin-right: 8px;
}

.abuse_main {
    margin: 48px;
    margin-left: 2px;
    display: flex;
    flex-direction : column;
    color: white;
    padding: 41px;
    padding-top: 11px;
    background: #80808014;
}

.header_abuse_ {
    display:flex;align-items: center;
}

.login_top, .signup_top, .recover_top {
    flex-direction: column;
    display: flex;
    margin-top: 24px;
}

.login_top_text, .signup_top_text, .recover_top_text {
    font-size: 34px;
    font-weight: bold;
    margin-top: 29px;
    margin-bottom: 54px;
}

.recover_instruction_text {
   font-size: 22px;margin-bottom: 16px;
}

.login_fail_text {
    font-size: 22px;
    color: #ff9d9d;
    padding: 14px;
    background: #80000017;
    margin-bottom: 39px;
    display: block;
}

a.button_footer:hover, a:hover {
    color: #b5b5b5;
}

a.report:hover {
color:#9d67de
}

#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    padding: 10px 20px;
    background: rgb(152 69 255);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    font-size: 20px;
    font-weight: bold;
    width: 277px;
    padding-top: 17px;
    padding-bottom: 21px;
}
 
#myCookieConsent a {
    color: #000000;
    display: inline-block;
    /* padding: 0 10px; */
}
 
#myCookieConsent a#cookieButton {
    /* display: inline-block; */
    color: #000000;
    font-size: 1.1em;
    background: #9845ff;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    border-radius: 2px;
    border: 1px solid black;
}
#myCookieConsent a {
    color: #000000;
    display: inline-block;
    /* padding: 0 10px; */
}

#myCookieConsent div {
    padding: 5px 0 0;
}


#myCookieConsent a:hover {
	color: white;
}



#myCookieConsent a#cookieButton:hover {
    background: #8338e0;
	color: #000;
	border:1px solid #8338e0;
}