:root {
  --quido-primary: rgb(0, 178, 214);
  --quido-secondary: rgb(0, 122, 153);
  --quido-tertiary: rgb(0, 150, 180); 
  --quido-glass: rgba(0, 0, 0, 0.25);
  --quido-glass-2: rgba(0, 0, 0, 0.15);
  --quido-glass-3: rgba(0, 0, 0, 0.35);
  --quido-text-light: #ffffff;
  --quido-text-dark: #212529;
  --quido-blue: #00b2d6;
  --quido-dark: #007a99;
  --quido-green: #7bed9f;
  --quido-red: #ff6b6b;
  --quido-danger: rgb(220, 53, 69);
  --quido-pink: #ff9a9e;
  --quido-orange: rgb(255, 165, 2);
  --quido-purple: #a29bfe;
  --quido-success: rgb(40, 167, 69);
  --quido-locked: #6c757d;
  --quido-bootstrap-primary: #0d6efd;
  --quido-bootstrap-warning: rgb(255, 193, 7);
  --quido-bootstrap-secondary: rgb(108, 117, 125);
  --quido-valid: #9effc2;
  --quido-invalid: #fca5a5; 
  --brand-blue:  #00A8E8;
  --brand-teal:  #007A99;
  --brand-orange:rgb(240, 156, 0);
  --ink-900:     #0a0f14; /* near-black */
  --ink-800:     #0c1118;
  --muted-70:    rgba(233,238,245,.75);
  --muted-20:    rgba(233,238,245,.15);
  --soft-muted-70: rgba(33,37,41,.7);
  --soft-muted-20: rgba(33,37,41,.12);  
  --color-identity: #22D3EE; /*username people*/
  --color-content: #FFFFFF; /*course names, knowledge*/
  --color-victory: #34D399;/* wins, podium, achievement */
  --color-defeat: #F87171; /*losses */
  --color-neutral: #FCD34D; /* draws, drops, caution*/
  --color-voice: #CBD5E1; /* static platform text*/
  --color-label: #64748B;
}


@font-face{
   font-family: 'Start2P-Regular';
   src: url(../fonts/PressStart2P-Regular.ttf);
}

@font-face{
   font-family: 'Campton-Book';
   src: url(../fonts/Rene.Bieder_Campton.Book.otf);
}


@font-face{
   font-family: 'Campton-Semibold';
   src: url(../fonts/Rene.Bieder_Campton.SemiBold.otf);
}


@font-face{
   font-family: 'Campton-Bold';
   src: url(../fonts/Rene.Bieder_Campton.Bold.otf);
}


@font-face{
   font-family: 'Campton-Medium';
   src: url(../fonts/Rene.Bieder_Campton.Medium.otf);
}


@font-face{
   font-family: 'Campton-Light';
   src: url(../fonts/Rene.Bieder_Campton.Light.otf);
}


@font-face{
   font-family: 'Helvetica-Bold';
   src: url(../fonts/Helvetica-Bold.ttf);
}

/*Orbitron*/
@font-face{
   font-family: 'Orbitron-Black';
   src: url(../fonts/Orbitron/static/Orbitron-Black.ttf);
}

@font-face {
  font-family: 'Orbitron-Bold';
  src: url(../fonts/Orbitron/static/Orbitron-Bold.ttf);
}

@font-face {
  font-family: 'Orbitron-ExtraBold';
  src: url(../fonts/Orbitron/static/Orbitron-ExtraBold.ttf);
}

@font-face {
  font-family: 'Orbitron-Medium';
  src: url(../fonts/Orbitron/static/Orbitron-Medium.ttf);
}

@font-face {
  font-family: 'Orbitron-Regular';
  src: url(../fonts/Orbitron/static/Orbitron-Regular.ttf);
}

@font-face {
  font-family: 'Orbitron-SemiBold';
  src: url(../fonts/Orbitron/static/Orbitron-SemiBold.ttf);
}

@font-face {
  font-family: 'Orbitron-VariableFont_wght';
  src: url(../fonts/Orbitron/Orbitron-VariableFont_wght.ttf);
}

  
.Orbitron-Black{
  font-family: Orbitron-Black;
} 

.Orbitron-Bold{
  font-family: Orbitron-Bold;
}

.Orbitron-ExtraBold{
  font-family: Orbitron-ExtraBold;
}

.Orbitron-Medium{
  font-family: Orbitron-Medium;
}

.Orbitron-Regular{
  font-family: Orbitron-Regular;
}

