@charset "UTF-8";
/*#region Responsive Templates */
/*#endregion */
@import url("../icons/iconfont.css");
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.eot");
  src: url("../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.eot");
  src: url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.eot");
  src: url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.eot");
  src: url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff"), url("../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  -webkit-transition-duration: 150ms;
          transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  -webkit-transition-duration: 550ms;
          transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  -webkit-transition-duration: 650ms;
          transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  -webkit-transition-duration: 700ms;
          transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  -webkit-transition-duration: 750ms;
          transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  -webkit-transition-duration: 850ms;
          transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  -webkit-transition-duration: 900ms;
          transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  -webkit-transition-duration: 950ms;
          transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  -webkit-transition-duration: 1050ms;
          transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  -webkit-transition-duration: 1100ms;
          transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  -webkit-transition-duration: 1150ms;
          transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  -webkit-transition-duration: 1200ms;
          transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  -webkit-transition-duration: 1250ms;
          transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  -webkit-transition-duration: 1300ms;
          transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  -webkit-transition-duration: 1350ms;
          transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  -webkit-transition-duration: 1400ms;
          transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  -webkit-transition-duration: 1450ms;
          transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  -webkit-transition-duration: 1500ms;
          transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  -webkit-transition-duration: 1550ms;
          transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  -webkit-transition-delay: 1550ms;
          transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  -webkit-transition-duration: 1600ms;
          transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  -webkit-transition-duration: 1650ms;
          transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  -webkit-transition-delay: 1650ms;
          transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  -webkit-transition-duration: 1700ms;
          transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  -webkit-transition-duration: 1750ms;
          transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  -webkit-transition-delay: 1750ms;
          transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  -webkit-transition-duration: 1800ms;
          transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  -webkit-transition-duration: 1850ms;
          transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  -webkit-transition-delay: 1850ms;
          transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  -webkit-transition-duration: 1900ms;
          transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  -webkit-transition-duration: 1950ms;
          transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  -webkit-transition-delay: 1950ms;
          transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  -webkit-transition-duration: 2050ms;
          transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  -webkit-transition-delay: 2050ms;
          transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  -webkit-transition-duration: 2100ms;
          transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  -webkit-transition-delay: 2100ms;
          transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  -webkit-transition-duration: 2150ms;
          transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  -webkit-transition-delay: 2150ms;
          transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  -webkit-transition-duration: 2200ms;
          transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  -webkit-transition-delay: 2200ms;
          transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  -webkit-transition-duration: 2250ms;
          transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  -webkit-transition-delay: 2250ms;
          transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  -webkit-transition-duration: 2300ms;
          transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  -webkit-transition-delay: 2300ms;
          transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  -webkit-transition-duration: 2350ms;
          transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  -webkit-transition-delay: 2350ms;
          transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  -webkit-transition-duration: 2400ms;
          transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  -webkit-transition-duration: 2450ms;
          transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  -webkit-transition-delay: 2450ms;
          transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  -webkit-transition-duration: 2500ms;
          transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  -webkit-transition-delay: 2500ms;
          transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  -webkit-transition-duration: 2550ms;
          transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  -webkit-transition-delay: 2550ms;
          transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  -webkit-transition-duration: 2600ms;
          transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  -webkit-transition-delay: 2600ms;
          transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  -webkit-transition-duration: 2650ms;
          transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  -webkit-transition-delay: 2650ms;
          transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  -webkit-transition-duration: 2700ms;
          transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  -webkit-transition-delay: 2700ms;
          transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  -webkit-transition-duration: 2750ms;
          transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  -webkit-transition-delay: 2750ms;
          transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  -webkit-transition-duration: 2800ms;
          transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  -webkit-transition-delay: 2800ms;
          transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  -webkit-transition-duration: 2850ms;
          transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  -webkit-transition-delay: 2850ms;
          transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  -webkit-transition-duration: 2900ms;
          transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  -webkit-transition-delay: 2900ms;
          transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  -webkit-transition-duration: 2950ms;
          transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  -webkit-transition-delay: 2950ms;
          transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  -webkit-transition-duration: 3000ms;
          transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  -webkit-transition-delay: 3000ms;
          transition-delay: 3000ms;
}

[data-aos] {
  pointer-events: none;
}
[data-aos].aos-animate {
  pointer-events: auto;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media screen {
  html:not(.no-js) {
    /**
    * Fade animations:
    * fade
    * fade-up, fade-down, fade-left, fade-right
    * fade-up-right, fade-up-left, fade-down-right, fade-down-left
    */
    /**
    * Zoom animations:
    * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
    * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
    */
    /**
    * Slide animations
    */
    /**
    * Flip animations:
    * flip-left, flip-right, flip-up, flip-down
    */
  }
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0);
  }
  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0);
  }
  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
            transform: translate3d(-100px, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
            transform: translate3d(100px, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
            transform: translate3d(-100px, -100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
            transform: translate3d(100px, -100px, 0);
  }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
  }
  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
            transform: translate3d(0, 100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
            transform: translate3d(0, -100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
            transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
            transform: translate3d(100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
            transform: translate3d(0, 100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
            transform: translate3d(0, -100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
            transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
            transform: translate3d(100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden;
  }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
            transform: perspective(2500px) rotateY(-100deg);
  }
  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
            transform: perspective(2500px) rotateY(100deg);
  }
  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
            transform: perspective(2500px) rotateX(-100deg);
  }
  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
            transform: perspective(2500px) rotateX(100deg);
  }
  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.header .navbar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  padding: 10px 32px;
  border-bottom: 1px solid #EAECF0;
}
@media (max-width: 575px) {
  .header .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.header .navbar .brand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 36px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.header .navbar .brand a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .navbar .toggle-search-wrapper {
  display: none;
}
@media (max-width: 575px) {
  .header .navbar .toggle-search-wrapper {
    display: inline-block;
  }
}
.header .navbar .toggle-search-wrapper .toggle-search {
  position: relative;
  top: 3px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.header .navbar .search-wrapper {
  max-width: 1264px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .navbar .search-wrapper form {
  position: relative;
  display: inline-block;
  max-width: 660px;
  width: 100%;
  border-radius: 10px;
  background-color: #F9FAFB;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
  .header .navbar .search-wrapper form {
    max-width: 500px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .header .navbar .search-wrapper form {
    max-width: 340px;
  }
}
@media (max-width: 575px) {
  .header .navbar .search-wrapper form {
    position: absolute;
    left: 16px;
    top: 100%;
    max-width: 300px;
    width: 100%;
    margin-top: -12px;
    padding-left: 0;
    -webkit-transform: translate(0, -300px);
        -ms-transform: translate(0, -300px);
            transform: translate(0, -300px);
  }
}
@media (max-width: 575px) {
  .header .navbar .search-wrapper form.active {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.header .navbar .search-wrapper form input {
  padding-top: 14px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 48px;
  color: #000000;
  background-color: #F9FAFB;
  font-size: 16px;
  letter-spacing: -0.18px;
  border: none;
}
.header .navbar .search-wrapper form input::-webkit-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
.header .navbar .search-wrapper form input::-moz-placeholder {
  color: #7F7D83;
  opacity: 1;
}
.header .navbar .search-wrapper form input:-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
.header .navbar .search-wrapper form input::-ms-input-placeholder {
  color: #7F7D83;
  opacity: 1;
}
.header .navbar .search-wrapper form input::placeholder {
  color: #7F7D83;
  opacity: 1;
}
.header .navbar .search-wrapper form input:-ms-input-placeholder {
  color: #7F7D83;
}
.header .navbar .search-wrapper form input::-ms-input-placeholder {
  color: #7F7D83;
}
.header .navbar .search-wrapper form .btn-submit {
  position: absolute;
  top: 15px;
  left: 16px;
}
.header .navbar .account-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.header .navbar .account-wrapper li {
  position: relative;
  margin-left: 26px;
}
.header .navbar .account-wrapper li .settings {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header .navbar .account-wrapper li a {
  text-decoration: none !important;
}
.header .navbar .account-wrapper li .user {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header .navbar .account-wrapper li .user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header .navbar .account-wrapper li .userDetailsMain {
  position: relative;
}
.header .navbar .account-wrapper li .userDetailsMain .userDetails {
  padding-left: 5px;
  padding-right: 25px;
}
.header .navbar .account-wrapper li .userDetailsMain .userDetails span {
  display: block;
}
.header .navbar .account-wrapper li .userDetailsMain .userDetails .uname {
  font-size: 14px;
  line-height: 20px;
  color: #101828;
  font-weight: 500;
}
.header .navbar .account-wrapper li .userDetailsMain .userDetails .urole {
  font-size: 12px;
  line-height: 18px;
  color: #667085;
}
.header .navbar .account-wrapper li .userDetailsMain .arrowUpDown {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
.header .navbar .account-wrapper li .add-user {
  display: inline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  background: #0092CA;
  color: #ffffff;
  font-size: 32px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .navbar .account-wrapper li .add-user:hover {
  background-color: #1751D0;
}
.header .navbar .account-wrapper li .account-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  max-width: 400px;
  margin-top: 6px;
  padding: 12px 0 0 0;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background: #ffffff;
  z-index: 99;
}
.header .navbar .account-wrapper li .account-dropdown li {
  margin-left: 0;
  padding: 9px 22px;
  margin: 2px 0;
}
.header .navbar .account-wrapper li .account-dropdown li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #475467;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.header .navbar .account-wrapper li .account-dropdown li a:last-child {
  margin-bottom: 0;
}
.header .navbar .account-wrapper li .account-dropdown li a i {
  color: #344054;
  font-size: 14px;
}
.header .navbar .account-wrapper li .account-dropdown li a span {
  display: inline-block;
  margin-left: 8px;
  font-weight: 500;
  color: #344054;
}
.header .navbar .account-wrapper li .account-dropdown li a:hover i, .header .navbar .account-wrapper li .account-dropdown li a:hover span {
  color: #0092CA;
}
.header .navbar .account-wrapper li .account-dropdown li a.account-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .navbar .account-wrapper li .account-dropdown li a.account-link .account-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .navbar .account-wrapper li .account-dropdown li a.account-link .account-info {
  padding-left: 12px;
}
.header .navbar .account-wrapper li .account-dropdown li a.account-link .account-info .account-info-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #344054;
}
.header .navbar .account-wrapper li .account-dropdown li a.account-link .account-info .account-info-email {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #475467;
}
.header .navbar .account-wrapper li .account-dropdown li.border-bottom {
  border-bottom: 1px solid #EAECF0;
}
.header .navbar .account-wrapper li.active .account-dropdown {
  display: block;
}
.header .navbar .account-wrapper li.active .userDetailsMain .arrowUpDown {
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}

.nav__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 32px;
  border-bottom: 1px solid #EAECF0;
  background: #ffffff;
  z-index: 99999;
}
@media (max-width: 767px) {
  .nav__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
}
.nav__wrapper .account-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.nav__wrapper .account-wrapper li {
  position: relative;
  margin-left: 26px;
}
.nav__wrapper .account-wrapper li a {
  text-decoration: none;
}
.nav__wrapper .account-wrapper li .settings {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.nav__wrapper .account-wrapper li .user {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.nav__wrapper .account-wrapper li .user img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.nav__wrapper .account-wrapper li .userDetailsMain {
  position: relative;
}
.nav__wrapper .account-wrapper li .userDetailsMain .userDetails {
  padding-left: 5px;
  padding-right: 25px;
}
.nav__wrapper .account-wrapper li .userDetailsMain .userDetails span {
  display: block;
}
.nav__wrapper .account-wrapper li .userDetailsMain .userDetails .uname {
  font-size: 14px;
  line-height: 20px;
  color: #101828;
  font-weight: 500;
}
.nav__wrapper .account-wrapper li .userDetailsMain .userDetails .urole {
  font-size: 12px;
  line-height: 18px;
  color: #667085;
}
.nav__wrapper .account-wrapper li .userDetailsMain .arrowUpDown {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
.nav__wrapper .account-wrapper li .add-user {
  display: inline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 44px;
  height: 44px;
  background: #0092CA;
  color: #ffffff;
  font-size: 32px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav__wrapper .account-wrapper li .add-user:hover {
  background-color: #1751D0;
}
.nav__wrapper .account-wrapper li .account-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  max-width: 400px;
  margin-top: 6px;
  padding: 12px 0 0 0;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background: #ffffff;
}
.nav__wrapper .account-wrapper li .account-dropdown li {
  margin-left: 0;
  padding: 9px 22px;
  margin: 2px 0;
}
.nav__wrapper .account-wrapper li .account-dropdown li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #475467;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav__wrapper .account-wrapper li .account-dropdown li a:last-child {
  margin-bottom: 0;
}
.nav__wrapper .account-wrapper li .account-dropdown li a i {
  color: #344054;
  font-size: 14px;
}
.nav__wrapper .account-wrapper li .account-dropdown li a span {
  display: inline-block;
  margin-left: 8px;
  font-weight: 500;
  color: #344054;
}
.nav__wrapper .account-wrapper li .account-dropdown li a:hover i, .nav__wrapper .account-wrapper li .account-dropdown li a:hover span {
  color: #0092CA;
}
.nav__wrapper .account-wrapper li .account-dropdown li a.account-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav__wrapper .account-wrapper li .account-dropdown li a.account-link .account-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.nav__wrapper .account-wrapper li .account-dropdown li a.account-link .account-info {
  padding-left: 12px;
}
.nav__wrapper .account-wrapper li .account-dropdown li a.account-link .account-info .account-info-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #344054;
}
.nav__wrapper .account-wrapper li .account-dropdown li a.account-link .account-info .account-info-email {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #475467;
}
.nav__wrapper .account-wrapper li .account-dropdown li.border-bottom {
  border-bottom: 1px solid #EAECF0;
}
.nav__wrapper .account-wrapper li.active .account-dropdown {
  display: block;
}
.nav__wrapper__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav__wrapper__left .search-wrapper {
  position: relative;
  margin-left: 30px;
}
.nav__wrapper__left .search-wrapper form {
  position: relative;
}
.nav__wrapper__left .search-wrapper form input {
  width: 600px;
  border-radius: 10px;
  background: #F2F4F7;
  border: none;
}
.nav__wrapper__left .search-wrapper form .btn-submit {
  position: absolute;
  top: 12px;
  left: 12px;
}
.nav__link__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F2F4F7;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav__link__icon i {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav__link--back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.nav__link--back img {
  width: 28px;
}
.nav__link--back i {
  font-size: 20px;
  color: #4F4D55;
}
.nav__link--back span {
  display: inline-block;
  margin-left: 8px;
  color: #4F4D55;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.nav__link--back:hover .nav__link__icon {
  background-color: #0092CA;
}
.nav__link--back:hover .nav__link__icon i {
  color: #ffffff;
}
.nav__link--home {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  .nav__list {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .nav__list {
    display: block;
  }
}
.nav__list__item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .nav__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0;
  }
}
.nav__list__item a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #4F4D55;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.18px;
}
.nav__list__item a label {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  background: #ECECED;
  cursor: pointer;
}
.nav__list__item a span {
  display: none;
  font-weight: 500;
  margin-left: 6px;
}
@media (max-width: 767px) {
  .nav__list__item a span {
    display: block;
  }
}
.nav__list__item a:hover {
  color: #0092CA;
}
.nav__list__item a.active {
  color: #0092CA;
}
.nav__list__item a.active label {
  background-color: #0092CA;
  color: #ffffff;
}
.nav__list__item a.active span {
  display: block;
}
.nav__menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav__menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.nav__menu.hidden {
  display: none;
}
.nav__steps {
  position: absolute;
  top: -8px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1199px) {
  .nav__steps {
    position: relative;
    top: 0;
  }
}
.nav__steps a {
  min-width: 140px;
}
@media (max-width: 575px) {
  .nav__steps a {
    min-width: auto;
  }
}
.nav__progress {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
}
.nav__progress__bar {
  height: 2px;
  background-color: #0092CA;
}

/*#region Responsive Templates */
/*#endregion */
/*#region Rem */
/*#endregion */
.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  padding: 0;
  line-height: 1 !important;
  border: none;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn:hover, .btn:focus, .btn:active {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.btn svg {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.btn.btn-miner {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  margin-left: 4px;
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-miner:hover {
  background-color: #1751D0;
}
.btn.btn-continue {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-continue:hover {
  background-color: #1751D0;
}
.btn.btn-delete {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background-color: #D92D20;
  color: #ffffff;
}
.btn.btn-delete:hover {
  background-color: #b61206;
}
.btn.btn-preview {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #0092CA;
}
.btn.btn-preview i {
  margin-right: 4px;
  -webkit-transition: none;
  transition: none;
}
.btn.btn-preview:hover {
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-preview:hover i {
  color: #ffffff;
}
.btn.btn-white {
  height: 44px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.btn.btn-white:hover {
  border-color: #0092CA;
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-gray {
  height: 44px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #868BA7;
  background-color: #ffffff;
  color: #868BA7;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.btn.btn-gray:hover {
  border-color: #0092CA;
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-blue {
  height: 44px;
  padding: 0 18px;
  border-radius: 8px;
  background-color: #0092CA;
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.btn.btn-blue:disabled {
  background-color: gray;
  cursor: not-allowed;
}
.btn.btn-blue:disabled:hover {
  background-color: gray;
}
.btn.btn-blue:hover {
  background-color: #1751D0;
}
.btn.btn-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  padding: 10px 18px;
  border: 1px solid #D0D5DD;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background: #ffffff;
  color: #344054;
}
.btn.btn-upload i {
  margin-right: 8px;
}
.btn.btn-upload:hover {
  border-color: #0092CA;
  background-color: #0092CA;
  color: #ffffff;
}
.btn.btn-disabled {
  background: #EAECF0;
  color: #667085;
  pointer-events: none;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  font-weight: 500;
}

.btn-submit {
  background-color: transparent;
  border: none;
}

.edit-document:hover i, .edit-modal:hover i {
  color: #000000;
}

.delete-document:hover i,
.delete-modal:hover i,
.delete-button:hover i,
.document-wrapper__delete:hover i,
.delete-flex:hover i {
  color: #667085;
}

/*#region Responsive Templates */
/*#endregion */
/*#region Rem */
/*#endregion */
/*#region Responsive Templates */
/*#endregion */
/*#region Rem */
/*#endregion */
form label {
  display: block;
  font-size: 12px;
  padding-bottom: 6px;
  color: #344054;
  font-weight: 500;
}
form.get-in-touch {
  padding: 40px 32px;
  border-radius: 32px;
  background-color: #F9FAFB;
}
@media (max-width: 575px) {
  form.get-in-touch {
    padding: 40px 16px;
  }
}
form.get-in-touch .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  form.get-in-touch .form-row {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }
}
form.get-in-touch .form-row label {
  display: block;
  font-size: 14px;
  padding-bottom: 6px;
}
@media (max-width: 767px) {
  form.get-in-touch .form-row .form-col {
    margin-bottom: 12px;
  }
}
form.get-in-touch .form-row.form-block {
  grid-template-columns: 1fr;
}
@media (max-width: 767px) {
  form.get-in-touch .form-btn {
    margin-top: 24px;
  }
}
form input,
form select,
form textarea {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
  padding: 10px 14px;
  font-size: 16px;
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  color: #000000;
  resize: none;
  background-color: #ffffff;
  font-family: "Inter", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form input::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  color: #E6E6E6;
  opacity: 1;
}
form input::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
  color: #E6E6E6;
  opacity: 1;
}
form input:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  color: #E6E6E6;
  opacity: 1;
}
form input::-ms-input-placeholder, form select::-ms-input-placeholder, form textarea::-ms-input-placeholder {
  color: #E6E6E6;
  opacity: 1;
}
form input::placeholder,
form select::placeholder,
form textarea::placeholder {
  color: #E6E6E6;
  opacity: 1;
}
form input:-ms-input-placeholder,
form select:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #E6E6E6;
}
form input::-ms-input-placeholder,
form select::-ms-input-placeholder,
form textarea::-ms-input-placeholder {
  color: #E6E6E6;
}
form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 9px;
}

.login-form {
  padding-top: 60px;
}
@media (max-width: 575px) {
  .login-form {
    padding-top: 40px;
  }
}
.login-form input {
  margin-bottom: 12px;
  background-color: #E6E6E6;
  color: #000000;
}
.login-form input::-webkit-input-placeholder {
  color: #E6E6E6;
}
.login-form input::-moz-placeholder {
  color: #E6E6E6;
}
.login-form input:-ms-input-placeholder {
  color: #E6E6E6;
}
.login-form input::-ms-input-placeholder {
  color: #E6E6E6;
}
.login-form input::placeholder {
  color: #E6E6E6;
}
.login-form input:-ms-input-placeholder {
  color: #E6E6E6;
}
.login-form input::-ms-input-placeholder {
  color: #E6E6E6;
}
.login-form .forgot {
  display: block;
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.login-form .btn {
  width: -webkit-fill-available;
}

.edit__form {
  padding: 16px 24px;
  text-align: center;
  border-radius: 12px;
  border: 1px dashed #EAECF0;
  background: #ffffff;
}
.edit__form .featured-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 6px solid #F9FAFB;
  background: #F2F4F7;
}
.edit__form .featured-icon i {
  font-size: 20px;
  color: #475467;
}
.edit__form .upload {
  display: none;
}
.edit__form p {
  max-width: 260px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.edit__form p.text-small {
  padding-top: 4px;
  font-size: 12px;
  line-height: 15px;
}
.edit__form a {
  font-weight: 600;
  color: #0092CA;
  text-decoration: none;
}
.edit__form a:hover {
  color: #1751D0;
}

.search-form {
  position: relative;
}
.search-form input {
  background: #f6f6f9;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 10px;
  padding: 14px 25px 14px 50px;
  border: 0;
}
.search-form input::-webkit-input-placeholder {
  color: #667085;
  opacity: 1;
}
.search-form input::-moz-placeholder {
  color: #667085;
  opacity: 1;
}
.search-form input:-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.search-form input::-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.search-form input::placeholder {
  color: #667085;
  opacity: 1;
}
.search-form input:-ms-input-placeholder {
  color: #667085;
}
.search-form input::-ms-input-placeholder {
  color: #667085;
}
.search-form i {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("../../assets/img/search-icon.svg");
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 18px;
  display: inline-block;
}
.search-form i:before {
  display: none;
}

.edit-framework {
  padding-top: 20px;
}

.payment-form {
  padding-bottom: 64px;
}
.payment-form .account__content__payment {
  margin-bottom: 20px;
}
.payment-form .md-submit {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

/*#region Rem */
/*#endregion */
/*#region Responsive Templates */
/*#endregion */
[class^=icon-],
[class*=" icon-"] {
  font-family: "iconfont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif !important;
  color: #000000;
}
body.overflow-desktop {
  overflow: hidden;
}
body.overflow-mobile {
  overflow: hidden;
}

a {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}

.container {
  margin: 0 auto;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .container {
    max-width: 100%;
  }
}

.container-fluid {
  max-width: 100%;
  width: 100%;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.row .column {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

img {
  max-width: 100%;
}

.grid {
  display: grid;
}
.grid--col-2 {
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media (max-width: 767px) {
  .grid--col-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.grid--col-3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid--col-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .grid--col-3 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.grid--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*#region Responsive Templates */
/*#endregion */
/*#region Rem */
/*#endregion */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.ticket-info {
  margin-bottom: 26px;
}
ul.ticket-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
ul.ticket-info li:last-child {
  margin-bottom: 0;
}
ul.ticket-info li i {
  font-size: 14px;
}
ul.ticket-info li b {
  margin: 0 8px;
  font-size: 14px;
}
ul.ticket-info li span {
  font-size: 14px;
}

.upload__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.upload__list__document {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.28px;
  border-radius: 20px;
  border: 1px solid #E5E6ED;
  color: #3C3F59;
}
.upload__list__document i {
  margin-left: 8px;
  cursor: pointer;
}
.upload__list__uploaded {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.account__content__payment__list li:first-child {
  padding-left: 0;
}
.account__content__payment__list li:last-child {
  padding-right: 0;
}
.account__content__payment__list li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid rgba(208, 213, 221, 0.82);
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
  text-decoration: none;
  color: #000000;
}
.account__content__payment__list li a img {
  margin-right: 8px;
  max-width: 70px;
}
.account__content__payment__list li a:hover {
  border-color: #0092CA;
  border-radius: 8px;
  border-radius: 8px;
  background: rgba(0, 146, 202, 0.08);
}
.account__content__payment__list li a.active {
  border-color: #0092CA;
  border-radius: 8px;
  border-radius: 8px;
  background: rgba(0, 146, 202, 0.08);
}
.account__content__payment__list li a.active .account__content__payment__list__check {
  background-color: #0092CA;
  border-color: #0092CA;
}
.account__content__payment__list li a.active .account__content__payment__list__check i {
  color: #ffffff;
}
.account__content__payment__list__check {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 2px solid #F3F3F8;
  background: #ffffff;
}
.account__content__payment__list__check i {
  color: transparent;
  pointer-events: none;
}

.framework-list {
  margin-top: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.framework-list .custom-select i {
  top: 8px;
  left: 194px;
  right: unset;
}
.framework-list .custom-select .select-selected {
  padding: 4px 14px;
  max-width: 190px;
  border-radius: 16px;
  border: 1px solid rgba(208, 213, 221, 0.5);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background: #ffffff;
}
.framework-list .custom-select .select-items {
  max-width: 240px;
}
.framework-list li form .md-wrapper {
  padding-top: 16px;
}
.framework-list li form input::-webkit-input-placeholder, .framework-list li form textarea::-webkit-input-placeholder {
  color: #667085;
}
.framework-list li form input:-ms-input-placeholder, .framework-list li form textarea:-ms-input-placeholder {
  color: #667085;
}
.framework-list li form input::-moz-placeholder, .framework-list li form textarea::-moz-placeholder {
  color: #667085;
}
.framework-list li form input::-ms-input-placeholder, .framework-list li form textarea::-ms-input-placeholder {
  color: #667085;
}
.framework-list li form input::placeholder, .framework-list li form textarea::placeholder {
  color: #667085;
}
.framework-list__sublist {
  margin-top: 20px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
}
.framework-list__sublist__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 32px;
}
.framework-list__sublist label {
  display: block;
}
.framework-list__sublist ul {
  margin-bottom: 16px;
}
.framework-list__sublist ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-top: 8px;
}
.framework-list__sublist ul li span {
  padding: 12px;
  border-radius: 8px;
  background-color: #F6F6F9;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.framework-list__sublist ul li a {
  text-decoration: none;
}
.framework-list__sublist ul li a i {
  color: #4F4D55;
}
.framework-list__sublist.hidden .framework-list__sublist__header {
  padding-bottom: 0;
}
.framework-list__sublist.hidden .sublist {
  display: none;
}
.framework-list__sublist.hidden .sublist-btn {
  display: none;
}
.framework-list__sublist.hidden .sublist-label {
  display: none;
}
.framework-list--engagement {
  border: none;
  padding: 0;
}

.edit,
.delete,
.addnew {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 9999999;
}
.edit.active,
.delete.active,
.addnew.active {
  display: block;
}
.edit__modal,
.delete__modal,
.addnew__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 480px;
  max-height: 600px;
  overflow: scroll;
  width: 100%;
  padding: 24px 24px 20px 24px;
  border-radius: 12px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .edit__modal,
  .delete__modal,
  .addnew__modal {
    max-width: 300px;
  }
}
.edit__modal--close,
.delete__modal--close,
.addnew__modal--close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.edit__modal--close i,
.delete__modal--close i,
.addnew__modal--close i {
  font-size: 24px;
}
.edit__modal h2,
.delete__modal h2,
.addnew__modal h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 4px;
}
.edit__modal p,
.delete__modal p,
.addnew__modal p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.edit__modal .upload-file-form,
.delete__modal .upload-file-form,
.addnew__modal .upload-file-form {
  margin-top: 20px;
}
.edit__modal__template,
.delete__modal__template,
.addnew__modal__template {
  padding-top: 8px;
}
.edit__modal__template p a,
.delete__modal__template p a,
.addnew__modal__template p a {
  text-decoration: none;
  font-weight: 600;
  color: #0092CA;
}
.edit__modal__template p a:hover,
.delete__modal__template p a:hover,
.addnew__modal__template p a:hover {
  color: #1751D0;
}
.edit__modal .content-divider,
.delete__modal .content-divider,
.addnew__modal .content-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
.edit__modal .content-divider p,
.delete__modal .content-divider p,
.addnew__modal .content-divider p {
  margin: 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #475467;
}
.edit__modal .content-divider .line,
.delete__modal .content-divider .line,
.addnew__modal .content-divider .line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #E6E6E6;
}
.edit__modal .self-label,
.delete__modal .self-label,
.addnew__modal .self-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.edit__modal .self-label i,
.delete__modal .self-label i,
.addnew__modal .self-label i {
  margin-right: 8px;
}
.edit__modal .self-label:hover,
.delete__modal .self-label:hover,
.addnew__modal .self-label:hover {
  background-color: #0092CA;
  color: #ffffff;
}
.edit__modal .btn-delete,
.delete__modal .btn-delete,
.addnew__modal .btn-delete {
  margin-top: 16px;
}
.edit__modal .competencie-list,
.delete__modal .competencie-list,
.addnew__modal .competencie-list {
  margin-top: 36px;
  max-height: 480px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
  overflow: scroll;
}
.edit__modal .competencie-list__item,
.delete__modal .competencie-list__item,
.addnew__modal .competencie-list__item {
  position: relative;
  padding: 12px 0;
  margin-top: 16px;
  font-weight: 500;
  border-bottom: 1px solid #EAECF0;
  color: #4F4D55;
}
.edit__modal .competencie-list__item:first-child,
.delete__modal .competencie-list__item:first-child,
.addnew__modal .competencie-list__item:first-child {
  margin-top: 0;
}
.edit__modal .competencie-list__item:last-child,
.delete__modal .competencie-list__item:last-child,
.addnew__modal .competencie-list__item:last-child {
  border-bottom: none;
}
.edit__modal .competencie-list__item .close-list-item,
.delete__modal .competencie-list__item .close-list-item,
.addnew__modal .competencie-list__item .close-list-item {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 0;
}
.edit__modal .competencie-list__item .close-list-item i,
.delete__modal .competencie-list__item .close-list-item i,
.addnew__modal .competencie-list__item .close-list-item i {
  display: inline-block;
  color: #4F4D55;
  text-decoration: none;
}
.edit__modal .competencie-list__item__sublist,
.delete__modal .competencie-list__item__sublist,
.addnew__modal .competencie-list__item__sublist {
  display: none;
}
.edit__modal .competencie-list__item__sublist__item,
.delete__modal .competencie-list__item__sublist__item,
.addnew__modal .competencie-list__item__sublist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F9;
}
.edit__modal .competencie-list__item.active .competencie-list__item__sublist,
.delete__modal .competencie-list__item.active .competencie-list__item__sublist,
.addnew__modal .competencie-list__item.active .competencie-list__item__sublist {
  display: block;
}
.edit__modal .competencie-list__item.active .close-list-item i,
.delete__modal .competencie-list__item.active .close-list-item i,
.addnew__modal .competencie-list__item.active .close-list-item i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.edit__modal .step1.active,
.edit__modal .step2.active,
.edit__modal .step3.active,
.delete__modal .step1.active,
.delete__modal .step2.active,
.delete__modal .step3.active,
.addnew__modal .step1.active,
.addnew__modal .step2.active,
.addnew__modal .step3.active {
  display: block;
}
.edit__modal .step1.inactive,
.edit__modal .step2.inactive,
.edit__modal .step3.inactive,
.delete__modal .step1.inactive,
.delete__modal .step2.inactive,
.delete__modal .step3.inactive,
.addnew__modal .step1.inactive,
.addnew__modal .step2.inactive,
.addnew__modal .step3.inactive {
  display: none;
}
.edit__form,
.delete__form,
.addnew__form {
  margin-top: 20px;
}
.edit__form__wrapper,
.delete__form__wrapper,
.addnew__form__wrapper {
  padding-bottom: 20px;
}
.edit__form__wrapper label,
.delete__form__wrapper label,
.addnew__form__wrapper label {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.edit__form__wrapper input::-webkit-input-placeholder,
.edit__form__wrapper textarea::-webkit-input-placeholder,
.delete__form__wrapper input::-webkit-input-placeholder,
.delete__form__wrapper textarea::-webkit-input-placeholder,
.addnew__form__wrapper input::-webkit-input-placeholder,
.addnew__form__wrapper textarea::-webkit-input-placeholder {
  color: #667085;
}
.edit__form__wrapper input:-ms-input-placeholder,
.edit__form__wrapper textarea:-ms-input-placeholder,
.delete__form__wrapper input:-ms-input-placeholder,
.delete__form__wrapper textarea:-ms-input-placeholder,
.addnew__form__wrapper input:-ms-input-placeholder,
.addnew__form__wrapper textarea:-ms-input-placeholder {
  color: #667085;
}
.edit__form__wrapper input::-webkit-input-placeholder, .edit__form__wrapper textarea::-webkit-input-placeholder, .delete__form__wrapper input::-webkit-input-placeholder, .delete__form__wrapper textarea::-webkit-input-placeholder, .addnew__form__wrapper input::-webkit-input-placeholder, .addnew__form__wrapper textarea::-webkit-input-placeholder {
  color: #667085;
}
.edit__form__wrapper input::-moz-placeholder, .edit__form__wrapper textarea::-moz-placeholder, .delete__form__wrapper input::-moz-placeholder, .delete__form__wrapper textarea::-moz-placeholder, .addnew__form__wrapper input::-moz-placeholder, .addnew__form__wrapper textarea::-moz-placeholder {
  color: #667085;
}
.edit__form__wrapper input:-ms-input-placeholder, .edit__form__wrapper textarea:-ms-input-placeholder, .delete__form__wrapper input:-ms-input-placeholder, .delete__form__wrapper textarea:-ms-input-placeholder, .addnew__form__wrapper input:-ms-input-placeholder, .addnew__form__wrapper textarea:-ms-input-placeholder {
  color: #667085;
}
.edit__form__wrapper input::-ms-input-placeholder, .edit__form__wrapper textarea::-ms-input-placeholder, .delete__form__wrapper input::-ms-input-placeholder, .delete__form__wrapper textarea::-ms-input-placeholder, .addnew__form__wrapper input::-ms-input-placeholder, .addnew__form__wrapper textarea::-ms-input-placeholder {
  color: #667085;
}
.edit__form__wrapper input::placeholder,
.edit__form__wrapper textarea::placeholder,
.delete__form__wrapper input::placeholder,
.delete__form__wrapper textarea::placeholder,
.addnew__form__wrapper input::placeholder,
.addnew__form__wrapper textarea::placeholder {
  color: #667085;
}
.edit__form__wrapper--buttons,
.delete__form__wrapper--buttons,
.addnew__form__wrapper--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit__form__wrapper--buttons a,
.delete__form__wrapper--buttons a,
.addnew__form__wrapper--buttons a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 4px 8px;
  margin-right: 8px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.408px;
}
.edit__form__wrapper--buttons a span,
.delete__form__wrapper--buttons a span,
.addnew__form__wrapper--buttons a span {
  margin-left: 4px;
}
.edit__form__wrapper--buttons a.gen-comp,
.delete__form__wrapper--buttons a.gen-comp,
.addnew__form__wrapper--buttons a.gen-comp {
  background: #F3F3F8;
  color: #3C3F59;
  border: 1px solid;
  border-color: transparent;
}
.edit__form__wrapper--buttons a.gen-comp i,
.delete__form__wrapper--buttons a.gen-comp i,
.addnew__form__wrapper--buttons a.gen-comp i {
  color: #868BA7;
}
.edit__form__wrapper--buttons a.gen-comp:hover,
.delete__form__wrapper--buttons a.gen-comp:hover,
.addnew__form__wrapper--buttons a.gen-comp:hover {
  border-color: #0092CA;
}
.edit__form__wrapper--buttons a.gen-skills,
.delete__form__wrapper--buttons a.gen-skills,
.addnew__form__wrapper--buttons a.gen-skills {
  border: 1px solid #868BA7;
  color: #868BA7;
}
.edit__form__wrapper--buttons a.gen-skills i,
.delete__form__wrapper--buttons a.gen-skills i,
.addnew__form__wrapper--buttons a.gen-skills i {
  color: #868BA7;
}
.edit__form__wrapper--buttons a.gen-skills:hover,
.delete__form__wrapper--buttons a.gen-skills:hover,
.addnew__form__wrapper--buttons a.gen-skills:hover {
  border-color: #0092CA;
}
.edit__form__buttons,
.delete__form__buttons,
.addnew__form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid #EAECF0;
}
.edit__form__buttons .btn,
.delete__form__buttons .btn,
.addnew__form__buttons .btn {
  margin-left: 12px;
}
.edit__form .uploaded-files,
.delete__form .uploaded-files,
.addnew__form .uploaded-files {
  margin-top: 20px;
}
.edit__form .uploaded-files .progress-bar,
.delete__form .uploaded-files .progress-bar,
.addnew__form .uploaded-files .progress-bar {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #F3F3F8;
}
.edit__form .uploaded-files .document-wrapper,
.delete__form .uploaded-files .document-wrapper,
.addnew__form .uploaded-files .document-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.edit__form .uploaded-files .document-wrapper .document-name,
.delete__form .uploaded-files .document-wrapper .document-name,
.addnew__form .uploaded-files .document-wrapper .document-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 6px 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
  color: #3C3F59;
  border-radius: 20px;
  border: 1px solid #E5E6ED;
}
.edit__form .uploaded-files .document-wrapper .document-name .document-remove,
.delete__form .uploaded-files .document-wrapper .document-name .document-remove,
.addnew__form .uploaded-files .document-wrapper .document-name .document-remove {
  position: relative;
  top: 3px;
  margin-left: 8px;
}
.edit__form .uploaded-files .document-wrapper .document-name .document-remove i,
.delete__form .uploaded-files .document-wrapper .document-name .document-remove i,
.addnew__form .uploaded-files .document-wrapper .document-name .document-remove i {
  font-size: 16px;
  color: rgba(10, 8, 59, 0.5);
}
.edit__form .uploaded-files .document-wrapper .document-upload-date,
.delete__form .uploaded-files .document-wrapper .document-upload-date,
.addnew__form .uploaded-files .document-wrapper .document-upload-date {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.edit .checkmark-wrapper,
.delete .checkmark-wrapper,
.addnew .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
}
.edit .checkmark-wrapper .checkmark,
.delete .checkmark-wrapper .checkmark,
.addnew .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  pointer-events: none;
  cursor: pointer;
}
.edit .checkmark-wrapper .checkmark i,
.delete .checkmark-wrapper .checkmark i,
.addnew .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
}
.edit .checkmark-wrapper .menu-checkbox,
.delete .checkmark-wrapper .menu-checkbox,
.addnew .checkmark-wrapper .menu-checkbox {
  opacity: 0;
}
.edit .checkmark-wrapper .menu-checkbox:checked + .checkmark,
.delete .checkmark-wrapper .menu-checkbox:checked + .checkmark,
.addnew .checkmark-wrapper .menu-checkbox:checked + .checkmark {
  background-color: #0092CA;
}
.edit .checkmark-wrapper .menu-checkbox:checked + .checkmark i,
.delete .checkmark-wrapper .menu-checkbox:checked + .checkmark i,
.addnew .checkmark-wrapper .menu-checkbox:checked + .checkmark i {
  color: #ffffff;
}

.textarea-modal {
  position: absolute;
  width: 400px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.textarea-modal h2 {
  padding-top: 0;
  padding-bottom: 0;
}
.textarea-modal p {
  padding-top: 4px;
  font-size: 14px;
}
.textarea-modal .search {
  position: relative;
  margin-top: 20px;
  margin-bottom: 16px;
}
.textarea-modal .search input {
  padding-left: 42px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #667085;
}
.textarea-modal .search i {
  position: absolute;
  top: 18px;
  left: 16px;
}
.textarea-modal__labels li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}
.textarea-modal__labels li:last-child {
  margin-bottom: 0;
}
.textarea-modal__labels li .dot {
  position: relative;
  top: 4px;
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 50%;
}
.textarea-modal__labels li a {
  display: block;
  max-width: 334px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #0A090B;
}

.select-modal {
  width: 284px;
}
.select-modal .dot {
  position: relative;
  top: -10px;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
.select-modal__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.select-modal__label span {
  max-width: 217px;
}
.select-modal__label a {
  text-decoration: none;
}
.select-modal__label a i {
  color: #4F4D55;
}
.select-modal .tooltip {
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-right: 8px;
}

.select-menu {
  position: relative;
}
.select-menu__input {
  padding: 10px 14px;
  font-size: 16px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  color: #000000;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  cursor: pointer;
}
.select-menu__input .toggle-select-menu {
  pointer-events: none;
}
.select-menu__input span {
  color: #8C8C8C;
}
.select-menu__input span.hide {
  opacity: 0;
}
.select-menu__input a {
  position: absolute;
  top: 13px;
  right: 18px;
  text-decoration: none;
  color: #000000;
  pointer-events: none;
}
.select-menu__input a i {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.select-menu__menu {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  max-height: 192px;
  margin-top: 4px;
  padding: 4px 6px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  z-index: 9;
  overflow: scroll;
}
.select-menu__menu ul {
  padding: 0 !important;
  list-style-type: none;
}
.select-menu__menu ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-menu__menu ul li .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.select-menu__menu ul li .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  pointer-events: none;
}
.select-menu__menu ul li .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 1px;
  font-size: 14px;
  color: #ffffff;
}
.select-menu__menu ul li .checkmark-wrapper .menu-checkbox:checked ~ .checkmark {
  background-color: #0092CA;
}
.select-menu__menu ul li input {
  opacity: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.select-menu__menu ul li label {
  display: inline-block;
  margin-left: 8px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #101828;
}
.select-menu__departments {
  position: absolute;
  top: 8px;
  left: 10px;
  pointer-events: none;
}
.select-menu__departments span {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 16px;
  background: #ffffff;
  color: #3C3F59;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.408px;
  border: 1px solid #D0D5DD;
  cursor: pointer;
}
.select-menu__departments span i {
  position: static;
  margin-left: 4px;
  font-size: 16px;
  color: #8C8C8C;
  pointer-events: none;
}
.select-menu__departments span.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.select-menu.active .toggle-select-menu i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select-menu.active .select-menu__menu {
  display: block;
}

.new-user-wrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.new-user-wrapper .new-user {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 100%;
  padding: 24px 24px 20px 24px;
  border-radius: 12px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .new-user-wrapper .new-user {
    max-width: 300px;
  }
}
.new-user-wrapper .new-user .new-user-close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.new-user-wrapper .new-user .new-user-close i {
  font-size: 24px;
}
.new-user-wrapper .new-user h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 4px;
}
.new-user-wrapper .new-user p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.new-user-wrapper .new-user .upload-file-form {
  margin-top: 20px;
}
.new-user-wrapper .new-user__template {
  padding-top: 8px;
}
.new-user-wrapper .new-user__template p a {
  text-decoration: none;
  font-weight: 600;
  color: #0092CA;
}
.new-user-wrapper .new-user__template p a:hover {
  color: #1751D0;
}
.new-user-wrapper .new-user .content-divider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}
.new-user-wrapper .new-user .content-divider p {
  margin: 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #475467;
}
.new-user-wrapper .new-user .content-divider .line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #E6E6E6;
}
.new-user-wrapper .new-user .self-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 18px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.new-user-wrapper .new-user .self-label i {
  margin-right: 8px;
}
.new-user-wrapper .new-user .self-label:hover {
  background-color: #0092CA;
  color: #ffffff;
}
.new-user-wrapper.active {
  display: block;
}

.new-user-manualy-wrapper,
.edit-user-manualy-wrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  overflow: scroll;
  background: #F2F4F7;
}
.new-user-manualy-wrapper .new-user-manualy,
.new-user-manualy-wrapper .edit-user-manualy,
.edit-user-manualy-wrapper .new-user-manualy,
.edit-user-manualy-wrapper .edit-user-manualy {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 540px;
}
.new-user-manualy-wrapper.active,
.edit-user-manualy-wrapper.active {
  display: block;
}

.user-created,
.user-edited {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 99999;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.user-created__modal,
.user-edited__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.user-created__modal h3,
.user-edited__modal h3 {
  color: #101828;
  font-weight: 600;
  line-height: 28px;
}
.user-created__modal p,
.user-edited__modal p {
  max-width: 430px;
  margin: 0 auto;
  padding-top: 4px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.user-created__modal p a,
.user-edited__modal p a {
  color: #475467;
  font-weight: 600;
  text-decoration: none;
}
.user-created__modal .continue,
.user-edited__modal .continue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
}
.user-created__icon,
.user-edited__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border-radius: 10px;
  border: 1px solid #EAECF0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.user-created__icon i,
.user-edited__icon i {
  font-size: 24px;
  color: #344054;
}
.user-created.active,
.user-edited.active {
  display: block;
}

.profile-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 6px;
}
.profile-wrapper__picture {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 12px;
  border: 1px solid #D0D5DD;
  background: #F4F4F4;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.profile-wrapper .upload_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 8px;
  border: 1px solid #E5E6ED;
  color: #0092CA;
  background-color: #ffffff;
  text-decoration: none;
}
.profile-wrapper .upload_link i {
  color: #0092CA;
  margin-right: 8px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.switch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 6px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 24px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #2196f3;
}
.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196f3;
          box-shadow: 0 0 1px #2196f3;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
      -ms-transform: translateX(18px);
          transform: translateX(18px);
}

.success,
.error {
  display: none;
  z-index: 10000000;
}
.success__modal,
.error__modal {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 24px;
  border-radius: 12px;
  background-color: #f9f9f9;
  border: 1px solid #cacdd4;
  -webkit-box-shadow: 0px 0px 8px 0px #bfbfbf;
          box-shadow: 0px 0px 8px 0px #bfbfbf;
}
.success__modal__icon img,
.error__modal__icon img {
  width: 36px;
}
.success__modal h4,
.error__modal h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding-top: 12px;
}
.success__modal p,
.error__modal p {
  max-width: 312px;
  padding-top: 4px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.success__close,
.error__close {
  position: absolute;
  top: 16px;
  right: 16px;
  text-decoration: none;
}
.success__close i,
.error__close i {
  font-size: 24px;
  color: #667085;
}
.success.active,
.error.active {
  display: block;
}

.upload {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 99999;
}
.upload__modal {
  position: absolute;
  top: 80px;
  left: 50%;
  padding: 24px;
  width: 480px;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  border-radius: 12px;
  background-color: #ffffff;
}
.upload__modal__x {
  position: absolute;
  top: 24px;
  right: 24px;
  text-decoration: none;
}
.upload__modal__x i {
  font-size: 24px;
  color: #667085;
}
.upload__modal__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  border-radius: 50%;
  background-color: #5D7285;
  color: #ffffff;
}
.upload__modal__icon i {
  font-size: 20px;
}
.upload__modal h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
}
.upload__modal h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding-top: 24px;
}
.upload__modal p {
  max-width: 432px;
  padding-top: 4px;
  padding-bottom: 20px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.upload__modal__form .md-wrapper {
  margin-bottom: 20px;
}
.upload__modal__form .md-wrapper label {
  display: block;
  padding-bottom: 6px;
}
.upload__modal__form .md-wrapper input::-webkit-input-placeholder,
.upload__modal__form .md-wrapper textarea::-webkit-input-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input:-ms-input-placeholder,
.upload__modal__form .md-wrapper textarea:-ms-input-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input::-webkit-input-placeholder, .upload__modal__form .md-wrapper textarea::-webkit-input-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input::-moz-placeholder, .upload__modal__form .md-wrapper textarea::-moz-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input:-ms-input-placeholder, .upload__modal__form .md-wrapper textarea:-ms-input-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input::-ms-input-placeholder, .upload__modal__form .md-wrapper textarea::-ms-input-placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper input::placeholder,
.upload__modal__form .md-wrapper textarea::placeholder {
  color: #4F4D55;
}
.upload__modal__form .md-wrapper .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.upload__modal__form .md-wrapper .grid input {
  max-width: 200px;
}
.upload__modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 16px;
  gap: 12px;
  border-top: 1px solid #EAECF0;
}
.upload.active {
  display: block;
}

