.first_cards_container {
  width: 100vw;
  display: flex;
  justify-content: space-evenly;
  margin: 2% 0;
}
.header-homepage{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 102%;
  height: 409px;
  left: 0;
  top: 8vh;
  background-image: url("../img/header-home.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(6px);
  margin-left: -1%;

}
.header-homepage-text{
  color: white;
  font-weight: bold;
  position: absolute;
  top: 225px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 20px;
  text-align: center;
}
.forum_homepage{
  margin-top: 0 !important;
}
.header-homepage-text .login-text{
  margin-top: 2%;
  font-weight: bold;
  font-size: 1.2em;
}
.header-homepage-text a{
  color: #7bb0ff;
  text-decoration: none;
}
.first_cards_container .first_card_log {
  width: 22%;
  height: 100%;
  padding: 2.5% 2.5% 2% 2.5%;
  background: #fff;
  display: flex;
  border-radius: 2px;
  flex-direction: column;
  justify-content: space-between;
}
.first_cards_container .first_card_log .client_name {
  display: flex;
  justify-content: space-between;
}
.first_cards_container .first_card_log .client_name .full_name {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.first_cards_container .first_card_log .client_name .full_name span {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
}
.first_cards_container .first_card_log .client_name img {
  width: 20%;
}
.first_cards_container .first_card_log .client_info {
  width: 100%;
  height: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.first_cards_container .first_card_log .client_info .statut {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.first_cards_container .first_card_log .client_info .statut span.title {
  font-weight: bold;
}
.first_cards_container .first_card_log .client_info .statut span {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8125rem;
}
.first_cards_container .first_card_log .client_info .position {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.first_cards_container .first_card_log .client_info .position span.title {
  font-weight: bold;
}
.first_cards_container .first_card_log .client_info .position span {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8125rem;
}
.first_cards_container .first_card_log .account_button {
  width: 100%;
  height: 18%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.first_cards_container .first_card_log .account_button a {
  width: 70%;
  height: 80%;
  border: 1px solid #000;
  text-decoration: none;
  padding: 2% 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.first_cards_container .first_card_log .account_button a span {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8125rem;
}
.first_cards_container .first_card_log .account_button a img {
  width: 20%;
}
.first_cards_container .first_card {
  width: 22%;
  height: 100%;
  padding: 2.5% 2.5% 2% 2.5%;
  border-radius: 2px;
  background: #737373;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.first_cards_container .first_card span {
  color: #fff;
}
.first_cards_container .first_card .buttons_home {
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
}
.first_cards_container .first_card .buttons_home a {
  padding: 5%;
  width: 80%;
  border: 1px solid #fff;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.first_cards_container .first_card .buttons_home a img {
  width: 20%;
}
.first_cards_container .card {
  background: #fff;
  width: 23%;
  height: 320px;
  padding: 1%;
  border-radius: 2px;
}
.card-download{
  margin: -404px auto 439px auto;
  display: flex;
  flex-direction: column;
  height: 146vh;
  justify-content: center;
  align-items: center;
}

.card-download_notLogged{
  margin: 46px auto 439px auto;
  height: 33vh;
}

.card-download .card {
  width: 100%;
}
.card-download .card{
  position: absolute;
  width: 65%;
  height: auto;
  top: 175px;
}
.card-download .card_notLogged{
  width: 50%;
  height: 35vh;
}
.card-download .download-img{
  width: 100%;
  filter: blur(3px);
  height: 430px;
}
.card-download .download-text-not-login{
  text-align: center;
  font-size: 0.8rem;
}
.card-download a{
  color: #7bb0ff;
}
.block_changelog_1_12{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.changelog_1_12{
  margin-top: 30px;
}
.changelog_1_12 title{
  display: block;
  font-size: 2rem;
  text-decoration: underline;
}
.changelog_1_12 p{
  margin: 20px 0;
}
.changelog_1_12 iframe{
  width: 100%;
}
.including_icons {
  display: flex;
  justify-content: space-around;
}
.including_icons img{
  width: 200px;
}
.link_changelog{
  font-size: 0.7rem;
}
.first_cards_container .card .img {
  width: 25%;
  height: 50%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2%;
}
.home_first_cards_container .card .img{
  width: 100%;
}
.card-flex{
  display: flex;
}
.first_cards_container .card .img img {
  width: 23%;
}
.first_cards_container .card .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.first_cards_container .card .text span {
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
}
.first_cards_container .card .text p {
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  margin-top: 2%;
  height: 58px;
}
.card-download .card .text span{
  font-size: 2.2rem;
}
.first_cards_container .card .text .dowload-text{
  height: auto
}
.first_cards_container .card .text .see_more {
  width: 100%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.first_cards_container .card .text .see_more span {
  font-family: 'Raleway', sans-serif;
  font-size: 1.1rem;
  color: #e26549;
}
.first_cards_container .card .text .see_more img {
  width: 20%;
  margin-left: 8%;
}
.first_cards_container .first_block{
  padding: 2% 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.first_cards_container .first_block img{
  width: 35px;
}
.download_title{
  display: flex;
  width: 200px;
  justify-content: space-around;
}
.card .card-flex-button{
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card a{
  height: 50%;
  width: 70%;
  text-decoration: none;
}

.card-download .card a{
  width: 35%;
}

.card-download .card_notLogged a{
  width: 70%;
}

.block_download_button{
  width: 50%;
}

.card button {
  cursor: pointer;
  background: #06f;
  width: 100%;
  height: 100%;
  border: 0;
  color: white;
}
.card-download button{
  height: 65px;
  font-size: 1.5rem;
}

.old_versions_text{
  color: #06f;
  text-align: end;
  margin-top: 10px;
  cursor: pointer;
}

.old_versions_text img{
  width: 20px;
}

.old_versions{
  display: none;
  margin: 0 3%;
}

.old_versions div{
  margin: 2% 0;
}
.old_versions a{
  font-size: 1.2rem;
}

.icon_login{
  width: 30px;
}

.link {
  color: #06f;
  text-decoration: none;
}

.news_container {
  margin: 15vh auto 0 auto;
  background: #fff;
  width: 84vw;
  height: 80vh;
  border-radius: 2px;
  margin-bottom: 20vh;
}
.news_container h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  width: 100%;
  height: 10%;
  padding: 3% 3%;
  box-sizing: border-box;
  font-size: 2.5rem;
  color: #000;
  text-decoration: underline #06f;
}
.news_container .row {
  width: 90%;
  height: 30%;
  margin: 5% auto;
  display: flex;
  justify-content: space-between;
}
.news_container .row .card {
  background: #f0f0f0;
  width: 20%;
  height: 100%;
}
.header {
  background: #fff;
  width: 100vw;
  height: 70px;
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: 1;
  top: 0;
}
.header .bar {
  width: 95vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .bar a {
  text-decoration: none;
}
.header .bar a img.logo {
  width: 180px;
  margin-right: 25px;
}
.header .bar .menu_left {
  height: 60%;
  display: flex;
  align-items: center;
}
.header .bar .items {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 5%;
}
.header .bar .items a.menu_item {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  margin-left: 6%;
  padding-bottom: 1%;
  width: auto;
  white-space: nowrap;
}
.header .bar .items a.menu_item:hover {
  border-bottom: 5px solid #013862;
}

.header-right{
    float:right;
    margin-left:auto; margin-right:50px
}

.user_menu{
  width: 150px;
}
.header .bar .user_menu:hover .hover_menu {
  display: flex;
}
.header .add_support_member .user_menu {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header .bar .user_menu .hover_menu {
  position: absolute;
  display: none;
  flex-direction: column;
  background: #013862;
  border: 0.1px solid #808080;
  border-radius: 2px;
  width: 150px;
  height: 100px;
}
.header .bar .user_menu .hover_menu a.my_account:hover {
  border: 1px solid #fff;
}
.header .bar .user_menu .hover_menu a.my_account {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1% 6% 1% 6%;
  color: white;
}
.header .bar .user_menu .hover_menu a.my_account .left {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.header .bar .user_menu .hover_menu a.my_account .left span {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
}
.header .bar .user_menu .hover_menu a.my_account .left .description {
  display: flex;
  flex-direction: column;
  align-items: space-between;
}
.header .bar .user_menu .hover_menu a.my_account .left .description span {
  font-family: 'Raleway', sans-serif;
  font-size: 0.7rem;
  color: #8091a3;
}
.header .bar .user_menu .hover_menu a.my_account img {
  width: 40px;
}
.header .bar .user_menu .hover_menu a.log_out:hover {
  border: 1px solid #fff;
}
.header .bar .user_menu .hover_menu a.log_out {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1% 6% 1% 6%;
}
.header .bar .user_menu .hover_menu a.log_out span, .header .bar .user_menu .hover_menu a.my_account span {
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
}
.header .bar .user_menu .hover_menu a.log_out img {
  width: 40px;
}
.header .bar .user_menu .user_hover {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header .bar .user_menu .user_hover .user_info {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  margin-right: 5%;
}
.header .bar .user_menu .user_hover .user_info span.name {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: right;
  width: auto;
}
.header .bar .user_menu .user_hover .user_info .buttons {
  display: flex;
  justify-content: flex-end;
  height: 50%;
  width: auto;
}
.header .bar .user_menu .user_hover .user_info .buttons span.account {
  background: #85a56f;
  width: auto;
  height: auto;
  padding: 1.5% 3%;
  font-size: 0.6875rem;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  border-radius: 2px;
  border: none;
  margin-right: 3%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .bar .user_menu .user_hover .user_info .buttons span.logout {
  height: auto;
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size: 0.6875rem;
  color: #fff;
  padding: 1.5% 3%;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .bar .user_menu .img {
  width: 20%;
  display: flex;
  align-items: center;
}
.header .bar .user_menu .img img {
  width: 25px;
}
.header .bar_log {
  width: 95vw;
}
.header .bar_log_management{
}
.footer {
  width: 100%;
  height: 150px;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  position:absolute; 
  bottom:0; 
}
body::after{ content:''; display:block; height:100px; }
.footer .left {
  width: 35%;
  height: 100%;
  background: #212121;
  display: flex;
  justify-content: flex-end;
}
.footer .left .adress {
  color: #777;
  width: 30%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.footer .center {
  width: 25%;
  height: 100%;
  background: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .center .social_networks {
  width: 20%;
  height: 45%;
  display: flex;
  justify-content: space-between;
  align-items: space-between;
  flex-direction: column;
}
.footer .center .social_networks .first_line {
  display: flex;
  justify-content: space-between;
}
.footer .center .social_networks .first_line a {
  width: 25%;
}
.footer .center .social_networks .first_line a img {
  width: 100%;
}
.footer .center .social_networks .second_line {
  display: flex;
  justify-content: space-between;
}
.footer .center .social_networks .second_line a {
  width: 25%;
}
.footer .center .social_networks .second_line a img {
  width: 100%;
}
.footer .right {
  width: 45%;
  height: 100%;
  background: #777;
}
.footer .right .contact {
  width: 52%;
  height: 100%;
  padding: 0% 5%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.footer .right .contact span.contact_us {
  color: #fff;
  margin-bottom: 5%;
}
.footer .right .contact a {
  text-decoration: none;
  padding: 3% 5%;
  border: 1px solid #fff;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .right .contact a img {
  width: 15%;
}
.footer .right .contact a span {
  color: #fff;
}
.container_404 {
  width: 45vw;
  height: 50vh;
  background: #fff;
  margin: 20vh auto 0 auto;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.container_404 h1 {
  padding: 2% 4%;
  text-decoration: underline #06f;
  font-family: helvetica;
  font-size: 3.125rem;
}
.container_404 .text {
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.container_404 .text .text_group {
  display: flex;
  flex-direction: column;
}
.container_404 .text span {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
}
.container_404 .text span a {
  color: #06f;
  text-decoration: none;
}
.container_404 .text span a:hover {
  text-decoration: underline;
}
.container_404 .company {
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.container_404 .img {
  width: 100%;
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.delete_card {
  width: 90%;
  height: 60%;
  margin-top: 3%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f0f0f0;
  padding: 5%;
  border-radius: 2px;
}
.delete_card h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.delete_card p {
  font-family: 'Raleway', sans-serif;
  font-weight: medium;
  font-size: 1.125rem;
  margin-bottom: 20px;
}
.delete_card .buttons {
  width: 100%;
  height: 40px;
  display: flex;
}
.delete_card .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0% 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 2%;
  background: #63a7f7;
}
.delete_card .buttons input.delete_button {
  background: #cd4847;
  cursor: pointer;
  height: 100%;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 2% 10%;
  border-radius: 2px;
  border: none;
  margin-right: 2%;
}
.login_container {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 2px;
  justify-content: space-between;
  margin: 6% auto 0 auto;
  width: 30vw;
  height: 650px;
  margin-bottom: 20vh;
}
.forgotten_password_container{
  margin: 20vh auto 0 auto;
  height: 50vh;
}
.login_container div.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login_container div.container h4{
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  width: 40%;
  padding: 3% 3%;
  box-sizing: border-box;
  font-size: 2.5rem;
  color: #000;
  text-decoration: underline #06f;
}
.forgotten_password_container div.container h4{
  width: 100%;
}
.login_container div.container span.error {
  margin-right: 5%;
}
.login_container form.login {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  margin-left: 10%;
  margin-bottom: 10%;
  height: 100%;
  padding: 0 4%;
  box-sizing: border-box;
}
.login_container form.login label {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5625rem;
  color: #000;
}
.login_container form.login input {
  padding: 2.5%;
  border-radius: 2px;
  border: 1px solid #979797;
}
.login_container form.login .inputs div:first-child input, .login_container form.login .inputs div div:nth-child(2){
  width: 100%;
}
.login_container form.login .inputs div:nth-child(2) input{
  width: 100%;
}
.forgotten_password_container form.login input{
  width: 85%;
}
.login_container form.login .inputs {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 60%;
}
.login_container form.login .inputs div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.login_container form.newPassword .inputs div{
  display: block;
} 
.login_container form.newPassword .inputs div:first-child{
  margin-bottom: 2%;
  margin-top: -6%;
}
.login_container form.login a {
  text-decoration: none;
  color: #06f;
}
.login_container form.login .inputs span a:hover {
  text-decoration: underline #06f;
}
.login_container form.login .submit_div {
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
.line_break {
  border: none;  
  border-bottom: 2px solid black; 
  margin: 20px 0;
}
.login_container form.login .submit_div div{
  display: flex;
  flex-direction: column;
  width: 40%;
}
.login_container form.login .submit_div button{
  background: #06f;
  color: white;
  border: 0;
  width: 100%;
  padding: 4%;
  font-size: 1.5rem;
}
.login_container form.login .submit_div input {
  background: #06f;
  border: none;
  border-radius: 2px;
  width: 37%;

  color: #fff;
  font-size: 1.5625rem;
  font-family: 'Raleway', sans-serif;
  font-weight: medium;
  cursor: pointer;
}
.div_login_password{
  margin-top: 8%;
}
.div_login_password div{
  flex-direction: column;
}
.password_head{
  flex-direction: row !important;
  align-items: center;
}
.forgotten_password_link{
  font-size: 0.8em;
}
.forgotten_password_container form.login .submit_div input{
  width: 40%;
}
.forgotten_password_container p{
  font-size: 1.3rem;
}
.link_register{
  color: #0066ff;
  text-decoration: none;
  font-size: 1em;
}
.register_container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #fff;
  width: 70vw;
  margin: 17vh auto 0 auto;
  border-radius: 2px;
  margin-bottom: 20vh;
}
.register_container .container {
  display: flex;
  height: 15%;
}
.register_container .container h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  width: 100%;
  height: 10%;
  padding: 3% 3%;
  box-sizing: border-box;
  font-size: 2.5rem;
  color: #000;
  text-decoration: underline #06f;
}
.register_container .container .container_errors {
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
  height: 80%;
  margin: 2%;
}
.register_container .container .container_errors span.error {
  margin-bottom: 2%;
  padding: 4% 3%;
}
.register_container form.register {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 80%;
  padding: 1% 3%;
  box-sizing: border-box;
}
.register_container form.register .inputs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 65%;
  height: 80%;
  background: #f0f0f0;
  border-radius: 3px;
  opacity: 0.8;
  margin-bottom: 5%;
}
.register_container form.register .inputs .input_left {
  width: 100%;
  padding: 3% 3%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.register_container form.register .inputs .input_left div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.register_container form.register .inputs .input_left .g-recaptcha, .register_container form.register .inputs .input_left .submit_div{
  align-self: center;
}

.register_container form.register .inputs .input_left .submit_div{
  display: flex;
  justify-content: center;
}

.register_container form.register .inputs .input_left div select {
  width: 34%;
  font-family: 'Raleway', sans-serif;
  font-weight: medium;
  cursor: pointer;
}
.register_container form.register .inputs .input_right {
  width: 48%;
  padding: 3% 3%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.register_container form.register .inputs .input_right div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.register_container form.register .form_bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 20%;
  padding: 1% 0% 1% 1%;
  margin-top: 2%;
  box-sizing: border-box;
}
.register_container form.register .form_bottom .checkboxes {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.register_container form.register .form_bottom .checkboxes div, .div_agrement {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.register_container form.register .form_bottom .checkboxes div input, .input_agrement {
  width: auto;
  margin: 1% 2% 1% 0%;
}
.register_container form.register .form_bottom .checkboxes div label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9375rem;
  color: #000;
}
.register_container form.register .submit_div {
  width: 100%;
  height: 13%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 2%;
}
.register_container form.register .submit_div input {
  background: #06f;
  border: none;
  border-radius: 2px;
  width: 20%;
  height: 100%;
  color: #fff;
  font-size: 1.5625rem;
  font-family: 'Raleway', sans-serif;
  font-weight: medium;
  cursor: pointer;
  padding: 1.2% 2%;
}
.register_container form.register label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  color: #000;
}
.register_container form.register input {
  padding: 1%;
  width: 70%;
}
.register_container form.register button {
  background: #c8c8c8;
  color: #808080;
  border: 0;
  width: 25%;
  padding: 2%;
  font-size: 1.5rem;
  cursor: pointer;
}
.required_field_star{
  color: #cd4847;
}
.register_container a, .link_agrement{
  color: #0066ff;
  text-decoration: none;
}

.fa-info-circle{
  font-size: 0.8rem;
  color: grey;
  margin-left: 5px;
}
.fa-info-circle:hover{
  color: black;
}

.fa-info-circle {
  position: relative;
  display: inline-block;
}

.downloadDisksn .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 115%;
  left: 50%;
  margin-left: -150px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 1.2rem;
}



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

.downloadDisksn:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

label[for="disksn"] .tooltiptext{
  width: 470px;
  left: -153px;
  font-size: 1.2em;
}
label[for="disksn"] a{
  color: #69a5ff;
  text-decoration: none;
}

.client_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  width: 70vw;
  margin: 6% auto 0 auto;
  border-radius: 2px;
  min-height: 60vh;
  margin-bottom: 20vh;
}
.client_container .tickets{
  width: 95%;
}
.client_container .tickets, .client_container .informations{
  margin-left: 4%;
}
.tags_container{
  min-height: 70vh;
}
.licence_detail_container{
  width: 55vw;
}
.client_container .row {
  width: 90%;
  height: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 2%;
}
.client_container .row .grade {
  padding: 1% 3%;
  border-radius: 2px;
  font-family: 'Raleway', sans-serif;
}
.client_container .row .grade span {
  color: #fff;
}
.client_container .row h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 2.5rem;
  color: #000;
  text-decoration: underline #06f;
}
.link_ticket_detail{
  width: 50%;
}
.client_container .account_details {
  width: 90%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.client_container .account_details .block {
  background: #f0f0f0;
  width: 100%;
  height: 15%;
  border-radius: 2px;
  padding: 0% 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.client_container .account_details .block span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
}
.client_container .account_details .manage_account {
  padding: 0% 4%;
}
.client_container .account_details .manage_account a {
  text-decoration: none;
  border-radius: 2px;
  padding: 1% 2%;
  color: #fff;
  opacity: 0.8;
  font-size: 0.8125rem;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}
.client_container .account_details .manage_account a.delete_account {
  background: #cd4847;
}
.client_container .account_details .manage_account a.change_account {
  background: #33aadd;
}
@media screen and (max-width: 1000px) {
  .client_container {
    width: 100vw;
  }
}

.header_client_page{
  display: flex;
  justify-content: space-around;
  margin-top: 100px;
  background: white;
  align-items: center;
  height: 120px;
  font-size: 20px;
}

.header_client_page a{
  color: #06f;
  text-decoration: none;
}

.header_client_page img{
  width: 50px;
}

.header_client_page img{
  width: 50px;
}

.header_client_page_left span{
  margin-left: 20px;
}

.header_client_page_mid{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header_client_page_right span:nth-child(2){
  margin: 0 35px;
}

.div_notifs{
  position: relative;
}

.bell{
  cursor: pointer;
  width: 35px;
}

.notifs{
  position: fixed;
  display: none;
  flex-direction: column;
  width: 275px;
  border-radius: 10px;
  border: 1px solid;
  margin-left: -113.5px;
  margin-top: 12px;
}
.notifs:after{
  content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 13px solid transparent;
	border-bottom-color: grey;
	border-top: 0;
	margin-left: -13px;
	margin-top: -13px;
}
.notif{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  background: #fff;
}
.notifs a:first-child{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.notifs a:last-child{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.notif img{
  width: 17px;
  margin-right: 10px;
}
.notif-empty{
  background: white;
  border-radius: 10px;
}
.notif-text {
  margin: 3%;
}
.notif .border{
  width: 50%;
  height: 1px;
  background: black;
}

.notif:last-child .border{
  width: 0;
}

.count_notif{
  position: fixed;
  color: white;
  margin-top: -45px;
  margin-left: 25px;
  background: #ff5a5a;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 1;
}

.account_menu {
  width: 90%;
  height: 80%;
  display: flex;
  flex-direction: column;
}
.account_menu .first_block {
  width: 100%;
}
.account_menu .first_block h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.account_menu .first_block .categories {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 4%;
}
.account_menu .first_block .categories a:hover {
  background: #e2e8ff;
}
.account_menu .first_block .categories a {
  width: 23%;
  background: #f7f8fb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-right: 5%;
  text-decoration: none;
  border-radius: 2px;
  padding: 10px;
}
.account_menu .first_block .categories a img {
  width: 25%;
  margin-bottom: 5%;
}
.account_menu .first_block .categories a span {
  font-family: 'Raleway', helvetica;
  font-size: 0.8rem;
  text-align: center;
}
.account_menu .second_block {
  width: 100%;
}
.title_my_informations{
  display: flex;
  align-items: center;
}
.title_my_informations a{
  margin-left: 10px;
  margin-top: 5px;
}
.informations{
  width: 60%;
  height: 144px;
  display: flex;
  flex-direction: column;
  margin-top: 2%;
  justify-content: space-between; 
}
.informations span{
  font-weight: bold;
}
.account_menu .second_block h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.account_menu .second_block .categories {
  width: 60%;
  height: 144px;
  display: flex;
  flex-direction: column;
  margin: 4%;
  justify-content: space-between;
}
.delete, .renew_action_button{
  cursor: pointer;
}
.account_menu .second_block .categories a:not(.delete_button):not(.cancel_button):hover, .account_menu .second_block .categories .delete:hover {
  background: #e2e8ff;
}
.account_menu .second_block .categories a.download:hover {
  background: #f9e1e1;
}
.account_menu .second_block .categories a:not(.delete_button):not(.cancel_button), .account_menu .second_block .categories .delete {
  width: 23%;
  background: #f7f8fb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-right: 5%;
  text-decoration: none;
  border-radius: 2px;
  padding: 10px;
  cursor: pointer;
}
.account_menu .second_block .categories a img, .account_menu .second_block .categories .delete img {
  width: 25%;
  margin-bottom: 5%;
}
.account_menu .second_block .categories a span, .account_menu .second_block .categories .delete span {
  font-family: 'Raleway', helvetica;
  font-size: 0.8rem;
  text-align: center;
}
.account_menu.manager, .account_menu {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 3%;
  margin-bottom: 7%;
}
.account_menu_support{
  flex-direction: column;
  justify-content: space-between;
  margin-top: 3%;
  margin-bottom: 7%;
}
.left_block {
  width: 100%;
}
.right_block  {
  width: 40%;
  height: 78%;
  padding: 2% 2%;
}
.right_block h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.right_block div.licences table.licences {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  padding: 2% 0%;
  overflow-y: scroll;
}
.right_block .licences .placeholder_licence {
  padding: 6%;
}
.right_block div.licences table.licences tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.3% 4%;
  background: #f7f8fb;
  margin-bottom: 3%;
  border-radius: 2px;
}
.account_menu.manager .right_block .licences li span {
  font-size: 0.7rem;
  padding: 3% 0%;
}
.account_menu.manager .right_block .licences li span a {
  color: #cd4847;
  text-decoration: none;
  margin: 0 2%;
}
.right_block .licences .placeholder_licence {
  width: 100%;
  font-size: 0.8rem;
  text-align: center;
}
.right_block .licences .placeholder_licence a {
  color: #06f;
}
.right_block .licences li span.icon_see_more {
  width: 17%;
  display: flex;
}
.right_block .licences li span.icon_see_more a img {
  width: 90%;
}
.right_block .licences .placeholder_licence a {
  color: #06f;
}
.right_block .licences li span.icon_download {
  width: 5%;
}
.right_block .licences li span.icon_download a img {
  width: 90%;
}
.right_block .licences li span.client {
  margin-right: 6%;
  text-align: center;
}
.message {
  background: #85a56f;
  padding: 2% 3%;
  color: #fff;
  border-radius: 2px;
  opacity: 0.8;
  text-align: center;
}
.error {
  background: #bf0100;
  padding: 2% 3%;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  opacity: 0.7;
}
.container_errors {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 80%;
  margin-top: 2%;
}
.container_errors span.error {
  margin-bottom: 2%;
  padding: 4% 3%;
}
.container_errors span.message {
  margin-bottom: 2%;
  padding: 4% 3%;
}
.add_member {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: 50%;
  height: 80%;
  margin: 2%;
}
#existing_member{
  margin-left: 20px;
}
form.login {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.button_register{
  background: #fff;
  border: 1px solid #06f;
  text-align: center;
  width: 100%;
  padding: 4%;
  font-size: 1.5rem;
}
.account_modification_card {
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1% 5% 0 5%;
  border-radius: 2px;
}
.account_modification_card h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.account_modification_card .buttons {
  width: 100%;
}
.account_modification_card .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  padding: 2% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #33aadd;
  border: none;
}
 .buttons .submit_team {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  padding: 1.8% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #87a771;
  border: none;
  cursor: pointer;
}
.buttons.add_members{
  display: flex;
  justify-content: center;
}
.account_modification_card .buttons.add_members input {
  padding: 2.2% 6.2%;
  margin-bottom: 4%;
}
.forms.account_modification {
  margin: 3% auto 3% auto;
}
.forms {
  width: 70%;
  padding: 4% 4% 1% 4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f4f4f4;
  margin: 4% auto;
}
.forms .row {
  background: #f4f4f4;
  border-radius: 2px;
  width: 100%;
  padding: 1% 2%;
  margin-bottom: 5%;
}
.forms .row .input.password {
  width: 100%;
}
.input_new_password{
  margin-top: 15px;
  margin-bottom: -30px;
}
.forms .row .input {
  display: flex;
  width: 100%;
  align-items: center;
}
.forms .row .input label {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  width: 25%;
}
.forms .row .input input.password {
  padding: 0.7% 4%;
  margin-left: 5%;
  justify-content: flex-end;
}
.forms .row .input input, .forms .row .input select {
  padding: 1% 4%;
  border-radius: 3px;
  border: 1px solid #979797;
  margin-left: 5%;
}
.forms .row .input a{
  margin-left: 5%;
}
label[for="mail_notifs"]{
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}
.mail_notifs{
  margin-left: 10px;
}
.forms .row .input .longer {
  width: 65%;
}
.notifsCheckbox{
  width: 65%;
  margin-left: 5%;
}
.forms .row .input .longer2 {
  margin-left: 2%;
  padding: 0.6% 1.5%;
  width: 28%;
}
.forms .row .input2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.forms .row input.submit {
  justify-content: flex-end;
  background: #87a771;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0.8% 2%;
  border-radius: 2px;
  border: none;
  width: 10%;
  margin-left: 7%;
}
.forms .row input.submit.password {
  justify-content: flex-end;
}
.buttons.modification {
  width: 90%;
  height: 10%;
  margin-top: 2%;
}
.buttons.modification a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  padding: 1.5% 3.5%;
  border-radius: 2px;
  background: #33aadd;
  border: none;
}
.buttons.modification input.submit_team {
  padding: 1.3% 3.5%;
}
.buttons.account_modification {
  margin-top: 10%;
  margin-bottom: 5%;
}
.account_details .team h4:not(.title_delete_pop_up) {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
}
.account_details .team .team_members {
  width: 100%;
  height: 75%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 2%;
}
.account_details .team .team_members .member {
  display: flex;
  align-items: center;
  margin-bottom: 1.5%;
}
.account_details .team .team_members .member span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.0625rem;
}
.account_details .team .team_members .member span.expiration {
  color: #863838;
}
.account_details .team .team_members .member a {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.0625rem;
  text-decoration: none;
  color: #cd4847;
}
.pop-up-delete, .pop-up-delete a span, .pop-up-renew, .pop-up-renew a span {
  font-size: 0.9rem;
}
.pop-up-renew form {
  display: flex;
  flex-direction: column;
}
.pop-up-renew form .renew_checkbox {
  margin-top: 20px;
}
.account_details .team .team_members .member a.upgrade {
  color: #87a771;
}
.team_management_delete{
  justify-content: flex-start;
}
.team_grade{
  display: flex;
  cursor: pointer;
  margin-right: 20px;
}
.team_grade img{
  width: 16px;
  margin-left: 10px;
}
.select_grade{
  display: none;
}
.account_details .buttons {
  width: 100%;
  height: 8%;
  display: flex;
}
.account_details .buttons a, .account_details .filter a{
  padding: 10px 23px;
}
.account_details .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 2%;
  background: #33aadd;
}
.team_management.account_details {
  width: 90%;
  padding-bottom: 3%;
}
.title {
  width: 91%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
}
.team_management.account_details .add_team_members, .team_support .add_team_members {
  background: #06f;
  border-radius: 2px;
  padding: 1% 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  text-decoration: none;
}
.team_management.account_details .team_members {
  width: 100%;
  height: 65%;
  display: flex;
  flex-direction: column;
  margin: 2% 0%;
  background: #fff;
}
.team_management.account_details .team_members .member {
  display: flex;
  background: #fafafa;
  border-radius: 2px;
  align-items: center;
  margin-bottom: 1.5%;
}
.team_management.account_details .team_members .member span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.0625rem;
}
.team_management.account_details .team_members .member a {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.0625rem;
  text-decoration: none;
}
.team_management.account_details .team_members .member a.upgrade {
  color: #87a771;
}
.member_client_manager{
  border: 2px solid #87A771;
}
.member_prospect_manager{
  border: 2px solid #e8a453;
}
.team_management.account_details .buttons {
  width: 100%;
  height: 8%;
  display: flex;
}
.team_management.account_details .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.5% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #33aadd;
}
.client_container .row_support {
  height: 18%;
}
.client_container .row_support .second_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 40%;
}
.client_container .row_support .second_title span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  width: 100%;
  padding: 2% 3%;
  margin-top: 2.5%;
}
.client_container .account_details .links {
  height: 15%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.client_container .account_details .links a {
  width: 45%;
  height: 100%;
}
.client_container .account_details .team_support {
  height: 85%;
  background: none;
}
.client_container .account_details .team_support .team_members {
  padding: 0;
}
.client_container .account_details .team_support .team_members .member {
  background: #fafafa;
  border-radius: 2px;
}
.head_table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2% 0;
}
.team_member_head{
  display: flex;
  align-items: center;
}
.filter {
  width: 23%;
  height: 50%;
  display: flex;
}
.filter a {
  text-decoration: none;
  width: 50%;
  height: 100%;
  border: 1px solid #06f;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  background: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter a.client_table, .head_table .filter a.licence_table {
  border-radius: 2px 0px 0px 2px;
}
.filter a.support_table, .head_table .filter a.token_table {
  border-radius: 0px 2px 2px 0px;
 }
.filter a.active {
  background: #06f;
  color: #fff;
}
.client_container .account_details .team_members .member a.see_more {
  color: #06f;
}
.client_container .account_details .team_members .member a.manage_licences {
  color: #06f;
}
.buttons .add_support_member {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0% 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 2%;
  background: #06f;
  margin-left: 30px;
}
.buttons .upgrade_accounts {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 0% 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 2%;
  background: #87a771;
}
.row .second_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 40%;
}
.row .second_title_detail_licence, .row .second_title_ticket_detail {
  width: 100%;
}
.row .second_title span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  width: 100%;
  padding: 2% 4%;
  margin-top: 2.5%;
}
.row .second_title .edit_ticket_head{
  padding: 2% 0;
}
.licence_detail_card span.expiration {
  font-family: 'Raleway', sans-serif;
  font-size: 1.05rem;
  border: 1px solid #cd4847;
  color: #cd4847;
  padding: 0.5% 1%;
  border-radius: 5px;
  text-align: center;
  width: 25%;
}
.account_details.upgrade {
  padding-bottom: 1.5%;
}
.account_details.upgrade h4.upgrade {
  margin-left: 2%;
}
.account_details.upgrade .team_upgrade {
  width: 100%;
  height: 85%;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 0%;
  border-radius: 2px;
}
.account_details.upgrade .team_upgrade .team_prospects {
  height: 80%;
}
.account_details.upgrade .team_upgrade .team_prospects .member {
  background: #f4f4f4;
  padding: 1% 2%;
  border-radius: 2px;
}
.client_container .admin_member {
  width: 100%;
  height: 15%;
  border-radius: 2px;
  padding: 1% 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  margin-top: 1%;
}
.client_container .admin_member .img {
  width: 6%;
}
.client_container .admin_member span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.0625rem;
}
.client_container .admin_member span.admin_grade {
  color: #06f;
}
.client_detail .team .team_members {
  height: 90%;
}
.client_detail .delete_company_button {
  background: #cd4847;
  border-radius: 2px;
  padding: 1% 3%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
span.licences_client_title {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}

.account_details .licences, .account_details .tokens {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  padding: 2% 0%;
}
.account_details .licences .licence,  .account_details .tokens .token{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #979797;
  padding: 2.3% 4%;
  margin-bottom: 1%;
  border-radius: 2px;
}
.account_details .licences li span a{
  color: #cd4847;
  text-decoration: none;
}
.account_details .licences li span.expiration a {
  color: #06f;
}
.account_details .licences li span.renew {
  width: 20%;
}
.account_details .tokens li span.token_remaining{
  width: 15%;
}
.account_details .licences li span.renew a {
  color: #06f;
}
.account_details .tokens li span.generate_licence_link a {
  text-decoration: none;
  color: #06f;
}
.account_details .tokens li span.generate_licence_link_disabled a, .link_disabled{
  text-decoration: none;
  color: #F0F0F0;
}
li span.icon_see_more {
  width: 25%;
}
li span.icon_see_more a {
  color: #06f;
}
li span.icon_see_more a img {
  width: 50%;
}
li span.icon_download {
  width: 25%;
}
li span.icon_download a {
  color: #87a771;
}
li span.icon_download a img {
  width: 50%;
}
li span.icon_regenerate {
  width: 25%;
}
li span.icon_regenerate a img {
  width: 43%;
}

.account_details .tokens li span.icon_generate {
  width: 33%;
}
.account_details .tokens li span.icon_generate a img {
  width: 60%;
}

.account_details .tokens li span.icon_regenerate {
  width: 33%;
}
.account_details .tokens li span.icon_regenerate a img {
  width: 55%;
}
.account_details .tokens li span.icon_delete {
  width: 33%;
}
.account_details .tokens li span.icon_delete a img{
  width: 60%;
}
.account_details .licences li span.icon_delete {
  width: 25%;
}
.account_details .licences li span.icon_delete a {
  color: #cd4847;
}
.account_details .licences li span.icon_delete a img {
  width: 50%;
}
.account_details .licences li span.client {
  margin-right: 6%;
}
.account_details .licences .placeholder_licence .placeholder_licence_admin {
  width: 100%;
}
.account_details .licences .placeholder_licence .placeholder_licence_admin .admin {
  width: 100%;
}
.account_details div.client_licence {
  height: 65%;
}
.licences .pagination li, .tokens .pagination li{
  list-style: none;
} 
.licences .search, .tokens .search{
  width: 30%;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 1.025rem;
    color: #000;
    padding: 1% 2%;
    border-radius: 2px;
    border: 1px solid #979797;
}
.add_licence, .renew {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  border-radius: 2px;
  background: #87a771;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
}

.manage_licence{
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  border-radius: 2px;
  background: #87a771;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  padding: 1% 3%;
}

.badgeLicence{
  margin-top: -27px;
  margin-left: 66px;
  position: absolute;
} 

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
  .badgeLicence{
    margin-top: -10px;
    margin-left: 35px;
    position: absolute;
  }
}
@-moz-document url-prefix() { 
  .badgeLicence{
    margin-top: -27px;
    margin-left: 66px;
    position: absolute;
  } 
}

.licences img{
  width: 20px;
}
.licence_detail_card {
  border-radius: 2px;
  width: 90%;
  height: 60%;
  padding: 0 4% 4% 4%;
  overflow-y: auto;
}
.licence_detail_card p {
  margin-top: 5%;
}
.buttons_licences {
  width: 90%;
  height: 7%;
  display: flex;
  margin-top: 5%;
}
.buttons_licences .return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 2% 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-right: 2%;
  margin-bottom: 3%;
  background: #33aadd;
}
.licence_remaining{
  font-size: 1.2rem;
  border: 2px solid #7bb0ff;
  padding: 8px;
  border-radius: 10px;
}
.licence_not_remaining{
  font-size: 1.3rem;
  border: 2px solid #bf0100;
  padding: 7px;
}
.client_licence {
  height: 6%;
}
.emptyLicense{
  margin-left: 4%;
}
.add_licence_card {
  width: 90%;
  height: 77%;
  margin-top: 1%;
}
.add_licence_card h4{
  display: flex;
  align-items: center;
}
.add_licence_card h4 .remaining{
  font-weight: normal;
  font-size: 15px;
  margin-top: 5px;
  margin-left: 10px;
}
.add_licence_card form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 2px;
}
label[for="VM"]{
  margin-left: 10px;
}
.downloadDisksn{
  position: absolute;
  right: 19%;
  width: 30px;
  cursor: pointer;
}
.add_licence_card form span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5625rem;
}
.add_licence_card form .input:not(.custom_access):not(.token_number):not(.disksn_failover):not(.disksn_license_server):not(.computer_id):not(.computer_id_failover):not(.computer_id_license_server){
  display: flex;
}
.add_licence_card form .input {
  width: 100%;
  margin: 2% 0;
  align-items: center;
}
.add_licence_card form .input label:not(.label_custom_license) {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}
.add_licence_card form .input input:not([type='checkbox']):not([type='number']) , .add_licence_card form select, .token_number input, .number_licenses input{
  padding: 1% 2%;
  border-radius: 3px;
  border: 1px solid #979797;
  margin-left: 10%;
  width: 76%;
}
.add_licence_card form .input input[type='number']:not([name="token_number"]):not([name="number_licenses"]){
  width: 15%;
  font-size: 0.8em;
}
.add_licence_card form .input input.date {
  padding: 1% 2%;
  border-radius: 3px;
  border: 1px solid #979797;
  margin-left: 4%;
  width: 78%;
}
.add_licence_card form .input textarea {
  padding: 2%;
  border-radius: 3px;
  border: 1px solid #979797;
  margin-left: 17%;
  width: 76%;
}
.add_licence_card form .buttons {
  height: 20%;
  width: 100%;
  margin: 2% 0 3% 0;
}
.add_licence_card form .buttons .submit_licence {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.3% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #87a771;
  border: none;
}
.add_licence_card form .buttons .submit_licence_disabled{
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.3% 4%;
  border-radius: 2px;
  margin-right: 2%;
  border: none;
}
.add_licence_card form .buttons .submit_licence_disabled:hover{
  cursor: auto;
}
.add_licence_card form .buttons .return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.5% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #33aadd;
}
.add_licence_card form .buttons input {
  cursor: pointer;
}
.add_licence_card .custom_access, .add_licence_card .token_number, .disksn_failover, .disksn_license_server, .computer_id,.computer_id_failover,.computer_id_license_server{
  display: none;
}
.add_licence_card table th{
  padding-bottom: 15px;
}
.add_licence_card table td{
  margin: 5px 0;
}
.add_licence_card .full_access {
  width: 100%;
}
.add_licence_card label:not(.label_custom_license):not(.label_condition){
  width: 17%;
}
.label_custom_license{
  margin-left: 7px;
}
.custom_licenses  {
  display: flex;
  width: 80%;
  justify-content: space-around;
}
.custom_licenses table{
  width: 50%;
}
.custom_licenses td{
  padding-left: 28%;
}
.add_licence_success {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow-y: hidden;
  width: 40%;
}
.renew_licence_card {
  width: 90%;
  height: 77%;
  margin-top: 5%;
}
.renew_licence_card form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 2px;
}
.renew_licence_card form .input {
  display: flex;
  width: 100%;
  margin: 2% 0;
}
.renew_licence_card form .input span {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
}
.renew_licence_card form .input .title {
  display: flex;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: 5%;
  width: 20%;
}
.renew_licence_card form .input span.expiration_date {
  color: #cd4847;
  padding: 0.5% 2%;
  border: 1px solid #cd4847;
  border-radius: 5px;
  width: 25%;
}
.renew_licence_card form .input input.date {
  padding: 1% 2%;
  border-radius: 3px;
  border: 1px solid #979797;
  width: 50%;
}
.renew_licence_card form .buttons {
  height: 20%;
  width: 100%;
  margin: 5% 0;
}
.renew_licence_card form .buttons .return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.5% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #33aadd;
}
.renew_licence_card form .buttons .change_licence {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.3% 4%;
  border-radius: 2px;
  margin-right: 2%;
  background: #87a771;
  border: none;
}

.selectBox {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#selectPrivacy, #selectStatus {
  display: none;
  border: 1px #dadada solid;
}

#selectPrivacy label, #selectStatus label {
  display: block;
  cursor: pointer;
  padding-left: 10%;
}

#selectPrivacy label:hover, #selectStatus label:hover {
  background-color: #1e90ff;
}
.filterTicket{
  display: flex;
  width: 50%;
  justify-content: flex-end;
}
.filterTicket form:first-child{
  margin-right: 10px;
}
.filterTicket form {
  width: 150px;
}
.filterTicket select{
  padding: 3% 0;
}
#selectPrivacy, #selectStatus{
  width: 150px;
  position: absolute;
  background: white;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
}
.container_forum {
  width: 90%;
  height: 85%;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
}
.container_forum .forum_head {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container_forum .forum_head .first_line {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 20px 0px;
}

.search_with_button{
   display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 20px 0px;
}
.search_with_button_forum{
  justify-content: space-between;
}
.filterTicket input{
  margin-right: 5px;
}
.search_with_button .search{
  margin-right: 20px;
}

.search_with_button_not_logged{
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 20px 0px;
  justify-content: space-between;
}

.tickets input.search,
.team input.search,
.team_members input.search:not(.search_ticket) {
  width: 25%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.025rem;
  color: #000;
  padding: 1% 2%;
  border-radius: 2px;
  border: 1px solid #979797;
}
.search_ticket{
  width: 60%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.025rem;
  color: #000;
  padding: 1% 2%;
  border-radius: 2px;
  border: 1px solid #979797;
}
.create_ticket {
  width: 14%;
  height: 100%;
  border-radius: 2px;
  background: #06f;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  margin-left: 30px;
}
#loadingGif img{
  position: fixed;
  left: 42vw;
  top: 45vh;
}
.delete_button, .delete_company{
  background: #CD4847;
}
.renew_button {
  background: #87a771;
  width: 14%;
  cursor: pointer;
}
.cancel_button{
  background: #63A7F7;
  width: 14%;
  cursor: pointer;
}
.delete_account_title{
  color: #CD4847;
  margin-left: 3%;
}
.delete_button, .cancel_button, .delete_company, .renew_button{
  height: 100%;
  border-radius: 2px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-decoration: none;
  margin-left: 30px;
  color: white;
  font-weight: bold;
  padding: 1% 3%;
  font-size: 0.8125rem;
}
.delete_account_modification{
  border: none;
  margin: 30px;
}
.delete_button span, .cancel_button span{
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  text-decoration: none;
}
.search_with_button .create_ticket{
  width: 180px;
}
a.create_ticket img {
  width: 12%;
}
a.create_ticket span {
  background: #06f;
  border-radius: 2px;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  text-decoration: none;
}
a.btn_green, a.btn_green span{
  background: #87a771;
}
.selectedTag{
  background: #0078d7;
  color: #fff;
}
.container_forum .forum_head .first_line a.create_ticket span font-family 'Raleway',
.container_forum .forum_head .first_line a.create_ticket span sans-serif {
  font-weight: bold;
}
.tickets {
  width: 100%;
  margin-top: 2%;
  margin-bottom: 5%;
}
.tickets a.active {
  display: inline;
}
.tickets a.inactive {
  display: none;
}
.tickets a:not(.create_ticket),
.team .pagination a {
  width: 30%;
  text-decoration: none;
}
.tickets a .ticket, .member {
  background: #fafafa;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  margin-top: 0.5%;
  border-radius: 2px;
}
.tickets a .ticket .titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  height: 100%;
}
.tickets a .ticket .titles .container_left {
  display: flex;
  align-items: center;
  width: 70%;
  height: 100%;
}
.tickets a .ticket .titles .container_left .img {
  width: 17%;
  margin-right: 5%;
  padding-bottom: 0.5%;
  text-align: center;
}
.tickets a .ticket .titles .container_left .img img {
  width: 20px;
}
.tickets a .ticket .titles .container_left span.title {
  text-decoration: none;
  margin-left: 6%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: -0.11px;
}
.tickets a .ticket .titles span.id {
  font-size: 0.9rem;
  width: 5%;
}
.tickets a .ticket .comments {
  width: 5%;
  height: 100%;
  margin: 0 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tickets a .ticket .comments img {
  width: 40%;
  padding-top: 10%;
}

.tickets .list,
.team .list,
.team_members .list{
  margin-bottom: 5%;
}

.tickets li,
.team li,
.team_members li{
  list-style: none;
}

.header-list{
  display: flex;
  background: #47a2f0;
  color: white;
  margin-top: 1%;
}
.header-list div{
  padding: 0.7% 0;
  cursor: pointer;
}
.header-list img{
    width: 22px;
    margin-left: 3px;
    margin-top: 4px;
}

.header-ticket-list div:first-child{
  width: 10%;
  margin-left: 1%;
}

.header-ticket-list div:nth-child(2){
  width: 11%;
}

.header-ticket-list div:nth-child(3){
  width: 45%;
}

.header-ticket-list div:nth-child(4){
  width: 13%;
}

.header-ticket-list div:nth-child(5){
  width: 10%;
}

.header-company-list div:first-child, .team_members .member .name{
  width: 18%;
  margin-left: 1%;
}

.header-company-list div:nth-child(2), .team_members .member .manager{
  width: 25%;
}
.header-company-list div:nth-child(3), .team_members .member .licence_expiration{
  width: 23%;
}

.team_members .member .action_company{
  width: 30%;
}

.team_members .member .action_company{
  display: flex;
  justify-content: space-between; 
}
.team_members .member .action_company a:not(.delete_link) {
  color: #06f;
}
.delete_link{
  color: #CD4847;
}
.header-client-list div:first-child{
  width: 40%;
  margin-left: 1%;
}
 .team_members .member .img{
  margin-left: 1%;
  width: 18%;
}

.team_members .member .img img{
  width: 18%;
}

.header-client-list div:nth-child(2), .team_members .member .team_name{
  width: 22%;
}

.header-client-list div:nth-child(3), .team_members .member .team_mail{
  width: 22%;
}

.header-client-list div:nth-child(4), .team_members .member .team_companyName, .team_members .support_member .action{
}

.header-client-list div:nth-child(5), .team_members .member .action{
  width: 10%;
}

.header-licence-list div:first-child, .member .licence_title{
  width: 41%;
  margin-left: 2.3%;
}

.header-licence-list div:nth-child(2), .member .licence_expiration{
  width: 18%;
}

.header-licence-list div:nth-child(3), .member .licence_number{
  width: 19%;
}

.member .licence_action{
  display: flex;
  width: 18%;
}


.header-token-list div:first-child, .member .token_number{
  width: 10%;
  margin-left: 2.3%;
}

.header-token-list div:nth-child(2), .member .token_name {
  width: 29%;
}

.header-token-list div:nth-child(3), .member .token_type {
  width: 15%;
}

.header-token-list div:nth-child(4), .member .expiration{
  width: 15%;
}

.header-token-list div:nth-child(5), .member .token_remaining{
  width: 15%;
}

.member .token_action{
  display: flex;
  width: 11%;
}

.listEmpty{
  padding-left: 5%;
}

.team_members .support_member .action{
  display: flex;
  justify-content: space-between;
  width: 27%;
}

.pagination{
  display: flex;
  justify-content: center;
}

.pagination_licences{
  margin-top: 5%;
}

.pagination .page{
  margin: 0 5px;
  color: #06f;
  text-decoration: none;
}

.pagination .active a,
.pagination .disabled a{
  color: black;
}


.body_opacity:before{
  position:fixed;
  top : 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  content:"";
  pointer-events: none;
  z-index:100;
  opacity: .5
}

.pop-up-delete, .pop-up-renew {
  position: fixed;
  width: 40%;
  height: 30%;
  background: white;
  top: 30%;
  left: 30%;
  border: 1px solid black;
  padding: 0 3%;
  display: none;
  flex-direction: column;
  justify-content: space-around;
  z-index: 999;
  color: black;
}

.delete_buttons, .renew_buttons {
  display: flex;
  justify-content: flex-end;
  height: 10%;
}

.container_forum.forum .tickets {
  margin: 2% 0;
}
.forum_container {
  height: auto
}
.forum_container .row {
  display: flex;
  align-items: center;
  padding: 1% 0%;
  margin-top: 3%;
  height: 10%;
}
.edit_ticket .row{
  margin-top: 0;
}
.forum_container .row .left {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 80%;
}
.forum_container .row .left h4 {
  font-size: 1.875rem;
  text-decoration: none;
}
.forum_container .row .left a.return_forum {
  width: 30%;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.forum_container .row .left a.return_forum img {
  width: 12%;
  margin-right: 2%;
}
.forum_container .row .left a.return_forum span {
  font-family: Montserrat-Regular, helvetica;
  font-size: 1rem;
  color: #06f;
  letter-spacing: -0.08px;
}
.forum_container .container_create_ticket {
  width: 90%;
  height: 80%;
  margin-top: 2%;
}
.forum_container .container_create_ticket form {
  width: 100%;
  height: 100%;
}
.forum_container .container_create_ticket form input.title {
  width: 100%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.075rem;
  color: #000;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 2%;
}
.forum_container .container_create_ticket form .markdown_editor {
  width: 100%;
  height: 450px;
  margin-bottom: 5%;
  display: flex;
  flex-direction: column;
}
.forum_container .container_create_ticket form .markdown_editor .options {
  width: 100%;
  height: 10%;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forum_container .container_create_ticket form .markdown_editor .options .filter {
  width: 17%;
  height: 60%;
  display: flex;
}
.forum_container .container_create_ticket form .markdown_editor .options .filter a {
  text-decoration: none;
  border: 1px solid #06f;
  width: 50%;
  height: 100%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  background: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.forum_container .container_create_ticket form .markdown_editor .options .filter a.text {
  border-radius: 2px 0px 0px 2px;
}
.forum_container .container_create_ticket form .markdown_editor .options .filter a.preview {
  border-radius: 0px 2px 2px 0px;
}
.forum_container .container_create_ticket form .markdown_editor .options .filter a.active {
  background: #06f;
  color: #fff;
}
.forum_container .container_create_ticket form .markdown_editor .options .text_options {
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forum_container .container_create_ticket form .markdown_editor .options .text_options a {
  text-decoration: none;
}
.forum_container .container_create_ticket form .markdown_editor .options .text_options a img {
  width: 70%;
}
.forum_container .container_create_ticket form .markdown_editor textarea {
  width: 100%;
  margin-top: 1%;
  font-family: 'Raleway', sans-serif;
  font-size: 1.25rem;
  color: #878787;
  padding: 10px;
  border-radius: 2px;
}
.forum_container .container_create_ticket form .edit_markdown {
  
}
.forum_container .container_create_ticket form .other_options {
  width: 100%;
  height: 60px;
  margin-bottom: 3%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.forum_container .container_create_ticket form .other_options .tags {
  width: 25%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.forum_container .container_create_ticket form .other_options .tags label {
  font-family: 'Raleway', sans-serif;
  font-size: 1.25rem;
  letter-spacing: -0.11px;
  margin-right: 2%;
}
.forum_container .container_create_ticket form .other_options .tags select {
  width: 70%;
  padding: 2%;
  border: none;
}
.forum_container .container_create_ticket form .other_options #tags{
  overflow: scroll;
  width: 70%;
  height: 200px;
}
.forum_container .container_create_ticket form .other_options #tags input{
  visibility: hidden;
  position: absolute;
}
.forum_container .container_create_ticket form .other_options #tags label {
  padding: 3% 1%;
  margin: 5% 0%;
  border: 1px solid #06f;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.forum_container .container_create_ticket form .other_options .tags select option:first-child {
  margin-top: 0%;
}
.forum_container .container_create_ticket form .other_options .confidentiality label {
  font-family: 'Raleway', sans-serif;
  font-size: 1.25rem;
}
.forum_container .container_create_ticket form .button_forum {
  margin-top: 4%;
}
.forum_container .container_create_ticket form .button_forum input {
  background: #87a771;
  width: 25%;
  padding: 2%;
  border: none;
  margin-bottom: 20px;
  height: 100%;
}
.forum_container .container_create_ticket form .button_forum .edit_button, .client_container .comment_button {
  background: #87a771;
  cursor: pointer;
  width: 18%;
  padding: 2%;
  border: none;
  font-size: 0.8125rem;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
}
.container_create_ticket .created_as{
  margin-top: 4%;
}
.container_create_ticket .created_as input:first-child{
  margin-bottom: 2%;
}
#labelZip{
  border: 1px solid;
  padding: 10px;
  cursor: pointer;
}
.iconZip{
  width: 50px;
}
.displayZip{
  display: flex;
  margin-top: 40px;
}
.divZip{
  display: flex;
}
.divZipDetail{
  display: flex;
  margin-top: 20px;
}
.displayZip label{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 10px
}
.inputZip{
 display: none;
}
.deleteZip{
  width: 20px;
  align-self: baseline;
  margin-left: -13px;
  cursor: pointer;
}
.itemZip{
  margin: 0 10px; 
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ticket_restriction .text {
  justify-content: center;
}
.ticket_detail_container {
  height: auto;
}
.ticket_detail_container .ticket_head {
  width: 100%;
  height: 14%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.ticket_detail_container .ticket_head .title {
  width: 90%;
  height: 60%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ticket_detail_container .ticket_head .title .logo {
  width: 40px;
  margin-right: 2%;
}
.ticket_detail_container .ticket_head .title h2 {
  margin: 0% 2% 0% 0%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 2rem;
}
.ticket_detail_container .ticket_head .tags {
  width: 90%;
  height: 40%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ticket_detail_container .ticket_head .tags span:not(.category){
  border: 1px solid #06f;
  color: #06f;
}
.ticket_detail_container .ticket_head .tags span {
  border-radius: 2px;
  padding: 3px 7px;
  margin: 1% 2% 0% 0%;
}
span.category {
  background: #87a771;
  border: 0;
  padding: 3px 13px;
  border-radius: 2px;
  color: #fff;
}
.container_forum span.category{
  width: 100px;
  text-align: center;
  font-size: 0.8em;
}
.container_forum span.category{
  padding: 3px 0;
}
span.category_editable{
  cursor: pointer;
}
span.private {
  background: #e8a453;
}
span.company {
  background: #6ca0cd;
}
.ticket_detail_container .ticket_body {
  width: 90%;
  height: 80%;
  margin-top: 2%;
  display: flex;
  justify-content: space-between;
}
.ticket_detail_container .ticket_body .publication {
  width: 82%;
  height: 105%;
  display: flex;
  flex-direction: column;
  margin-left: 5%;
}
.ticket_detail_container .ticket_body .publication .ticket_message {
  width: 100%;
  border: 0.5px solid #979797;
  border-radius: 10px;
  padding: 4% 4%;
  height: auto;
}
.ticket_detail_container .ticket_body .publication .ticket_message {
	position: relative;
	background: #edf6ff;
  border-radius: .4em;
  width: 87%;
  border: 0 solid #979797;
  padding: 4% 4%;
  height: auto;
}


.ticket_detail_container .ticket_body .publication .ticket_message:nth-child(even){
  margin-left: 3%;
}

.ticket_title_tags{
  width: 100%;
  margin-left: 4%;
}
.category_theme{
  white-space: nowrap;
  display: flex;
  margin-left: 4%;
  align-items: center;
}
.category_theme img{
  width: 20px;
  margin-right: 5px;
}
.ticket_message p{
  overflow-wrap: break-word;
}
.icons{
  position: absolute;

width: 80%;

text-align: end;

margin-left: 13%;

margin-top: -29px;
}
.icons img{
  width: 20px;
  margin: 0 4px;
}
.ticket_message .option_ticket{
  width: 39px;
  position: absolute;
  right: 23px;
  top: 16px;
  padding: 6px;
  cursor: pointer;
}
.ticket_message_first{
  background: #aed6ff !important;
}
.ticket_message .ticket_date{
  position: absolute;
  bottom: 4px;
  font-size: 10px;
}
.ticket_message .ticket_date{
  right: 10px;
}
.div_ticket_message{
  display: flex;
  margin: 2% 0
}
.div_ticket_message:nth-child(2n) .author_ticket{
  justify-content: center;
  align-items: start;
}
.div_ticket_message:nth-child(2n+1) .author_ticket{
  justify-content: center;
  align-items: start;
}
.author_ticket_support{
  width: 12% !important;
}
.author_ticket_support .logo{
  width: 87px !important;
  height: 87px;
}
.div_ticket_message:nth-child(2n+1){
  flex-direction: row-reverse;
}
.add_comment{
  margin: 60px 0 15px 0;
}
.add_comment .text{
  font-size: 1.8rem;
}
.add_comment .markdown_editor{
  margin: 20px 0;
}
.add_comment .ql-editor{
  height: 230px;
}
.ticket_company{
  font-size: 17px;
  margin-right: 50px;
}
.ticket_detail_container .ticket_body .publication .ticket_comment {
  margin: 10% 0%;
  width: 100%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments span.title {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .line {
  border-right: 2px solid #808080;
  width: 3vw;
  height: 5vh;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .first_line {
  border-right: 0px solid #808080;
  width: 3vw;
  height: 3vh;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment.author {

}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment.support {
  border: 1px solid #0445a6;
}
.ticket_detail_container .ticket_body .publication .ticket_message.official_comment {
  border: 1px solid #f0e067;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment {
  width: 100%;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head.author {
  border-bottom: 1px solid #000;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head.support {
  border-bottom: 1px solid #0445a6;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head.official {
  border: 1px solid #f0e067;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head {
  height: 4vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1% 3%;
  border-bottom: 1px solid #979797;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head .date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 30%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head .date .official {
  width: 20px;
  margin-right: 4%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head .icons {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head span {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-size: 1.05rem;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head span.support {
  color: #0445a6;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head a {
  width: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head a img {
  width: 100%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_head a.close {
  width: 8%;
}
.comment .edit {
  position: absolute;
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-size: 0.78rem;
  color: #808080;
  bottom: 10px;
}
.ticket_detail_container .ticket_body .publication .ticket_comment .comments .comment .comment_message {
  width: 100%;
  padding: 4% 3%;
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-size: 0.98rem;
  overflow-wrap: break-word;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form {
  margin-top: 5%;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form .text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form .text span {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form .text span.error {
  border: 1px solid #cd4847;
  color: #cd4847;
  background: none;
  padding: 0.7% 1%;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1rem;
  opacity: 1;
  width: 55%;
  text-align: center;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form .markdown_editor {
  width: 100%;
  height: 30vh;
  margin: 3% 0% 4% 0%;
  display: flex;
  flex-direction: column;
}
.ticket_detail_container .ticket_body .publication .ticket_comment form input {
  background: #87a771;
  cursor: pointer;
  color: #fff;
  padding: 1% 2%;
  border: none;
  float: right;
  margin-top: 5%;
}
.ticket_detail_container .ticket_body .details {
  display: none;
  height: 30%;
  position: absolute;
  top: 35px;
  right: 0;
  margin-right: 30px;
  z-index: 1;
}
.ticket_detail_container .ticket_body .details .options {
  height: 30%;
}
.ticket_detail_container .ticket_body .details .options .option:first-child {
  border-radius: 2px 2px 0px 0px;
  text-decoration: none;
}
.ticket_detail_container .ticket_body .details .options .option:first-child:hover {
  cursor: pointer;
}
.ticket_detail_container .ticket_body .details .options .option:hover{
  background: #a5d2ff ;
}
.ticket_detail_container .ticket_body .details .options .option:last-child {
  border-radius: 0px 0px 2px 2px;
  border-bottom: 1px solid #979797;
}
.ticket_detail_container .ticket_body .details .options .option {
  width: 150px;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #979797;
  border-bottom: 0px solid #000;
  box-sizing: border-box;
  background: #edf6ff
}
.ticket_detail_container .ticket_body .details .options .option span {
  font-family: Montserrat-Regular;
  font-size: 1rem;
}
.ticket_detail_container .ticket_body .details .options .option span.name {
  font-family: Montserrat-Regular;
  font-size: 0.9rem;
}
.ticket_detail_container .ticket_body .details .options .option img {
  width: 11%;
  margin-right: 7%;
}
.ticket_detail_container .ticket_body .details .options .edit, .confidentiality {
  text-decoration: none;
}
.ticket_detail_container .ticket_body .details .options .edit img{
  width: 10%;
  margin-left: 8%;
  margin-right: 8%;
}
.ticket_detail_container .ticket_body .details .options .delete {
  text-decoration: none;
}
.ticket_detail_container .ticket_body .details .options .option:last-child img{
  width:  15%; 
  margin-left: 5%;
}
.ticket_detail_container .ticket_body .details .options .close {
  text-decoration: none;
}
.ticket_detail_container .ticket_body .details .options .close img{ 
  margin-left: 7%;
}
.form_confidentiality{
  width: 100%;
}
.form_confidentiality select{
  width: 85%;
}
.head_ticket{
  display: flex;
}
.container_forum .client {
  width: 100%;
  display: flex;
  flex-direction: row
}
.container_forum .filter_client_ticket{
  flex-direction: column;
  align-items: flex-end;
}
.container_forum .client .ticket_filters_1 {
  margin-top: 2%;
  height: 100%;
  display: flex;
}
.container_forum .client .ticket_filters_1:not(.ticket_filter_support){
  width: 75%;
}
.container_forum .client .ticket_filters_1 a {
  text-decoration: none;
  width: 37%;
  height: 30px;
  border: 1px solid #06f;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.7125rem;
  background: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ticket_filter_support{
  width: 50%;
}
.container_forum .client .ticket_filters_1 a.active {
  background: #06f;
  color: #fff;
}
.container_forum .client .ticket_filters_1 a.my_tickets {
  border-radius: 2px 0px 0px 2px;
}
.container_forum .client .ticket_filters_1 a.company_tickets {
  border-radius: 0px 2px 2px 0px;
}
.container_forum .client .ticket_filters_2 {
  width: 75%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.container_forum .client .ticket_filters_2 a {
  text-decoration: none;
  width: 50%;
  height: 30px;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.7125rem;
  background: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container_forum .client .ticket_filters_2 a.active.public {
  background: #87a771;
  color: #fff;
}
.container_forum .client .ticket_filters_2 a.active.private {
  background: #e2bb61;
  color: #fff;
}
.container_forum .client .ticket_filters_2 a.active.company {
  background: #6ca0cd;
  color: #fff;
}
.container_forum .client .ticket_filters_2 a.public {
  border-radius: 2px 0px 0px 2px;
  border: 0.5px solid #979797;
}
.container_forum .client .ticket_filters_2 a.private {
  border-left: 0px;
  border-right: 0px;
  border-top: 0.5px solid #979797;
  border-bottom: 0.5px solid #979797;
}
.container_forum .client .ticket_filters_2 a.company {
  border-radius: 0px 2px 2px 0px;
  border: 0.5px solid #979797;
}
.tickets .ticket_placeholder {
  height: 15%;
  width: 100%;
  background: #f4f4f4;
  border-radius: 2px;
  padding: 0% 5%;
  display: flex;
  align-items: center;
}
.tickets .ticket_placeholder span {
  text-decoration: none;
  font-size: 1.25rem;
  letter-spacing: -0.11px;
}
.tickets .ticket_placeholder span a {
  color: #06f;
}
.ticket_body .author_ticket{
  display: flex;
  position: relative;
}
.ticket_body .author_ticket img{
  width: 40px;
  border-radius: 5px;
}
.logo-support{
  width: 60px !important;
}
.ticket_body figure:hover figcaption{
  display: block;
}
figure{
  margin: 10px !important;
}
.ticket_body .author_ticket span, .ticket_body .author_ticket figcaption{
  display: none;
  color: grey;
  position: absolute;
  font-size: 0.7rem;
  top: -20px;
  white-space: nowrap;
}
.ticket_body .author_ticket .support_message{
  top: 0;
}

.ticket_body .author_ticket .figcaptionSupport{
  top: -10px
}


.ticket_back{
  display: flex;
  width: 100%;
  margin-top: 15px;
  margin-left: 35px;
  cursor: pointer;
}
.ticket_back img{
  width: 20px;
  margin-right: 10px;
}
.ticket_back span{
  color: #06f;
}
.container_forum .buttons {
  width: 36%;
  display: flex;
  height: 100%;
}
.container_forum .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.5% 4%;
  border-radius: 2px;
  margin-right: 2%;
  margin-bottom: 2%;
  background: #33aadd;
  border: none;
  width: auto;
  height: auto;
}
.ticket_message_content img, .comment_message img{
  max-width: 100%;
}
.support_message{
  color: #0082e6;
}
.container_forum.support {
  justify-content: space-around;
}
.container_forum.support .forum_head.support {
  margin-top: 0%;
}
.container_forum.support .tickets {
  margin-top: 2%;
}
.change_page{
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
.change_page span:not(.page_separate){
  margin: 0 5px;
  color: #004ffd
}
.current_page a{
  color: black;
}
.page_arrows a{
  text-decoration: none;
}
.tags_container .actual_tags {
  width: 100%;
  height: 25%;
  padding: 0% 5%;
  margin-top: 3%;
}
.tags_container .actual_tags .title {
  font-family: Montserrat, helvetica;
  font-weight: bold;
  font-size: 1.25rem;
}
.tags_container .actual_tags .tags {
  margin-top: 3%;
  display: flex;
  align-items: center;
  overflow-x: scroll;
  white-space: nowrap;
}
.tags_container .actual_tags .tags span {
  border: 1px solid #06f;
  border-radius: 2px;
  padding: 0.2% 1%;
  margin: 0% 2% 0% 0%;
  color: #06f;
}
.tags_container .add_tags {
  width: 100%;
  height: 15%;
  padding: 0% 5%;
  margin-top: 3%;
}
.tags_container .add_tags .title {
  font-family: Montserrat, helvetica;
  font-weight: bold;
  font-size: 1.25rem;
}
.tags_container .add_tags form {
  margin-top: 2%;
}
.tags_container .add_tags form input.tag_name {
  padding: 1%;
  width: 30%;
  border-radius: 2px;
  border: 1px solid #979797;
}
.tags_container .add_tags form input.submit {
  padding: 1% 2%;
  border-radius: 2px;
  color: #fff;
  background: #87a771;
  border: none;
  margin-left: 1%;
  cursor: pointer;
}
.login_container .submit{
  cursor: pointer;
}
.tags_container .remove_tags {
  width: 100%;
  height: 25%;
  padding: 0% 5%;
  margin-top: 4%;
}
.tags_container .remove_tags .title {
  font-family: Montserrat, helvetica;
  font-weight: bold;
  font-size: 1.25rem;
}
.tags_container .remove_tags .tags {
  margin: 2% 0;
  display: flex;
  flex-wrap: wrap;
}
.tags_container .remove_tags .tags .tag {
  margin: 0% 2% 1% 0%;
  padding: 0.2% 1%;
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  border: 1px solid #06f;
  border-radius: 2px;
}
.tags_container .remove_tags .tags .tag span {
  color: #06f;
  margin-right: 10%;
}
.tags_container .remove_tags .tags .tag a {
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tags_container .remove_tags .tags .tag a img {
  width: 1.25rem;
}
.tags_container .buttons {
  height: 10%;
  width: 100%;
  margin: 2% 0% 0% 8%;
}
.tags_container .buttons a.return_button {
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #fff;
  padding: 1.5% 4%;
  border-radius: 2px;
  margin-right: 2%;
  margin-bottom: 2%;
  background: #33aadd;
  border: none;
  width: 12.5%;
  display: block;
  height: auto;
}
* {
  margin: 0;
  padding: 0;
}
html,
body {
  margin: 0;
  padding: 0;
  position: relative;
}
body {
  background: #003761;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
@media screen and (max-width: 1150px) {
  .header .bar {
    width: 90vw;
  }
  .header .bar a img.logo {
    width: 40%;
  }
  .header .bar .items a.menu_item {
    font-size: 0.8rem;
  }
  .header .bar .user_menu .user_info span.name {
    font-size: 0.8rem;
  }
  .header .bar .user_menu .user_info .buttons .logout a {
    font-size: 0.5rem;
  }
  .header .bar .user_menu .user_info .buttons .account a {
    font-size: 0.5rem;
  }
  .header .bar .user_menu .img {
    display: none;
  }
  .header .bar .login {
    font-size: 0.6rem;
    padding: 0% 2%;
  }
  .header .bar .register {
    font-size: 0.6rem;
    padding: 0% 2%;
  }
}
html,
body {
  margin: 0;
  padding: 0;
}
.background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
}

.user_info{
  width:auto;
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: right;
  white-space: nowrap;
}