.Orbitron-SemiBold{
  font-family: Orbitron-SemiBold;
}

.Orbitron-VariableFont_wght{
  font-family: Orbitron-VariableFont_wght;
}


/*Nunito*/
@font-face{
   font-family: 'Nunito-Black';
   src: url(../fonts/Nunito/static/Nunito-Black.ttf);
}

@font-face {
  font-family: 'Nunito-Bold';
  src: url(../fonts/Nunito/static/Nunito-Bold.ttf);
}

@font-face {
  font-family: 'Nunito-Medium';
  src: url(../fonts/Nunito/static/Nunito-Medium.ttf);
}

@font-face {
  font-family: 'Nunito-Regular';
  src: url(../fonts/Nunito/static/Nunito-Regular.ttf);
}

@font-face {
  font-family: 'Nunito-Light';
  src: url(../fonts/Nunito/static/Nunito-Light.ttf);
}

@font-face {
  font-family: 'Nunito-SemiBold';
  src: url(../fonts/Nunito/static/Nunito-SemiBold.ttf);
}

@font-face {
  font-family: 'Nunito-ExtraBold';
  src: url(../fonts/Nunito/static/Nunito-ExtraBold.ttf);
}

@font-face {
  font-family: 'Nunito-VariableFont_wght';
  src: url(../fonts/Nunito/Nunito-VariableFont_wght.ttf);
}

  
.Nunito-Black{
  font-family: Nunito-Black;
} 

.Nunito-Bold{
  font-family: Nunito-Bold;
}

.Nunito-ExtraBold{
  font-family: Nunito-ExtraBold;
}

.Nunito-Medium{
  font-family: Nunito-Medium;
}

.Nunito-Regular{
  font-family: Nunito-Regular;
}

.Nunito-Light{
  font-family: Nunito-Light;
}

.Nunito-SemiBold{
  font-family: Nunito-SemiBold;
}

.Nunito-VariableFont_wght{
  font-family: Nunito-VariableFont_wght;
}
  

/*Rajdhani*/
@font-face {
  font-family: 'Rajdhani-Bold';
  src: url(../fonts/Rajdhani/Rajdhani-Bold.ttf);
}

@font-face {
  font-family: 'Rajdhani-Light';
  src: url(../fonts/Rajdhani/Rajdhani-Light.ttf);
}

@font-face {
  font-family: 'Rajdhani-Medium';
  src: url(../fonts/Rajdhani/Rajdhani-Medium.ttf);
}

@font-face {
  font-family: 'Rajdhani-Regular';
  src: url(../fonts/Rajdhani/Rajdhani-Regular.ttf);
}

@font-face {
  font-family: 'Rajdhani-SemiBold';
  src: url(../fonts/Rajdhani/Rajdhani-SemiBold.ttf);
}


.Rajdhani-Bold{
  font-family: Rajdhani-Bold;
}

.Rajdhani-ExtraBold{
  font-family: Rajdhani-ExtraBold;
}

.Rajdhani-Medium{
  font-family: Rajdhani-Medium;
}

.Rajdhani-Regular{
  font-family: Rajdhani-Regular;
}

.Rajdhani-SemiBold{
  font-family: Rajdhani-SemiBold;
}
  
  
  
 

.Start2P-Regular{
  font-family: Start2P-Regular;
}

.Campton-Book{
  font-family: Campton-Book;
}

.Campton-Semibold{
  font-family: Campton-Semibold;
}

.Campton-Bold{
  font-family: Campton-Bold;
}

.Campton-Medium{
  font-family: Campton-Medium;
}

.Campton-Light{
  font-family: Campton-Light;
}

.Helvetica-Bold{
  /*font-family: Helvetica-Bold;*/
  font-weight: bold;
}

#loader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: var(--quido-text-dark);
  position:fixed; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%; 
  background:transparent; 
  z-index:9999;
}

#loader .logo-image {
  width: 5rem;
  animation: sparkle-1 1s infinite ease-in-out;
}

#loader .logo-main-container {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
}

#loader .logo-box {
  width: 11rem;
  height: 11rem;
  background-color: white;
  border-radius: 50%;
  border: 0.2rem dashed var(--quido-primary);
  border-right-color: var(--quido-orange);
  border-bottom-color: var(--quido-primary);
  border-left-color: var(--quido-orange);
  border-top-color: var(--quido-primary);
  
}

#loader .door-1, #loader .door-2{
  height: 100%;
  width: 50%;
}

#loader .door-1{
  background-color: white;
}