.add-document-data,
.add-document-manuals,
.add-document-product-service,
.edit-document-data,
.add-document-instructional-data,
.add-document-catalogues {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 99999;
}
.add-document-data__modal,
.add-document-manuals__modal,
.add-document-product-service__modal,
.edit-document-data__modal,
.add-document-instructional-data__modal,
.add-document-catalogues__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 24px;
  width: 480px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #ffffff;
}
.add-document-data__modal__x,
.add-document-manuals__modal__x,
.add-document-product-service__modal__x,
.edit-document-data__modal__x,
.add-document-instructional-data__modal__x,
.add-document-catalogues__modal__x {
  position: absolute;
  top: 24px;
  right: 24px;
  text-decoration: none;
}
.add-document-data__modal__icon,
.add-document-manuals__modal__icon,
.add-document-product-service__modal__icon,
.edit-document-data__modal__icon,
.add-document-instructional-data__modal__icon,
.add-document-catalogues__modal__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 20px;
  border-radius: 50%;
  background-color: #5D7285;
  color: #ffffff;
}
.add-document-data__modal__icon i,
.add-document-manuals__modal__icon i,
.add-document-product-service__modal__icon i,
.edit-document-data__modal__icon i,
.add-document-instructional-data__modal__icon i,
.add-document-catalogues__modal__icon i {
  font-size: 20px;
}
.add-document-data__modal h2,
.add-document-manuals__modal h2,
.add-document-product-service__modal h2,
.edit-document-data__modal h2,
.add-document-instructional-data__modal h2,
.add-document-catalogues__modal h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
}
.add-document-data__modal h3,
.add-document-manuals__modal h3,
.add-document-product-service__modal h3,
.edit-document-data__modal h3,
.add-document-instructional-data__modal h3,
.add-document-catalogues__modal h3 {
  padding-bottom: 4px;
}
.add-document-data__modal h4,
.add-document-manuals__modal h4,
.add-document-product-service__modal h4,
.edit-document-data__modal h4,
.add-document-instructional-data__modal h4,
.add-document-catalogues__modal h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding-top: 24px;
}
.add-document-data__modal p,
.add-document-manuals__modal p,
.add-document-product-service__modal p,
.edit-document-data__modal p,
.add-document-instructional-data__modal p,
.add-document-catalogues__modal p {
  max-width: 432px;
  padding-top: 4px;
  padding-bottom: 20px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.add-document-data__modal__form__header,
.add-document-manuals__modal__form__header,
.add-document-product-service__modal__form__header,
.edit-document-data__modal__form__header,
.add-document-instructional-data__modal__form__header,
.add-document-catalogues__modal__form__header {
  padding-bottom: 20px;
}
.add-document-data__modal__form__header h3,
.add-document-manuals__modal__form__header h3,
.add-document-product-service__modal__form__header h3,
.edit-document-data__modal__form__header h3,
.add-document-instructional-data__modal__form__header h3,
.add-document-catalogues__modal__form__header h3 {
  font-size: 18px;
}
.add-document-data__modal__form__header p,
.add-document-manuals__modal__form__header p,
.add-document-product-service__modal__form__header p,
.edit-document-data__modal__form__header p,
.add-document-instructional-data__modal__form__header p,
.add-document-catalogues__modal__form__header p {
  padding: 0;
}
.add-document-data__modal__form .md-wrapper,
.add-document-manuals__modal__form .md-wrapper,
.add-document-product-service__modal__form .md-wrapper,
.edit-document-data__modal__form .md-wrapper,
.add-document-instructional-data__modal__form .md-wrapper,
.add-document-catalogues__modal__form .md-wrapper {
  margin-bottom: 20px;
}
.add-document-data__modal__form .md-wrapper label,
.add-document-manuals__modal__form .md-wrapper label,
.add-document-product-service__modal__form .md-wrapper label,
.edit-document-data__modal__form .md-wrapper label,
.add-document-instructional-data__modal__form .md-wrapper label,
.add-document-catalogues__modal__form .md-wrapper label {
  display: block;
  padding-bottom: 6px;
}
.add-document-data__modal__form .md-wrapper input::-webkit-input-placeholder,
.add-document-data__modal__form .md-wrapper textarea::-webkit-input-placeholder,
.add-document-manuals__modal__form .md-wrapper input::-webkit-input-placeholder,
.add-document-manuals__modal__form .md-wrapper textarea::-webkit-input-placeholder,
.add-document-product-service__modal__form .md-wrapper input::-webkit-input-placeholder,
.add-document-product-service__modal__form .md-wrapper textarea::-webkit-input-placeholder,
.edit-document-data__modal__form .md-wrapper input::-webkit-input-placeholder,
.edit-document-data__modal__form .md-wrapper textarea::-webkit-input-placeholder,
.add-document-instructional-data__modal__form .md-wrapper input::-webkit-input-placeholder,
.add-document-instructional-data__modal__form .md-wrapper textarea::-webkit-input-placeholder,
.add-document-catalogues__modal__form .md-wrapper input::-webkit-input-placeholder,
.add-document-catalogues__modal__form .md-wrapper textarea::-webkit-input-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input:-ms-input-placeholder,
.add-document-data__modal__form .md-wrapper textarea:-ms-input-placeholder,
.add-document-manuals__modal__form .md-wrapper input:-ms-input-placeholder,
.add-document-manuals__modal__form .md-wrapper textarea:-ms-input-placeholder,
.add-document-product-service__modal__form .md-wrapper input:-ms-input-placeholder,
.add-document-product-service__modal__form .md-wrapper textarea:-ms-input-placeholder,
.edit-document-data__modal__form .md-wrapper input:-ms-input-placeholder,
.edit-document-data__modal__form .md-wrapper textarea:-ms-input-placeholder,
.add-document-instructional-data__modal__form .md-wrapper input:-ms-input-placeholder,
.add-document-instructional-data__modal__form .md-wrapper textarea:-ms-input-placeholder,
.add-document-catalogues__modal__form .md-wrapper input:-ms-input-placeholder,
.add-document-catalogues__modal__form .md-wrapper textarea:-ms-input-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input::-webkit-input-placeholder, .add-document-data__modal__form .md-wrapper textarea::-webkit-input-placeholder, .add-document-manuals__modal__form .md-wrapper input::-webkit-input-placeholder, .add-document-manuals__modal__form .md-wrapper textarea::-webkit-input-placeholder, .add-document-product-service__modal__form .md-wrapper input::-webkit-input-placeholder, .add-document-product-service__modal__form .md-wrapper textarea::-webkit-input-placeholder, .edit-document-data__modal__form .md-wrapper input::-webkit-input-placeholder, .edit-document-data__modal__form .md-wrapper textarea::-webkit-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper input::-webkit-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper textarea::-webkit-input-placeholder, .add-document-catalogues__modal__form .md-wrapper input::-webkit-input-placeholder, .add-document-catalogues__modal__form .md-wrapper textarea::-webkit-input-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input::-moz-placeholder, .add-document-data__modal__form .md-wrapper textarea::-moz-placeholder, .add-document-manuals__modal__form .md-wrapper input::-moz-placeholder, .add-document-manuals__modal__form .md-wrapper textarea::-moz-placeholder, .add-document-product-service__modal__form .md-wrapper input::-moz-placeholder, .add-document-product-service__modal__form .md-wrapper textarea::-moz-placeholder, .edit-document-data__modal__form .md-wrapper input::-moz-placeholder, .edit-document-data__modal__form .md-wrapper textarea::-moz-placeholder, .add-document-instructional-data__modal__form .md-wrapper input::-moz-placeholder, .add-document-instructional-data__modal__form .md-wrapper textarea::-moz-placeholder, .add-document-catalogues__modal__form .md-wrapper input::-moz-placeholder, .add-document-catalogues__modal__form .md-wrapper textarea::-moz-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input:-ms-input-placeholder, .add-document-data__modal__form .md-wrapper textarea:-ms-input-placeholder, .add-document-manuals__modal__form .md-wrapper input:-ms-input-placeholder, .add-document-manuals__modal__form .md-wrapper textarea:-ms-input-placeholder, .add-document-product-service__modal__form .md-wrapper input:-ms-input-placeholder, .add-document-product-service__modal__form .md-wrapper textarea:-ms-input-placeholder, .edit-document-data__modal__form .md-wrapper input:-ms-input-placeholder, .edit-document-data__modal__form .md-wrapper textarea:-ms-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper input:-ms-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper textarea:-ms-input-placeholder, .add-document-catalogues__modal__form .md-wrapper input:-ms-input-placeholder, .add-document-catalogues__modal__form .md-wrapper textarea:-ms-input-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input::-ms-input-placeholder, .add-document-data__modal__form .md-wrapper textarea::-ms-input-placeholder, .add-document-manuals__modal__form .md-wrapper input::-ms-input-placeholder, .add-document-manuals__modal__form .md-wrapper textarea::-ms-input-placeholder, .add-document-product-service__modal__form .md-wrapper input::-ms-input-placeholder, .add-document-product-service__modal__form .md-wrapper textarea::-ms-input-placeholder, .edit-document-data__modal__form .md-wrapper input::-ms-input-placeholder, .edit-document-data__modal__form .md-wrapper textarea::-ms-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper input::-ms-input-placeholder, .add-document-instructional-data__modal__form .md-wrapper textarea::-ms-input-placeholder, .add-document-catalogues__modal__form .md-wrapper input::-ms-input-placeholder, .add-document-catalogues__modal__form .md-wrapper textarea::-ms-input-placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper input::placeholder,
.add-document-data__modal__form .md-wrapper textarea::placeholder,
.add-document-manuals__modal__form .md-wrapper input::placeholder,
.add-document-manuals__modal__form .md-wrapper textarea::placeholder,
.add-document-product-service__modal__form .md-wrapper input::placeholder,
.add-document-product-service__modal__form .md-wrapper textarea::placeholder,
.edit-document-data__modal__form .md-wrapper input::placeholder,
.edit-document-data__modal__form .md-wrapper textarea::placeholder,
.add-document-instructional-data__modal__form .md-wrapper input::placeholder,
.add-document-instructional-data__modal__form .md-wrapper textarea::placeholder,
.add-document-catalogues__modal__form .md-wrapper input::placeholder,
.add-document-catalogues__modal__form .md-wrapper textarea::placeholder {
  color: #4F4D55;
}
.add-document-data__modal__form .md-wrapper .grid,
.add-document-manuals__modal__form .md-wrapper .grid,
.add-document-product-service__modal__form .md-wrapper .grid,
.edit-document-data__modal__form .md-wrapper .grid,
.add-document-instructional-data__modal__form .md-wrapper .grid,
.add-document-catalogues__modal__form .md-wrapper .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.add-document-data__modal__form .md-wrapper .grid input,
.add-document-manuals__modal__form .md-wrapper .grid input,
.add-document-product-service__modal__form .md-wrapper .grid input,
.edit-document-data__modal__form .md-wrapper .grid input,
.add-document-instructional-data__modal__form .md-wrapper .grid input,
.add-document-catalogues__modal__form .md-wrapper .grid input {
  max-width: 200px;
}
.add-document-data__modal__form .md-submit,
.add-document-manuals__modal__form .md-submit,
.add-document-product-service__modal__form .md-submit,
.edit-document-data__modal__form .md-submit,
.add-document-instructional-data__modal__form .md-submit,
.add-document-catalogues__modal__form .md-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.add-document-data__modal__form .md-submit .btn,
.add-document-manuals__modal__form .md-submit .btn,
.add-document-product-service__modal__form .md-submit .btn,
.edit-document-data__modal__form .md-submit .btn,
.add-document-instructional-data__modal__form .md-submit .btn,
.add-document-catalogues__modal__form .md-submit .btn {
  width: auto;
}
.add-document-data__modal__buttons,
.add-document-manuals__modal__buttons,
.add-document-product-service__modal__buttons,
.edit-document-data__modal__buttons,
.add-document-instructional-data__modal__buttons,
.add-document-catalogues__modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 16px;
  gap: 12px;
  border-top: 1px solid #EAECF0;
}
.add-document-data__close,
.add-document-manuals__close,
.add-document-product-service__close,
.edit-document-data__close,
.add-document-instructional-data__close,
.add-document-catalogues__close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #667085;
  text-decoration: none;
}
.add-document-data__close i,
.add-document-manuals__close i,
.add-document-product-service__close i,
.edit-document-data__close i,
.add-document-instructional-data__close i,
.add-document-catalogues__close i {
  font-size: 20px;
}
.add-document-data.active,
.add-document-manuals.active,
.add-document-product-service.active,
.edit-document-data.active,
.add-document-instructional-data.active,
.add-document-catalogues.active {
  display: block;
}

.manual,
.services-manual {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  background: rgba(110, 118, 132, 0.8);
  z-index: 99999;
}
.manual__modal,
.services-manual__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 100%;
  padding: 24px 24px 20px 24px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.manual__modal__close,
.services-manual__modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.manual__modal__close i,
.services-manual__modal__close i {
  font-size: 24px;
  color: #667085;
}
.manual__modal h2,
.services-manual__modal h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #101828;
}
.manual__modal p,
.services-manual__modal p {
  padding-bottom: 0 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.manual__modal .md-submit,
.services-manual__modal .md-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.manual__modal .wrapper form,
.services-manual__modal .wrapper form {
  margin: 20px auto;
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px dashed #EAECF0;
  text-align: center;
  cursor: pointer;
}
.manual__modal .wrapper form .icon-wrapper,
.services-manual__modal .wrapper form .icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 28px;
  border: 6px solid #F9FAFB;
  background: #F2F4F7;
}
.manual__modal .wrapper form p,
.services-manual__modal .wrapper form p {
  font-size: 14px;
}
.manual__modal .wrapper form p span,
.services-manual__modal .wrapper form p span {
  color: #0092CA;
  font-weight: 500;
}
.manual__modal .wrapper form p + p,
.services-manual__modal .wrapper form p + p {
  font-size: 12px;
  padding-top: 4px;
}
.manual__modal .wrapper .progress-area li,
.services-manual__modal .wrapper .progress-area li {
  list-style: none;
}
.manual__modal .wrapper .progress-area .row,
.services-manual__modal .wrapper .progress-area .row {
  padding: 16px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background-color: #ffffff;
}
.manual__modal .wrapper .progress-area .row .content,
.services-manual__modal .wrapper .progress-area .row .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 15px;
}
.manual__modal .wrapper .progress-area .details,
.services-manual__modal .wrapper .progress-area .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.manual__modal .wrapper .progress-area .content .progress-bar,
.services-manual__modal .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: #fff;
  border-radius: 30px;
}
.manual__modal .wrapper .progress-area .content .progress-bar .progress,
.services-manual__modal .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #0092CA;
  border-radius: inherit;
}
.manual__modal .wrapper .uploaded-area li,
.services-manual__modal .wrapper .uploaded-area li {
  list-style: none;
}
.manual__modal .wrapper .uploaded-area .row,
.services-manual__modal .wrapper .uploaded-area .row {
  padding: 16px;
  margin-bottom: 20px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.manual__modal .wrapper .uploaded-area .row .content,
.services-manual__modal .wrapper .uploaded-area .row .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.manual__modal .wrapper .uploaded-area .row .content svg,
.manual__modal .wrapper .uploaded-area .row .content img,
.services-manual__modal .wrapper .uploaded-area .row .content svg,
.services-manual__modal .wrapper .uploaded-area .row .content img {
  margin-right: 12px;
}
.manual__modal .wrapper .uploaded-area .row .content .details,
.services-manual__modal .wrapper .uploaded-area .row .content .details {
  display: block;
}
.manual__modal .wrapper .uploaded-area .row .content .details span,
.services-manual__modal .wrapper .uploaded-area .row .content .details span {
  display: block;
  font-size: 14px;
}
.manual__modal .wrapper .uploaded-area .row .content .content-delete,
.services-manual__modal .wrapper .uploaded-area .row .content .content-delete {
  position: absolute;
  top: 11px;
  right: 5px;
  color: #4F4D55;
  text-decoration: none;
}
.manual__modal .btn-wrapper,
.services-manual__modal .btn-wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.manual.active,
.services-manual.active {
  display: block;
}

.divider {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #EAECF0;
}

.definition,
.word {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 9999;
}
.definition__modal,
.word__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 24px;
  width: 480px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #ffffff;
}
.definition__modal__icon img,
.word__modal__icon img {
  width: 36px;
}
.definition__modal h3,
.word__modal h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding-top: 0;
}
.definition__modal p,
.word__modal p {
  padding-top: 4px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.definition__modal__close,
.word__modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  text-decoration: none;
}
.definition__modal__close i,
.word__modal__close i {
  font-size: 24px;
  color: #667085;
}
.definition__modal .wrapper form,
.word__modal .wrapper form {
  margin: 20px auto;
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px dashed #EAECF0;
  text-align: center;
  cursor: pointer;
}
.definition__modal .wrapper form .icon-wrapper,
.word__modal .wrapper form .icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 28px;
  border: 6px solid #F9FAFB;
  background: #F2F4F7;
}
.definition__modal .wrapper form p,
.word__modal .wrapper form p {
  font-size: 14px;
}
.definition__modal .wrapper form p span,
.word__modal .wrapper form p span {
  color: #0092CA;
  font-weight: 500;
}
.definition__modal .wrapper form p + p,
.word__modal .wrapper form p + p {
  font-size: 12px;
  padding-top: 4px;
}
.definition__modal .wrapper .progress-area li,
.word__modal .wrapper .progress-area li {
  list-style: none;
}
.definition__modal .wrapper .progress-area .row,
.word__modal .wrapper .progress-area .row {
  padding: 16px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  background-color: #ffffff;
}
.definition__modal .wrapper .progress-area .row .content,
.word__modal .wrapper .progress-area .row .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 15px;
}
.definition__modal .wrapper .progress-area .details,
.word__modal .wrapper .progress-area .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.definition__modal .wrapper .progress-area .content .progress-bar,
.word__modal .wrapper .progress-area .content .progress-bar {
  height: 6px;
  width: 100%;
  margin-bottom: 4px;
  background: #fff;
  border-radius: 30px;
}
.definition__modal .wrapper .progress-area .content .progress-bar .progress,
.word__modal .wrapper .progress-area .content .progress-bar .progress {
  height: 100%;
  width: 0%;
  background: #0092CA;
  border-radius: inherit;
}
.definition__modal .wrapper .uploaded-area li,
.word__modal .wrapper .uploaded-area li {
  list-style: none;
}
.definition__modal .wrapper .uploaded-area .row,
.word__modal .wrapper .uploaded-area .row {
  padding: 16px;
  margin-bottom: 20px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.definition__modal .wrapper .uploaded-area .row .content,
.word__modal .wrapper .uploaded-area .row .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.definition__modal .wrapper .uploaded-area .row .content svg,
.definition__modal .wrapper .uploaded-area .row .content img,
.word__modal .wrapper .uploaded-area .row .content svg,
.word__modal .wrapper .uploaded-area .row .content img {
  margin-right: 12px;
}
.definition__modal .wrapper .uploaded-area .row .content .details,
.word__modal .wrapper .uploaded-area .row .content .details {
  display: block;
}
.definition__modal .wrapper .uploaded-area .row .content .details span,
.word__modal .wrapper .uploaded-area .row .content .details span {
  display: block;
  font-size: 14px;
}
.definition__modal .wrapper .uploaded-area .row .content .content-delete,
.word__modal .wrapper .uploaded-area .row .content .content-delete {
  position: absolute;
  top: 11px;
  right: 5px;
  color: #4F4D55;
  text-decoration: none;
}
.definition__modal .btn-wrapper,
.word__modal .btn-wrapper {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.definition.active,
.word.active {
  display: block;
}

.test {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  background: #ffffff;
  z-index: 99999;
  overflow: scroll;
}
.test__modal {
  position: absolute;
  top: 40px;
  left: 50%;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  width: 780px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.test__modal__header h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
  color: #101828;
}
.test__modal__subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-top: 8px;
}
.test__modal__subheader i {
  position: relative;
  top: 3px;
}
.test__modal__body {
  padding-top: 40px;
  padding-bottom: 40px;
}
.test__modal__body__conversation .user,
.test__modal__body__conversation .ai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.test__modal__body__conversation .user__text,
.test__modal__body__conversation .ai__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.test__modal__body__conversation .user__text .text,
.test__modal__body__conversation .ai__text .text {
  padding: 14px 16px;
  border-radius: 8px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.test__modal__body__conversation .user__text .text span,
.test__modal__body__conversation .ai__text .text span {
  opacity: 0.7;
}
.test__modal__body__conversation .user__text .avatar,
.test__modal__body__conversation .ai__text .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.test__modal__body__conversation .ai {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.test__modal__footer {
  padding-bottom: 40px;
}
.test__modal__footer form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.test__modal__footer .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.test__modal__footer .md-input {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.test__modal__footer .md-input input {
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.test__modal__footer .md-input input::-webkit-input-placeholder {
  color: #0A090B;
}
.test__modal__footer .md-input input:-ms-input-placeholder {
  color: #0A090B;
}
.test__modal__footer .md-input input::-moz-placeholder {
  color: #0A090B;
}
.test__modal__footer .md-input input::-ms-input-placeholder {
  color: #0A090B;
}
.test__modal__footer .md-input input::placeholder {
  color: #0A090B;
}
.test__modal__footer .md-input button {
  position: absolute;
  top: 12px;
  right: 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.test__modal__footer .md-input button i {
  color: #0092CA;
}
.test__metadata {
  padding-top: 16px;
}
.test__metadata__content {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
}
.test__metadata__content__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.test__metadata__content__header__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.test__metadata__content__header__title h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
}
.test__metadata__content__header__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #EBF9FF;
}
.test__metadata__content__header__icon i {
  font-size: 14px;
  color: #00668D;
}
.test__metadata__content__header .toggle-metadata i {
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #4F4D55;
}
.test__metadata__content__header .toggle-metadata.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.test__metadata__content__body {
  padding-top: 16px;
}
.test__metadata__content__body .md-wrapper {
  margin-bottom: 12px;
}
.test__metadata__content__body .md-wrapper:last-child {
  margin-bottom: 0;
}
.test__metadata__content__body .md-wrapper label {
  display: block;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.test__metadata__content__body__competencies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.test__metadata__content__body__competencies span {
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #E5E6ED;
}
.test__metadata__content__body__skills li {
  margin-bottom: 8px;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  color: #121129;
  background-color: #F6F6F9;
}
.test__metadata__content__body__skills li:last-child {
  margin-bottom: 0;
}
.test__metadata.hidden .test__metadata__content__body {
  display: none;
}
.test__metadata.test-hidden .test__metadata__content__body {
  display: none;
}
.test__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding-top: 16px;
}
.test__buttons a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.test__buttons a i {
  margin-right: 8px;
}
.test__buttons a.regenerate-response {
  color: #868BA7;
  border-color: #D2D4E0;
}
.test__buttons a.regenerate-response:hover {
  color: #4F4D55;
  border-color: #4F4D55;
}
.test__buttons a.edit-response {
  color: #0092CA;
  border-color: #0092CA;
}
.test__buttons a.edit-response:hover {
  color: #ffffff;
  border-color: #0092CA;
  background-color: #0092CA;
}
.test.active {
  display: block;
}
.test .edit-response-modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 9;
}
.test .edit-response-modal__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 24px;
  width: 480px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.test .edit-response-modal__modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  text-decoration: none;
}
.test .edit-response-modal__modal__close i {
  font-size: 24px;
  color: #667085;
}
.test .edit-response-modal__modal h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
}
.test .edit-response-modal__modal p {
  max-width: 432px;
  padding-top: 4px;
  padding-bottom: 20px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.test .edit-response-modal__modal form label {
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.test .edit-response-modal__modal form .form-divider {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.test .edit-response-modal__modal form .form-divider .line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #EAECF0;
}
.test .edit-response-modal__modal form .form-divider .line-break {
  padding: 0 8px;
}
.test .edit-response-modal.active {
  display: block;
}
.test .test-safe-label {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 9;
}
.test .test-safe-label__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 24px;
  width: 480px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.test .test-safe-label__modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  text-decoration: none;
}
.test .test-safe-label__modal__close i {
  font-size: 24px;
  color: #667085;
}
.test .test-safe-label__modal h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
}
.test .test-safe-label__modal p {
  max-width: 432px;
  padding-top: 4px;
  padding-bottom: 20px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.test .test-safe-label__modal .test-tab {
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.test .test-safe-label__modal .test-tab:last-child {
  margin-bottom: 0;
}
.test .test-safe-label__modal .test-tab__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.test .test-safe-label__modal .test-tab__header h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.test .test-safe-label__modal .test-tab__header__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.test .test-safe-label__modal .test-tab__header__buttons a {
  text-decoration: none;
  color: #4F4D55;
}
.test .test-safe-label__modal .test-tab__header__buttons a i {
  display: inline-block;
}
.test .test-safe-label__modal .test-tab__header__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.test .test-safe-label__modal .test-tab__body {
  padding: 16px 0;
  margin-bottom: 16px;
}
.test .test-safe-label__modal .test-tab__body__list {
  padding-bottom: 16px;
}
.test .test-safe-label__modal .test-tab__body__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
.test .test-safe-label__modal .test-tab__body__list__item:last-child {
  margin-bottom: 0;
}
.test .test-safe-label__modal .test-tab__body__list__item p {
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  background-color: #F6F6F9;
  color: #121129;
}
.test .test-safe-label__modal .test-tab__body__list__item a {
  color: #4F4D55;
  text-decoration: none;
}
.test .test-safe-label__modal .test-tab__body__list__item a.test-tab__add {
  color: #0092CA;
}
.test .test-safe-label__modal .test-tab__body .test-tab-add-skills {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
  text-decoration: none;
}
.test .test-safe-label__modal .test-tab.active .test-tab__body {
  display: none;
}
.test .test-safe-label.active {
  display: block;
}

.info-modal {
  display: none;
  position: absolute;
  top: 120px;
  left: 50%;
  padding: 24px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-color: #ffffff;
  z-index: 99;
}
.info-modal h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}
.info-modal p {
  padding-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #101828;
}
.info-modal p a {
  color: #0092CA;
  font-weight: 500;
  text-decoration: none;
}
.info-modal p a:hover {
  color: #0C7FDA;
}
.info-modal .close-info-modal {
  position: absolute;
  top: 12px;
  right: 24px;
  text-decoration: none;
  color: #000000;
}
.info-modal.active {
  display: block;
}

.modal-admin,
.modal-talent {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  max-width: 480px;
  padding: 24px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  z-index: 99999;
}
.modal-admin.active,
.modal-talent.active {
  display: block;
}
.modal-admin h2,
.modal-talent h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
.modal-admin p,
.modal-talent p {
  padding-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #101828;
}
.modal-admin p a,
.modal-talent p a {
  color: #0C7FDA;
  font-weight: 700;
  text-decoration: none;
}
.modal-admin .close-modal,
.modal-talent .close-modal {
  position: absolute;
  top: 12px;
  right: 24px;
  text-decoration: none;
  color: #000000;
}
.modal-admin .close-modal i,
.modal-talent .close-modal i {
  font-size: 18px;
}

.modal-department {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 620px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.modal-department .close-modal {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #667085;
  text-decoration: none;
}
.modal-department h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
.modal-department p {
  padding-top: 4px;
  font-size: 14px;
}
.modal-department .search-form {
  margin-top: 20px;
}
.modal-department__table {
  width: 100%;
  margin-top: 20px;
}
.modal-department__table thead tr {
  border-radius: 4px;
  background-color: #F6F6F9;
}
.modal-department__table thead tr td {
  padding: 8px;
}
.modal-department__table thead tr td span {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #667085;
}
.modal-department__table tbody tr td {
  text-align: center;
}
.modal-department__table__content {
  padding: 40px 0;
}
.modal-department__table__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #F2F4F7;
}
.modal-department__table__icon i {
  font-size: 40px;
  color: #475467;
}
.modal-department__table__title {
  padding-top: 16px !important;
  font-size: 16px !important;
}
.modal-department__table__text {
  padding-top: 12px !important;
  font-size: 12px !important;
  line-height: 18px;
  max-width: 410px;
  margin: 0 auto;
}
.modal-department__table .btn {
  margin-top: 30px;
  min-width: 330px;
}
.modal-department.active {
  display: block;
}

.textarea-modal {
  position: absolute;
  width: 400px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.textarea-modal h2 {
  padding-top: 0;
  padding-bottom: 0;
}
.textarea-modal p {
  padding-top: 4px;
  font-size: 14px;
}
.textarea-modal .search {
  position: relative;
  margin-top: 20px;
  margin-bottom: 16px;
}
.textarea-modal .search input {
  padding-left: 42px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #667085;
}
.textarea-modal .search__icon {
  position: absolute;
  top: 18px;
  left: 16px;
}
.textarea-modal__labels li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}
.textarea-modal__labels li:last-child {
  margin-bottom: 0;
}
.textarea-modal__labels li .dot {
  position: relative;
  top: 4px;
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border-radius: 50%;
}
.textarea-modal__labels li a {
  display: block;
  max-width: 334px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #0A090B;
}

.select-modal {
  width: 284px;
}
.select-modal .dot {
  position: relative;
  top: -10px;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
}
.select-modal__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.select-modal__label span {
  max-width: 217px;
}
.select-modal .tooltip {
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-right: 8px;
}

table {
  border-collapse: collapse;
}

/*#region Responsive Templates */
/*#endregion */
/*#region Rem */
/*#endregion */
h1 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
  margin: 0;
}

h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.11;
  margin: 0;
}

h3 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}

p {
  font-size: 1rem;
  margin: 0;
  color: #4F4D55;
}

.cards__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-bottom: 12px;
}
@media (max-width: 575px) {
  .cards__head {
    display: block;
    padding-bottom: 24px;
  }
}
.cards__head .indicator-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media (max-width: 575px) {
  .cards__head .indicator-wrapper {
    padding-bottom: 16px;
  }
}
.cards__head .indicator-wrapper__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}
.cards__head .indicator-wrapper__item label {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.72px;
  margin-right: 6px;
  color: #101828;
  cursor: pointer;
}
.cards__head .indicator-wrapper__item span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  background-color: #F2F4F7;
  color: #667085;
}
.cards__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .cards__body {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .cards__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .cards__body {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575px) {
  .cards__body {
    grid-template-columns: 1fr;
  }
}
.cards__body__item .card {
  position: relative;
  border-radius: 12px;
  background: #ffffff;
  border: 0px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
          box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1019607843);
}
.cards__body__item .card__thumbnail {
  height: 138px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cards__body__item .card__content {
  position: relative;
  padding: 24px;
  cursor: pointer;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cards__body__item .card__content__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 8px;
}
.cards__body__item .card__content__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 6px;
  padding-bottom: 0px;
}
.cards__body__item .card__content__footer p {
  font-size: 12px;
  color: #7F7D83;
}
.cards__body__item .card__content__footer p span {
  font-size: 13px;
  color: #101828;
}
.cards__body__item .card__content__footer .users {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 0;
}
.cards__body__item .card__content__footer .users__item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 40px;
  height: 40px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cards__body__item .card__content__footer .users__item img {
  width: 24px;
  height: 24px;
}
.cards__body__item .card__content__footer .users__item:nth-child(1) {
  z-index: 9;
}
.cards__body__item .card__content__footer .users__item:nth-child(2) {
  right: -8px;
  z-index: 8;
}
.cards__body__item .card__content__footer .users__item:nth-child(3) {
  right: -16px;
  z-index: 7;
}
.cards__body__item .card__content__footer .users__item:nth-child(4) {
  right: -24px;
  z-index: 6;
}
.cards__body__item .card__content__footer .users__item:nth-child(5) {
  right: -32px;
  z-index: 5;
}
.cards__body__item .card__content__footer .users__item:nth-child(6) {
  right: -40px;
  z-index: 4;
}
.cards__body__item .card__content__footer .users__item:nth-child(7) {
  right: -48px;
  z-index: 3;
}
.cards__body__item .card__content__footer .users__item:nth-child(8) {
  right: -56px;
  z-index: 2;
}
.cards__body__item .card__content__footer .users__item:nth-child(9) {
  right: -64px;
  z-index: 1;
}
.cards__body__item .card__options {
  position: absolute;
  top: 12px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.cards__body__item .card__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
}
.cards__body__item .card__button i {
  font-size: 14px;
  color: #ffffff;
}
.cards__body__item .card__button svg {
  fill: #ffffff;
}
.cards__body__item .card__button:hover {
  background-color: #ffffff;
}
.cards__body__item .card__button:hover i {
  color: #0092CA;
}
.cards__body__item .card__name {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: -0.18px;
  min-height: 22px;
  padding-bottom: 0px;
  overflow: hidden;
}
.cards__body__item .card__state {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 10px;
  font-weight: 500;
  border-radius: 16px;
  color: #B93815;
  background-color: #FFF4ED;
}
.cards__body__item .card__state:before {
  content: "";
  position: relative;
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  border-radius: 50%;
  background-color: #B93815;
}
.cards__body__item .card__category {
  padding: 3px 6px;
  font-size: 13px;
  border-radius: 5px;
  color: #4F4D55;
  border-radius: 16px;
  background-color: #F8F9FC;
  color: #363F72;
}
.cards__body__item .card__test {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cards.inactive {
  display: none;
}

.card {
  margin-bottom: 8px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.card__container {
  position: relative;
  padding: 16px;
}
.card__btn-wrapper {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.card__btn-wrapper a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4F4D55;
  text-decoration: none;
}
.card__btn-wrapper a.close-body, .card__btn-wrapper a.close-skills {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 16px;
  font-weight: 500;
}
.card__header h2 {
  color: #0A083B;
}
.card__header .svg-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px;
  background-color: #EBF9FF;
}
.card__header .svg-wrapper svg {
  width: 14px;
  height: 14px;
}
.card__header .svg-wrapper i {
  color: #00668D;
}
.card__header form select {
  padding: 10px 36px 10px 12px;
  font-weight: 500;
  border: 1px solid #00668D;
  border-radius: 32px;
  color: #101828;
}
.card__body {
  position: relative;
  border-radius: 8px;
}
.card__body__manual {
  position: absolute;
  top: 28px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 575px) {
  .card__body__manual {
    position: static;
  }
}
.card__body__manual p {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.card__body__manual a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  color: #4F4D55;
}
.card__body__manual a.close-manual.close {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.card__body .actors__card__btn-wrapper {
  top: 17px;
  right: 16px;
}
.card__body.close .card__skills {
  height: 1px;
  overflow: hidden;
  border-bottom: 1px solid #CCD2E6;
}
.card__body.close .close-skills {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.card__definition h3 {
  padding-top: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #0A083B;
  text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card__definition__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.card__definition__list__item span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #0A083B;
  line-height: 20px;
  padding: 12px;
  margin-right: 16px;
  color: #0A083B;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 8px;
  border: 1px solid #F6F6F9;
}
.card__definition__list__item a {
  display: inline-block;
  color: #4F4D55;
  text-decoration: none;
}
.card__definition--manual {
  padding-top: 12px;
  padding-bottom: 12px;
}
.card__skills h3 {
  padding-top: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #0A083B;
  text-align: left;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card__skills__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
}
.card__skills__list__item span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #0A083B;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px;
  margin-right: 16px;
  text-align: left;
  border-radius: 8px;
  background-color: #F6F6F9;
}
@media (max-width: 575px) {
  .card__skills__list__item span {
    font-size: 12px;
  }
}
.card__skills__list__item a {
  display: inline-block;
  text-decoration: none;
}
.card__skills__list__item a i {
  color: #4F4D55;
}
.card .add-new {
  display: inline-block;
  padding-top: 16px;
  font-size: 13px;
  color: #0092CA;
  text-decoration: none;
}
.card.close .card__body {
  display: none;
}
.card.close .card__header {
  padding-bottom: 0;
}
.card.close .close-body {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.document {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
  color: #3C3F59;
  border-radius: 8px;
  border: 1px solid #E5E6ED;
}
.document__type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 13px;
}
.document__type img {
  width: 40px;
  height: 40px;
}
.document__info span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.document__info span:nth-child(1) {
  color: #344054;
}
.document__info span:nth-child(2) {
  color: #475467;
}
.document a {
  text-decoration: none;
}
.document a i {
  position: relative;
  top: 3px;
  color: rgba(10, 8, 59, 0.5);
}

.attachments {
  margin-top: 6px;
  padding: 16px 24px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.attachments.fileDetails {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.attachments .featured-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 6px solid #F9FAFB;
  background-color: #F2F4F7;
}
.attachments .featured-icon i {
  font-size: 20px;
  color: #475467;
}
.attachments .upload {
  display: none;
}
.attachments #file_valid_msg {
  font-size: 12px;
  color: red;
}
.attachments p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px !important;
}
.attachments p .upload_link {
  text-decoration: none;
  font-weight: 600;
  color: #0092CA;
}
.attachments p.text-small {
  padding-top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  font-weight: 500;
}
.attachments p.text-small.selected_file_size {
  font-weight: 400;
  color: #475467;
}

.welcome__wrapper {
  padding-top: 200px;
  padding-bottom: 200px;
}
.welcome__card {
  max-width: 524px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  text-align: center;
}
.welcome__card h1 {
  max-width: 370px;
  margin: 16px auto 0 auto;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.18px;
  color: #0A090B;
}
.welcome__card p {
  max-width: 412px;
  margin: 12px auto 0 auto;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #7F7D83;
}
.welcome__card .btn {
  min-width: 276px;
  margin-top: 30px;
  margin-bottom: 24px;
}
.welcome__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #F2F4F7;
}
.welcome__icon i {
  font-size: 42px;
  color: #475467;
}
.welcome.inactive {
  display: none;
}

.rubic__wrapper {
  max-width: 780px;
  padding-top: 50px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 575px) {
  .rubic__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.rubic__header h1 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.rubic__header p {
  padding-top: 9px;
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.rubic__card {
  position: relative;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
@media (max-width: 575px) {
  .rubic__card {
    padding: 16px;
  }
}
.rubic__card h2 {
  font-size: 18px;
}
.rubic__card form .md-input {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 16px 24px;
  border-radius: 8px;
  background: #F9FAFB;
}
.rubic__card form .md-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.rubic__card form .md-input-wrapper:last-child {
  margin-bottom: 0;
}
.rubic__card form .md-input-wrapper label {
  display: inline-block;
  margin-right: 12px;
  padding-bottom: 0;
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.rubic__card form .md-input-wrapper .md-input-delete {
  margin-left: 8px;
  text-decoration: none;
  color: #4F4D55;
}
.rubic__card form .md-input-wrapper .md-input-delete:hover {
  color: #667085;
}
.rubic__card form .md-input-wrapper .md-input-wrapper-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.rubic__card form .md-input-wrapper .md-input-wrapper-select .custom-select .select-items div {
  font-size: 16px;
}
.rubic__card form .md-input-wrapper .md-input-wrapper-select .custom-select .same-as-selected {
  background-color: #F9FAFB;
}
.rubic__card form .md-input-wrapper .md-input-wrapper-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.rubic__card form .md-input-wrapper.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.rubic__card form select {
  height: 44px;
  border-radius: 8px;
}
.rubic__card form .md-divide {
  padding: 0;
}
.rubic__card form .md-divide a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #0092CA;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}
.rubic__card form .md-divide a i {
  font-size: 12px;
}
.rubic__card form .md-divide a span {
  padding-left: 8px;
}
.rubic__card form .mega-select {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.rubic__card form .mega-select.active .chevron-up {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rubic__card form .mega-select.active .mega-select__dropdown {
  display: block;
}
.rubic__card form .mega-select.active .mega-select__toggle {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rubic__card form .mega-select__values {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 560px;
  height: 42px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.rubic__card form .mega-select__toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rubic__card form .mega-select__placeholder {
  color: #667085 !important;
}
.rubic__card form .mega-select__placeholder span {
  position: relative;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: auto;
  height: 20px;
  padding: 2px 4px;
  margin-right: 8px;
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  color: #344054;
  font-size: 14px;
  line-height: 1.43;
  white-space: nowrap;
}
.rubic__card form .mega-select__placeholder span .delete-categorie {
  position: absolute;
  top: 2px;
  right: 0;
  width: 20px;
  height: 20px;
  color: #667085;
  background-color: #ffffff;
  text-align: center;
  z-index: 999;
  cursor: pointer;
}
.rubic__card form .mega-select__placeholder span .delete-categorie:hover {
  color: #000000;
}
.rubic__card form .mega-select__placeholder span.all {
  color: #667085;
  font-size: 16px;
  line-height: 1.5;
  border: none;
  max-width: none;
}
.rubic__card form .mega-select__placeholder span.all .delete-categorie {
  display: none;
}
.rubic__card form .mega-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  height: 220px;
  padding: 2px 6px;
  margin-top: 4px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  z-index: 9;
  overflow: scroll;
}
.rubic__card form .mega-select__dropdown__container {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.rubic__card form .mega-select__item {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #101828;
  cursor: pointer;
}
.rubic__card form .mega-select__item:hover .mega-select__item__text {
  background-color: #F9FAFB;
}
.rubic__card form .mega-select__item.active .mega-select__item__text {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rubic__card form .mega-select__item.active .mega-select__item__text i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 8px;
}
.rubic__card form .mega-select__item.active .mega-select__item__dropdown {
  display: block;
}
.rubic__card form .mega-select__item.inactive {
  display: none;
}
.rubic__card form .mega-select__item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
}
.rubic__card form .mega-select__item__text i {
  font-size: 20px;
  color: #667085;
}
.rubic__card form .mega-select__item__dropdown {
  display: none;
}
.rubic__card form .mega-select__item__dropdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #101828;
  cursor: pointer;
}
.rubic__card form .mega-select__item__dropdown__item i {
  font-size: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #667085;
}
.rubic__card form .mega-select__item__dropdown__item__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  width: 100%;
}
.rubic__card form .mega-select__item__dropdown__item__container:hover {
  background-color: #F9FAFB;
}
.rubic__card form .mega-select__item__dropdown__item__container .num {
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #475467;
}
.rubic__card form .mega-select__item__dropdown__item.active .mega-select__item__dropdown__item__container svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rubic__card form .mega-select__item__dropdown__item.active .mega-select__item__dropdown__item__dropdown {
  display: block;
}
.rubic__card form .mega-select__item__dropdown__item.active .icon-chevron-right {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rubic__card form .mega-select__item__dropdown__item.inactive {
  display: none;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown {
  display: none;
  padding: 10px;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 8px;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item span {
  display: block;
  max-width: 500px;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item input[type=checkbox]:checked + svg {
  display: block;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item i {
  display: none;
  color: #0092CA;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item.active {
  background-color: #F9FAFB;
}
.rubic__card form .mega-select__item__dropdown__item__dropdown__item.active i {
  display: inline-block;
}

.finish {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  z-index: 99999;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.finish__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 480px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.finish__modal h3 {
  color: #101828;
  font-weight: 600;
  line-height: 28px;
}
.finish__modal p {
  max-width: 430px;
  margin: 0 auto;
  padding-top: 4px;
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}
.finish__modal p a {
  color: #475467;
  font-weight: 600;
  text-decoration: none;
}
.finish__modal .continue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
}
.finish__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  border-radius: 10px;
  border: 1px solid #EAECF0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.finish__icon i {
  font-size: 24px;
  color: #344054;
}
.finish.inactive {
  display: none;
}

.seperator {
  height: 1px;
  background-color: #EAECF0;
}

.custom-select {
  position: relative;
}
.custom-select i {
  position: absolute;
  top: 13px;
  right: 18px;
  pointer-events: none;
}
.custom-select.cutom-select-talent-role select {
  display: block;
}
.custom-select select {
  display: none;
}
.custom-select .select-selected {
  padding: 10px 34px 10px 14px;
  font-size: 16px;
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  color: #000000;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.custom-select .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.custom-select .select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  margin-top: 1px;
  padding: 4px 6px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background-color: #ffffff;
  color: #101828;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  max-height: 100px;
  overflow: scroll;
}
.custom-select .select-items div {
  padding: 8px 8px;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.custom-select .select-items div:hover {
  background-color: #F9FAFB;
}
.custom-select .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.select-hide {
  display: none;
}

.fileListMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #eaecf0;
  padding: 10px 20px 10px 10px;
  border-radius: 10px;
  margin-top: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fileListMain .fileList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.fileListMain .fileList .text-small {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.fileListMain .fileList .text-small.selected_file_name_render {
  font-weight: 500;
}

.video-player {
  position: relative;
  overflow: hidden;
}
.video-player .video {
  width: 100%;
}
.video-player .player-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-player .player-controls .play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;
  font-size: 40px;
  color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.video-player .player-controls .play-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -50%);
      -ms-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.video-player .player-controls .play-button:hover i {
  color: #0092CA;
}
.video-player .player-controls .play-button.hide {
  display: none;
}

.cards__body__item {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* Crucial for equal heights */
}

.cards__body__item .card__content__footer {
  padding-bottom: 6px;
}

.cards__body__item .card__content {
  padding: 16px;
}

.cards__body__item .card__category {
  font-size: 12px;
  margin: 0 0 0 8px !important;
  display: inline-block;
  color: #667085;
  font-weight: 600;
  padding: 2px 8px !important;
}

.btn.w-100 {
  width: 100% !important;
}

.content_info {
  margin-top: 10px;
}

.content_info span {
  font-size: 14px;
  color: #313131;
  display: inline-block;
  text-align: justify;
  line-height: 18px;
}

.test__modal__header {
  margin-top: 40px;
}

.test__modal .test__modal__body {
  padding: 0 !important;
}

.test__modal {
  bottom: auto !important;
}

.test__modal__footer {
  padding-top: 20px;
}

.icon-more:after {
  content: "⋮";
  font-size: 25px;
}

.test__modal__body .user,
.test__modal__body .ai {
  margin: 12px 0;
}

.test__modal__body .avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}

.is_typing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: #515151;
}

[class^=icon-],
[class*=" icon-"] {
  font-family: "iconfont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
}

.cards__body__item .card__content__header__more {
  position: relative;
}

.cards__body__item .card__content__header a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #475467;
  text-decoration: none;
}

.card__content__header__more__btns a {
  text-decoration: none;
  color: #fff;
  background-color: #344054 !important;
}
.card__content__header__more__btns a:hover {
  background-color: #344054 !important;
  opacity: 0.8;
}

.roles_header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 36px;
  font-weight: 600;
}

.edit__modal .competencie-list__item.active .competencie-list__item__sublist,
.delete__modal .competencie-list__item.active .competencie-list__item__sublist,
.addnew__modal .competencie-list__item.active .competencie-list__item__sublist {
  display: block;
}

.cards__body__item .card__button i {
  font-size: 0;
  color: inherit;
}
.cards__body__item .card__button i.icon-pencil {
  background-image: url("../../assets/img/editicon.svg");
  width: 16px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.cards__body__item .card__button i.icon-delete {
  background-image: url("../../assets/img/delicon.svg");
  width: 12px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}

.cards__body__item .card__button:hover i {
  color: inherit;
}

.cards__head a:not(.inactive) .indicator-wrapper__item {
  border-bottom: 2px solid #0092ca;
}
.cards__head a:not(.inactive) .indicator-wrapper__item span {
  background-color: #0092ca;
  color: #ffffff;
  padding: 12px 16px;
  border-radius: 20px;
}
.cards__head a:not(.active) .indicator-wrapper__item span {
  background-color: #f2f4f7;
  color: #667085;
  padding: 12px 16px;
  border-radius: 20px;
}
.cards__head a.inactive span {
  padding: 4px 8px;
  border-radius: 20px;
}

.cards__body__item .card__content__footer p span {
  font-size: 12px;
  color: #475467;
  font-weight: 600;
}

.cards__body__item .card__button:hover {
  background-color: #f9fafb;
}

.main-table {
  max-height: 400px;
  overflow: auto;
  margin: 0 auto;
  width: 100%;
}

.main-table.table-admin {
  min-height: 520px;
  width: 100%;
}

.main-table.table-user {
  min-height: 690px;
  width: 100%;
}

.card__content .card__roles {
  height: 26px;
}
.card__content .card__roles .totalRubrics {
  font-size: 12px;
  line-height: 18px;
}

.select-menu__departments,
.select-menu__departments span i {
  pointer-events: inherit;
}

.select-menu__input .toggle-select-menu {
  pointer-events: inherit;
}

.account__content__table__head__block {
  cursor: auto !important;
}
.account__content__table__head__block svg {
  display: none;
}

.inputLimitMsg,
.textareaLimitMsg {
  font-size: 12px;
  text-align: right;
  margin-top: 5px;
}

.talentRoleMsg {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  color: #667085;
}
.talentRoleMsg a {
  font-weight: 500;
  color: #0092CA;
  text-decoration: none;
}

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 40px;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 40px;
  }
}
.saving_changes {
  width: 220px;
  font-size: 14px;
  color: #717171;
}

.card__name__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  min-height: 50px;
  overflow: hidden;
}
.card__name__head .card__tag {
  font-size: 12px;
  line-height: 18px;
  color: #4318e3;
  background: #ece6ff;
  border-radius: 4px;
  padding: 2px 6px;
  font-weight: 600;
}
.card__name__head .card__tag.purple__tag {
  color: #4318e3;
  background: #ece6ff;
  white-space: nowrap;
}
.card__name__head .card__tag.blue__tag {
  color: #175bd1;
  background: #ecf5fd;
}

.dropdown {
  position: relative;
  display: inline-block;
  right: 0.4em;
}
.dropdown.dropdown-nodots .threeDotsBtn {
  border: 0;
}
.dropdown.dropdown-nodots .dropdown-content {
  right: 15px;
  top: 33px;
}

.threeDotsBtn {
  color: white;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border: 1px solid #EAECF0;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 !important;
}
.threeDotsBtn li {
  background: none repeat scroll 0 0 #475467;
  height: 3px;
  width: 3px;
  line-height: 0;
  list-style: none outside none;
  margin-top: 3px;
  vertical-align: top;
  border-radius: 50%;
  pointer-events: none;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  overflow: auto;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 6px;
  padding: 5px;
  border: 1px solid #d0d5dd;
}
.dropdown-content a {
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  border-radius: 5px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 5px 7px !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
  color: #667085 !important;
}
.dropdown-content a:hover {
  background-color: #f2f4f7 !important;
}

.show {
  display: block;
}

.card__test__home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-top: 15px;
  margin-top: 5px;
  border-top: 1px solid #EAECF0;
}
.card__test__home .btn.btn-blue {
  width: 100%;
}

.cards__body__scroll {
  padding: 3px;
}

.cardsCount {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  text-align: center;
  color: #667085;
  margin-top: 30px;
}
.cardsCount span {
  font-weight: 500;
  color: #475467;
}

.cardsFilterText {
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  text-align: center;
  color: #475467;
  margin-top: 2px;
  margin-bottom: 30px;
}
.cardsFilterText .cardFilter {
  color: #0092ca;
  font-weight: 600;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.linear-background {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 104px;
  height: 20px;
  position: relative;
  overflow: hidden;
  margin: 28px 0;
}

.pie-chart {
  position: relative;
  width: 60px;
  border-radius: 50%;
  background: conic-gradient(#2196f3 0% 0%, #e0e0e0 0% 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  font-weight: bold;
  color: #333;
}

.pie-chart::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 8px;
  font-weight: bold;
  color: #333;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.pie-chart:hover::after {
  opacity: 1;
}

.miner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}
.miner__sidebar {
  overflow: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 15.75rem;
  padding: 15px 24px;
  background-color: #ffffff;
  border-right: 1px solid #EAECF0;
}
.miner__content {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 18.25rem);
  padding: 2.5rem;
}

#loading-bar-spinner.spinner {
  z-index: 1000 !important;
  margin-right: 4px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
          animation: loading-bar-spinner 400ms linear infinite;
}

#loading-bar-spinner.spinner .spinner-icon {
  width: 10px;
  height: 10px;
  border: solid 2px transparent;
  border-top-color: #fff !important;
  border-left-color: #fff !important;
  border-radius: 50%;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.actors {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .actors {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.actors__wrapper {
  max-width: 780px;
  margin: 0 auto;
}
.actors__wrapper h1 {
  padding-bottom: 16px;
  color: #101828;
}
.actors__wrapper p {
  font-size: 13px;
}
.actors__content h1 {
  padding-bottom: 8px;
}
.actors__content__small-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-top: 0;
  padding-bottom: 16px;
}
.actors__content__small-text i {
  position: relative;
  top: 3px;
}
.actors__content__small-text p {
  max-width: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #3C3F59;
}
.actors__content__list {
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.actors__content__list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.actors__content__list__header__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.actors__content__list__header__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  border-radius: 4.2px;
  background-color: #EBF9FF;
}
.actors__content__list__header__icon i {
  color: #0092CA;
}
.actors__content__list__header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.actors__content__list__header__title__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px;
  background: #EBF9FF;
}
.actors__content__list__header__title__icon i {
  font-size: 14px;
  color: #0092CA;
}
.actors__content__list__header__title .custom-select {
  width: 230px;
}
.actors__content__list__header__title .custom-select i {
  top: 8px;
  right: 24px;
}
.actors__content__list__header__title .custom-select .select-selected {
  padding: 4px 12px;
  border-radius: 16px;
}
.actors__content__list__header__button a {
  text-decoration: none;
}
.actors__content__list__header__button a i {
  display: inline-block;
  color: #4F4D55;
}
.actors__content__list__header__button a.edit-button i {
  display: inline-block;
}
.actors__content__list__header__button a.edit-button.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.actors__content__list__header__button a.toggle-button.rotate i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.actors__content__list__header__button a.toogle-sublist-button.rotate i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.actors__content__list__header.hidden + .framework-list {
  display: none;
}
.actors__content__list h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.actors__content__list__item {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #101828;
}
.actors__content__list.hidden .documents__list {
  display: none;
}
.actors__content .grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .actors__content .grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media (max-width: 575px) {
  .actors__content .grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.actors__content .grid__item {
  padding: 18px 32px;
  border-radius: 8px;
  border: 0.5px solid #EAECF0;
  background: #ffffff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.actors__content .grid__item.active {
  border: 1px solid #0092CA;
}
.actors__content .grid__item.stretch {
  grid-column: 1/3;
  padding: 16px;
}
.actors__content .grid__item.stretch .add-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.actors__content .grid__item a {
  display: block;
  text-decoration: none;
}
.actors__content .grid__item__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #ECF5FD;
  border-radius: 7px;
}
.actors__content .grid__item__icon i {
  font-size: 24px;
  color: #0092CA;
}
.actors__content .grid__item b {
  display: block;
  margin-top: 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
}
.actors__content .grid__item p {
  margin-top: 8px;
  color: #4F4D55;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.actors__content .grid__item .add-new {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  margin-top: 16px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  background: #ffffff;
  color: #0092CA;
}
.actors .edit__form {
  border: none;
  padding: 0;
  border: none;
  border-radius: 0;
}
.actors .edit__form__container {
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px dashed #EAECF0;
  background: #ffffff;
}
.actors .edit__form__container p {
  padding-top: 4px;
}
.actors .edit__form .md-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 20px;
}
.actors .edit__form .md-submit input {
  width: auto;
}
.actors.framework .framework-list__sublist {
  margin-bottom: 16px;
}