#loader .door-2{
  background-color: white;
}

@keyframes sparkle-1 {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

body, html {
  margin: 0;
  color: var(--quido-text-light);
}

#body {
  min-height: 100vh;
  background:linear-gradient(135deg, #0b1b5c 0%, #0055a5 40%, #00a8e8 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
}

html {
  font-size: 16px;
}

/* Large desktops */
@media (min-width: 1200px) {
  html {
    font-size: 16px; /* 1rem = 17px */
  }
}

/* Extra large desktops (1440px and up) */
@media (min-width: 1440px) {
  html {
    font-size: 18px; /* 1rem = 18px */
  }
}

/* Ultra-wide (1600px and up) */
@media (min-width: 1600px) {
  html {
    font-size: 19px; /* 1rem = 19px */
  }
}

/* 4K and above (1920px and up) */
@media (min-width: 1920px) {
  html {
    font-size: 20px; /* 1rem = 20px */
  }
}

/* Very large (2560px and up, 2K/UltraWide) */
@media (min-width: 2560px) {
  html {
    font-size: 21px; /* 1rem = 21px */
  }
}

/* 5K+ displays (3000px and up) */
@media (min-width: 3000px) {
  html {
    font-size: 22px; /* 1rem = 22px */
  }
}

@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }
}

@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }
}

@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }
}

.emoji-1{
  color:gold;
}