.competency {
  padding-bottom: 165px;
  min-height: calc(100vh - 230px);
}
.competency__wrapper {
  max-width: 780px;
  padding-top: 50px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 575px) {
  .competency__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.competency__header {
  padding-bottom: 16px;
}
.competency__header h1 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.competency__header p {
  padding-top: 16px;
  color: #4F4D55;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.competency__header__small-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-top: 8px;
}
.competency__header__small-text i {
  position: relative;
  top: 3px;
}
.competency__header__small-text p {
  padding: 0;
}
.competency__header__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8px;
}
.competency__header__desc p {
  padding-left: 8px;
}
.competency__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8px;
}
.competency__description a {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #121315;
  text-decoration: none;
}
.competency__description a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  padding: 4px;
  margin-right: 8px;
  font-size: 18px;
  border-radius: 4px;
  background-color: #EFF0F2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.competency__description a:hover span {
  background-color: #0092CA;
  color: #ffffff;
}
.competency__card {
  position: relative;
  margin-top: 24px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.competency__card.close .card__skills {
  height: 0;
  overflow: hidden;
}
.competency__card.close .competency__card__button {
  display: none;
}
.competency__card.close .card__header {
  padding-bottom: 0;
}
.competency__card.close .close-body {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.competency__card.close .competency__card__footer {
  display: none;
}
.competency__card.close .sequence-keywords-main {
  display: none;
}
.competency__card .card__btn-wrapper {
  top: 28px;
  right: 16px;
}
.competency__card form input {
  border-radius: 8px;
  background: #F6F6F9;
}
.competency__card form input::-webkit-input-placeholder {
  color: #4F4D55;
}
.competency__card form input:-ms-input-placeholder {
  color: #4F4D55;
}
.competency__card form input::-moz-placeholder {
  color: #4F4D55;
}
.competency__card form input::-ms-input-placeholder {
  color: #4F4D55;
}
.competency__card form input::placeholder {
  color: #4F4D55;
}
.competency__card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.competency__card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
}
.competency__card__buttons a {
  margin-left: 8px;
  text-decoration: none;
  color: #4F4D55;
}
.competency__card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 16px;
}
.competency__card__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #0092CA;
  font-weight: 600;
  text-decoration: none;
}
.competency__card__button--ai {
  padding: 0 8px;
  margin-left: 16px;
  border-radius: 16px;
  background: #F3F3F8;
  color: #3C3F59;
}
.competency__card__button--ai i {
  color: #868BA7;
  margin-right: 4px;
}
.competency__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.competency__buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  margin-top: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  background: #ffffff;
  text-decoration: none;
}
.competency__buttons a:hover {
  background-color: #0092CA;
}
.competency__buttons a.generate-competency {
  color: #868BA7;
}
.competency__buttons a.generate-competency i {
  margin-right: 4px;
  color: #868BA7;
}
.competency__buttons a.generate-competency:hover {
  color: #ffffff;
}
.competency__buttons a.generate-competency:hover i {
  color: #ffffff;
}
.competency__buttons a.add-competency {
  color: #0092CA;
  margin-bottom: 10px;
}
.competency__buttons a.add-competency:hover {
  color: #ffffff;
}
.competency__modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  height: 100vh;
  z-index: 99999;
  background-color: rgba(110, 118, 132, 0.8);
}
.competency__modal__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 480px;
  padding: 24px 24px 16px 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.competency__modal__wrapper p {
  padding-top: 4px;
  color: #475467;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.competency__modal__wrapper .input-wrapper {
  position: relative;
}
.competency__modal__wrapper .input-wrapper input {
  padding-left: 40px;
}
.competency__modal__wrapper .input-wrapper i {
  position: absolute;
  top: 13px;
  left: 14px;
  color: #667085;
}
.competency__modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}
.competency__modal__close i {
  font-size: 24px;
  color: #667085;
}
.competency__modal.active {
  display: block;
}
.competency__toggle {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.competency__toggle__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.competency__toggle__header__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.competency__toggle__header__options a {
  text-decoration: none;
}
.competency__toggle__header__options a.edit-modal {
  color: #757D8A;
}
.competency__toggle__header__options a.delete-modal {
  color: #4F4D55;
}
.competency__toggle h3 {
  padding-bottom: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #0A083B;
}
.competency__toggle .form-divider {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.competency__toggle .form-divider .line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 1px;
  background-color: #EAECF0;
}
.competency__toggle .form-divider .line-break {
  padding: 0 8px;
}
.competency__toggle .competency__dropdown label {
  display: inline-block;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.competency__toggle .competency__dropdown__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 14px;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  cursor: pointer;
}
.competency__toggle__description {
  padding-top: 16px;
}
.competency__toggle__description__box {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
  color: #000000;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.competency__toggle form input {
  background-color: #F6F6F9;
}
.competency__toggle form .md-input .custom-select .select-items div {
  font-size: 16px;
}
.competency__toggle form .md-wrapper {
  margin-top: 16px;
}
.competency__toggle form .md-wrapper label {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.competency__toggle form .md-wrapper .grid {
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.competency__toggle form .md-wrapper textarea {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.definition__card form label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.definition__card form input,
.definition__card form select,
.definition__card form textarea {
  font-weight: 500;
  border-color: #F6F6F9;
}

.competency_head_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 50px;
}
.competency_head_main .md-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 0;
}
.competency_head_main .md-input:first-child {
  width: 74%;
}

.rubic {
  padding-bottom: 110px;
}

.cards__head {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
}
.cards__head.cards__head__top {
  padding-bottom: 15px;
}
.cards__head.cards__head__top h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 500;
}

.custom-select.expertise-custom-select .select-selected:after {
  top: 18px;
  right: 19px;
  border-width: 8px;
}
.custom-select.expertise-custom-select .select-items {
  display: none;
}

.rubricsrole {
  margin-bottom: 40px !important;
  gap: 60px !important;
}
.rubricsrole__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.5px solid #EAECF0 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  background-color: #F9FAFB !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.rubricsrole__card:hover {
  border: 1.5px solid #0092CA !important;
}
.rubricsrole__card.selected {
  border: 1.5px solid #0092CA !important;
}
.rubricsrole__card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.rubricsrole__card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.rubricsrole__card__header h3 {
  font-size: 1rem;
  line-height: 24px;
  color: #0092CA;
}
.rubricsrole__card__text {
  padding-top: 10px;
  max-width: 75%;
  white-space: nowrap;
}
.rubricsrole__card__text p {
  font-size: 12px;
  line-height: 18px;
  color: #475467;
}
.rubricsrole__card__btn {
  padding-top: 10px;
  text-align: right;
}
.rubricsrole__card__btn .createBtn {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #0092CA;
}

.attachments.fileDetails.fileDetailsModal {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.attachments.fileDetails.fileDetailsModal .account__delete {
  text-decoration: none;
  color: #667085;
}
.attachments.fileDetails.fileDetailsModal .rubricFile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.coursesCount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 5px;
}
.coursesCount .tooltip .tooltiptext {
  bottom: 0;
  width: 170px;
  margin-bottom: 35px;
  background: #182230;
  border-radius: 4px;
  left: 0;
  margin-left: -63px;
  border: 0;
}
.coursesCount .tooltip .tooltiptext:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #2f2f2f;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  bottom: -6px;
  left: 50%;
  margin-left: -15px;
}
.coursesCount .tooltip .tooltiptext.active {
  visibility: visible;
}
.coursesCount .tooltip .tooltiptext h5 {
  color: #F9FAFB;
  font-size: 12px;
  line-height: 18px;
}
.coursesCount .tooltip .tooltiptext p {
  color: #D0D5DD;
  font-size: 12px;
  line-height: 18px;
}
.coursesCount .courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  background: #F9FAFB;
  padding: 2px 8px;
  border-radius: 16px;
}
.coursesCount .courses span {
  font-size: 12px;
  line-height: 18px;
  color: #667085;
  font-weight: 600;
}

.cards__body__item .card__content__footer.learners__footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cards__body__item .card__content__footer.learners__footer .contentUpdates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.emptyStateRubric {
  max-width: 490px;
  margin: 0 auto;
  text-align: center;
}
.emptyStateRubric h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin: 25px 0 16px 0;
}
.emptyStateRubric p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 25px;
}

.search-filter-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.search-filter-head h1 {
  padding-bottom: 0;
}
.search-filter-head .search-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.search-filter-head .search-filter .search-form {
  margin: 0;
  min-width: 373px;
}
.search-filter-head .search-filter .search-form input {
  border: 1px solid #EAECF0;
  padding-top: 11px;
  padding-bottom: 11px;
}

.filters-icon {
  border: 1px solid #EAECF0;
  border-radius: 8px;
  padding: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filters-icon.active {
  background: #0092CA;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
.filters-icon.active:before {
  -webkit-filter: grayscale(100%) brightness(200%) invert(0%);
          filter: grayscale(100%) brightness(200%) invert(0%);
}
.filters-icon:before {
  content: "";
  background-image: url("../../assets/img/filters-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.filterDropdownMain {
  min-width: 148px;
  border: 1px solid #D0D5DD;
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 99;
  display: none;
}
.filterDropdownMain .filterHeadMain {
  margin-bottom: 10px;
  color: #475467;
  font-size: 14px;
}
.filterDropdownMain .filterDropdown {
  padding: 0;
}
.filterDropdownMain .filterDropdown .filterHead {
  color: #98A2B3;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  cursor: pointer;
}
.filterDropdownMain .filterDropdown .filterHead .icon-chevron-down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filterDropdownMain .filterDropdown .filterHead .icon-chevron-down.arrowUp {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.filterDropdownMain .filterDropdown li {
  list-style: none;
}
.filterDropdownMain .filterDropdown li:last-child .filterations {
  border: none;
  margin: 0;
}
.filterDropdownMain .filterDropdown li:last-child .filterations .md-wrapper:last-child {
  margin: 0;
}
.filterDropdownMain .filterDropdown li .filterations {
  border-bottom: 1px solid #EAECF0;
  margin-bottom: 12px;
}
.filterDropdownMain .filterDropdown li .filterations .md-wrapper {
  margin-bottom: 12px;
  padding: 0;
}
.filterDropdownMain .filterDropdown li .filterations .md-wrapper label {
  margin-left: 8px;
  font-size: 14px;
  display: inline-block;
}

.template {
  padding-bottom: 60px;
  background-color: #F2F4F7;
}
.template__wrapper {
  max-width: 780px;
  padding-top: 50px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 575px) {
  .template__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.template__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template__header__return {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 16px;
  text-decoration: none;
}
.template__header__return.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.template__header__return i {
  font-size: 20px;
  color: #4F4D55;
}
.template__header h1 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.template__search {
  padding-top: 8px;
  padding-bottom: 16px;
}
.template__filter {
  margin-bottom: 16px;
}
.template__filter .slick-arrow {
  position: absolute;
  top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  background: #ffffff;
  cursor: pointer;
  z-index: 99;
}
.template__filter .slick-arrow.slick-prev {
  right: 32px;
}
.template__filter .slick-arrow.slick-next {
  right: 0;
}
.template__filter .slick-list {
  position: relative;
  border-bottom: 1px solid #EAECF0;
}
.template__filter .slick-list:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 42px;
  background: -webkit-gradient(linear, right top, left top, color-stop(25.07%, #FCFCFD), to(rgba(252, 252, 253, 0)));
  background: linear-gradient(270deg, #FCFCFD 25.07%, rgba(252, 252, 253, 0) 100%);
  z-index: 9;
}
.template__filter__list__item {
  padding: 0 12px;
}
.template__filter__list__item:first-child {
  padding-left: 0;
}
.template__filter__list__item:last-child {
  padding-right: 0;
}
.template__filter__list__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 32px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 2px solid;
  border-color: transparent;
  color: #667085;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.template__filter__list__link.active {
  color: #0092CA;
  border-color: #0092CA;
}
.template__list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  overflow: scroll;
}
.template__list__item {
  border-radius: 8px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.template__list__item:hover {
  background-color: #F9FAFB;
}
.template__list__item__collection {
  position: relative;
  padding: 16px;
}
.template__list__item__collection h3 {
  padding-bottom: 16px;
}
.template__list__item__link {
  display: block;
  color: #0092CA;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}
.template__list__item__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  border-radius: 7px;
  background-color: rgba(102, 112, 133, 0.1);
}
.template__list__item__icon i {
  font-size: 24px;
  color: #667085;
}
.template__list__item.active .template__list__item__tab {
  display: grid;
}
.template__list__item.inactive {
  display: none;
}
.template__list__item__tab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: none;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  background-color: #F2F4F7;
  z-index: 9;
}
.template__list__item__tab__box {
  position: relative;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.template__list__item__tab__box h3 {
  max-width: 200px;
  padding-bottom: 8px;
  font-size: 17px;
  font-weight: 500;
  color: #101828;
}
.template__list__item__tab__box p {
  color: #4F4D55;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.template__list__item__tab__box__card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 9;
  background-color: #ffffff;
}
.template__list__item__tab__box__card a {
  min-width: 138px;
  text-decoration: none;
}
.template__list__item__tab__box__card a.btn-preview svg {
  margin-right: 4px;
}
.template__list__item__tab__box .btn.modal-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
  border-radius: 8px;
  border: 0.5px solid #D2D4E0;
}
.template__list__item .checkbox-container {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
}
.template__list__item .checkbox-container .checkbox {
  position: absolute;
  width: 16px;
  height: 16px;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.template__list__item .checkbox-container .checkbox:checked + .checkmark {
  border-color: #0092CA;
  background-color: #0092CA;
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.template__list__item .checkbox-container .checkmark {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #BABDCF;
  border-radius: 4px;
  background-color: #ffffff;
  color: transparent;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 10px 5px rgba(243, 243, 248, 0.1);
          box-shadow: 0px 5px 10px 5px rgba(243, 243, 248, 0.1);
}
.template__list__item .checkbox-container .checkmark i {
  font-size: 14px;
}
.template__list h3 {
  color: #101828;
}
.template .preview__modal {
  display: none;
  position: absolute;
  top: 10%;
  left: 5%;
}
.template .preview__modal.active {
  display: block;
}
.template .preview__modal__wrapper {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 720px;
  padding: 24px;
  border-radius: 16px;
  background-color: #ffffff;
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
  -webkit-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.template .preview__modal__wrapper h2 {
  color: #101828;
  font-size: 17px;
  font-weight: 500;
  line-height: 16px;
}
.template .preview__modal__wrapper p {
  max-width: 580px;
  padding-top: 4px;
  padding-bottom: 24px;
  color: #4F4D55;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.template .preview__modal__close {
  position: absolute;
  top: 24px;
  right: 24px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.template .preview__modal__close i {
  font-size: 24px;
}
.template .preview__modal__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #EAECF0;
}
.template .preview__modal__grid__item__wrapper {
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  background: #ffffff;
}
.template .preview__modal__grid__item__text {
  padding: 16px;
  border-top: 1px solid #F1F1F1;
}
.template .preview__modal__grid__item__text:first-child {
  border-top: none;
}
.template .preview__modal__grid__item__text p {
  height: 42px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: -0.05px;
  color: #0A090B;
  overflow: hidden;
}
.template .preview__modal__grid__item__text span {
  display: inline-block;
  margin-top: 6px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 100px;
  color: #0092CA;
  background-color: #E4F8FF;
}
.template .preview__modal__grid__item__helptext {
  margin-bottom: 32px;
  padding: 16px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background-color: #ffffff;
}
.template .preview__modal__grid__item__helptext p {
  padding: 0;
  color: #0A090B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.02px;
  line-height: 2.1;
}
.template .preview__modal__grid__item__helptext span {
  padding: 2px 4px;
  border-radius: 16px;
  border: 1px solid;
  border-color: transparent;
  background-color: transparent;
  white-space: nowrap;
}
.template .preview__modal__grid__item__helptext span.blue {
  color: #175BD1;
  background-color: #ECF5FD;
  border-color: #175BD1;
}
.template .preview__modal__grid__item__helptext span.red {
  color: #BE1573;
  background-color: #FAEFF8;
  border-color: #BE1573;
}
.template .preview__modal__grid__item__sample {
  margin-top: 8px;
  border-radius: 8px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.template .preview__modal__grid__item__sample p {
  padding: 12px;
  color: #0A090B;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02px;
}
.template .preview__modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.template .preview__modal__buttons .btn {
  margin-left: 12px;
}
.template__pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 40px;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.template__pagination a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  text-decoration: none;
  font-size: 14px;
  color: #344054;
  border-right: 1px solid #D0D5DD;
}
.template__pagination a i {
  font-size: 20px;
}
.template__pagination a:last-child {
  border-right: none;
}
.template__pagination a:hover {
  background-color: #F9FAFB;
}
.template__pagination a.active {
  background-color: #F9FAFB;
}

.data {
  min-height: 100vh;
  background-color: #F2F4F7;
}
.data__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 8px 0 16px;
}
@media (max-width: 991px) {
  .data__wrapper {
    display: block;
    padding: 16px;
  }
}
.data__sidebar {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 991px) {
  .data__sidebar {
    max-width: unset;
    width: auto;
  }
}
@media (max-width: 991px) {
  .data__sidebar--left {
    margin-bottom: 32px;
  }
}
.data__sidebar--left .btn {
  width: 100%;
  height: 34px;
  padding: 0;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
}
.data__sidebar--right {
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.data__sidebar__samples {
  margin-top: 10px;
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.data__sidebar__samples__item {
  padding: 16px;
  border-top: 1px solid #F1F1F1;
}
.data__sidebar__samples__item:first-child {
  border-top: none;
}
.data__sidebar__samples__item p {
  height: 42px;
  overflow: hidden;
  color: #0A090B;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.05px;
}
.data__sidebar__samples__item__fotter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 6px;
}
.data__sidebar__samples__item__fotter__info {
  color: #475467;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.data__sidebar__samples__item__fotter__info span {
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  border-radius: 100px;
  background-color: #E4F8FF;
  color: #0092CA;
}
.data__sidebar__samples__item__fotter__info i {
  font-size: 12px;
  color: #475467;
}
.data__sidebar__samples__item__fotter__trash {
  text-decoration: none;
}
.data__sidebar__samples__item__fotter__trash i {
  font-size: 12px;
  color: #4F4D55;
}
.data__sidebar__list__item {
  position: relative;
  border-top: 1px solid #F1F1F1;
}
.data__sidebar__list__item__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 16px 16px 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #0A090B;
  text-decoration: none;
}
.data__sidebar__list__item__toggle:hover {
  background-color: #F9FAFB;
}
.data__sidebar__list__item:first-child {
  border-top: none;
}
.data__sidebar__list__item .dot {
  position: absolute;
  top: 22px;
  left: 16px;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.data__sidebar__list__item .dot.purple {
  background-color: #4318E3;
}
.data__sidebar__list__item .dot.green {
  background-color: #067647;
}
.data__sidebar__list__item .dot.sun {
  background-color: #FF9900;
}
.data__sidebar__list__item .dot.aqua {
  background-color: #5F9BCB;
}
.data__sidebar__list__item span {
  padding: 2px 6px;
  border-radius: 4px;
  background: #F1F1F1;
  color: #0A090B;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}
.data__sidebar__list__item.active .data__sidebar__dropdown {
  display: block;
}
.data__sidebar__dropdown {
  display: none;
  padding: 0 16px 16px 16px;
  border-radius: 8px;
  background-color: #ffffff;
}
.data__sidebar__dropdown__item {
  padding: 16px;
  border-top: 1px solid #F1F1F1;
  background: #F8F8F8;
}
.data__sidebar__dropdown__item:first-child {
  border: none;
}
.data__sidebar__dropdown__item p {
  padding-bottom: 8px;
  color: #0A090B;
  font-size: 13px;
  line-height: 16px;
}
.data__sidebar__dropdown__item span {
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-transform: uppercase;
  border-radius: 4px;
}
.data__sidebar__dropdown__item span.purple {
  color: #4318E3;
  background-color: rgba(67, 24, 227, 0.1);
}
.data__sidebar__dropdown__item span.green {
  color: #067647;
  background-color: rgba(6, 118, 71, 0.1);
}
.data__sidebar__dropdown__item span.sun {
  color: #FF9900;
  background-color: rgba(255, 153, 0, 0.1);
}
.data__sidebar__dropdown__item span.aqua {
  color: #5F9BCB;
  background-color: rgba(95, 155, 203, 0.1);
}
.data__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 44px;
  padding-right: 52px;
}
@media (max-width: 991px) {
  .data__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.data__content__helptext {
  padding: 16px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background-color: #ffffff;
}
.data__content__helptext p {
  padding: 0;
  color: #0A090B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.02px;
  line-height: 2.1;
}
.data__content__helptext span {
  padding: 2px 6px;
  border-radius: 16px;
  border: 1px solid;
  border-color: transparent;
  background-color: transparent;
  white-space: nowrap;
}
.data__content__helptext span.blue {
  color: #175BD1;
  background-color: #ECF5FD;
  border-color: #175BD1;
}
.data__content__helptext span.red {
  color: #BE1573;
  background-color: #FAEFF8;
  border-color: #BE1573;
}
.data__content__form {
  position: relative;
  padding-top: 11px;
}
.data__content__form input {
  padding: 14px 16px;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02px;
}
.data__content__form input::-webkit-input-placeholder {
  color: #0A090B;
}
.data__content__form input:-ms-input-placeholder {
  color: #0A090B;
}
.data__content__form input::-moz-placeholder {
  color: #0A090B;
}
.data__content__form input::-ms-input-placeholder {
  color: #0A090B;
}
.data__content__form input::placeholder {
  color: #0A090B;
}
.data__content__form textarea {
  padding: 12px;
}
.data__content__form textarea::-webkit-input-placeholder {
  color: #667085;
}
.data__content__form textarea:-ms-input-placeholder {
  color: #667085;
}
.data__content__form textarea::-moz-placeholder {
  color: #667085;
}
.data__content__form textarea::-ms-input-placeholder {
  color: #667085;
}
.data__content__form textarea::placeholder {
  color: #667085;
}
.data__content__form__title {
  padding-top: 32px;
  padding-bottom: 8px;
}
.data__content__form__subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 10px;
  color: #475467;
}
.data__content__form__select {
  position: relative;
}
.data__content__form__select__modal {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  background-color: #ffffff;
  z-index: 99;
}
.data__content__form__select__modal ul {
  padding-top: 16px;
  padding-bottom: 16px;
}
.data__content__form__select__modal ul li {
  padding: 2px 8px;
}
.data__content__form__select__modal ul li a {
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #101828;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}
.data__content__form__select__modal ul li a:hover {
  background-color: #F9FAFB;
}
.data__content__form__select__modal ul li a span {
  display: block;
  color: #475467;
  font-weight: 400;
}
.data__content__form__select__modal ul li a .icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
  background: #F2F4F7;
}
.data__content__form__select__modal ul li a .icon-wrapper i {
  font-size: 24px;
}
.data__content__form__select__modal.active {
  display: block;
}
.data__content__form__text {
  position: relative;
}
.data__content__form__text .select-modal {
  position: absolute;
  bottom: 100%;
  left: 15%;
}
.data__content__form--sample {
  padding-top: 0;
}
.data__content__form--sample .textarea-modal {
  top: 16%;
  left: 10%;
  z-index: 9;
}
.data__content__form__help {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #475467;
}
.data__content__sample {
  min-height: 180px;
  padding: 12px;
  margin-top: 8px;
  border-radius: 8px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}
.data__content__sample p {
  color: #0A090B;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.02px;
}
.data__content__sample.publish-version {
  position: relative;
}
.data__content .help-text {
  padding-top: 8px;
  padding-bottom: 32px;
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.data__content__buttons {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.data__summary {
  font-size: 14px;
}
.data__summary span {
  padding: 2px 6px;
  color: #0A090B;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  border-radius: 4px;
  background: #ECECED;
}

#upload {
  display: none;
}

.delete_document {
  text-decoration: none;
  color: #000;
}

.data.publish .data__content__sample .tooltip {
  position: relative;
  display: inline-block;
}
.data.publish .data__content__sample .tooltip__modal {
  position: absolute;
  bottom: 100%;
  left: 50%;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 260px;
  margin-bottom: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.data.publish .data__content__sample .tooltip__modal p {
  display: inline-block;
  max-width: 210px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.data.publish .data__content__sample .tooltip__modal .dot {
  position: relative;
  top: 5px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
}
.data.publish .data__content__sample .tooltip__modal a {
  text-decoration: none;
}
.data.publish .data__content__sample .tooltip__modal a i {
  color: #4F4D55;
}
.data.publish .data__content__sample .tooltip__text {
  cursor: pointer;
}
.data.publish .data__content__sample .tooltip.active .tooltip__modal {
  visibility: visible;
}
.data.publish .data__content__buttons {
  padding-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.data.publish .data__content__buttons .btn {
  min-width: 140px;
}

.data__content .tooltip {
  position: relative;
  display: inline-block;
}
.data__content .tooltip__modal {
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 260px;
  margin-bottom: 0;
  padding: 8px 12px;
  border-radius: 0;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.data__content .tooltip__modal p {
  display: inline-block;
  max-width: 210px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.data__content .tooltip__modal .dot {
  position: relative;
  top: 5px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 4px;
}
.data__content .tooltip__text {
  cursor: pointer;
}
.data__content .tooltip.active .tooltip__modal {
  visibility: visible;
}
.data__content__buttons {
  padding-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.data__content__buttons .btn {
  min-width: 140px;
}

.data__content__form__select__modal ul {
  max-height: 300px;
  overflow: auto;
}

.select-modal-toggle {
  padding: 14px !important;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.02px;
  color: #000000;
  background-color: transparent;
  font-family: "Inter", sans-serif;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  resize: none;
}

.data__content__form__select {
  -webkit-box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 0 10px;
  background: #fff;
}

.skillsTextarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px 0;
}

span.tag {
  min-width: 5px;
  display: block;
}

.data__content__helptext {
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
}

.data__content__helptext span:not(.colored) {
  padding: 0;
  border: 0px;
}

.data__content__helptext span.tag.colored {
  margin-right: 5px;
}

.label_tags {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  color: #000000;
  background: #ffffff;
  height: 220px;
  padding: 14px;
}

.selected-text {
  background: #FFE5BF;
  position: relative;
  cursor: pointer;
}

.textarea-modal .textarea-modal__labels {
  max-height: 220px;
  overflow: auto;
}

.float-right {
  float: right;
}

.allLabelsMain {
  position: absolute;
  z-index: 1;
}

.tooltip__modal {
  position: relative;
  left: 50%;
}

.account {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account__sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 15.75rem;
  height: calc(100vh - 135px);
  padding: 15px 24px;
  background-color: #ffffff;
  border-right: 1px solid #EAECF0;
}
.account__sidebar__bottom ul {
  width: 100%;
}
.account__sidebar__bottom ul li {
  margin-bottom: 25px;
}
.account__sidebar__bottom ul li:last-child {
  margin-bottom: 0;
}
.account__sidebar__bottom ul li .btn-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px 8px 8px;
  color: #667085;
  font-size: 16px;
  line-height: 24px;
  border-top: 1px solid #EAECF0;
}
.account__sidebar__bottom ul li .btn-logout i {
  font-size: 18px;
}
.account__sidebar__bottom ul li .btn-logout span {
  display: inline-block;
  margin-left: 16px;
}
.account__sidebar__bottom .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
}
.account__sidebar__bottom .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333F49;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.account__sidebar__bottom .switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.account__sidebar__bottom .switch .slider.round {
  border-radius: 34px;
}
.account__sidebar__bottom .switch .slider.round:before {
  border-radius: 50%;
}
.account__sidebar__bottom .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.account__sidebar__bottom .switch input:checked + .slider {
  background-color: #E9F5FE;
}
.account__sidebar__bottom .switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #E9F5FE;
          box-shadow: 0 0 1px #E9F5FE;
}
.account__sidebar__bottom .switch input:checked + .slider:before {
  -webkit-transform: translateX(36px);
      -ms-transform: translateX(36px);
          transform: translateX(36px);
  background-color: #0C7FDA;
}
.account__sidebar__bottom__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account__sidebar__bottom__toggle__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5D7285;
}
.account__sidebar__bottom__toggle__content span {
  display: inline-block;
  margin-left: 16px;
}
.account__sidebar__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}
.account__sidebar__title h1 {
  margin-left: 16px;
  letter-spacing: 0.12px;
  color: #5D7285;
}
.account__sidebar__list__item {
  margin-bottom: 8px;
}
.account__sidebar__list__item:last-child {
  margin-bottom: 0;
}
.account__sidebar__list__item.active-child .account__sidebar__list__link {
  background-color: #E9F5FE;
  color: #0092CA;
}
.account__sidebar__list__item.active-child .account__sidebar__list__link__chevron {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.account__sidebar__list__item.active-child .account__sidebar__sublist {
  display: block;
}
.account__sidebar__list__item.active .account__sidebar__list__link {
  background-color: #F4F4F5;
  color: #000000;
}
.account__sidebar__list__item.active .account__sidebar__list__link__chevron {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.account__sidebar__list__item.active .account__sidebar__sublist {
  display: block;
}
.account__sidebar__list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #667085;
  font-weight: 500;
  text-decoration: none;
  border-radius: 8px;
}
.account__sidebar__list__link:hover {
  background-color: #F4F4F5;
}
.account__sidebar__list__link__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account__sidebar__list__link__content i {
  font-size: 18px;
  margin-right: 10px;
  min-width: 20px;
}
.account__sidebar__list__link__content i.icon-rubrics {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  background-image: url("/assets/img/rubrics_icon.svg");
  background-size: contain;
}
.account__sidebar__list__link__content i.icon-frameworks {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  background-image: url("/assets/img/frameworks_icon.svg");
  background-size: contain;
}
.account__sidebar__list__link__content i.icon-licenses {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  background-image: url("/assets/img/licenses_icon.svg");
  background-size: contain;
}
.account__sidebar__list__link__content i.icon-settings {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
  background-image: url("/assets/img/settings_icon.svg");
  background-size: contain;
}
.account__sidebar__list__link__chevron {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.account__sidebar__list__link__chevron i {
  font-size: 22px;
}
.account__sidebar__sublist {
  display: none;
  padding-top: 16px;
}
.account__sidebar__sublist__item {
  margin-bottom: 16px;
}
.account__sidebar__sublist__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #667085;
  text-decoration: none;
}
.account__sidebar__sublist__link i {
  font-size: 16px;
  margin-right: 8px;
}
.account__sidebar__sublist__link.active {
  background-color: #F4F4F5;
  color: #000000;
}
.account__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-top: 40px;
}
.account__content__wrapper h1 {
  padding-bottom: 10px;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}
.account__content__wrapper h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.account__content__wrapper h5 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #344054;
  padding-bottom: 6px;
}
.account__content__wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.account__content__wrapper ul {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 26px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
  list-style-type: disc;
}
.account__content__wrapper form {
  margin-top: 20px;
}
.account__content__wrapper form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}
.account__content__wrapper form .md-wrapper {
  padding-bottom: 10px;
}
.account__content__wrapper form .md-wrapper .md-input {
  position: relative;
}
.account__content__wrapper form .md-wrapper .md-input input::-webkit-input-placeholder {
  color: #667085;
}
.account__content__wrapper form .md-wrapper .md-input input::-moz-placeholder {
  color: #667085;
}
.account__content__wrapper form .md-wrapper .md-input input:-ms-input-placeholder {
  color: #667085;
}
.account__content__wrapper form .md-wrapper .md-input input::-ms-input-placeholder {
  color: #667085;
}
.account__content__wrapper form .md-wrapper .md-input input::placeholder {
  color: #667085;
}
.account__content__wrapper form .md-wrapper .md-input i {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 24px;
  color: #667085;
  cursor: pointer;
}
.account__content__wrapper form .md-wrapper .md-input i.show:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #667085;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.account__content__wrapper form .md-wrapper.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.account__content__wrapper form .md-wrapper .toggle-payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 6px;
}
.account__content__wrapper form .md-wrapper .toggle-payment-method label {
  margin: 0 8px;
}
.account__content__wrapper form .md-requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding-top: 6px;
}
.account__content__wrapper form .md-requirements span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #344054;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #EAECF0;
  background: #F9FAFB;
}
.account__content__wrapper form .md-requirements span i {
  display: none;
  margin-right: 4px;
}
.account__content__wrapper form .md-requirements span.active {
  color: #067647;
  border: 1px solid #ABEFC6;
  background-color: #ECFDF3;
}
.account__content__wrapper form .md-requirements span.active i {
  display: inline-block;
}
.account__content__wrapper form .md-requirements img {
  max-width: 204px;
}
.account__content__wrapper form .md-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 25px;
}
.account__content__wrapper form .md-submit a {
  margin-right: 20px;
}
.account__content__payment {
  border-color: rgb(234, 236, 240);
}
.account__content__payment h4 {
  margin: 0;
  color: rgb(52, 64, 84);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.account__content__payment ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style-type: none;
  gap: 8px;
  padding-left: 0;
}
.account__content__payment ul li img {
  max-width: 43px;
}
.account__content__modal {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 99999;
}
.account__content__modal__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 12px;
  background: #ffffff;
  text-align: center;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.account__content__modal__box__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 24px auto;
  border-radius: 10px;
  border: 1px solid #EAECF0;
}
.account__content__modal__box__icon i {
  font-size: 24px;
}
.account__content__modal__box h2 {
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color: #101828;
}
.account__content__modal__box p {
  max-width: 432px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #475467;
}
.account__content__modal__box .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 52px;
}
.account__content__modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account__content__create, .account__content__edit {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.account__content__create__wrapper, .account__content__edit__wrapper {
  position: absolute;
  top: 30px;
  left: 40%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 540px;
  padding-bottom: 40px;
}
.account__content__create__wrapper h2, .account__content__edit__wrapper h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.account__content__create__wrapper p, .account__content__edit__wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.account__content__create__wrapper ul, .account__content__edit__wrapper ul {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 26px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
  list-style-type: disc;
}
.account__content__create__wrapper form, .account__content__edit__wrapper form {
  margin-top: 20px;
}
.account__content__create__wrapper form label, .account__content__edit__wrapper form label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.account__content__create__wrapper form .md-wrapper, .account__content__edit__wrapper form .md-wrapper {
  padding-bottom: 24px;
}
.account__content__create__wrapper form .md-wrapper h4, .account__content__edit__wrapper form .md-wrapper h4 {
  margin: 0;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.account__content__create__wrapper form .md-wrapper.grid, .account__content__edit__wrapper form .md-wrapper.grid {
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.account__content__create__wrapper form .md-wrapper .md-input, .account__content__edit__wrapper form .md-wrapper .md-input {
  position: relative;
}
.account__content__create__wrapper form .md-wrapper .md-input input::-webkit-input-placeholder, .account__content__edit__wrapper form .md-wrapper .md-input input::-webkit-input-placeholder {
  color: #667085;
}
.account__content__create__wrapper form .md-wrapper .md-input input::-moz-placeholder, .account__content__edit__wrapper form .md-wrapper .md-input input::-moz-placeholder {
  color: #667085;
}
.account__content__create__wrapper form .md-wrapper .md-input input:-ms-input-placeholder, .account__content__edit__wrapper form .md-wrapper .md-input input:-ms-input-placeholder {
  color: #667085;
}
.account__content__create__wrapper form .md-wrapper .md-input input::-ms-input-placeholder, .account__content__edit__wrapper form .md-wrapper .md-input input::-ms-input-placeholder {
  color: #667085;
}
.account__content__create__wrapper form .md-wrapper .md-input input::placeholder, .account__content__edit__wrapper form .md-wrapper .md-input input::placeholder {
  color: #667085;
}
.account__content__create__wrapper form .md-wrapper .md-input i, .account__content__edit__wrapper form .md-wrapper .md-input i {
  color: #667085;
  cursor: pointer;
}
.account__content__create__wrapper form .md-wrapper .md-input i.show:after, .account__content__edit__wrapper form .md-wrapper .md-input i.show:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #667085;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.account__content__create__wrapper form .md-wrapper .md-input input[type=checkbox],
.account__content__create__wrapper form .md-wrapper .md-input input[type=radio], .account__content__edit__wrapper form .md-wrapper .md-input input[type=checkbox],
.account__content__edit__wrapper form .md-wrapper .md-input input[type=radio] {
  width: 16px;
  height: 16px;
}
.account__content__create__wrapper form .md-wrapper .radio-wrapper, .account__content__edit__wrapper form .md-wrapper .radio-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.account__content__create__wrapper form .md-wrapper .radio-wrapper input, .account__content__edit__wrapper form .md-wrapper .radio-wrapper input {
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}
.account__content__create__wrapper form .md-wrapper .radio-wrapper label, .account__content__edit__wrapper form .md-wrapper .radio-wrapper label {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #121129;
}
.account__content__create__wrapper form .md-wrapper .point-none, .account__content__edit__wrapper form .md-wrapper .point-none {
  pointer-events: none;
}
.account__content__create__wrapper form .md-submit .btn-wrapper, .account__content__edit__wrapper form .md-submit .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.account__content__create.active, .account__content__edit.active {
  display: block;
}
.account__content__create__modal, .account__content__edit__modal {
  display: none;
}
.account__content__create__modal.active, .account__content__edit__modal.active {
  display: block;
}
.account__content__tab {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.account__content__tab p {
  max-width: 628px;
}
.account__content__tab.text-right {
  text-align: right;
}
.account__content__search {
  width: 100%;
  margin: 24px auto 0 auto;
  padding-top: 24px;
  padding-left: 2px;
  padding-right: 2px;
  width: calc(100% - 4px);
}
.account__content__search .template__search {
  padding: 0;
}
.account__content__table {
  width: 100%;
  padding-top: 24px;
}
.account__content__table thead:after {
  content: "@";
  display: block;
  line-height: 3.5px;
  text-indent: -99999px;
}
.account__content__table thead tr td {
  padding: 8px 16px;
  background-color: #F6F6F9;
}
.account__content__table thead tr td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.account__content__table thead tr td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.account__content__table thead tr td span {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #667085;
  white-space: nowrap;
}
.account__content__table tbody {
  border: 0.5px solid #EAECF0;
  width: calc(100% - 1px);
  border-radius: 4px;
}
.account__content__table tbody tr {
  background-color: #ffffff;
}
.account__content__table tbody tr td {
  padding: 12px 16px;
}
.account__content__table tbody tr td img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
}
.account__content__table tbody tr td span {
  display: inline-block;
  vertical-align: middle;
}
.account__content__table tbody tr td span.status {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 500;
}
.account__content__table tbody tr td span.status:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 50%;
}
.account__content__table tbody tr td span.status.open:before {
  background-color: #25B464;
}
.account__content__table tbody tr td span.status.closed:before {
  background-color: #868BA7;
}
.account__content__table tbody tr td .tooltip {
  position: relative;
  display: inline-block;
}
.account__content__table tbody tr td .tooltip span {
  display: block;
  max-width: 100%;
  height: 21px;
  overflow: hidden;
}
.account__content__table tbody tr td .tooltip .tooltiptext {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 280px;
  max-height: 200px;
  overflow: auto;
  margin-left: -60px;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid #0C7FDA;
  border-radius: 4px;
  background-color: #ffffff;
  visibility: hidden;
  z-index: 1;
}
.account__content__table tbody tr td .tooltip .tooltiptext h5 {
  margin: 0;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
}
.account__content__table tbody tr td .tooltip .tooltiptext p {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #0092CA;
}
.account__content__table tbody tr td .tooltip:hover .tooltiptext {
  visibility: visible;
}
.account__content__table tbody tr td a {
  margin-right: 8px;
  text-decoration: none;
}
.account__content__table tbody tr td a i {
  font-size: 20px;
  color: #757D8A;
}
.account__content__table tbody tr td a i.icon-delete {
  color: #667085;
}
.account__content__table tbody tr td a:last-child {
  margin-right: 0;
}
.account__content__table tbody tr td a.account__delete i, .account__content__table tbody tr td a.job__delete i {
  color: #667085;
}
.account__content__table__head__block {
  display: inline-block;
  cursor: pointer;
}
.account__content__table__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.account__content__table__user span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #121129;
}
.account__content__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin: 24px auto 0 auto;
  padding-top: 20px;
  border-top: 1px solid #EAECF0;
}
.account__content__tablemodal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: #F2F4F7;
  z-index: 99999;
}
.account__content__tablemodal.active {
  display: block;
}
.account__content__tablemodal__box {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  max-width: 480px;
  width: 100%;
  padding: 24px 24px 20px 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.account__content__tablemodal__box--close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.account__content__tablemodal__box--close i {
  font-size: 20px;
}
.account__content__tablemodal__box.active {
  display: block;
}
.account__content__tablemodal__box h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 4px;
}
.account__content__tablemodal__box .btn {
  margin-top: 16px;
}
.account__content__tablemodal__box--ticket-edit {
  top: 100px;
  left: 120px;
  max-width: 780px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background-color: transparent;
}
.account__content__tablemodal__box--ticket-edit h2 {
  padding-bottom: 20px;
}
.account__content__tablemodal__box--ticket-add {
  top: 100px;
  left: 120px;
  max-width: 780px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  background-color: transparent;
}
.account__content__tablemodal__box--ticket-add h2 {
  padding-bottom: 20px;
}
.account__content__tablemodal__box--ticket-add .md-input {
  padding-bottom: 16px;
}
.account__content__tablemodal__box--ticket-add .md-input input {
  font-size: 18px;
  line-height: 20px;
}
.account__content__tablemodal__box--ticket-add .md-input input::-webkit-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.account__content__tablemodal__box--ticket-add .md-input input:-ms-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.account__content__tablemodal__box--ticket-add .md-input input::-moz-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.account__content__tablemodal__box--ticket-add .md-input input::-ms-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.account__content__tablemodal__box--ticket-add .md-input input::placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.account__content__tablemodal__box--ticket-add .md-input textarea {
  font-size: 15px;
}
.account__content__tablemodal__box--ticket-add .md-input textarea::-webkit-input-placeholder {
  font-weight: 500;
  color: #121129;
}
.account__content__tablemodal__box--ticket-add .md-input textarea:-ms-input-placeholder {
  font-weight: 500;
  color: #121129;
}
.account__content__tablemodal__box--ticket-add .md-input textarea::-moz-placeholder {
  font-weight: 500;
  color: #121129;
}
.account__content__tablemodal__box--ticket-add .md-input textarea::-ms-input-placeholder {
  font-weight: 500;
  color: #121129;
}
.account__content__tablemodal__box--ticket-add .md-input textarea::placeholder {
  font-weight: 500;
  color: #121129;
}
.account__content__tablemodal__box--ticket-add .md-input label {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.account__content__tablemodal__box--ticket-add .md-input p {
  font-size: 14px;
}
.account__content__tablemodal__box--ticket-add .md-file {
  padding: 16px 24px;
  text-align: center;
  border-radius: 12px;
  border: 1px dashed #EAECF0;
  background: #ffffff;
}
.account__content__tablemodal__box--ticket-add .md-file .featured-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 6px solid #F9FAFB;
  background: #F2F4F7;
}
.account__content__tablemodal__box--ticket-add .md-file .featured-icon i {
  font-size: 20px;
  color: #475467;
}
.account__content__tablemodal__box--ticket-add .md-file .upload {
  display: none;
}
.account__content__tablemodal__box--ticket-add .md-file p {
  max-width: 260px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
}
.account__content__tablemodal__box--ticket-add .md-file p.text-small {
  padding-top: 4px;
  font-size: 12px;
  line-height: 15px;
}
.account__content__tablemodal__box--ticket-add .md-file a {
  font-weight: 600;
  color: #0092CA;
  text-decoration: none;
}
.account__content__tablemodal__box--ticket-add .md-file a:hover {
  color: #1751D0;
}
.account__content__tablemodal__box__create-admin {
  margin-top: 16px;
  margin-bottom: 16px;
}
.account__content__tablemodal__box__create-admin h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #0A083B;
}
.account__content__tablemodal__box__create-admin h4 {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.account__content__tablemodal__box__create-admin__description {
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F9;
}
.account__content__tablemodal__box__create-admin__description p {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #0A083B;
}
.account__content__tablemodal__box__create-admin .upload_link {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
  text-decoration: none;
}
.account__content__tablemodal__box__create-admin form .md-container {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.account__content__tablemodal__box__create-admin form .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.account__content__tablemodal__box__create-admin form .form-success {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  background-color: #ffffff;
  text-align: center;
  z-index: 9;
}
.account__content__tablemodal__box__create-admin form .form-success.active {
  display: block;
}
.account__content__tablemodal__box__create-admin form .form-success i {
  font-size: 38px;
  color: #5D7285;
}
.account__content__tablemodal__box__create-admin form .form-success h3 {
  padding-top: 24px;
  padding-bottom: 4px;
}
.account__content__tablemodal__box__create-admin form .form-success p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.account__content__tablemodal__box__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 16px;
}
.account__content__tablemodal__box__footer p {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #0A083B;
}
.account__content--knowledge .account__content__wrapper {
  max-width: 780px;
  width: 100%;
}
.account__content--knowledge .account__content__wrapper .template__search {
  padding-top: 12px;
  padding-bottom: 16px;
}
.account__content--knowledge .account__content__wrapper .template__search .search-form {
  margin-top: 0;
}
.account__content__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 16px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.account__content__grid__item {
  display: block;
  padding: 24px 32px;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  background: #ffffff;
  text-align: center;
}
.account__content__grid__item__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 7px;
  background-color: #EBF9FF;
}
.account__content__grid__item__icon i {
  font-size: 24px;
  color: #00668D;
}
.account__content__grid__item a {
  display: block;
  margin-top: 16px;
  font-size: 17px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
  text-decoration: none;
}
.account__content__grid__item p {
  font-size: 13px;
  padding-top: 8px;
}
.account__content__tabs {
  width: 100%;
  max-width: 780px;
}
.account__content__tabs__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  row-gap: 16px;
  margin-bottom: 16px;
}
.account__content__tabs__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 130px;
  padding: 12px 20px;
  border-radius: 8px;
  border: 1px solid rgba(208, 213, 221, 0.82);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
}
.account__content__tabs__link:hover {
  border: 1px solid #0092CA;
  background: rgba(0, 146, 202, 0.08);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.account__content__tabs__link.active {
  border: 1px solid #0092CA;
  background: rgba(0, 146, 202, 0.08);
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.account__content__tabs__content {
  display: none;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.account__content__tabs__content.active {
  display: block;
}
.account__content__tabs__content__list h3 {
  padding-top: 12px;
  padding-bottom: 28px;
  font-size: 18px;
  font-weight: 600;
}
.account__content__tabs__content__list__menu__item {
  margin-bottom: 8px;
}
.account__content__tabs__content__list__menu__item:last-child {
  margin-bottom: 0;
}
.account__content__tabs__content__list__menu__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.account__content__tabs__content__list__menu__item__header p {
  padding: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 92%;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  color: #121129;
  background-color: #F6F6F9;
}
.account__content__tabs__content__list__menu__item__header i {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.account__content__tabs__content__list__menu__item__body {
  display: none;
  max-width: 92%;
  padding: 12px;
}
.account__content__tabs__content__list__menu__item.active .account__content__tabs__content__list__menu__item__header i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.account__content__tabs__content__list__menu__item.active .account__content__tabs__content__list__menu__item__body {
  display: block;
}
.account__content--admin {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 155px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(100% - 18.25rem);
  padding: 2.5rem;
}
.account__content--admin .account__content__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.account__content--admin .account__content__table {
  margin: 0 auto;
}
.account__content--admin .account__content__table tbody tr td {
  padding: 12px 16px;
}
.account__content--faq {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 40px;
}
.account__content--faq .account__content__wrapper {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
}
.account__content--faq .account__content__wrapper .template__search {
  padding-top: 12px;
  padding-bottom: 16px;
}
.account__content--faq .account__content__wrapper .template__search .search-form {
  margin-top: 0;
}
.account__content--faq .account__content__tabs {
  margin: 0 auto;
}
.account__content--billing {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 155px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.account__content--billing .account__content__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.account__content--billing .account__content__wrapper .account__content__tab {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.account__content--billing .account__content__table {
  margin: 0 auto;
}
.account__content--billing .account__content__table thead tr td {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.36px;
  color: #667085;
}
.account__content--billing .account__content__table tbody {
  border-radius: 4px;
}
.account__content--billing .account__content__table tbody tr td {
  padding: 12px 16px;
}
.account__content--billing .account__content__table tbody tr td:last-child {
  text-align: right;
}

.passwordSuccessMsg {
  color: darkgreen;
  margin-bottom: 10px;
}

.account__content__tab h2 a {
  text-decoration: none;
  color: inherit;
}

.info-modal.active {
  display: block;
}

.account__content--admin .account__content__table tbody tr td:last-child {
  min-width: 60px;
}

.account__content__create__wrapper form label.tooltip,
.account__content__edit__wrapper form label.tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.account__content__create__wrapper form label.tooltip i,
.account__content__edit__wrapper form label.tooltip i {
  margin-left: 4px;
}

.tooltip .tooltiptext {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 280px;
  margin-left: -60px;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid #0c7fda;
  border-radius: 4px;
  background-color: #ffffff;
  visibility: hidden;
  z-index: 1;
}

.tooltip .tooltiptext h5 {
  margin: 0;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #0092ca;
}

.tooltip .tooltiptext p {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: #0092ca;
}

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

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltiptext.tooltipModal {
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  border: 0;
}
.tooltiptext.tooltipModal h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  color: #000000;
}
.tooltiptext.tooltipModal p {
  padding-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #101828;
}
.tooltiptext.tooltipModal p a {
  color: #0c7fda;
  font-weight: 700;
  text-decoration: none;
}

.account__content__create__wrapper form label.dateAccess {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.account__content__create__wrapper form label.dateAccess i {
  margin-left: 4px;
}

.account__content__create__wrapper form .startDate small,
.account__content__create__wrapper form .endDate small {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  color: #757D8A;
}

.info-modal {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  position: fixed;
}

.account__content__btn-wrapper.wrapper__top {
  padding-top: 0;
  border: 0;
  margin-top: 0;
  padding-bottom: 40px;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
.pagination .pageBtns {
  color: #0092CA;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.pagination .pageBtns:hover {
  color: #0092CA;
}
.pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.pagination ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination ul li a {
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
  color: #101828;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination ul li a.active {
  border-radius: 16px;
  background: #EAECF0;
  font-weight: bold;
}
.pagination ul li a:hover {
  color: #101828;
  font-weight: 600;
}

/*settings page height fixes of left and right side bar*/
body {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

textarea {
  line-height: 27px;
}

.account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.account__sidebar {
  overflow: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.account__sidebar__bottom {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.account__content {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.account__content__table tbody tr td a i {
  font-size: inherit;
}

.account_wrapper .close-account {
  position: absolute;
  top: 0;
  left: -66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4f4d55;
  text-decoration: none;
}

.department {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 40px;
  height: 100vh;
  background-color: #ffffff;
  z-index: 9;
}
.department__wrapper {
  max-width: 930px;
  margin: 0 auto;
}
.department__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.department__head__block {
  width: 100%;
}
.department__head__block h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.department__head__block p {
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.department__table {
  margin-top: 24px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background-color: #ffffff;
}
.department__table__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 12px;
  margin-bottom: 16px;
}
.department__table__head a {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
  text-decoration: none;
}
.department table {
  width: 100%;
}
.department table thead tr {
  background-color: #F6F6F9;
}
.department table thead tr td {
  padding: 8px 16px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.36px;
}
.department table tbody tr td {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #121129;
}
.department table tbody tr td .department__avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #0C7FDA;
}
.department table tbody tr td a {
  text-decoration: none;
}
.department table tbody tr td a.account__delete {
  color: #667085;
}
.department table tbody tr td a.modules__edit {
  color: #868BA7;
}
.department table tbody tr td:first-child span {
  font-weight: 500;
}
.department__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 60px;
  margin-top: 24px;
}
.department__member {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.department__member.active {
  display: block;
}
.department__member__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 620px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.department__member__wrapper .template__search {
  margin: 20px 0;
  padding: 0;
}
.department__member__head {
  position: relative;
}
.department__member__head h3 {
  font-size: 18px;
  font-weight: 600;
}
.department__member__head p {
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.department__member__cancel {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
}
.department__member__cancel i {
  font-size: 24px;
  color: #667085;
}
.department__member__table {
  height: 282px;
  overflow: scroll;
}
.department__member__table table {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #EAECF0;
}
.department__member__table table thead tr {
  background-color: #F6F6F9;
}
.department__member__table .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 22px;
  vertical-align: middle;
}
.department__member__table .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  pointer-events: none;
  cursor: pointer;
}
.department__member__table .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
}
.department__member__table .checkmark-wrapper .menu-checkbox {
  opacity: 0;
}
.department__member__table .checkmark-wrapper .menu-checkbox:checked + .checkmark {
  background-color: #0092CA;
}
.department__member__table .checkmark-wrapper .menu-checkbox:checked + .checkmark i {
  color: #ffffff;
}
.department__member__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.department__module {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.department__module.active {
  display: block;
}
.department__module__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 620px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.department__module__wrapper .template__search {
  margin: 20px 0;
  padding: 0;
}
.department__module__head {
  position: relative;
}
.department__module__head h3 {
  font-size: 18px;
  font-weight: 600;
}
.department__module__head p {
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.department__module__cancel {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
}
.department__module__cancel i {
  font-size: 24px;
  color: #667085;
}
.department__module__table {
  height: 282px;
  overflow: scroll;
}
.department__module__table table {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #EAECF0;
}
.department__module__table table thead tr {
  background-color: #F6F6F9;
}
.department__module__table .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 22px;
  vertical-align: middle;
}
.department__module__table .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  pointer-events: none;
  cursor: pointer;
}
.department__module__table .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
}
.department__module__table .checkmark-wrapper .menu-checkbox {
  opacity: 0;
}
.department__module__table .checkmark-wrapper .menu-checkbox:checked + .checkmark {
  background-color: #0092CA;
}
.department__module__table .checkmark-wrapper .menu-checkbox:checked + .checkmark i {
  color: #ffffff;
}
.department__module__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.department__delete {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.department__delete.active {
  display: block;
}
.department__delete__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
}
.department__delete__wrapper h3 {
  font-size: 18px;
}
.department__delete__wrapper p {
  padding-top: 4px;
  font-size: 14px;
}
.department__delete__wrapper__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.department.active {
  display: block;
}

/*new added*/
.department__wrapper {
  position: relative;
  max-width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}

.department__head__block h1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
  letter-spacing: unset;
}

.department__admins {
  padding-top: 24px;
}

.department__admins label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}

.department__admins label a {
  padding-left: 8px;
  color: #667085;
  text-decoration: none;
}

.department__table__head__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.department .empty__content,
.empty .empty__content {
  padding: 28px 0;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.department .empty__icon,
.empty .empty__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #f2f4f7;
}

.department .empty__icon i,
.empty .empty__icon i {
  font-size: 40px;
  color: #475467;
}

.department .empty__title,
.empty .empty__title {
  padding-top: 16px;
  font-size: 16px;
}

.department .empty__text,
.empty .empty__text {
  padding-top: 12px;
  font-size: 12px;
}

.btn.btn-blue {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 8px;
  background-color: #0092ca;
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.btn.btn-white {
  height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  font-size: 14px;
  background-color: #ffffff;
  color: #344054;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.department__table__head__title a {
  color: #4f4d55;
}

.department__table__head__title a i {
  position: relative;
  top: 2px;
}

.department__admins label a i {
  position: relative;
  top: 2px;
}

.department__head__form__text input {
  margin-top: 6px;
  margin-bottom: 4px;
}

.department__wrapper .close-department {
  position: absolute;
  top: 0;
  left: -66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4f4d55;
  text-decoration: none;
}

.icon-arrow-left:before {
  content: "\e007";
}

.department__talent {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 40px;
  background: #fcfcfd;
  z-index: 9;
}

.department__talent.active {
  display: block;
}

.department__talent .close-department-talent {
  position: absolute;
  top: 0;
  left: -66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4f4d55;
  text-decoration: none;
}

.department__table__framework .modal-department__table__content {
  text-align: center;
}

.modal-department__table__content {
  padding: 40px 0;
}

.modal-department__table__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #f2f4f7;
}

.modal-department__table__icon i {
  font-size: 40px;
  color: #475467;
}

.department__table table tbody tr td:last-child {
  text-align: right;
}

.department.overflow {
  overflow: hidden;
}

.department__member__footer__if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0;
  gap: 8px;
  font-size: 14px;
  color: #475467;
}

.department__member__footer__if span {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  background-color: #eaecf0;
}

.department__member__footer .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.department__module.active {
  z-index: 9999;
}

.department__module__footer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
}

.department__module__footer__text .line {
  height: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #eaecf0;
}

.department__module__footer .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.member_avatar {
  display: inline-block;
}

.select-menu__departments {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 92%;
}

.session {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-top: 40px;
  height: 100vh;
  background-color: #ffffff;
  z-index: 9;
}
.session__wrapper {
  max-width: 930px;
  margin: 0 auto;
}
.session__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.session__head__block {
  max-width: 600px;
}
.session__head__block h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.session__head__block p {
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.session__table {
  margin-top: 24px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background-color: #ffffff;
}
.session__table__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 12px;
  margin-bottom: 16px;
}
.session__table__head a {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #0092CA;
  text-decoration: none;
}
.session table {
  width: 100%;
}
.session table thead tr {
  background-color: #F6F6F9;
}
.session table thead tr td {
  padding: 8px 16px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.36px;
}
.session table tbody tr td {
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #121129;
  word-break: break-word;
}
.session table tbody tr td .session__avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #0C7FDA;
}
.session table tbody tr td a {
  text-decoration: none;
}
.session table tbody tr td a.account__delete {
  color: #667085;
}
.session table tbody tr td a.modules__edit {
  color: #868BA7;
}
.session table tbody tr td:first-child span {
  font-weight: 500;
}
.session__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 60px;
  margin-top: 24px;
}
.session__member {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.session__member.active {
  display: block;
}
.session__member__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 620px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.session__member__wrapper .template__search {
  margin: 20px 0;
  padding: 0;
}
.session__member__head {
  position: relative;
}
.session__member__head h3 {
  font-size: 18px;
  font-weight: 600;
}
.session__member__head p {
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.session__member__cancel {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
}
.session__member__cancel i {
  font-size: 24px;
  color: #667085;
}
.session__member__table {
  height: 282px;
  overflow: scroll;
}
.session__member__table table {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #EAECF0;
}
.session__member__table table thead tr {
  background-color: #F6F6F9;
}
.session__member__table .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 22px;
  vertical-align: middle;
}
.session__member__table .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  pointer-events: none;
  cursor: pointer;
}
.session__member__table .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
}
.session__member__table .checkmark-wrapper .menu-checkbox {
  opacity: 0;
}
.session__member__table .checkmark-wrapper .menu-checkbox:checked + .checkmark {
  background-color: #0092CA;
}
.session__member__table .checkmark-wrapper .menu-checkbox:checked + .checkmark i {
  color: #ffffff;
}
.session__member__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.session__module {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.session__module.active {
  display: block;
}
.session__module__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 620px;
  width: 100%;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.session__module__wrapper .template__search {
  margin: 20px 0;
  padding: 0;
}
.session__module__head {
  position: relative;
}
.session__module__head h3 {
  font-size: 18px;
  font-weight: 600;
}
.session__module__head p {
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #475467;
}
.session__module__cancel {
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
}
.session__module__cancel i {
  font-size: 24px;
  color: #667085;
}
.session__module__table {
  height: 282px;
  overflow: scroll;
}
.session__module__table table {
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #EAECF0;
}
.session__module__table table thead tr {
  background-color: #F6F6F9;
}
.session__module__table .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 22px;
  vertical-align: middle;
}
.session__module__table .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  pointer-events: none;
  cursor: pointer;
}
.session__module__table .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 12px;
  font-weight: 700;
  color: transparent;
}
.session__module__table .checkmark-wrapper .menu-checkbox {
  opacity: 0;
}
.session__module__table .checkmark-wrapper .menu-checkbox:checked + .checkmark {
  background-color: #0092CA;
}
.session__module__table .checkmark-wrapper .menu-checkbox:checked + .checkmark i {
  color: #ffffff;
}
.session__module__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.session__delete {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.session__delete.active {
  display: block;
}
.session__delete__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 480px;
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
}
.session__delete__wrapper h3 {
  font-size: 18px;
}
.session__delete__wrapper p {
  padding-top: 4px;
  font-size: 14px;
}
.session__delete__wrapper__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 32px;
}
.session.active {
  display: block;
}

/*new added*/
.session__wrapper {
  position: relative;
  max-width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}

.session__head__block h1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
  letter-spacing: unset;
}

.session__admins {
  padding-top: 24px;
}

.session__admins label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}

.session__admins label a {
  padding-left: 8px;
  color: #667085;
  text-decoration: none;
}

.session__table__head__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.session .empty__content,
.empty .empty__content {
  padding: 28px 0;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.session .empty__icon,
.empty .empty__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #f2f4f7;
}

.session .empty__icon i,
.empty .empty__icon i {
  font-size: 40px;
  color: #475467;
}

.session .empty__title,
.empty .empty__title {
  padding-top: 16px;
  font-size: 16px;
}

.session .empty__text,
.empty .empty__text {
  padding-top: 12px;
  font-size: 12px;
}

.btn.btn-blue {
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  border-radius: 8px;
  background-color: #0092ca;
  color: #ffffff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  white-space: nowrap;
}

.btn.btn-white {
  height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  font-size: 14px;
  background-color: #ffffff;
  color: #0092CA;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.session__table__head__title a {
  color: #4f4d55;
}

.session__table__head__title a i {
  position: relative;
  top: 2px;
}

.session__admins label a i {
  position: relative;
  top: 2px;
}

.session__head__form__text input {
  margin-top: 6px;
  margin-bottom: 4px;
}

.session__wrapper .close-session {
  position: absolute;
  top: 0;
  left: -66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4f4d55;
  text-decoration: none;
}

.icon-arrow-left:before {
  content: "\e007";
}

.session__talent {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 40px;
  background: #fcfcfd;
  z-index: 9;
}

.session__talent.active {
  display: block;
}

.session__talent .close-session-talent {
  position: absolute;
  top: 0;
  left: -66px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f2f4f7;
  color: #4f4d55;
  text-decoration: none;
}

.session__table__framework .modal-session__table__content {
  text-align: center;
}

.modal-session__table__content {
  padding: 40px 0;
}

.modal-session__table__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background-color: #f2f4f7;
}

.modal-session__table__icon i {
  font-size: 40px;
  color: #475467;
}

.session__table table tbody tr td:last-child {
  text-align: right;
}

.session.overflow {
  overflow: hidden;
}

.session__member__footer__if {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0;
  gap: 8px;
  font-size: 14px;
  color: #475467;
}

.session__member__footer__if span {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 1px;
  background-color: #eaecf0;
}

.session__member__footer .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.session__module.active {
  z-index: 9999;
}

.session__module__footer__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
}

.session__module__footer__text .line {
  height: 1px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #eaecf0;
}

.session__module__footer .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.member_avatar {
  display: inline-block;
}

.select-menu__sessions {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 92%;
}

.department__table.talent_roles table tbody tr td:last-child {
  text-align: left !important;
}

.ticket {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background-color: #FCFCFD;
  z-index: 9;
  overflow: scroll;
}
.ticket__wrapper {
  position: absolute;
  top: 40px;
  left: 42%;
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.ticket__wrapper h2 {
  font-size: 24px;
}
.ticket__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
.ticket__sidebar {
  width: 280px;
  border-radius: 8px;
  border: 1px solid #F1F1F1;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.ticket__sidebar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}
.ticket__sidebar__item__left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ticket__sidebar__item__left i {
  color: #667085;
}
.ticket__sidebar__item__left span {
  margin-left: 6px;
  font-size: 14px;
  color: #667085;
}
.ticket__sidebar__item__right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ticket__sidebar__item__right .date {
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  border-radius: 4px;
  background-color: #F1F1F1;
}
.ticket__sidebar__item__right .avatar {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  font-size: 14px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.ticket__sidebar__item__right .status {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: 500;
}
.ticket__sidebar__item__right .status:before {
  content: "";
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  border-radius: 50%;
}
.ticket__sidebar__item__right .status.open:before {
  background-color: #25B464;
}
.ticket__sidebar__item__right .status.closed:before {
  background-color: #868BA7;
}
.ticket__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 700px;
  padding: 24px 20px;
  border: 1px solid #F1F1F1;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
          box-shadow: 0px 2px 4px -1px rgba(10, 9, 11, 0.02), 0px 5px 13px -5px rgba(10, 9, 11, 0.05);
}
.ticket__body .md-wrapper label {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.ticket__body .md-wrapper input::-webkit-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper input::-moz-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper input:-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper input::-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper input::placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper input:-ms-input-placeholder {
  color: #667085;
}
.ticket__body .md-wrapper input::-ms-input-placeholder {
  color: #667085;
}
.ticket__body .md-wrapper textarea {
  margin-top: 6px;
}
.ticket__body .md-wrapper textarea::-webkit-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper textarea::-moz-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper textarea:-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper textarea::-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper textarea::placeholder {
  color: #667085;
  opacity: 1;
}
.ticket__body .md-wrapper textarea:-ms-input-placeholder {
  color: #667085;
}
.ticket__body .md-wrapper textarea::-ms-input-placeholder {
  color: #667085;
}
.ticket__body .md-wrapper h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.ticket__body .md-wrapper--edit {
  position: relative;
  margin-bottom: 16px;
}
.ticket__body .md-wrapper--edit .md-wrapper-link {
  position: absolute;
  top: 0;
  right: 0;
}
.ticket__body .md-wrapper--edit .md-wrapper-link .upload {
  display: none;
}
.ticket__body .md-wrapper--edit .md-wrapper-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #0092CA;
  text-decoration: none;
}
.ticket__body .md-wrapper--edit .md-wrapper-link i {
  margin-right: 4px;
}
.ticket__text {
  padding-top: 6px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.05px;
  color: #667085;
}
.ticket__text a {
  text-decoration: none;
  color: #0092CA;
}
.ticket__footer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding-bottom: 24px;
  padding-top: 24px;
}
.ticket__footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ticket__footer__content p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #121129;
}
.ticket__footer__content p a {
  color: #0092CA;
  text-decoration: none;
}
.ticket__footer__content__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ticket__footer__content__btn-wrapper .btn {
  margin-left: 8px;
}
.ticket.active {
  display: block;
}
.ticket--edit .ticket__form__wrapper h3 {
  font-size: 18px;
  padding-bottom: 16px;
}