.user-name{
    color: var(--color-identity);
}
/*Platform main cards*/
    .glass-card-2 {
      background: var(--quido-glass-3);
      border-radius: 16px;
      backdrop-filter: blur(12px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      width: 100%;
      border: 1px solid rgba(255,255,255,0.15);
    }
    
    .glass-card-3 {
      background: var(--quido-glass-2);
      border-radius: 16px;
      backdrop-filter: blur(12px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      width: 100%;
      border: 1px solid rgba(255,255,255,0.15);
    }


    .text-identity{
      color: var(--color-identity);
    }

/* Gamified Course Themes */

.course-theme-1 {
  background: linear-gradient(135deg, #ff9a9e, #fad0c4);
  color: var(--quido-text-dark);
}

.course-title-text-theme-1 {
  background: linear-gradient(135deg, var(--quido-red), var(--quido-danger));
  color: var(--quido-text-dark);
  border-radius: 0 1rem 1rem 0;
  padding: 0.5rem 1.85rem;
  position: relative;
  left: -10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.course-title-image-theme-1 {
  background: linear-gradient(135deg, var(--quido-danger), var(--quido-red));
  color: var(--quido-text-dark);
  border-radius: 100%;
  padding: 0.7rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.course-theme-progression-box-1 {
  background: rgba(255, 154, 158, 0.7);
  border: 1px solid rgba(255,255,255,0.40);
}



.course-theme-2 {
  background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
  color: var(--quido-text-dark);
}

.course-title-text-theme-2 {
  background: linear-gradient(135deg, var(--quido-primary), var(--quido-tertiary));
  color: var(--quido-text-dark);
  border-radius: 0 1rem 1rem 0;
  padding: 0.5rem 1.85rem;
  position: relative;
  left: -10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.course-title-image-theme-2 {
  background: linear-gradient(135deg, var(--quido-tertiary), var(--quido-primary));
  color: var(--quido-text-dark);
  border-radius: 100%;
  padding: 0.7rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.course-theme-progression-box-2 {
  background: rgba(161, 196, 253, 0.7);
  border: 1px solid rgba(255,255,255,0.40);
}



.course-theme-3 {
  background: linear-gradient(135deg, #d4fc79, #96e6a1);
  color: var(--quido-text-dark);
}

.course-title-text-theme-3 {
  background: linear-gradient(135deg, var(--quido-green), var(--quido-success));
  color: var(--quido-text-dark);
  border-radius: 0 1rem 1rem 0;
  padding: 0.5rem 1.85rem;
  position: relative;
  left: -10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.course-title-image-theme-3 {
  background: linear-gradient(135deg,  var(--quido-success), var(--quido-green));
  color: var(--quido-text-dark);
  border-radius: 100%;
  padding: 0.7rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.course-theme-progression-box-3 {
  background: rgba(212, 252, 121, 0.7);
  border: 1px solid rgba(255,255,255,0.40);
}




/* Hide scrollbar for all browsers */
.cont {
    overflow: -moz-scrollbars-none; /* Firefox */
    overflow: hidden; /* General */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.exponent {
   font-size: 0.50em;
   vertical-align: super;
}

.brand-logo{width:120px; }


.box-shadow-all-1{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.box-shadow-all-2-left {
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px, rgba(255, 255, 255, 0.6) 1em 0em .5em .5em;
}


.box-shadow-all-2-right {
 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px, rgba(255, 255, 255, 0.6) -1em 0em .5em .5em;
}

.valid-feedback-A{
  background-color:rgba(0,128,0,0.1);
}


.box-shadow-left{
 box-shadow: rgba(0, 0, 0, 0.35) -10px 10px 15px;
}


.invalid-feedback-A{
  background-color:rgba(255,0,0,0.1);
}


.invalid-feedback-A-2{
  background-color:rgba(255,0,0,0.23);
}

.invalid-feedback-text-A{
  color:rgb(118, 4, 4);
}


.valid-feedback-text-A{
  color:rgba(0,128,0,1);
}

.background-image-logo{
  background-image: url(../Image/Star.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}


.menu-button{
   font-size: 14pt;
   font-weight: bold;
}


.carousel-course{
    width: 550px;
}

.cont{
    overflow: none;
}


#services{
  background-image: linear-gradient(rgba(211,10,4,0) 0%,
    rgba(211,10,4,1) 35%,
    rgba(211,10,4,1) 85%,
  rgba(211,10,4,0) 100%);
}
/*
element {
  position: relative;
  width: 200px;
  height: 100px;
  background: #fff;
  box-shadow:
    -4px 0 8px rgba(0, 0, 0, 0.5),  Left shadow
    0 -4px 8px rgba(0, 0, 0, 0.5), Top shadow
    0 4px 8px rgba(0, 0, 0, 0.5);  Bottom shadow
}
*/

img.card-img-top{
 object-fit: contain;
}


.disabled-link{
  pointer-events: none;
  color: gray;
  text-decoration: none;
  cursor: default;
}

@media screen and (max-width: 767px){

.repairing-banner-shad{
 box-shadow: -25px -25px 0 -5px rgb(255,255,255),
 25px -25px 0 -5px rgb(255,255,255); /* 0 10px 0 20px rgb(255,255,255);
 0 0 0 40px #7284D8;*/
}

}


/* Hide scrollbar for Webkit browsers */
.cont::-webkit-scrollbar {
    display: none;
}





.text-color-blue{
   color: rgb(0,178,214);
}


.text-color-black{
   color: rgb(0,0,0);
}

.text-color-blue-A{
  color: rgb(3,42,156);
}


.text-color-red-A{
  color: rgb(210,7,1);
}

.text-color-red{
  color: rgb(255, 0, 0);
}

.text-color-white{
   color: rgb(255,255,255);
}

.text-color-gray{
  color: rgb(210,210,210);
}


.text-color-gray-B{
  color: #505050;
}


.text-color-yellow{
   color: rgb(255,219,0);
}

.text-color-orange{
  color: rgb(240, 156, 0);
}

.background-black{
  background-color: black;
}


.background-white{
  background-color: white;
}

.background-blue-A{
  background-color: rgb(3,42,156);
}


.background-red-A{
  background-color: rgb(210,7,1);
}


.background-gray-A{
  background-color: rgb(230,230,230);
}


.background-white-50{
  background-color: rgba(230,240,255,0.4);
}

.background-silver{
  background-color: rgb(240,240,240);
}

.background-blue{
  background-color: rgb(0,178,214);
}


.background-yellow{
  background-color: rgb(255,219,0);
}



.background-red{
  background-color: rgb(255,0,0);
}


.background-green{
  background-color: rgb(0,255,0);
}


.background-bluee{
  background-color: rgb(0,0,255);
}

.connection{
  border:3px solid black;
  border-radius: 17.05px;
}

.inscription{
  border-bottom:3px solid black;
  background-color:black;
  border-radius: 17.05px;
}

.h1{
  font-size: 25pt;
  font-weight: bold;
}

p{
  font-size: 14pt;
}

.decoration-none{
  text-decoration: none;
  text-decoration-color:none;
}

.icon{
  width: 15px;
  height: 15px;
}

.text-8{
  font-size: 0.68rem;
}

.text-9{
  font-size: 0.75rem;
}

.text-10{
  font-size: 0.8125rem;
}

.text-11{
  font-size: 0.9375rem;
}

.text-12{
  font-size: 1rem;
}
.text-13{
  font-size: 1.0825rem;
}

.text-14{
  font-size: 1.1875rem;
}

.text-15{
  font-size: 1.25rem;
}

.text-16{
  font-size: 1.3125rem;
}

.text-17{
  font-size: 1.4375rem;
}

.text-18{
  font-size: 1.5rem;
}

.text-19{
  font-size: 1.5625rem;
}

.text-20{
  font-size: 1.6875rem;
}



.text-bold{
  font-weight: bold;
}

.text-25{
  font-size: 70px;
}

.rounded-all-50{
  border-radius: 50%;
}

.rounded-all-none{
  border-radius: 0px;
}

.rounded-all-10{
  border-radius: 10%;
}

.rounded-all-20{
  border-radius:7%;
}

.rounded-all-30{
  border-radius: 30px;
}

.rounded-top-30{
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.S-rounded-all-20{
  border-radius: 20px;
}


.S-rounded-top-20{
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}

.S-rounded-bottom-20{
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

.rounded-tl{
  border-top-left-radius: 10px;
}


.rounded-tr{
  border-top-right-radius: 10px;
}


.rounded-bl{
  border-bottom-left-radius: 10px;
}


.rounded-br{
  border-bottom-right-radius: 10px;
}


.rounded-bl-30{
  border-bottom-left-radius: 30px;
}


.rounded-br-30{
  border-bottom-right-radius: 30px;
}



.rounded-tl-30{
  border-top-left-radius: 30px;
}


.rounded-tr-30{
  border-top-right-radius: 30px;
}



.rounded-tl-none{
  border-top-left-radius: 0px;
}


.rounded-tr-none{
  border-top-right-radius: 0px;
}


.rounded-bl-none{
  border-bottom-left-radius: 0px;
}


.rounded-br-none{
  border-bottom-right-radius: 0px;
}



.active{
  border-color: black;
}

.langue{
   font-weight: bold;
}

.langue button{
   background-color: rgb(0,178,200);
   border: 2px solid black;
   border-radius: 10px;
   font-weight:bold;
   height:30px;
   padding: 2px 5px;
}


.badge-app{
  border-radius: 10px;
}

/*Border color*/
.border-all-blue{
  border: 1px solid  rgb(0,178,214);
}

.border-blue{
  border-color: rgb(0,178,214);
}

.border-blue-light{
  border-color: rgb(104, 208, 235);
}


.border-blue-A{
  border-color: rgb(3,42,156);
}

.border-blue-2-A{
  border-color: rgb(3,42, 120);
}

.border-red{
  border-color: red;
}

.border-green{
  border-color: green;
}

.border-yellow{
  border-color: rgb(255,219,0);
}


.border-black{
  border-color: red;
}

.border-silver{
  border-color: silver;
}


.border-gray{
  border-color: gray;
}

.border-white{
  border-color: rgb(255,255,255);
}



.border-right-red{
  border-right-color: red;
}

.border-left-white{
  border-left-color: rgb(255,255,255);
}


/*Border*/

.border-all, #md-cart-button.active, #md-home-button.active{
  border-width: 2px;
  border-style: solid;
}

.border-all-05{
  border-width: 0.5px;
  border-style: solid;
}

.border-all-1{
  border-width: 1px;
  border-style: solid;
}

.border-all-1-5{
  border-width: 1.5px;
  border-style: solid;
}

.S-border-all-10{
  border-width: 10px;
  border-style: solid;
}


.border-left{
  border-left-width: 2px;
  border-left-style: solid;
}


.border-right{
  border-right-width: 2px;
  border-right-style: solid;
}


.border-left-1{
  border-left-width: 1px;
  border-left-style: solid;
}


.border-right-1{
  border-right-width: 1px;
  border-right-style: solid;
}


.border-top-2{
  border-top-width: 2px;
  border-top-style: solid;
}



.S-border-bottom{
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.S-border-bottom-4{
  border-bottom-width: 4px;
  border-bottom-style: solid;
}

.S-border-bottom-10{
  border-bottom-width: 10px;
  border-bottom-style: solid;
}

.S-border-top-10{
  border-top-width: 10px;
  border-top-style: solid;
}

.border-bottom-1{
  border-bottom-width: 0.2px;
  border-bottom-style: solid;
}



.S-border-top-none{
  border-top: none;
}

.S-border-bottom-none{
  border-bottom: none;
}

.S-border-none{
  border: 1px solid white;
}






.check{
  width: 20px;
  height: 20px;
}


#newsletter input{
  border: 0px;
}

#newsletter button{
  border: 0px;
  border-radius: 0 50px 50px 0;
}

#newsletter input{
   border: 0px;
   border-radius:  50px 0 0 50px;
}

.cart-banner{
    background-image: linear-gradient(90deg, rgb(3,42,156),
    rgb(210,7,1));

}



@media screen and (min-width: 768px){

  .background-image-logo-50{
    background-image: url(../Image/AmerixanCell_Icon11.png);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
  }

  .text-md-9{
    font-size: 9pt;
  }
  
  .text-md-10{
    font-size: 10pt;
  }
  
  
  .text-md-11{
    font-size: 11pt;
  }
  
  
  .text-md-12{
    font-size: 12pt;
  }
  
  
  .text-md-14{
    font-size: 14pt;
  }
  
  .text-md-15{
    font-size: 15pt;
  }
  
  .text-md-16{
    font-size: 16pt;
  }
  
  
  
  .text-md-17{
    font-size: 17pt;
  }
  
  
  
  .text-md-18{
    font-size: 18pt;
  }
  
  
  
  .text-md-19{
    font-size: 19pt;
  }
  
  
  
  .text-md-20{
    font-size: 20pt;
  }
  
  .text-md-21{
    font-size: 21pt;
  }
  
  .text-md-22{
    font-size: 22pt;
  }

  
  .text-md-23{
    font-size: 23pt;
  }
  

  .text-md-24{
    font-size: 24pt;
  }
  
  .text-md-25{
    font-size: 25pt;
  }

    .repairing-banner-shad{
    box-shadow: -25px -25px 0 -5px rgb(255,255,255),
    -25px 25px 0 -5px rgb(255,255,255); /* 0 10px 0 20px rgb(255,255,255);
    0 0 0 40px #7284D8;*/
    }


    .S-border-top-md-none{
      border-top: none;
    }

    .S-rounded-top-md-none{
      border-top-right-radius:0px;
      border-top-left-radius:0px;
    }


    .S-border-bottom-md-none{
      border-bottom: none;
    }


    .S-rounded-bottom-md-none{
      border-bottom-right-radius:0px;
      border-bottom-left-radius:0px;
    }


    .disabled{
      pointer-events: none;
      background-color: blue;
      color: blue;
      opacity: 0.1;
    }

    .button-color-grey{
      background-color: grey;
    }


    .button-color-grey span{
      background-color: grey;
      color: grey;
    }

}

@media screen and (min-width: 768px) and (max-width: 794px){
  .text-768-93-9{
    font-size: 9pt;
  }
  
  .text-768-93-10{
    font-size: 10pt;
  }
   
  .text-768-94-11{
    font-size: 11pt;
  }
}

@media screen and (min-width: 768px) and (max-width: 840px){
  .text-768-840-11{
    font-size: 11pt;
  }
}

@media screen and (min-width: 768px) and (max-width: 944px){
  #triage{
    padding-left: 0px;
    padding-top: 15px;
  }
}

@media screen and (min-width: 768px){
  #triageAdmin{
    padding-left: 0px;
    padding-top: 15px;
  }
}

@media screen and (min-width: 768px)and (max-width: 921px){
  .text-768-921-10{
    font-size: 7pt;
  }
}

@media screen and (min-width: 908px)and (max-width: 986px){
  .text-908-12{
    font-size: 12pt;
  }
}

@media screen and (min-width: 987px)and (max-width: 1099px){
  .text-908-13{
    font-size: 13pt;
  }
}

@media screen and (min-width: 1100px){
  .text-lg-9{
    font-size: 9pt;
  }
  
  .text-lg-10{
    font-size: 10pt;
  }
  
  
  .text-lg-11{
    font-size: 11pt;
  }
  
  
  .text-lg-12{
    font-size: 12pt;
  }
  
  
  .text-lg-14{
    font-size: 14pt;
  }
  
  .text-lg-15{
    font-size: 15pt;
  }
  
  .text-lg-16{
    font-size: 16pt;
  }
  
  
  
  .text-lg-17{
    font-size: 17pt;
  }
  
  
  
  .text-lg-18{
    font-size: 18pt;
  }
  
  
  
  .text-lg-19{
    font-size: 19pt;
  }
  
  
  
  .text-lg-20{
    font-size: 20pt;
  }
  
  .text-lg-21{
    font-size: 21pt;
  }
  
  .text-lg-22{
    font-size: 22pt;
  }

  
  .text-lg-23{
    font-size: 23pt;
  }
  

  .text-lg-24{
    font-size: 24pt;
  }
  
  .text-lg-25{
    font-size: 25pt;
  }
}