.account__content--profile {
  position: relative;
  padding-top: 32px;
}
.account__content__profile {
  max-width: 480px;
  width: 100%;
}
.account__content__profile__header {
  padding-bottom: 20px;
}
.account__content__profile__header h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.account__content__profile__header p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.account__content__profile__form form .md-wrapper {
  padding-bottom: 20px;
}
.account__content__profile__form form .md-wrapper label {
  font-size: 14px;
}
.account__content__profile__form form .md-wrapper.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.account__content__profile__form form .md-wrapper input[type=text]::-webkit-input-placeholder, .account__content__profile__form form .md-wrapper input[type=email]::-webkit-input-placeholder {
  color: #667085;
  opacity: 1;
}
.account__content__profile__form form .md-wrapper input[type=text]::-moz-placeholder, .account__content__profile__form form .md-wrapper input[type=email]::-moz-placeholder {
  color: #667085;
  opacity: 1;
}
.account__content__profile__form form .md-wrapper input[type=text]:-ms-input-placeholder, .account__content__profile__form form .md-wrapper input[type=email]:-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.account__content__profile__form form .md-wrapper input[type=text]::-ms-input-placeholder, .account__content__profile__form form .md-wrapper input[type=email]::-ms-input-placeholder {
  color: #667085;
  opacity: 1;
}
.account__content__profile__form form .md-wrapper input[type=text]::placeholder,
.account__content__profile__form form .md-wrapper input[type=email]::placeholder {
  color: #667085;
  opacity: 1;
}
.account__content__profile__form form .md-wrapper input[type=text]:-ms-input-placeholder,
.account__content__profile__form form .md-wrapper input[type=email]:-ms-input-placeholder {
  color: #667085;
}
.account__content__profile__form form .md-wrapper input[type=text]::-ms-input-placeholder,
.account__content__profile__form form .md-wrapper input[type=email]::-ms-input-placeholder {
  color: #667085;
}
.account__content__profile__form form .md-submit {
  padding-top: 20px;
  padding-bottom: 35px;
  text-align: right;
}
.account__content__profile__form form .md-submit .btn {
  width: 140px;
}

.select_role .select-items {
  max-height: 200px;
  overflow: scroll;
}

.account__content__wrapper .md-wrapper .checkmark-wrapper {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.account__content__wrapper .md-wrapper .checkmark-wrapper .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #D2D4E0;
  pointer-events: none;
}
.account__content__wrapper .md-wrapper .checkmark-wrapper .checkmark i {
  position: absolute;
  top: 2px;
  left: 1px;
  font-size: 14px;
  color: #ffffff;
}
.account__content__wrapper .md-wrapper .checkmark-wrapper .menu-checkbox {
  padding: 0;
  opacity: 0;
  margin: 0;
}
.account__content__wrapper .md-wrapper .checkmark-wrapper .menu-checkbox:checked ~ .checkmark {
  background-color: #0092CA;
}
.account__content__wrapper .md-wrapper .md-wrapper-default-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 6px;
}
.account__content__wrapper .md-wrapper .md-wrapper-default-payment h5 {
  padding-bottom: 0;
  padding-left: 8px;
}
.account__content__load {
  max-width: 825px;
  width: 100%;
  padding: 0 24px 20px 24px;
}
.account__content__load__head {
  padding-bottom: 20px;
}
.account__content__load__head h2 {
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.account__content__load__head p {
  max-width: 432px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.account__content__load__body__list {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.account__content__load__body__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.account__content__load__body__list__item__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F9;
}
.account__content__load__body__list__item__card img {
  width: 70px;
  height: auto;
}
.account__content__load__body__list__item__card .info span {
  display: block;
  color: #121129;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.account__content__load__body__list__item__card .method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.account__content__load__body__list__item__card .method span {
  padding: 2px 4px 2px 5px;
  border-radius: 6px;
}
.account__content__load__body__list__item__card .method__current {
  background: #0C7FDA;
  color: #ffffff;
}
.account__content__load__body__list__item__card .method__expired {
  background: #F9FAFB;
  color: #000000;
}
.account__content__load__body__list__item__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding-left: 16px;
}
.account__content__load__body__list__item__options a {
  text-decoration: none;
  color: #757D8A;
}
.account__content__load__body__list__item__options a:hover {
  color: #121129;
}
.account__content__load__body .add-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  margin-top: 16px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  background-color: #ffffff;
  color: #0092CA;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.account__content__load__body .add-payment:hover {
  background-color: #0092CA;
  color: #ffffff;
}

.account--job {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.account--job .account__content {
  max-width: unset;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(100% - 18.25rem);
  padding: 2.5rem;
}
.account--job .account__content__search {
  max-width: unset;
}
.account--job .account__content__table {
  max-width: unset;
}
.account--job .account__content__table thead tr td {
  padding: 8px 16px;
}
.account--job .account__content__table tbody tr td {
  padding: 12px 16px;
}
.account--job .account__content__btn-wrapper {
  max-width: unset;
}
.account--job .account__content__wrapper {
  width: 100%;
}
.account .ticket--job .ticket__wrapper {
  max-width: 100%;
  position: inherit;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  width: calc(100% - 5rem);
  padding: 2.5rem;
}
.account .ticket--job .ticket__wrapper .md-wrapper--edit p {
  padding: 8px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
}
.account .ticket--job .ticket__wrapper .md-wrapper--edit textarea {
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #121129;
}
.account .ticket__content--job .ticket__body {
  max-width: unset;
  border-radius: 8px;
}
.account .ticket__content--job .ticket__body form .md-input {
  position: relative;
}
.account .ticket__content--job .ticket__body form .inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 16px;
  margin-top: 20px;
}
.account .ticket__content--job .ticket__body form .inline-flex p {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  color: #5D7285;
}
.account .ticket__content--job .ticket__body form .competencie-ai {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.408px;
  border-radius: 8px;
  color: #3C3F59;
  background-color: #F3F3F8;
  text-decoration: none;
}
.account .ticket__content--job .ticket__body form .competencie-ai i {
  position: static;
  margin-right: 4px;
  font-size: 14px;
  color: #868BA7;
}
.account .ticket__content--job .ticket__body form .toggle-select-menu i {
  top: -3px;
  right: 0;
}

.job__content__modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(100vh - 65px);
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 99999;
}
.job__content__modal.active {
  display: block;
}
.job__content__modal__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 24px;
  border-radius: 12px;
  background: #ffffff;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
          box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
}
.job__content__modal__box .close-job-modal {
  position: absolute;
  top: 24px;
  right: 24px;
  text-decoration: none;
  color: #667085;
}
.job__content__modal__box h4 {
  margin: 0 0 4px 0;
  font-size: 18px;
  font-weight: 600;
}
.job__content__modal__box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 20px;
  color: #475467;
}
.job__content__modal__box form {
  padding: 16px;
  margin-bottom: 20px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
}
.job__content__modal__box form input {
  border-radius: 8px;
  background: #F6F6F9;
}
.job__content__modal__box form input::-webkit-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.job__content__modal__box form input:-ms-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.job__content__modal__box form input::-moz-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.job__content__modal__box form input::-ms-input-placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.job__content__modal__box form input::placeholder {
  font-weight: 500;
  color: #4F4D55;
}
.job__content__modal__box__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
}
.job__content__modal__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #0092CA;
  font-size: 12px;
  text-decoration: none;
}
.job__content__modal__button--ai {
  padding: 0 8px;
  margin-left: 16px;
  border-radius: 16px;
  background: #F3F3F8;
  color: #3C3F59;
}
.job__content__modal__button--ai i {
  margin-right: 4px;
  font-size: 12px;
  color: #868BA7;
}

.ticket--job .ticket__wrapper .talent-role-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  padding-bottom: 6px;
}
.ticket--job .ticket__wrapper .talent-role-head label {
  padding-bottom: 0;
}
.ticket--job .ticket__wrapper .talent-role-head .toggle__info {
  height: 15px;
}

.account__content__wrapper form .md-wrapper .btn-wrapper {
  text-align: center;
}

.account__content__wrapper form .md-wrapper .generateBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
}

.account__content__wrapper form .md-wrapper .talent-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  background-color: #0c7fda;
  text-decoration: none;
}

.account__content__wrapper form .md-wrapper .regenerate-response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
}

.account__content__wrapper form .md-wrapper .regenerate-response p {
  padding: 0;
  padding-right: 8px;
}

.ticket__body .md-wrapper textarea {
  margin-top: 6px;
  line-height: 1.5;
}

.account__content__wrapper form .md-wrapper .talent-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  background-color: #0c7fda;
  text-decoration: none;
  white-space: nowrap;
}

.responsibilities textarea {
  margin: 0 !important;
  resize: none;
  padding: 0px 0px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 30px;
}

.talent_body.main-table-job {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
.talent_body td:last-child {
  min-width: 60px;
}

#addJobForm > .md-wrapper {
  padding-bottom: 0;
}

.ticket__body .md-wrapper .details-btn {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding: 4px 0px;
  border-radius: 16px;
  margin-bottom: 12px;
  display: inline-block;
}

#addJobForm .md-input {
  width: 64%;
}

#addJobForm {
  margin-top: 7px;
}

.ticket__wrapper .close-ticket-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  margin-bottom: 25px;
  background: #EAECF0;
  color: #4f4d55;
  text-decoration: none;
}

.mb-3 {
  margin-bottom: 1rem;
}

.select-items div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-items div p {
  width: 100%;
}
.select-items div span {
  font-size: 12px;
  color: #101828;
  background: #ECF5FD;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
}

.addJobForm .select-items {
  max-height: 200px;
  overflow: scroll;
}
.addJobForm .select-items div p {
  width: auto;
}
.addJobForm .select-items div span {
  float: inherit;
}

.core_responsibilities_head {
  border: 0.5px solid #EAECF0;
  padding: 15px;
}
.core_responsibilities_head .core_responsibility_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.core_responsibilities_head .core_responsibility_main .checkmark-wrapper {
  margin-top: 4px;
}
.core_responsibilities_head .core_responsibility_main textarea {
  font-size: 14px;
  line-height: 24px;
  color: #182230;
}

.coreResponsibilities .coreMain,
.coreResponsibilities .skillMain,
.coreResponsibilities .knowledgeMain,
.skill .coreMain,
.skill .skillMain,
.skill .knowledgeMain,
.knowledge .coreMain,
.knowledge .skillMain,
.knowledge .knowledgeMain {
  margin-bottom: 20px;
}
.coreResponsibilities .coreResponsibilitiesTags,
.coreResponsibilities .skillTags,
.coreResponsibilities .knowledgeTags,
.skill .coreResponsibilitiesTags,
.skill .skillTags,
.skill .knowledgeTags,
.knowledge .coreResponsibilitiesTags,
.knowledge .skillTags,
.knowledge .knowledgeTags {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.coreResponsibilities .coreResponsibilitiesTags span,
.coreResponsibilities .skillTags span,
.coreResponsibilities .knowledgeTags span,
.skill .coreResponsibilitiesTags span,
.skill .skillTags span,
.skill .knowledgeTags span,
.knowledge .coreResponsibilitiesTags span,
.knowledge .skillTags span,
.knowledge .knowledgeTags span {
  font-size: 12px;
  line-height: 18px;
  color: #0092CA;
  background: #ECF5FD;
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: 600;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.ticket__body .md-wrapper .core_responsibilities textarea {
  height: auto !important;
}

.competency_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding-left: 15px !important;
  border-bottom: 1px solid #D0D5DD;
  padding-bottom: 10px !important;
  margin-bottom: 10px;
}
.competency_tabs li {
  list-style: none;
}
.competency_tabs li a {
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #0092CA;
  padding-bottom: 10px;
}
.competency_tabs li a:not(.inactive) {
  border-bottom: 2px solid #0092CA;
}
.competency_tabs li a.inactive {
  color: #667085;
}

.ticket__body .md-wrapper .containerMain label {
  background: #F6F6F9;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #667085;
  padding: 4px 15px;
  border-radius: 4px;
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.ticket__body .md-wrapper .containerMain label i {
  color: #F6F6F9 !important;
}
.ticket__body .md-wrapper .containerMain label strong {
  display: inline-block;
  margin-top: 3px;
  font-weight: normal;
}
.ticket__body .md-wrapper .containerMain textarea:focus-visible {
  outline: 0;
}
.ticket__body .md-wrapper .containerMain textarea.core_responsibilities, .ticket__body .md-wrapper .containerMain .core_skill, .ticket__body .md-wrapper .containerMain .core_knowledge {
  border: 0.5px solid #EAECF0;
  padding: 15px;
}
.ticket__body .md-wrapper .containerMain textarea.knowledge_ability, .ticket__body .md-wrapper .containerMain textarea.core_responsibilities {
  font-size: 14px;
  line-height: 24px;
  color: #182230;
}
.ticket__body .md-wrapper .containerMain textarea.knowledge_ability {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.ticket__body .md-wrapper .containerMain .core_skill textarea, .ticket__body .md-wrapper .containerMain .core_knowledge textarea {
  font-size: 14px;
  line-height: 24px;
  color: #182230;
}
.ticket__body .md-wrapper .containerMain .core_skill .skillMain, .ticket__body .md-wrapper .containerMain .core_knowledge .skillMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ticket__body .md-wrapper .containerMain .core_skill .skillMain .checkmark-wrapper, .ticket__body .md-wrapper .containerMain .core_knowledge .skillMain .checkmark-wrapper {
  margin-top: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-preferred-size: 1%;
      flex-basis: 1%;
}

.coreResponsibility .action-source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}

.no-border {
  border: 0 !important;
}

.addJobFormInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.addJobFormInput .md-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(50% - 20px);
}
.addJobFormInput .md-wrapper .md-input {
  width: 100% !important;
}

.main-table.main-table-job {
  overflow: visible;
}

.ticket__body.addCss {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.template__search__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  gap: 10px;
  position: relative;
}
.template__search__main .template__search {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.template__search__main .filterDropdownMain {
  top: 55px;
  right: 0;
  left: inherit;
}

.account__content__search.talent__role_edit {
  padding-top: 0px !important;
}

.documents {
  padding-top: 50px;
}
.documents__wrapper {
  max-width: 780px;
  margin: 0 auto;
}
.documents__wrapper h1 {
  margin: 0;
}
.documents__wrapper p {
  padding: 16px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #3C3F59;
}
.documents__wrapper .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.documents__content__small-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding-top: 8px;
  padding-bottom: 16px;
}
.documents__content__small-text i {
  position: relative;
  top: 3px;
}
.documents__content__small-text p {
  padding: 0;
}
.documents__content .add-doc {
  height: auto;
  padding: 12px;
  font-size: 13px;
  color: #0092CA;
}
.documents .add-document-data__modal p {
  padding-top: 0;
  padding-bottom: 4px;
}
.documents .add-document-data__modal .md-wrapper label {
  display: block;
  padding-bottom: 6px;
}
.documents .add-document-data__modal .md-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
.documents__list {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.documents__list h3 {
  padding-bottom: 16px;
  font-weight: 600;
}
.documents__list ul {
  padding: 16px 0;
  margin-bottom: 16px;
}
.documents__list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 8px;
  gap: 20px;
}
.documents__list ul li.doc_li_head {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}
.documents__list ul li .doc_upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.documents__list ul li .doc_upload.doc_upload_main {
  display: block;
}
.documents__list ul li:last-child {
  margin-bottom: 0;
}
.documents__list ul li p {
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #121129;
}
.documents__list ul li p.doc_head {
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}
.documents__list ul li .date {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #475467;
}
.documents__list ul li .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F9;
}
.documents__list ul.documents__list__uploads {
  padding: 0;
  border: none;
}
.documents__list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.documents__list__info .edit-document {
  color: #5D7285;
  text-decoration: none;
}
.documents__list__info .delete-document {
  color: #4F4D55;
  text-decoration: none;
}
.documents__list__add {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #0092CA;
  text-decoration: none;
}
.documents__list__add-manual {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: #0092CA;
  text-decoration: none;
}
.documents__list.hidden {
  display: none;
}
.documents__list__uploads li {
  display: block !important;
}
.documents__list__uploads__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.documents__list__uploads__header h3 {
  padding-bottom: 0 !important;
}
.documents__list__uploads__header span {
  display: block;
  padding-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #475467;
}
.documents__list__uploads__header__button span {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #475467;
}
.documents__list__uploads__header__button a {
  text-decoration: none;
}
.documents__list__uploads__header__button a i {
  color: #475467;
}
.documents__list__uploads__header__button .toogle-manual i {
  display: inline-block;
}
.documents__list__uploads__header__button .toogle-manual.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.documents__list__uploads__body {
  display: block;
}
.documents__list__uploads__body span {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3C3F59;
}
.documents__list__uploads__body .input {
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F9;
  margin-bottom: 8px;
}
.documents__list__uploads__body .document-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #EAECF0;
}
.documents__list__uploads__body .document-wrapper .document-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.documents__list__uploads__body .document-wrapper .document-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 6px 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
  color: #3C3F59;
  border-radius: 20px;
  border: 1px solid #E5E6ED;
}
.documents__list__uploads__body .document-wrapper .document-name .document-remove {
  position: relative;
  top: 3px;
  margin-left: 8px;
  text-decoration: none;
}
.documents__list__uploads__body .document-wrapper .document-name .document-remove i {
  font-size: 16px;
  color: rgba(10, 8, 59, 0.5);
}
.documents__list__uploads__body .document-wrapper .document-update-date {
  color: #475467;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.documents__list__uploads__body .document-wrapper .document-info {
  padding-left: 12px;
}
.documents__list__uploads__body .document-wrapper .document-info .document-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.documents__list__uploads__body .document-wrapper .document-info span {
  display: block;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #344054;
}
.documents__list__uploads__body .document-wrapper .document-info span:nth-child(2) {
  color: #475467;
}
.documents__list__uploads__body .document-wrapper__delete {
  color: #4F4D55;
  text-decoration: none;
}
.documents__list__uploads__item {
  margin-bottom: 16px;
}
.documents__list__uploads__item.active .documents__list__uploads__body {
  display: none;
}

.definitions-wrapper {
  padding: 16px;
}
.definitions-wrapper.active {
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.definitions-wrapper__buttons {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.definitions-wrapper__buttons .btn-white {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 14px;
  color: #0092CA;
}
.definitions-wrapper__buttons .btn-white:hover {
  color: #ffffff;
}
.definitions-wrapper__buttons .btn-gray {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 14px;
}
.definitions-wrapper__input__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.definitions-wrapper__input__header__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.definitions-wrapper__input__header__title__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  border-radius: 4px;
  background: #EBF9FF;
}
.definitions-wrapper__input__header__title__icon i {
  font-size: 14px;
  color: #00668D;
}
.definitions-wrapper__input__header__title h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.definitions-wrapper__input__header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.definitions-wrapper__input__header__buttons a {
  color: #4F4D55;
  text-decoration: none;
}
.definitions-wrapper__input__header__buttons a i {
  display: inline-block;
}
.definitions-wrapper__input__header__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.definitions-wrapper__input__item {
  margin-top: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.definitions-wrapper__input__item h2 {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 8px;
}
.definitions-wrapper__input__item__tab__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.definitions-wrapper__input__item__tab__header h3 {
  max-width: 612px;
  padding: 12px;
  font-size: 18px;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  border-radius: 8px;
  border: 1px solid #F6F6F9;
}
.definitions-wrapper__input__item__tab__header__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.definitions-wrapper__input__item__tab__header__buttons a {
  color: #4F4D55;
  text-decoration: none;
}
.definitions-wrapper__input__item__tab__header__buttons a i {
  display: inline-block;
}
.definitions-wrapper__input__item__tab__header__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.definitions-wrapper__input__item__tab__body h4 {
  margin: 16px 0 8px 0;
  font-weight: 500;
}
.definitions-wrapper__input__item__tab__body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.definitions-wrapper__input__item__tab__body__item span {
  display: inline-block;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  background: #F6F6F9;
  color: #121129;
}
.definitions-wrapper__input__item__tab__body__item a {
  text-decoration: none;
  color: #4F4D55;
}
.definitions-wrapper__input__item__tab.active .definitions-wrapper__input__item__tab__body {
  display: none;
}
.definitions-wrapper__input__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.definitions-wrapper__input__item__header__buttons a {
  color: #4F4D55;
  text-decoration: none;
}
.definitions-wrapper__input__item__header__buttons a i {
  display: inline-block;
}
.definitions-wrapper__input__item__header__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.definitions-wrapper__input__item.active .definitions-wrapper__input__item__tab__body {
  display: none;
}
.definitions-wrapper__input__item.active .definitions-wrapper__input__item__tab__header h3 {
  border: none;
  padding: 10px 0 0 0;
}
.definitions-wrapper__input .open-modal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #0092CA;
  text-decoration: none;
}
.definitions-wrapper__input.active .definitions-wrapper__input__item {
  display: none;
}

.card__skills_definition .label_decrp {
  display: inline-block;
  margin-top: 17px;
}

.services {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.services__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.services__header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.services__header__title__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 4px;
  background: #EBF9FF;
}
.services__header__title__icon i {
  font-size: 14px;
  color: #00668D;
}
.services__header__title h2 {
  font-size: 16px;
  font-weight: 500;
}
.services__header__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.services__header__buttons a {
  text-decoration: none;
  color: #4F4D55;
}
.services__header__buttons a i {
  display: inline-block;
}
.services__body {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.services__body h2 {
  font-size: 18px;
  font-weight: 600;
}
.services__body__list {
  padding-top: 16px;
}
.services__body__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #F6F6F9;
}
.services__body__list__item:last-child {
  margin-bottom: 0;
}
.services__body__list__item p {
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #121129;
}
.services__body__list__item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.services__body__list__item__info a {
  text-decoration: none;
  color: #4F4D55;
}
.services__buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  font-weight: 500;
  background: #ffffff;
  color: #0092CA;
  text-decoration: none;
}
.services__buttons a:hover {
  background-color: #0092CA;
  border-color: #0092CA;
  color: #ffffff;
}
.services.hide-body .services__header__buttons .toggle-button i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.services.hide-body .services__body {
  display: none;
}

.framework .grid {
  padding-top: 16px;
  grid-template-columns: 1fr;
}
.framework__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.framework__flex__input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.framework__flex__input input {
  background-color: #F6F6F9;
}
.framework__flex .delete-flex {
  position: relative;
  top: 13px;
  color: #4F4D55;
  text-decoration: none;
}
.framework .services__buttons {
  display: none;
}

/*new added*/
.actors_select,
.products_select {
  border: 1px solid #e6e6e6 !important;
  padding: 2px 24px 2px 12px !important;
  outline: none !important;
}

.md-input--select.selectCss {
  position: relative;
}

.actors__content.card {
  border: 0;
}

.actors__content__list__header.card__header {
  padding-bottom: 0;
}

.card__skills__list__item input[type=text] {
  outline: none;
}

.select-menu__languages span {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 8px;
  margin-bottom: 4px;
  border-radius: 16px;
  background: #ffffff;
  color: #3C3F59;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.408px;
  border: 1px solid #D0D5DD;
  cursor: pointer;
}

.select-menu__languages {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 92%;
}

.select-menu__languages span.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.select-menu__languages {
  position: absolute;
  top: 8px;
  left: 10px;
  pointer-events: none;
}

.frameworkHead {
  border-bottom: 1px solid #EAECF0;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.selectFramework {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}
.selectFramework .select-items {
  max-height: 200px;
  overflow: scroll;
}
.selectFramework .fdiv {
  width: 50%;
}

.borderTop-0 {
  border-top: 0;
}

.frameworkDropdown .talent-role-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  padding-bottom: 6px;
}
.frameworkDropdown label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #667085;
}
.frameworkDropdown .toggle__info {
  height: 15px;
}

.framework-descp::-webkit-input-placeholder {
  color: #858585;
}

.framework-descp::-moz-placeholder {
  color: #858585;
}

.framework-descp:-ms-input-placeholder {
  color: #858585;
}

.framework-descp::-ms-input-placeholder {
  color: #858585;
}

.framework-descp::placeholder {
  color: #858585;
}

.addNewVersionFile button {
  border: 1px solid #EAECF0;
  background: #fff;
  color: #0092CA;
  margin-top: 20px;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  display: block;
  font-weight: 500;
  cursor: pointer;
}

.btn-white.btn-red {
  background: #D92D20;
  color: #fff;
  border-color: #D92D20;
  margin-left: 10px;
}
.btn-white.btn-red:hover {
  background: #D92D20;
  border-color: #D92D20;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.mb-2 {
  margin-bottom: 24px;
}

.toggle__info {
  text-decoration: none;
  color: #475467;
}

.w-100 {
  width: 100%;
}

.selectizeInput .selectize-control {
  width: 100%;
}
.selectizeInput .selectize-control .selectize-input {
  width: 100%;
  border: 1px solid #E6E6E6 !important;
  border-radius: 8px !important;
}
.selectizeInput .selectize-control.default.multi .selectize-input > div {
  background: #F9FAFB !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: none;
  font-size: 12px;
  color: #667085;
  padding: 2px 8px;
  border-radius: 12px;
}

.framework_all_tags .frameworkTag {
  padding: 2px 8px;
  border-radius: 16px;
  background: #F9FAFB;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #667085;
}

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

.fileListMain.fileListMainPrevious {
  background: #F2F4F7;
}

/**********************************************************
 * THEME: "default"                                       *
 **********************************************************/
.selectize-control.default.multi .selectize-input > div {
  color: #3d5d18;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid #74b21e;
  border-radius: 3px;
  background: #b8e76f;
  background: -webkit-gradient(linear, left top, left bottom, from(#b8e76f), to(#a9e25c));
  background: linear-gradient(to bottom, #b8e76f 0%, #a9e25c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b8e76f", endColorstr="#a9e25c",GradientType=0 );
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.selectize-control.default.multi .selectize-input > div.active {
  border-color: #6f9839;
  background: #92c836;
  background: -webkit-gradient(linear, left top, left bottom, from(#92c836), color-stop(0%, #006e2e), color-stop(0%, #92c836), to(#7abc2c));
  background: linear-gradient(to bottom, #92c836 0%, #006e2e 0%, #92c836 0%, #7abc2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#92c836", endColorstr="#7abc2c",GradientType=0 );
}

/**********************************************************
 * BASIC AESTHETIC STYLES (common)                        *
 **********************************************************/
.selectize-input, .selectize-control.single .selectize-input.focus {
  background: #fff;
  padding: 10px;
  cursor: text;
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0 !important;
}

.selectize-input.full {
  background-color: #f2f2f2;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f2f2f2;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-control.multi .selectize-input.has-items {
  padding-top: 8px !important;
  padding-bottom: 3px !important;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 5px 5px 0;
  padding: 1px 5px;
}

.selectize-input > div:last-child {
  margin-right: 5px;
}

.selectize-input > input {
  margin-right: 2px !important;
}

.selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
  border: 1px solid #d0d0d0;
}

.selectize-dropdown {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  margin-top: -1px;
  border-top: 0 none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown > * {
  padding: 6px 9px;
}

.selectize-dropdown > *.create {
  color: #a0a0a0;
}

.selectize-dropdown > *.active {
  background-color: #fffceb;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: Helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}

.selectize-dropdown .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}

/**********************************************************
 * BASIC AESTHETIC STYLES (single)                        *
 **********************************************************/
.selectize-control.single .selectize-input {
  cursor: pointer;
  border-color: #b8b8b8;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #c6c6c6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
  background: linear-gradient(to bottom, #fafafa 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f6f6f6", endColorstr="#e8e8e8",GradientType=0 );
}

.selectize-control.single .selectize-input::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active::after {
  margin-top: -3px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

/**********************************************************
 * BASIC AESTHETIC STYLES (multi)                         *
 **********************************************************/
/**********************************************************
 * LAYOUT STYLES (mandatory)                              *
 **********************************************************/
.selectize-control {
  position: relative;
}

.selectize-input {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.selectize-input:after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input .items {
  display: inline;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-input > input {
  max-width: 100% !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0;
  line-height: inherit !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-dropdown {
  position: absolute;
  z-index: 2;
}

.selectize-dropdown > * {
  cursor: pointer;
  overflow: hidden;
}

.selectize-input, .selectize-dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.skills {
  padding-bottom: 50px;
}
.skills__wrapper {
  max-width: 780px;
  padding-top: 50px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 575px) {
  .skills__wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.skills__header {
  padding-bottom: 16px;
}
.skills__header h1 {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
}
.skills__header p {
  padding-top: 16px;
  color: #4F4D55;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.skills__header__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8px;
}
.skills__header__desc p {
  padding-left: 8px;
}
.skills__header__small-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 16px;
}
.skills__header__small-text i {
  position: relative;
  top: 3px;
}
.skills__header__small-text p {
  padding-top: 0;
  padding-left: 8px;
}
.skills__table {
  margin-top: 12px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.skills__table__form .md-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.skills__table__form .md-wrapper p {
  font-size: 14px;
  padding-bottom: 8px;
}
.skills__table__form .md-wrapper .md-input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.skills__table__form .md-wrapper__buttons {
  position: relative;
  top: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.skills__table__form .md-wrapper__buttons a {
  color: #4F4D55;
  text-decoration: none;
}
.skills__table__form .md-wrapper__buttons a i {
  display: inline-block;
}
.skills__table__form .md-wrapper__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.skills__table__form input {
  background: #F6F6F9;
}
.skills__table__form input::-webkit-input-placeholder {
  color: #4F4D55;
}
.skills__table__form input:-ms-input-placeholder {
  color: #4F4D55;
}
.skills__table__form input::-moz-placeholder {
  color: #4F4D55;
}
.skills__table__form input::-ms-input-placeholder {
  color: #4F4D55;
}
.skills__table__form input::placeholder {
  color: #4F4D55;
}
.skills__table__form textarea::-webkit-input-placeholder {
  color: #667085;
}
.skills__table__form textarea:-ms-input-placeholder {
  color: #667085;
}
.skills__table__form textarea::-moz-placeholder {
  color: #667085;
}
.skills__table__form textarea::-ms-input-placeholder {
  color: #667085;
}
.skills__table__form textarea::placeholder {
  color: #667085;
}
.skills__table__form.active form .md-wrapper.desc {
  display: none;
}
.skills__table__list h4 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 8px;
}
.skills__table__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4px;
}
.skills__table__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #0092CA;
  font-weight: 600;
  text-decoration: none;
}
.skills__table__button--ai {
  padding: 0 8px;
  margin-left: 16px;
  border-radius: 16px;
  background: #F3F3F8;
  color: #3C3F59;
}
.skills__table__button--ai i {
  color: #868BA7;
  margin-right: 4px;
}
.skills__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.skills__buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 40px;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #D2D4E0;
  background: #ffffff;
  text-decoration: none;
}
.skills__buttons a.generate-competency {
  color: #868BA7;
}
.skills__buttons a.generate-competency i {
  margin-right: 4px;
  color: #868BA7;
}
.skills__buttons a.generate-competency:hover {
  color: #ffffff;
  background-color: #0092CA;
}
.skills__buttons a.generate-competency:hover i {
  color: #ffffff;
}
.skills__buttons a.add-competency {
  color: #0092CA;
  margin-bottom: 10px;
}
.skills__buttons a.add-competency:hover {
  background-color: #0092CA;
  color: #ffffff;
}
.skills .actors__content__list {
  margin-top: 16px;
  margin-bottom: 0;
}
.skills .actors__content__list .framework-list {
  padding: 0;
  margin: 0;
  border: none;
}
.skills .actors__content__list .framework-list .framework-list__sublist {
  padding: 0;
  border: none;
}
.skills .actors__content__list .framework-list .framework-list__sublist label {
  font-size: 14px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 8px;
}
.skills .actors__content__list .framework-list .framework-list__sublist ul li span {
  font-size: 15px;
  font-weight: 500;
}

.skills__table__list ul.card__skills__list li.card__skills__list__items {
  background: #f9fafb;
  padding: 18px 24px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input {
  background: #ffffff;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input::-webkit-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input::-moz-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input:-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input::-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form input::placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper {
  width: 100%;
  margin: 20px 0 10px 0;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .select-menu__input.crit span {
  background: none;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .select-menu__menu.crit span {
  font-size: 16px;
  padding: 0;
  color: #667085;
  font-weight: normal;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper textarea::-webkit-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper textarea::-moz-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper textarea:-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper textarea::-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper textarea::placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .textDescription {
  font-size: 16px;
  line-height: 24px;
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .addExampleMain {
  border-bottom: 1px solid #eaeaea;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .addExampleMain .openExample {
  display: none;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .addExampleMain .openExample.active {
  display: block;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .addExampleMain .addExample {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0;
  cursor: pointer;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .md-wrapper .addExampleMain .addExample div {
  font-size: 12px;
  line-height: 18px;
  color: #121315;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
  width: 100%;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain textarea::-webkit-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain textarea::-moz-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain textarea:-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain textarea::-ms-input-placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain textarea::placeholder {
  color: #667085;
}
.skills__table__list ul.card__skills__list li.card__skills__list__items form .skillNameMain a {
  text-decoration: none;
  color: #667085;
}

.sequence-keywords-main .criteriaHead {
  margin-bottom: 12px;
}
.sequence-keywords-main .criteriaHead label {
  padding-bottom: 0;
}
.sequence-keywords-main .sequence-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.sequence-keywords-main .sequence-keywords .md-wrapper {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: none;
  margin: 20px 0 10px 0;
}
.sequence-keywords-main .sequence-keywords .md-wrapper .textDescription {
  font-size: 16px;
  line-height: 24px;
  color: #667085;
}
.sequence-keywords-main .sequence-keywords .md-wrapper textarea::-webkit-input-placeholder {
  color: #667085;
}
.sequence-keywords-main .sequence-keywords .md-wrapper textarea::-moz-placeholder {
  color: #667085;
}
.sequence-keywords-main .sequence-keywords .md-wrapper textarea:-ms-input-placeholder {
  color: #667085;
}
.sequence-keywords-main .sequence-keywords .md-wrapper textarea::-ms-input-placeholder {
  color: #667085;
}
.sequence-keywords-main .sequence-keywords .md-wrapper textarea::placeholder {
  color: #667085;
}

.md-input.card__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.posSkills.custom-select .select-selected {
  font-size: 14px;
  color: #0fa91a;
  font-weight: 500;
}
.posSkills.custom-select .select-items div {
  font-size: 14px;
}

.keyPresence {
  height: 18px !important;
}

.competency__card.learning-objectives-card {
  padding: 1px !important;
}

.learning-objectives-card .skills__table__list ul.card__skills__list li.card__skills__list__items {
  margin-bottom: 0px !important;
}

.overview__wrapper {
  max-width: 780px;
  margin: 0 auto;
  padding-top: 50px;
}
.overview__title {
  color: #101828;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
  padding-bottom: 16px;
}
.overview__list__item {
  margin-top: 16px;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.overview__list__item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.overview__list__item__header h3 {
  font-size: 18px;
  font-weight: 600;
}
.overview__list__item__buttons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overview__list__item__buttons a {
  color: #4F4D55;
}
.overview__list__item__buttons a i {
  display: inline-block;
}
.overview__list__item__buttons a.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.overview__list__item__body {
  display: none;
  padding-top: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.overview__list__item__body .view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  gap: 8px;
  font-size: 12px;
  color: #0092CA;
  text-decoration: none;
}
.overview__list__item__body__files h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 8px;
  margin: 0;
}
.overview__list__item__body__files ul {
  margin-bottom: 16px;
}
.overview__list__item__body__files ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #EAECF0;
  margin-bottom: 8px;
}
.overview__list__item__body__files__doc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overview__list__item__body__files__doc__text {
  display: block;
}
.overview__list__item__body__files__doc__text span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.overview__list__item__body__files__doc__text span:nth-child(1) {
  color: #344054;
}
.overview__list__item__body__files__doc__text span:nth-child(2) {
  color: #475467;
}
.overview__list__item__body__files__delete {
  color: #4F4D55;
  text-decoration: none;
}
.overview__list__item__body__definitions ul li {
  margin-bottom: 8px;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  background-color: #F6F6F9;
  color: #121129;
}
.overview__list__item__body__definitions ul li:last-child {
  margin-bottom: 0;
}
.overview__list__item__body__components {
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.overview__list__item__body__components h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 8px;
  margin: 0;
}
.overview__list__item__body__components ul li {
  padding: 12px;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 8px;
  color: #121129;
  background: #F6F6F9;
}
.overview__list__item__body__rubric {
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.overview__list__item__body__rubric h5 {
  margin: 0;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}
.overview__list__item__body__rubric h5.or {
  padding-top: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  color: #0092CA;
}
.overview__list__item__body__rubric ul li {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.overview__list__item__body__rubric ul li:last-child {
  margin-bottom: 0;
}
.overview__list__item__body__rubric ul li.failed span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 5px;
  margin-left: 8px;
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  color: #344054;
}
.overview__list__item__body__rubric ul li.failed span i {
  margin-left: 3px;
  color: #667085;
}
.overview__list__item__body__rubric ul li.then span {
  padding: 4px 12px;
  margin-left: 8px;
  border-radius: 8px;
  background: #F6F6F9;
}
.overview__list__item__body__rubric ul li.else span {
  padding: 4px 12px;
  margin-left: 8px;
  border-radius: 8px;
  background: #F6F6F9;
}
.overview__list__item__body__dataset ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.overview__list__item__body__dataset ul li {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.overview__list__item__body__dataset ul li h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.overview__list__item__body__dataset ul li p {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.overview__list__item__body__samples ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.overview__list__item__body__samples ul li {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background: #ffffff;
}
.overview__list__item__body__samples ul li h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
}
.overview__list__item__body__samples ul li p {
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 475;
  line-height: 14px;
  letter-spacing: -0.05px;
  color: #0A090B;
}
.overview__list__item__body__samples ul li .calendar {
  padding-top: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #475467;
}
.overview__list__item__body__samples ul li .calendar i {
  font-size: 12px;
}
.overview__list__item.active .overview__list__item__body {
  display: block;
}
.overview__button {
  padding-top: 16px;
  padding-bottom: 60px;
}
.overview__button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.actors.context .actors__content__list {
  margin-bottom: 16px;
}

.delete_context {
  text-decoration: none;
  color: #000;
}

.manual__modal .wrapper form p .upload_link {
  color: #0092ca;
  font-weight: 500;
  text-decoration: none;
}

.manual__modal .md-wrapper {
  margin-bottom: 20px;
}

.manual__modal .md-wrapper label {
  text-align: left;
}

.documents__list {
  border: 0;
  padding: 0;
}
.documents__list.data_doc {
  border: 1px solid #e5e6ed;
  padding: 16px;
}

.manual_body .manual_list_li {
  margin-bottom: 25px;
}

.btn.btn-blue {
  width: auto;
}

.attachments {
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 16px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #ffffff;
}
.attachments.fileDetails {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.attachments .featured-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 6px solid #F9FAFB;
  background-color: #F2F4F7;
}
.attachments .featured-icon i {
  font-size: 20px;
  color: #475467;
}
.attachments .upload {
  display: none;
}
.attachments #file_valid_msg {
  font-size: 12px;
  color: red;
}
.attachments p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px !important;
}
.attachments p .upload_link {
  text-decoration: none;
  font-weight: 600;
  color: #0092CA;
}
.attachments p.text-small {
  padding-top: 0;
  font-size: 12px;
  line-height: 18px;
  color: #475467;
  font-weight: 500;
}
.attachments p.text-small.selected_file_size {
  font-weight: 400;
  color: #475467;
}

.bulk_actions .actions {
  margin-bottom: 25px;
}

.grid.mt20 {
  margin-top: 20px;
}

.grid {
  display: grid;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 24px;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .grid {
    display: block;
    margin-bottom: 24px;
  }
}
.grid__item {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #F4F4F4;
  background-color: #ffffff;
  overflow: hidden;
}
@media (max-width: 991px) {
  .grid__item {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .grid__item {
    padding: 24px 16px;
  }
}
.grid--2-column {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1199px) {
  .grid--2-column {
    grid-template-columns: 1fr;
  }
}
.grid--3-column {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid--3-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .grid--3-column {
    grid-template-columns: 1fr;
  }
}
.grid--4-column {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (min-width: 992px) and (max-width: 1399px) {
  .grid--4-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .grid--4-column {
    grid-template-columns: 1fr;
  }
}

.overview {
  margin-bottom: 24px;
}
.overview__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #EAECF0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
}
.overview__card__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.overview__card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overview__card__header h1 {
  font-size: 1.625rem;
  padding: 0;
}
.overview__card__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 16px;
  border-radius: 4px;
  background: #F2F4F7;
}
.overview__card__icon i.users-check {
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-image: url("../img/users-check.svg");
}
.overview__card__stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.overview__card__text {
  padding-top: 10px;
}
.overview__card__text p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #475467;
}

.account__content__wrapper h2.licenses {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.addnew.edit__lic .addnew__form__buttons, .addnew.remove__lic .addnew__form__buttons {
  border: 0;
}

ul.simple-pagination {
  list-style: none;
}

.simple-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 20px 5px 5px 0;
  margin: 0;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.simple-pagination li {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}

span.ellipse.clickable {
  cursor: pointer;
}

.ellipse input {
  width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/
.compact-theme span {
  cursor: pointer;
}

.compact-theme a, .compact-theme span {
  float: left;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #AAA;
  border-left: none;
  min-width: 14px;
  padding: 0 7px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  background: #efefef; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */
}

.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #efefef; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#bbbbbb));
  background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
  border-left: 1px solid #AAA;
  border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
  border-radius: 0 3px 3px 0;
}

.compact-theme .current {
  background: #bbbbbb; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#efefef));
  background: linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* W3C */
  cursor: default;
}

.compact-theme .ellipse {
  background: #EAEAEA;
  padding: 0 10px;
  cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.light-theme span {
  cursor: pointer;
}

.light-theme a, .light-theme span {
  float: left;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #BBB;
  min-width: 14px;
  padding: 14px 15px;
  border-radius: 3px;
  text-decoration: none;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #efefef; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #FCFCFC;
}

.light-theme .page-link.prev, .light-theme .page-link.next, .light-theme .current {
  background: none;
  color: #0092CA;
  border: 0;
  border-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  font-weight: 600;
}

.light-theme .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  cursor: default;
}

.light-theme ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.light-theme li a.page-link {
  color: #101828;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  background: none;
  font-weight: 500;
}

.light-theme li.active span {
  color: #101828;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  background: none;
  font-weight: 500;
}

.light-theme li.active .current {
  background: #EAECF0;
  border-radius: 16px;
}

.light-theme li .page-link.prev:before, .light-theme li .current.prev:before {
  content: "";
  background: url("../img/arrow.svg");
  display: inline-block;
  background-repeat: no-repeat;
  height: 12px;
  width: 6px;
  padding: 0 5px;
}

.light-theme li.disabled .current.prev {
  color: #718692;
}
.light-theme li.disabled .current.prev:before {
  content: "";
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  filter: grayscale(80%);
}

.light-theme li .page-link.next:after, .light-theme li .current.next:after {
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  content: "";
  background: url("../img/arrow.svg");
  display: inline-block;
  background-repeat: no-repeat;
  height: 12px;
  width: 6px;
  padding: 0 5px;
}

.light-theme li.disabled .current.next {
  color: #718692;
}
.light-theme li.disabled .current.next:after {
  content: "";
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -o-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  filter: grayscale(80%);
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/
.dark-theme span {
  cursor: pointer;
}

.dark-theme a, .dark-theme span {
  float: left;
  color: #CCC;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #222;
  min-width: 14px;
  padding: 0 7px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #555; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera11.10+ */ /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
  background: linear-gradient(top, #555 0%, #333 100%); /* W3C */
}

.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #444;
}

.dark-theme .current {
  background: #222;
  color: #FFF;
  border-color: #000;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  cursor: default;
}

.dark-theme .ellipse {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  cursor: default;
}

.extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 16px 0px;
}

.account__content__table__head .account__content__wrapper .md-wrapper .checkmark-wrapper .checkmark i {
  color: #F6F6F9 !important;
}

.scopeDefinition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  background: #F9FAFB;
}

.shortcut_container {
  width: 528px;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.031372549), 0px 12px 16px -4px rgba(0, 0, 0, 0.0784313725);
          box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.031372549), 0px 12px 16px -4px rgba(0, 0, 0, 0.0784313725);
  border-radius: 12px;
  background-color: #FFFFFF;
  position: fixed;
  bottom: 75px;
  left: 90px;
  z-index: 1;
  display: none;
}

.shortcut_title {
  gap: 16px;
  padding: 24px 24px 0px 24px;
}

.shortcut_title span {
  font-size: 14px;
  font-weight: 400;
  color: #475467;
}

.shortcut_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  color: #344054;
}

.shortcut_header span {
  font-size: 20px;
  font-weight: 600;
}

.shortcut_header i {
  font-size: 24px;
  color: #667085;
  cursor: pointer;
}

.shortcut_divider {
  height: 20px;
  width: 100%;
}

.shortcut_content {
  gap: 12px;
  padding: 0px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.shortcut_item_container {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shortcut_item_container span {
  font-size: 16px;
  font-weight: 400;
  color: #475467;
  white-space: nowrap;
}

.shortcut_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 12px 0px 12px;
  border: 1px solid #EAECF0;
  gap: 8px;
  border-radius: 8px;
  height: 40px;
  width: 96px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}

.scope__sidebar {
  max-width: 350px;
  padding: 40px 40px 40px 60px;
  overflow-y: scroll;
}
.scope__sidebar h2 {
  font-size: 14px;
  line-height: 20px;
  color: #98A2B3;
  margin-bottom: 20px;
}
.scope__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 50px;
}
.scope__list li .scopeState {
  position: relative;
  height: 40px;
  width: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.scope__list li .scopeState img {
  height: 100%;
  width: 100%;
}
.scope__list li .scopeState:after {
  content: "";
  width: 2px;
  height: 40px;
  display: inline-block;
  background: #079455;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 49px;
}
.scope__list li.gray .scopeState:after {
  background: #D0D5DD;
}
.scope__list li:last-child .scopeState:after {
  display: none;
}
.scope__list li span {
  font-size: 14px;
  line-height: 20px;
  color: #344054;
  font-weight: 500;
}
.scope__list li span.disabled {
  color: #D0D5DD;
}

.total__ques__count, .total__ques__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  margin-bottom: 7px;
}
.total__ques__count p, .total__ques__time p {
  color: #667085;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}

.scope__content {
  overflow: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 200px);
  padding: 2.5rem 2.5rem 2.5rem 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.scope__content .voice__btn__main .voice-btn:before {
  content: "";
  background-image: url("../../assets/img/voice_mode.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}
.scope__content .voice__btn__main .voice-btn:hover {
  background: #0092CA;
}
.scope__content .voice__btn__main .voice-btn.active {
  background: #079455;
}
.scope__content .voice__btn__main .voice-btn.active:before {
  background-image: url("../../assets/img/voice_active.svg");
}
.scope__content .voice__btn__main .voice-btn.active:hover {
  background: #079455;
}
.scope__main {
  padding-right: 60px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.scope__main h5 {
  font-size: 12px;
  line-height: 18px;
  color: #98A2B3;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px !important;
}
.scope__main h2 {
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
}
.scope__main__ques, .scope__main__subques {
  font-size: 16px;
  line-height: 28px;
  color: #182230;
  margin-bottom: 15px;
}
.scope__main__ques span, .scope__main__subques span {
  color: #0092CA;
}
.scope__main__ansbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.scope__main__ansbox__txt {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.scope__main__ansbox__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #667085;
}
.scope__main__ansbox__ans::-webkit-input-placeholder {
  color: #667085;
}
.scope__main__ansbox__ans::-moz-placeholder {
  color: #667085;
}
.scope__main__ansbox__ans:-ms-input-placeholder {
  color: #667085;
}
.scope__main__ansbox__ans::-ms-input-placeholder {
  color: #667085;
}
.scope__main__ansbox__ans::placeholder {
  color: #667085;
}
.scope__main__ansbox__info {
  font-size: 14px;
  line-height: 20px;
  color: #667085;
  margin-top: 5px;
}
.scope__footer {
  padding: 24px;
  border-top: 1px solid #eaecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scope__footer__shortcut .btn-shortcut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #475467;
}
.scope__footer__shortcut .btn-shortcut:hover {
  background: #ffffff;
  color: #475467;
  border-color: #475467;
}
.scope__footer__btns a {
  min-width: 90px;
  margin-left: 10px;
}

.choose__mistake {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
}
.choose__mistake__type {
  text-align: center;
  border: 0.5px solid #EAECF0;
  border-radius: 8px;
  padding: 24px 32px;
  background: #ffffff;
}
.choose__mistake__type.active {
  border: 1px solid #0092CA;
  background: #F9FAFB;
}
.choose__mistake__type svg {
  margin-bottom: 10px;
}
.choose__mistake__type h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #0092CA;
  margin-bottom: 10px;
  white-space: nowrap;
}
.choose__mistake__type p {
  font-size: 12px;
  line-height: 18px;
  color: #667085;
}

.flex-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.addExampleBtnMain {
  padding-bottom: 50px;
}
.addExampleBtnMain .addExample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mt-0 {
  margin-top: 0;
}

/* scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #eaecf0 #fff;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

*::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

.competency_progress_modal {
  width: 640px !important;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
          box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0px 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  background-color: #ffffff;
}

.competency_progress_header_container {
  padding: 24px 24px 0px 24px;
}

.competency_progress_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.competency_progress_header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #344054;
}

.competency_progress_header_container span {
  font-size: 14px;
  font-weight: 400;
  color: #475467;
}

.competency_progress_divider {
  width: 100%;
  min-height: 20px;
}

.competency_progress_loader_container {
  padding: 0px 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.competency_progress_loader_container__subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #475467;
}
.competency_progress_loader_container__title {
  font-size: 16px;
  font-weight: 400;
  color: #475467;
}

.competency_modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgba(16, 24, 40, 0.7);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 99999;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.scope__content.course-creation-scope-content {
  padding: 2.5rem 7rem 2.5rem 7rem !important;
}

.mcq-container-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mcq-card {
  margin-bottom: 20px;
}

.edit-form {
  display: none;
}

.btn {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.card {
  padding: 1.5%;
}

.card h1 {
  margin: 1%;
}

.options {
  padding-bottom: 1%;
}

.form-control {
  border: 1px solid #cdd1ce;
  border-radius: 5px;
  width: 95%;
  background-color: #ffffff;
  margin-top: 1%;
  padding: 6px 12px;
  resize: none;
  font-size: 16px;
  color: #495057;
  font-family: inter, sans-serif;
}

.mcqEmpty {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70vh;
  width: 100%;
}

.mcq-container {
  margin-top: 3%;
  margin-bottom: 2%;
  width: 80%;
}

.text-center {
  margin-bottom: 3%;
}

.mcqsubheader {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  /* Limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  padding: 0 0 2px 0;
  color: #797979;
  min-height: 40px;
  margin: 2.58594px;
}

.options {
  margin: 0.5%;
}

.form-group-question {
  margin: 1%;
}

.form-group {
  margin: 1%;
}

.lead {
  padding: 6px 0;
}

.form-check {
  padding: 4px 0;
}

.form-group-question label,
.form-group label {
  font-weight: 500;
}

.btn.save-btn,
.btn.edit-btn {
  margin: 0% 0.5% 0% 1%;
}

.mcq__footer {
  padding: 15px;
  border-top: 1px solid #eaecf0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mcq__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FCFCFD;
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.mcq__sidebar_container {
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 278px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #EAECF0;
  background-color: #ffffff;
}
.mcq__sidebar_element_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 24px 12px 4px 12px;
  gap: 8px;
}
.mcq__sidebar_item_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin: 4px 0;
  gap: 8px;
  border-radius: 8px;
  color: #344054;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.mcq__sidebar_item_container.active {
  background-color: #F2F4F7;
}
.mcq__sidebar_item_container:hover {
  background-color: #F2F4F7;
}
.mcq__sidebar_item_container.new-question i {
  color: #0092CA;
}
.mcq__sidebar_item_container.default {
  cursor: unset;
}
.mcq__sidebar_element_container a {
  text-decoration: none;
  color: #344054;
  font-size: 16px;
  font-weight: 500;
}
.mcq__sidebar_item_container i {
  cursor: pointer;
}
.mcq__del_icon {
  color: #667085;
}
.mcq__content_container {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2%;
  gap: 20px;
  overflow: auto;
}
.mcq_edit_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.mcq_edit__content_container {
  width: 93%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 46px;
  margin-left: 2%;
  gap: 20px;
}
.mcq__edit_header {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #98A2B3;
  font-size: 16px;
  font-weight: 600;
}
.mcq__file_select {
  font-size: 14px;
  color: #667085;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.mcq__file_option_container {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.mcq__file_option {
  width: 49%;
  height: 100%;
  min-height: 358px;
  min-width: 528.5px;
  border-radius: 12px;
  cursor: pointer;
}
.mcq__file_select_title {
  font-size: 20px;
  color: #667085;
  font-weight: 600;
}
.mcq__ai_gen_subtitle {
  font-size: 14px;
  font-weight: 700;
  color: #475467;
}
.mcq__attachments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  min-height: 358px;
  min-width: 528.5px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #EAECF0;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 4px;
}
.mcq__attachments.active {
  border: 3px solid #0092CA !important;
}
.mcq__attachments.fileDetails {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.mcq__attachments .featured-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  border: 6px solid #F9FAFB;
  background-color: #F2F4F7;
}
.mcq__attachments .featured-icon i {
  font-size: 20px;
  color: #475467;
}
.mcq__attachments .upload {
  display: none;
}
.mcq__attachments #file_valid_msg {
  font-size: 12px;
  color: red;
}
.mcq__attachments p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px !important;
}
.mcq__attachments p .upload_link {
  text-decoration: none;
  font-weight: 600;
  color: #0092CA;
}
.mcq__attachments p.text-small {
  padding-top: 0;
  font-size: 12px;
  line-height: 18px;
  color: #475467;
  font-weight: 500;
}
.mcq__attachments p.text-small.selected_file_size {
  font-weight: 400;
  color: #475467;
}
.mcq__concepts_extracted {
  font-size: 14px;
  color: #667085;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-bottom: 1%;
}
.mcq__concepts_extracted i {
  cursor: pointer;
}
.mcq__concepts_extracted a {
  font-size: 12px;
  font-weight: 600;
  color: #0092CA;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcq__dropdowns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-bottom: 1%;
}
.mcq__select_container {
  width: 49%;
}
.mcq__select_container label {
  font-size: 14px;
  color: #667085;
  font-weight: 500;
}
.mcq__concepts_textarea_container {
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  background-color: #FFFFFF;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.mcq__concepts_textarea1 {
  resize: none;
  font-family: inherit;
  color: #344054;
  font-size: 18px;
  border: none;
  background-color: #F6F6F9;
  border-radius: 8px;
  padding: 12px 16px 12px 16px;
  gap: 8px;
  width: 93%;
}
.mcq__concepts_textarea_container1 {
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mcq__concepts_textarea_container2 {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mcq__concepts_textarea2 {
  resize: none;
  font-family: inherit;
  font-size: 16px;
  border: 1px solid #D0D5DD;
  border-radius: 8px;
  padding: 10px 14px 10px 14px;
  gap: 8px;
}
.mcq__concepts_textarea_container span {
  font-size: 14px;
  font-weight: 600;
  color: #3C3F59;
}
.mcq__textarea_with_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcq__concepts_textarea_container_close {
  padding: 16px;
  border-radius: 12px;
  color: #667085;
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #E5E6ED;
  gap: 16px;
}
.mcq__concepts_textarea_container_close span {
  width: 95%;
  color: #344054;
}
.mcq__select {
  margin-top: 1%;
  border: 1px solid #182230;
  border-radius: 8px;
}
.mcq__question_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 6px;
}
.mcq__question_container label {
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}
.mcq__question_container textarea {
  padding: 10px 14px 10px 14px;
  gap: 8px;
  border: 1px solid #D0D5DD;
  resize: none;
  border-radius: 8px;
  background-color: #FFFFFF;
  font-family: inherit;
  font-size: 16px;
}
.mcq__question_container textarea::-webkit-input-placeholder {
  font-weight: 400;
  color: #667085;
}
.mcq__question_container textarea::-moz-placeholder {
  font-weight: 400;
  color: #667085;
}
.mcq__question_container textarea:-ms-input-placeholder {
  font-weight: 400;
  color: #667085;
}
.mcq__question_container textarea::-ms-input-placeholder {
  font-weight: 400;
  color: #667085;
}
.mcq__question_container textarea::placeholder {
  font-weight: 400;
  color: #667085;
}
.mcq__answer_container {
  background-color: #ffffff;
  border: 1px solid #E5E6ED;
  border-radius: 8px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.mcq__answer_title {
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}
.mcq__answer_container a {
  font-size: 12px;
  font-weight: 600;
  color: #0092CA;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcq__answer_element_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 8px;
}
.mcq__answer_element_container span {
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}
.mcq__answer_element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.mcq__answer_element textarea {
  border-radius: 8px;
  background-color: #EAECF0;
  resize: none;
  padding: 1%;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  border: none;
}
.mcq__answer_element i {
  color: #667085;
  cursor: pointer;
}
.mcq__answer_element input[type=checkbox] {
  cursor: pointer;
  border: 1px solid #D2D4E0;
}
.mcq__option_textarea_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 94%;
  gap: 6px;
}
.mcq__manual_details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #667085;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  padding-bottom: 1%;
}
.mcq__manual_item_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.mcq__manual_item_container.title_textarea {
  resize: none;
  font-family: inherit;
  color: #344054;
  font-size: 18px;
  border: none;
  background-color: #F6F6F9;
  border-radius: 8px;
  padding: 1%;
}

.course__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.course__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.course__header_container {
  width: 60%;
}
.course__header h1 {
  font-size: 36px;
  font-weight: 600;
}
.course__bottom_pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #475467;
}
.course__bottom_pagination a {
  text-decoration: none;
  color: #0092CA;
}
.course__filter_and_search {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.course__filter_icon {
  width: 46px;
}
.course__search {
  width: 373px;
}
.course__create_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.course__progress_container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.course__progress_content_container {
  width: 327px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 12px;
}
.course__progress_content_container {
  font-size: 16px;
  font-weight: 400;
}
.course__simulation_context_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 56px;
}
.course__simulation_context_item_container {
  width: 92%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-left: 28px;
}
.course__simulation_context_header_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 30px;
}
.course__simulation_context_header_container span {
  color: #98A2B3;
  font-weight: 600;
  font-size: 16px;
}
.course__simulation_context_title_status_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.course__simulation_context_label {
  font-size: 14px;
  font-weight: 500;
  color: #667085;
}
.course__simulation_context_textarea {
  border-radius: 8px;
  border: 1px solid #D0D5DD;
  padding: 10px 14px;
  gap: 8px;
  resize: none;
  font-family: inherit;
  font-size: 14px;
}
.course__simulation_context_descriptions_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.course__add_course_data_anchor {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 2px 0px 2px 0px;
  font-size: 12px;
  font-weight: 600;
  color: #0092CA;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course__avatar_title_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course__avatar_description {
  font-weight: 400;
  font-size: 14px;
  color: #323131;
}
.course__select_avatar_title {
  font-weight: 400;
  font-size: 14px;
  color: #667085;
}
.course__select_avatar_conatiner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course__avatar_container {
  min-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  gap: 20px;
  padding: 20px 0px;
}
.course__avatar_item_conatiner {
  border-radius: 12px;
  padding: 12px;
  gap: 20px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 243.25px;
  max-width: 243.25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.course__avatar_item_conatiner.selected {
  border: 2px solid #0092CA;
}
.course__textarea_containter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 6px;
}
.course__simulation_context_description_item_conatainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.course__simulation_rules_subtitle {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #323131 !important;
  line-height: 25px;
}
.course__rules_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  border: 1px solid #E5E6ED;
  gap: 16px;
  padding: 16px;
  background-color: #FFFFFF;
  width: 100%;
}
.course__rules_textarea_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 6px;
}
.course__rules_textarea_label_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.course__textarea_grey {
  width: 95%;
  background-color: #F6F6F9;
}
.course__rule_container_close {
  border-radius: 12px;
  gap: 16px;
  padding: 16px;
  border: 1px solid #E5E6ED;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #344054;
  font-size: 18px;
  font-weight: 600;
  min-width: 100%;
}

.help_icon {
  color: #54AAFF;
}

.help-wrapper:hover .custom-tooltip {
  display: block;
}

.custom-tooltip {
  display: none;
  position: absolute;
  top: 98%;
  width: 251px;
  background-color: #FFFFFF;
  border: 1px solid #CBCFD2;
  border-radius: 4px;
  padding: 8px;
  z-index: 9999;
  /* ← increase this */
  -webkit-box-shadow: 0px 3px 7px 0px rgba(126, 123, 122, 0.1019607843);
          box-shadow: 0px 3px 7px 0px rgba(126, 123, 122, 0.1019607843);
}

.tooltip-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.tooltip-arrow {
  position: absolute;
  top: -6px;
  left: 10px;
  /* Changed from right: 10px to left: 10px */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #CBCFD2;
  /* Border color */
}

.tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 1px;
  /* Slight offset to show outer border */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #FFFFFF;
  /* Match tooltip background */
}

.help-wrapper {
  position: relative;
  display: inline-block;
}

.single_activity__parent_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 67px;
}
.single_activity__header_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.single_activity__header_container_title {
  color: #98A2B3;
  font-weight: 600;
  font-size: 12px;
}
.single_activity__header_container_subtitle {
  color: #182230;
  font-weight: 500;
  font-size: 30px;
}
.single_activity__card_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.single_activity__card_container_header {
  color: #3C3F59;
  font-weight: 500;
  font-size: 20px;
}
.single_activity__card_container_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px 24px 32px;
  gap: 16px;
  border-radius: 8px;
  border: 0.5px solid #EAECF0;
  min-height: 172px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  background-color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.single_activity__card_container_item.active {
  border: 1.5px solid #0092CA;
}
.single_activity__card_container_item_icon_container {
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 7px;
  background-color: #ECF5FD;
}
.single_activity__card_container_item_heading {
  color: #0092CA;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.single_activity__card_container_item_subheading {
  color: #475467;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}
.single_activity__card_container_item_icon {
  font-size: 24px;
  color: #0092CA;
}

.course_overview__parent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  overflow: auto;
  position: relative;
}
.course_overview__header_container {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.course_overview__header_container__title_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.course_overview__header_container__title {
  color: #101828;
  font-size: 36px;
  font-weight: 500;
}
.course_overview__header_container__lna_button {
  color: #0092CA;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.course_overview__header_container__course_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 32px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course_overview__header_container__course_data_sub_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 48%;
}
.course_overview__header_container__course_data_sub_container_heading {
  font-size: 14px;
  font-weight: 600;
}
.course_overview__header_container__course_data_sub_container_data {
  font-size: 14px;
  font-weight: 400;
}
.course_overview__header_container__course_data_sub_container_font_color {
  color: #313132;
}
.course_overview__header_container_learning_objectives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.course_overview__header_container_learning_objectives_title_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course_overview__header_container_learning_objectives_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 85%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.course_overview__header_container_learning_objectives_title_avatar_text {
  background-color: #ECF5FD;
  border-radius: 4.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
}
.course_overview__header_container_learning_objectives_title span {
  color: #101828;
  font-weight: 500;
  font-size: 16px;
}
.course_overview__header_container_learning_objectives_bulletin {
  list-style-type: disc;
  padding-left: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  color: #323131;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.course_overview__header_container_learning_objectives_list {
  margin-top: 20px;
}
.course_overview__header_container_learning_content {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
.course_overview__header_container_learning_content_card_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-radius: 16px;
  border: 0.2px solid #7A7C7E;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(126, 123, 122, 0.1019607843);
          box-shadow: 0px 3px 7px 0px rgba(126, 123, 122, 0.1019607843);
}
.course_overview__header_container_learning_content_card_container_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.course_overview__header_container_learning_content_card_container_title_type_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.course_overview__header_container_learning_content_card_container_title_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 75%;
}
.course_overview__header_container_learning_content_card_container_title_container span {
  color: #313132;
  font-weight: 600;
  font-size: 16px;
}
.course_overview__header_container_learning_content_card_container_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  color: #323131;
}
.course_overview__header_container_learning_content_card_container_description_title {
  font-weight: 600 !important;
  font-size: 16px !important;
}
.course_overview__header_container_learning_content_card_container_description_data {
  font-weight: 400;
  font-size: 14px;
}
.course_overview__header_container_learning_content_card_container_description span {
  font-weight: 400;
  font-size: 16px !important;
}
.course_overview__header_container_learning_content_card_container_est_time {
  color: #313132;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.course_overview__footer_container {
  position: sticky;
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 32px;
  gap: 20px;
  margin-bottom: 10px;
}
.course_overview__footer_container_divider {
  border: 1px solid rgb(234, 236, 240);
  width: 100%;
}
.course_overview__footer_container_button_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.edit_learning_objectives_containerdiv1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
          flex: 0 0 64%;
  padding: 10px;
}

.edit_learning_objectives_containerdiv2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36%;
          flex: 0 0 36%;
}

.course-overview-learning-objectives-workspace-container {
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #000;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 860px;
}

.edit_learning_objectives_container {
  width: 100%;
}

@media (max-width: 768px) {
  .edit_learning_objectives_containerdiv1,
  .edit_learning_objectives_containerdiv2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
#learning_content .archived #activity_title, #learning_content .archived .only-modules-title, #learning_content .archived .only-blur-est-time, #learning_content .archived .only-blur-objectives, #learning_content .archived .only-blur-desc {
  opacity: 0.5;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  position: relative;
}

.blur-on-drag {
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  pointer-events: none;
}

.edit_discussion_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 92%;
  margin-top: 46px;
  margin-left: 2%;
}

.edit_discussion_header_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit_discussion_header_container_header_text {
  font-size: 16px;
  font-weight: 600;
  color: #98A2B3;
}
.edit_discussion_header_container_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit_discussion_header_container_textarea_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.edit_discussion_header_container_textarea_container textarea {
  font-family: inherit;
  font-size: 16px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0509803922);
  border: 1px solid #D0D5DD;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px 14px 10px 14px;
  resize: none;
}
.edit_discussion_header_container_textarea_container textarea::-webkit-input-placeholder {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter";
}
.edit_discussion_header_container_textarea_container textarea::-moz-placeholder {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter";
}
.edit_discussion_header_container_textarea_container textarea:-ms-input-placeholder {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter";
}
.edit_discussion_header_container_textarea_container textarea::-ms-input-placeholder {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter";
}
.edit_discussion_header_container_textarea_container textarea::placeholder {
  color: #667085;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter";
}
.edit_discussion_header_container_textarea_container span {
  color: #667085;
  font-size: 14px;
  font-weight: 500;
}

.edit_discussion_header_container_buttons .voice__btn__main.voice-btn.active {
  background: #079455;
  color: white;
  border: 2px solid #079455;
}

body {
  -webkit-box-align: normal !important;
      -ms-flex-align: normal !important;
          align-items: normal !important;
}

.nav__wrapper .nav__link--back-edit-interactive-learning {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.nav__wrapper .nav__link--back-edit-interactive-learning {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin-left: 8px;
  color: #000000;
}

.nav__link--back-edit-interactive-learning:hover .nav__link__icon {
  background-color: #0092CA;
}

.nav__link--back-edit-interactive-learning:hover .nav__link__icon i {
  color: #fff;
}

.mcq__sidebar_element_container-learning-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100vh;
  width: 100%;
}

.mcq__sidebar_element_container-learning-cards .mcq__sidebar_item_container {
  padding: 10px 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#card-list-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 0 15px;
  height: 30vh;
}

@media (max-width: 768px) {
  .mcq__sidebar_element_container-learning-cards {
    height: 100%;
  }
}
.voice-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 16px;
  min-width: 209.25px;
  font-family: sans-serif;
  background-color: white;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.voice-header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-weight: 500;
  color: #333;
  font-size: 16px;
}

.play-icon {
  font-size: 27px;
}

.voice-description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: #6c7480;
}

.learning_card_status_completed,
.learning_card_status_inprogress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.learning_card_status_completed_text {
  background-color: #0092CA;
  color: #fff;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
}

.learning_card_status_inprogress_text {
  background-color: #E9ECEF;
  color: #0092CA;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
}

.course__simulation_context_item_container.edit-learning-card {
  gap: 0px;
}

.icon-delete {
  font-size: 16px;
  color: #888;
  cursor: pointer;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.tab {
  font-size: 14px;
  font-weight: 500;
  padding: 8px;
  cursor: pointer;
  color: #000000;
  border-bottom: 2px solid transparent;
}

.tab.active {
  border-color: #009ee0;
}

.tab-content {
  display: none;
  padding: 20px 0;
}

.tab-content.active {
  display: block;
}

.edit-card-learning-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

.edit-card-learning-primary-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: #009ee0;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

.edit-card-learning-outline-btn {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #009ee0;
  font-weight: 600;
  font-size: 13.33px;
  border: 2px solid #009ee0;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

.grey_outline_btn_review {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #009ee0;
  font-weight: 600;
  border: 2px solid #EAECF0;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: pointer;
}

.edit-card-learning-ul {
  padding-left: 20px;
  color: #5f6c7b;
}

.edit-card-learning-ul li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 16px;
}

.edit-card-learning-ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #3b4a5a;
  font-size: 18px;
  line-height: 1;
}

.review-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.mcq__sidebar_container.edit-card-learning-sidebar {
  min-width: 21%;
}

.edit-card-learning-sidebar-title {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 190px !important;
  margin: 4px 0 !important;
}

.edit_learning_card.voice__btn__main.voice-btn:before {
  content: "";
  background-image: url("../../assets/img/voice.svg");
  color: white;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
  display: inline-block;
}

.edit_learning_card.voice__btn__main.voice-btn.active {
  background: #079455;
  color: white;
  border: 2px solid #079455;
}

.edit_learning_card.voice__btn__main.voice-btn.active:before {
  background-image: url("../../assets/img/voice_active.svg");
}

.card-wrapper {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#suggestion-card {
  border: 1px solid #0092CA;
  border-radius: 12px;
  padding: 16px;
  background-color: #ECF5FD;
  width: 650px;
  max-width: 700px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

#suggestion-card h3 {
  margin-top: 0;
  color: #475467;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}

#suggestion-card p {
  color: #4a4a4a;
  margin: 10px 0;
}

#suggestion-card i {
  font-style: italic;
  font-weight: bold;
}

#suggestion-card .actions {
  margin-top: 12px;
  text-align: center;
}

#suggestion-card .actions a {
  margin-right: 20px;
  color: #007bce;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(16, 24, 40, 0.6980392157);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.modal-content {
  background: white;
  padding: 25px 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  width: 500px;
  max-width: 90%;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-header h4 {
  margin: 0;
  font-size: 1.05rem;
  color: #344054;
}

.modal-subtitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #475467;
}

.modal-content input,
.modal-content textarea {
  width: 100%;
  margin-top: 10px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.modal-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  margin-top: 30px;
}

.modal-actions button {
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.modal-actions .modal-cancel-btn {
  background-color: #ffffff;
  border: 2px solid #EAECF0;
  color: #009ee0;
}

.modal-actions .modal-generate-btn {
  background-color: #009ee0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edit_learning_transcript_container1 {
  width: 100%;
  height: 860px;
  background-color: #F4F4F4;
  border-radius: 16px;
  border: 1px solid #718096;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: auto;
}

.link-dialog {
  position: absolute;
  background: white;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.link-dialog input {
  width: 250px;
  padding: 5px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.link-dialog button {
  padding: 5px 10px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

.link-dialog button:hover {
  background: #0069d9;
}

.editor iframe {
  max-width: 100%;
  margin: 10px 0;
}

.edit-transcript-text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #515354;
  width: 100%;
  height: 100%;
  background-color: #F4F4F4;
  border: none;
}

.edit-learning-transcript-container-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 860px;
}

/* Container 1: 60% */
.edit_learning_transcript_container1 {
  background-color: #F4F4F4;
  border-radius: 16px;
  border: 1px solid #718096;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Container 2: 40% */
.edit_learning_transcript_container2 {
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #000;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 700px;
}

.learning-workspace-card {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  padding: 20px 16px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.learning-workspace-post-textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  font-size: 14px;
  color: #333;
  font-family: inherit;
  min-height: 20px;
}

.learning-workspace-post-textarea::-webkit-input-placeholder {
  color: #888;
}

.learning-workspace-post-textarea::-moz-placeholder {
  color: #888;
}

.learning-workspace-post-textarea:-ms-input-placeholder {
  color: #888;
}

.learning-workspace-post-textarea::-ms-input-placeholder {
  color: #888;
}

.learning-workspace-post-textarea::placeholder {
  color: #888;
}

.learning-workspace-bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 30px;
}

.learning-workspace-icon-btn {
  background: none;
  border: none;
  color: #000;
  font-size: 18px;
  cursor: pointer;
  padding: 10;
}

.learning-workspace-icon-btn:focus {
  outline: none;
}

.editor-container {
  border: 1px solid #718096;
  border-radius: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 860px;
}

.editor-container pre {
  white-space: pre-wrap;
  /* allow line wrap */
  word-break: break-word;
  /* break long words */
  overflow-wrap: break-word;
  /* also helps breaking */
  max-width: 100%;
  /* contain within editor */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.editor {
  border: 1px solid #F4F4F4;
  border-radius: 0 0 16px 16px;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 820px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-chat-wrapper {
  width: 250px;
}

@media (min-width: 1020px) and (max-width: 1350px) {
  .ai-chat-wrapper {
    width: 170px !important;
  }
}
/* Tablet and smaller: stack full-width */
@media (max-width: 1023px) {
  .edit_learning_transcript_container1,
  .editor-container,
  .edit_learning_transcript_container2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
  }
}
/* Tablet: full width stacked but taller */
@media (min-width: 600px) and (max-width: 1023px) {
  .edit_learning_transcript_container1,
  .editor-container,
  .edit_learning_transcript_container2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
/* Mobile: full width stacked with minimal padding */
@media (max-width: 599px) {
  .edit_learning_transcript_container1,
  .editor-container,
  .edit_learning_transcript_container2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    padding: 0.75rem;
    border-radius: 12px;
  }
}
.edit-transcript-text:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.editor:focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.edit_learning_transcript_header-wrapper:focus {
  border: 1px solid #718096;
}

.edit_learning_transcript_header-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.edit_learning_transcript_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 20px;
  background-color: white;
}

.edit_learning_transcript_menu-icon {
  font-size: 24px;
  margin-right: 32px;
  cursor: pointer;
}

.edit_learning_transcript_title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.edit_learning_transcript_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.edit_learning_transcript_label {
  font-size: 14px;
  color: #6c7480;
  margin-bottom: 6px;
}

.image-editor-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.image-editor-container {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 800px;
}

.image-preview-container {
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
  overflow: hidden;
}

#editable-image {
  max-width: 100%;
  max-height: 100%;
}

.image-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.size-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.size-controls label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.size-controls input {
  width: 60px;
  padding: 5px;
}

.size-controls button {
  border-radius: 5px;
}

.action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}

.action-buttons button {
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 5px;
}

#insert-image {
  background-color: #009ee0;
  color: white;
  border: none;
}

#cancel-edit {
  background-color: #f44336;
  color: white;
  border: none;
}

#crop-btn {
  background-color: #fff;
  border: 2px solid #009ee0;
  color: #009ee0;
  padding: 8px 16px;
  cursor: pointer;
}

.edit_learning_preview_image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  border-radius: 12px;
}

.edit_learning_preview_icon {
  font-size: 20px;
  color: #6c7480;
  margin: 0 35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.edit_learning_preview_center-image {
  width: 280px;
  height: auto;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.edit_card_learning_content_editor-container {
  max-width: 800px;
  margin: 40px auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: Arial, sans-serif;
}

.edit_card_learning_content_toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.edit_card_learning_content_toolbar select,
.edit_card_learning_content_toolbar button,
.edit_card_learning_content_toolbar input[type=color] {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.edit_card_learning_content_editor {
  min-height: 300px;
  padding: 15px;
  outline: none;
}

.edit_card_learning_content_floating-toolbar {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  background: white;
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 4px;
  z-index: 999;
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.edit_card_learning_content_floating-toolbar.hidden {
  display: none;
}

.edit-learning-card-select.custom-select .select-selected {
  padding: 8.5px 34px 9px 14px;
  color: #667085;
  font-size: 14px;
}

.dragging {
  background-color: #e0e0e0 !important;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.over {
  border-top: 2px solid #007bff !important;
}

.card-list-container .card {
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-bottom: 1px solid #d1d5db;
  background-color: white;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  margin: 3px 6px 0px 8px;
}

.toolbar button {
  padding: 4px 8px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.toolbar button:hover {
  color: #0092CA;
}

.toolbar button.active {
  background-color: #0092CA;
  color: white;
}

.toolbar .separator {
  width: 1px;
  background-color: #d1d5db;
  margin: 0 4px;
}

.toolbar .dropdown {
  position: relative;
  display: inline-block;
}

.toolbar .dropdown-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
}

.toolbar .dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  background-color: white;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  padding: 4px;
  display: none;
}

.toolbar-icon-font {
  font-size: 27px;
}

.toolbar .color-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  width: 300px;
}

.toolbar .color-item {
  width: 22px;
  height: 22px;
  margin-left: 10px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.toolbar .font-list {
  width: 180px;
}

.toolbar .font-item {
  padding: 4px 8px;
  cursor: pointer;
}

.toolbar .font-item:hover {
  background-color: #f3f4f6;
}

.toolbar .heading-list {
  width: 120px;
}

.toolbar .align-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.editor ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.editor ul li {
  margin-bottom: 25px;
}

.editor ol li {
  margin-bottom: 25px;
}

.editor ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.sal-card-inner ul {
  list-style-type: disc !important;
  padding-left: 1.5em !important;
}

.sal-card-inner ol {
  list-style-type: decimal !important;
  padding-left: 1.5em !important;
}

.editor-container h2:not([class],
[style],
ul h2, ol h2,
li h2,
:where(ul, ol, li) * h2),
.editor-container p:not([class],
[style],
ul p, ol p,
li p,
:where(ul, ol, li) * p),
.editor-container h3:not([class],
[style],
ul h3, ol h3,
li h3,
:where(ul, ol, li) * h3),
.editor-container h1:not([class],
[style],
ul h1, ol h1,
li h1,
:where(ul, ol, li) * h1) {
  all: revert;
}

.edit_learning_preview_card h2:not([class],
[style],
ul h2, ol h2,
li h2,
:where(ul, ol, li) * h2),
.edit_learning_preview_card p:not([class],
[style],
ul p, ol p,
li p,
:where(ul, ol, li) * p),
.edit_learning_preview_card h3:not([class],
[style],
ul h3, ol h3,
li h3,
:where(ul, ol, li) * h3),
.edit_learning_preview_card h1:not([class],
[style],
ul h1, ol h1,
li h1,
:where(ul, ol, li) * h1) {
  all: revert;
}

.hidden {
  display: none;
}

.image-upload {
  display: none;
}

.image-preview {
  max-width: 100%;
  margin: 5px 0;
}

.heading-item {
  padding: 4px 8px;
  cursor: pointer;
}

.heading-item:hover {
  background-color: #f3f4f6;
}

.heading-item.h1 {
  font-size: 24px;
  font-weight: bold;
}

.heading-item.h2 {
  font-size: 20px;
  font-weight: bold;
}

.heading-item.h3 {
  font-size: 16px;
  font-weight: bold;
}

.heading-item.p {
  font-size: 14px;
}

.editor pre code {
  background-color: #e5e7eb;
  padding: 8px;
  border-radius: 6px;
  display: block;
  white-space: pre-wrap;
  font-family: monospace;
  font-size: 13px;
}

.course__avatar_container1 {
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  gap: 20px;
}

.edit_learning_preview_container {
  max-width: 500px;
  margin: auto;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border: 1px solid #ccc;
}

.edit_learning_preview_header {
  background: #e4f0fb;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}

.edit_learning_preview_menu-icon,
.edit_learning_preview_close-icon {
  font-size: 19px;
  cursor: pointer;
}

.edit_learning_preview_sub-title {
  padding: 0px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #4a4a4a;
  background: #e4f0fb;
  margin-left: 25px;
}

.edit_learning_preview_badge {
  width: 18px;
  height: 18px;
  background: #5baeff;
  border-radius: 3px;
  display: inline-block;
  margin-right: 8px;
}

.edit_learning_preview_top-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* Changed from fixed height to flex */
  padding-bottom: 40px;
  /* Add space for the footer circle */
}

.edit_learning_newpreview_top-container {
  background: #e4f0fb;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-bottom: 40px;
}

.edit_learning_preview_card {
  background: #e4f0fb;
  margin: 16px;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}

.edit_learning_preview_card p {
  margin-bottom: 12px;
}

.edit_learning_preview_start-btn {
  background: #000;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 24px;
  font-size: 16px;
  margin-top: 12px;
  cursor: pointer;
  width: 100%;
}

.edit_learning_preview_footer {
  position: relative;
  background: #fff;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 32px 12px;
  overflow: visible;
}

.edit_learning_preview_footer::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 98px;
  height: 90px;
  background: #e4f0fb;
  border-radius: 70px;
}

.edit_learning_preview_nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #7b7c7e;
}

.edit_learning_preview_nav-item img {
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}

.edit_learning_preview_profile-img {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  background: #e4f0fb;
  z-index: 3;
}

.edit_learning_preview_profile-img img {
  width: 75px;
  height: 70px;
  border-radius: 50%;
}

.sal-card-deck {
  width: 100%;
  max-width: 480px;
}

.sal-card {
  position: relative;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 0px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 10px 30px rgba(41, 78, 152, 0.08), 0 30px 60px rgba(41, 78, 152, 0.06);
          box-shadow: 0 10px 30px rgba(41, 78, 152, 0.08), 0 30px 60px rgba(41, 78, 152, 0.06);
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.sal-card-inner {
  position: relative;
  z-index: 1;
}

.sal-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(135deg, #294e98 0, #3a6bc5 100%);
  opacity: 0.02;
}

.sal-card:hover {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-box-shadow: 0 20px 40px rgba(41, 78, 152, 0.12), 0 40px 80px rgba(41, 78, 152, 0.08);
          box-shadow: 0 20px 40px rgba(41, 78, 152, 0.12), 0 40px 80px rgba(41, 78, 152, 0.08);
}

.sal-card-header {
  position: relative;
  padding: 40px 10px 30px;
  text-align: center;
  background: linear-gradient(135deg, #f0f4f9 0, #e8eef7 100%);
  border-bottom: 1px solid rgba(41, 78, 152, 0.08);
}

.sal-header-accent {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#294e98), to(#3a6bc5));
  background: linear-gradient(90deg, #294e98, #3a6bc5);
  border-radius: 0 0 4px 4px;
}

.sal-card-title {
  font-size: 2.2rem;
  color: #1a365d;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.sal-card-subtitle {
  font-size: 1.1rem;
  color: #4a6fa5;
  font-weight: 300;
  letter-spacing: 0.3px;
}

.sal-card-content {
  padding: 40px 16px;
}

.sal-section {
  margin-bottom: 35px;
}

.sal-section-title {
  font-size: 1.5rem;
  color: #1a365d;
  margin-bottom: 25px;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
}

.sal-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
  height: 25px;
  background: -webkit-gradient(linear, left top, left bottom, from(#294e98), to(#3a6bc5));
  background: linear-gradient(to bottom, #294e98, #3a6bc5);
  border-radius: 2px;
}

.sal-premium-list li {
  margin-bottom: 25px;
}

.sal-icon {
  color: #3a6bc5;
  font-size: 1.2rem;
  margin-right: 15px;
  margin-top: 3px;
}

.sal-list-content strong {
  display: block;
  color: #1a365d;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.sal-list-content p {
  color: #4a6fa5;
  line-height: 1.6;
  font-size: 1rem;
}

.sal-reflection {
  margin-bottom: 0;
}

.sal-quote {
  position: relative;
  padding: 10px 10px;
  background: rgba(41, 78, 152, 0.03);
  border-radius: 16px;
  border-left: 4px solid #294e98;
}

.sal-quote p {
  color: #2d5086;
  font-style: italic;
  line-height: 1.8;
  font-size: 1.1rem;
}

#learning_card_preview {
  cursor: pointer;
}

.learning-preview-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}

.learning-preview-modal {
  background: #fff;
  border-radius: 10px;
  width: 90%;
  max-width: 750px;
  height: 550px;
  padding: 24px;
  position: relative;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.learning-preview-modal-header {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-top: 10px;
}

.learning-preview-modal-subheader {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #475467;
  margin-top: 10px;
}

.learning-preview-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  font-size: 20px;
}

.card-content-container-deck-preview {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 15px;
  max-height: 550px;
  height: 300px;
  width: 450px;
}

.learning-preview-modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.learning-preview-phone-preview {
  width: 280px;
  height: 520px;
  background: #e6f2fa;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.learning-preview-card-content {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  font-size: 14px;
  color: #333;
}

.learning-preview-nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 12px;
}

.learning-preview-nav-bar img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.learning-preview-modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

.learning-preview-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.learning-preview-btn.learning-preview-cancel {
  background: transparent;
  color: #0092CA;
  border: 1px solid #EAECF0;
  padding: 12px;
}

.learning-preview-btn.learning-preview-primary {
  background: #0092CA;
  color: #fff;
  padding: 12px;
}

.learning-preview-arrow {
  font-size: 32px;
  color: #ccc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.card {
  padding: 0;
}

/* Main layout: sidebar + right content */
.app-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100vw;
}

/* Sidebar styles */
.sidebar {
  width: 250px;
  border-right: 1px solid #ccc;
  overflow-y: auto;
}

/* Right panel with header, content, footer */
.right-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100vh;
  overflow: hidden;
}

/* Main content */
.main-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
  background-color: #fafafa;
  z-index: -1;
}

/* Footer */
.footer {
  height: 50px;
  background-color: #f5f5f5;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.new_app-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  background: "#FAFAFA";
}

.new_sidebar {
  width: 280px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border-right: 0.5px solid #e5e5ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 100;
}

.new_sidebar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 100%);
  z-index: -1;
}

.new_sidebar-header {
  padding: 24px 20px;
  border-bottom: 0.5px solid #e5e5ea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.1);
}

.new_logo {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #007aff 0%, #0051d5 100%);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
  position: relative;
}

.new_logo::after {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, #007aff, #0051d5);
  border-radius: 14px;
  z-index: -1;
  opacity: 0.2;
  -webkit-filter: blur(8px);
          filter: blur(8px);
}

.new_brand-name {
  font-size: 22px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.6px;
}

.new_nav-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.new_nav-section {
  margin-bottom: 32px;
}

.new_nav-section-title {
  font-size: 11px;
  font-weight: 700;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 20px 8px;
  margin-bottom: 4px;
}

.new_nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 20px;
  color: #6d6d70;
  text-decoration: none;
  border-radius: 0;
  position: relative;
  font-weight: 500;
  font-size: 14px;
}

.new_nav-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: #007aff;
  border-radius: 0 2px 2px 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.new_nav-item::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  bottom: 0;
  background: rgba(0, 122, 255, 0.08);
  border-radius: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.new_nav-item:hover {
  color: #007aff;
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}

.new_nav-item:hover::after {
  opacity: 1;
}

.new_nav-item.active {
  color: #007aff;
  font-weight: 600;
}

.new_nav-item.active::before {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

.new_nav-item.active::after {
  opacity: 1;
}

.new_nav-item i {
  width: 18px;
  text-align: center;
  font-size: 16px;
  z-index: 1;
}

.new_nav-item span {
  z-index: 1;
}

.new_top-bar {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: sticky;
  top: 0;
  min-height: 52px;
}

.new_breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #6d6d70;
  font-size: 14px;
  font-weight: 500;
}

.new_breadcrumb-item {
  color: #6d6d70;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.new_breadcrumb-item:hover {
  background: #f5f5f7;
  color: #007aff;
}

.new_breadcrumb-item.current {
  color: #000000;
  font-weight: 600;
}

:root {
  /* Apple-inspired Color System */
  --primary-blue: #007AFF;
  --primary-blue-dark: #0051D5;
  --primary-blue-light: #E6F2FF;
  --primary-blue-ultra-light: #F5F9FF;
  /* Refined Grays */
  --gray-100: #FAFAFA;
  --gray-200: #F5F5F7;
  --gray-300: #E5E5EA;
  --gray-400: #D2D2D7;
  --gray-500: #8E8E93;
  --gray-600: #6D6D70;
  --gray-700: #48484A;
  --gray-800: #2C2C2E;
  --gray-900: #1C1C1E;
  /* System Colors */
  --system-green: #30D158;
  --system-yellow: #FFD60A;
  --system-orange: #FF9F0A;
  --system-red: #FF453A;
  /* Text Colors */
  --text-primary: #000000;
  --text-secondary: #6D6D70;
  --text-tertiary: #8E8E93;
  --text-quaternary: #C7C7CC;
  /* Background Colors */
  --bg-primary: #FFFFFF;
  --bg-secondary: #FAFAFA;
  --bg-tertiary: #F5F5F7;
  --bg-elevated: rgba(255, 255, 255, 0.95);
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 32px 64px rgba(0, 0, 0, 0.12);
  /* Backdrop */
  --backdrop-blur: blur(24px);
  --backdrop-saturate: saturate(180%);
  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  /* Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced Content Area */
.repository-content-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.repository-content-header {
  margin-bottom: var(--space-8);
}

.repository-page-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: var(--space-2);
  letter-spacing: -0.8px;
}

.repository-page-subtitle {
  color: #475467;
  font-size: 14px;
  line-height: 1.6;
  max-width: 900px;
}

.repository-stats-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-8);
  margin: var(--space-6) 0 var(--space-8);
  padding: var(--space-6) 0;
  border-bottom: 0.5px solid var(--gray-300);
}

.repository-stat-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-1);
}

.repository-stat-number {
  font-size: 28px;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -0.5px;
}

.repository-stat-label {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* Enhanced View Controls */
.repository-view-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: var(--space-6);
  padding: var(--space-4) 0;
}

.repository-view-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-4);
}

.repository-sort-dropdown {
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--gray-400);
  border-radius: var(--radius-lg);
  font-size: 14px;
  font-weight: 500;
  background: var(--bg-primary);
  color: var(--text-secondary);
  cursor: pointer;
  -webkit-transition: all var(--transition-fast);
  transition: all var(--transition-fast);
}

.repository-sort-dropdown:focus {
  outline: none;
  border-color: var(--primary-blue);
  -webkit-box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.08);
          box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.08);
}

.repository-view-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--gray-200);
  border-radius: var(--radius-lg);
  padding: var(--space-1);
  gap: var(--space-1);
}

.repository-view-btn {
  padding: var(--space-2) var(--space-3);
  border: none;
  background: transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  -webkit-transition: all var(--transition-fast);
  transition: all var(--transition-fast);
  color: var(--text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.repository-view-btn.active {
  background: var(--bg-primary);
  color: var(--primary-blue);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

/* Ultra-Premium Document Cards */
.repository-repository-section {
  margin-bottom: var(--space-12);
}

.repository-section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: var(--space-5);
  padding: var(--space-5) 0;
  border-bottom: 0.5px solid var(--gray-300);
}

.repository-section-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--text-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-3);
  letter-spacing: -0.4px;
}

.repository-section-count {
  background: var(--gray-200);
  color: var(--text-secondary);
  font-size: 12px;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-2xl);
  font-weight: 700;
}

.repository-document-grid {
  display: grid;
  gap: var(--space-6);
}

.repository-document-card {
  background: var(--bg-primary);
  border-radius: var(--radius-2xl);
  border: 0.5px solid var(--gray-300);
  overflow: hidden;
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}

.repository-document-card:hover {
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
  border-color: var(--gray-400);
}

.repository-document-preview {
  height: 160px;
  background: linear-gradient(135deg, var(--gray-200) 0%, var(--gray-100) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}

.repository-document-preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.02) 100%);
}

.repository-document-icon {
  font-size: 48px;
  color: var(--text-secondary);
  z-index: 1;
}

.repository-document-badge {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  background: var(--bg-elevated);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-md);
  font-size: 10px;
  font-weight: 700;
  color: var(--text-secondary);
  border: 0.5px solid var(--gray-300);
}

.repository-document-info {
  padding: var(--space-5);
}

.repository-document-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: var(--space-3);
}

.repository-document-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.3;
  margin-bottom: var(--space-1);
  letter-spacing: -0.2px;
}

.repository-document-version {
  font-size: 12px;
  color: var(--text-tertiary);
  font-weight: 600;
}

.repository-document-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-1);
}

.repository-action-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: var(--gray-200);
  border-radius: var(--radius-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all var(--transition-fast);
  transition: all var(--transition-fast);
  font-size: 12px;
  color: var(--text-secondary);
}

.repository-action-btn:hover {
  background: var(--primary-blue-light);
  color: var(--primary-blue);
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.repository-document-description {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: var(--space-4);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.repository-document-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  font-size: 12px;
}

.repository-meta-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-1);
}

.repository-meta-label {
  color: var(--text-tertiary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 10px;
}

.repository-meta-value {
  color: var(--text-primary);
  font-weight: 700;
}

.repository-document-usage {
  margin-bottom: var(--space-4);
}

.repository-usage-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-tertiary);
  margin-bottom: var(--space-2);
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.repository-usage-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-1);
}

.repository-usage-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-2);
  font-size: 12px;
  color: var(--text-secondary);
  padding: var(--space-1) 0;
}

.repository-usage-icon {
  width: 18px;
  height: 18px;
  background: var(--primary-blue-light);
  border-radius: var(--radius-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 8px;
  color: var(--primary-blue);
}

.repository-document-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: var(--space-4);
}

.repository-tag {
  background: var(--primary-blue-light);
  color: var(--primary-blue);
  font-size: 10px;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-md);
  font-weight: 600;
}

.repository-document-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: var(--space-4);
  border-top: 0.5px solid var(--gray-300);
}

.repository-upload-date {
  font-size: 12px;
  color: var(--text-tertiary);
  font-weight: 500;
}

.repository-version-branch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-1);
  font-size: 12px;
  color: var(--system-green);
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all var(--transition-fast);
  transition: all var(--transition-fast);
}

.repository-version-branch:hover {
  color: var(--primary-blue);
}

.repository-btn {
  padding: var(--space-3) var(--space-5);
  border: none;
  border-radius: var(--radius-xl);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-2);
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
  text-decoration: none;
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
  white-space: nowrap;
}

.repository-btn-secondary {
  background: var(--bg-primary);
  color: var(--text-secondary);
  border: 1px solid var(--gray-400);
}

.repository-btn-secondary:hover {
  background: var(--gray-200);
  border-color: var(--gray-500);
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
}

/* Revolutionary Upload Zone */
.repository-upload-zone {
  border: 2px dashed var(--gray-400);
  border-radius: var(--radius-2xl);
  padding: var(--space-12) var(--space-6);
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.9) 100%);
  backdrop-filter: var(--backdrop-blur);
  -webkit-backdrop-filter: var(--backdrop-blur);
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 25%;
}

.repository-upload-zone::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.02) 0%, rgba(0, 122, 255, 0.08) 100%);
  opacity: 0;
  -webkit-transition: opacity var(--transition-normal);
  transition: opacity var(--transition-normal);
}

.repository-upload-zone:hover {
  border-color: var(--primary-blue);
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}

.repository-upload-zone:hover::before {
  opacity: 1;
}

.upload-zone.dragover {
  border-color: var(--primary-blue);
  background: var(--primary-blue-ultra-light);
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
}

.repository-upload-icon {
  font-size: 56px;
  color: var(--text-tertiary);
  margin-bottom: var(--space-4);
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
}

.repository-upload-zone:hover .repository-upload-icon {
  color: var(--primary-blue);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.repository-upload-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--space-2);
  letter-spacing: -0.3px;
}

.repository-upload-subtext {
  font-size: 14px;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Premium Upload Modal */
.repository-upload-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 3000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
}

.repository-upload-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.repository-upload-modal {
  background: var(--bg-primary);
  border-radius: var(--radius-3xl);
  width: 90%;
  max-width: 720px;
  max-height: 90%;
  overflow-y: scroll;
  -webkit-box-shadow: var(--shadow-xl);
          box-shadow: var(--shadow-xl);
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: -webkit-transform var(--transition-normal);
  transition: -webkit-transform var(--transition-normal);
  transition: transform var(--transition-normal);
  transition: transform var(--transition-normal), -webkit-transform var(--transition-normal);
}

.repository-upload-modal-overlay.active .upload-modal {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.repository-upload-modal-header {
  padding: var(--space-6);
  border-bottom: 0.5px solid var(--gray-300);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.repository-upload-modal-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  letter-spacing: -0.4px;
}

.repository-modal-close {
  width: 36px;
  height: 36px;
  border: none;
  background: var(--gray-200);
  border-radius: var(--radius-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: var(--text-secondary);
  -webkit-transition: all var(--transition-fast);
  transition: all var(--transition-fast);
}

.repository-modal-close:hover {
  background: var(--gray-300);
}

.repository-upload-modal-content {
  padding: var(--space-6);
}

.repository-upload-drop-zone {
  border: 3px dashed var(--gray-400);
  border-radius: var(--radius-2xl);
  padding: var(--space-16);
  text-align: center;
  background: var(--gray-100);
  -webkit-transition: all var(--transition-normal);
  transition: all var(--transition-normal);
  cursor: pointer;
  margin-bottom: var(--space-6);
}

.repository-upload-drop-zone.dragover {
  border-color: var(--primary-blue);
  background: var(--primary-blue-ultra-light);
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}

.repository-upload-drop-icon {
  font-size: 72px;
  color: var(--text-tertiary);
  margin-bottom: var(--space-4);
}

.repository-upload-drop-text {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: var(--space-2);
  letter-spacing: -0.4px;
}

.repository-upload-drop-subtext {
  font-size: 16px;
  color: var(--text-secondary);
  margin-bottom: var(--space-4);
}

.repository-upload-formats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--space-2);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.repository-format-badge {
  background: var(--gray-200);
  color: var(--text-secondary);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-lg);
  font-size: 12px;
  font-weight: 600;
}

.upload-progress {
  margin-top: var(--space-6);
  display: none;
}

.progress-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  background: var(--gray-100);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-3);
}

.progress-icon {
  width: 40px;
  height: 40px;
  background: var(--primary-blue-light);
  border-radius: var(--radius-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--primary-blue);
}

.progress-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.progress-name {
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: var(--space-1);
}

.progress-bar-container {
  height: 4px;
  background: var(--gray-300);
  border-radius: 2px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  background: var(--primary-blue);
  border-radius: 2px;
  -webkit-transition: width var(--transition-normal);
  transition: width var(--transition-normal);
}

/* Animations */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.repository-document-card {
  -webkit-animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.repository-document-card:nth-child(1) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}

.repository-document-card:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.repository-document-card:nth-child(3) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}

.repository-document-card:nth-child(4) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.repository-document-card:nth-child(5) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}

.repository-document-card:nth-child(6) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

/* Loading States */
.repository-skeleton {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, var(--gray-200)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(75%, var(--gray-200)));
  background: linear-gradient(90deg, var(--gray-200) 25%, rgba(255, 255, 255, 0.8) 50%, var(--gray-200) 75%);
  background-size: 200% 100%;
  -webkit-animation: shimmer 1.5s infinite;
          animation: shimmer 1.5s infinite;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .repository-document-grid {
    grid-template-columns: 1fr;
  }
  .repository-top-actions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--space-2);
  }
  .repository-view-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--space-4);
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .repository-stats-bar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--space-4);
  }
  .repository-content-area {
    padding: var(--space-4);
  }
  .repository-page-title {
    font-size: 28px;
  }
}
.delete-menu {
  position: absolute;
  top: 100%;
  left: -300%;
  background: white;
  border: 1px solid #ccc;
  padding: 5px 10px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  border-radius: 8px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  display: none;
}

.tooltip-wrapper {
  position: relative;
  cursor: pointer;
}

.tooltip-wrapper:hover .tooltip {
  display: block;
}

.more-courses-tooltip-wrapper {
  position: relative;
  display: inline-block;
  color: #007bff;
  cursor: pointer;
}

.more-courses-tooltip-wrapper .custom-tooltip {
  display: none;
  position: absolute;
  top: -600%;
  left: -165%;
  background: #fff;
  border: 1px solid #007bff;
  border-radius: 4px;
  padding: 6px 10px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  z-index: 999;
  white-space: wrap;
  font-size: 13px;
  color: #007bff;
}

.more-courses-tooltip-wrapper:hover .custom-tooltip {
  display: block;
}

.instructional-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  gap: 1rem; /* Optional: spacing between cards */
}

.repository-document-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(25.333% - 1rem);
          flex: 0 1 calc(25.333% - 1rem); /* 3 cards per row with gap */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.repository-upload-modal-overlay .md-wrapper input::-webkit-input-placeholder {
  color: black;
  opacity: 1; /* Ensures full visibility across browsers */
}

.repository-upload-modal-overlay .md-wrapper input::-moz-placeholder {
  color: black;
  opacity: 1; /* Ensures full visibility across browsers */
}

.repository-upload-modal-overlay .md-wrapper input:-ms-input-placeholder {
  color: black;
  opacity: 1; /* Ensures full visibility across browsers */
}

.repository-upload-modal-overlay .md-wrapper input::-ms-input-placeholder {
  color: black;
  opacity: 1; /* Ensures full visibility across browsers */
}

.repository-upload-modal-overlay .md-wrapper input::placeholder {
  color: black;
  opacity: 1; /* Ensures full visibility across browsers */
}

.delete-button.delete_context {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #dc2626;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.delete-button.delete_context:hover {
  background-color: #fef2f2;
  color: #b91c1c;
}

.delete-button.delete_context::before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
}

/*
cd homepage/src/assets
sass --watch scss:css --style compressed*/
/*# sourceMappingURL=main.min.css.map */