/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
html {
font-size: 14px;
}
body {
/*padding-top: 50px;*/
padding-bottom: 20px;
}
body p {
margin-bottom: 0;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* HTML: */
#loading.overlay {
position: fixed;
z-index: 1010;
width: 100%;
height: 100vh;
background: rgba(255, 255, 255, .6);
display: none;
justify-content: center;
align-items: center;
}
#loading.overlay.show {
display: flex;
}
.loader {
width: fit-content;
font-weight: bold;
font-family: sans-serif;
font-size: 30px;
padding: 0 5px 8px 0;
background: repeating-linear-gradient(90deg,currentColor 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;
animation: l3 2s steps(6) infinite;
color: #6042CD;
}
.loader:before {
content: "Oko Hiring";
text-transform: uppercase;
}
@keyframes l3 {
to {
background-position: 80% 100%
}
}
/* Carousel */
.carousel-caption p {
font-size: 20px;
line-height: 1.4;
}
/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
width: 100%;
}
/* QR code generator */
#qrCode {
margin: 15px;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
/* Hide captions */
.carousel-caption {
display: none;
}
}
.c-white {
color: #fff;
}
.fw-semi-bold {
font-weight: 500;
}
.line-clamp-1 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical
}
.line-clamp-2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.fz-14 {
font-size: 12px;
line-height: 1.5;
}
.fz-12 {
font-size: 11px;
line-height: 1.25;
}
.fz-22 {
font-size: 20px;
line-height: 1.5;
}
.fst-italic {
font-style: italic;
}
.icon-link {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat;
}
.icon-eye {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat;
}
.icon-message {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat;
}
.icon-upload {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,') no-repeat;
}
.icon-company {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.91%200.91%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M.368.07H.123A.05.05%200%200%200%20.07.123v.7a.02.02%200%200%200%20.018.018h.07q.017%200%20.018-.018V.718Q.176.701.194.7h.105Q.316.7.317.718v.105q0%20.017.018.018h.053A.035.035%200%200%200%20.423.806V.123A.05.05%200%200%200%20.37.07M.212.621A.01.01%200%200%201%20.203.63H.15A.01.01%200%200%201%20.141.621V.533q0-.008.009-.009h.053q.008%200%20.009.009zm0-.175a.01.01%200%200%201-.009.009H.15A.01.01%200%200%201%20.141.446V.358Q.141.35.15.349h.053q.008%200%20.009.009zm0-.175A.01.01%200%200%201%20.203.28H.15A.01.01%200%200%201%20.141.271V.183q0-.008.009-.009h.053q.008%200%20.009.009zm.14.35A.01.01%200%200%201%20.343.63H.29A.01.01%200%200%201%20.281.621V.533q0-.008.009-.009h.053q.008%200%20.009.009zm0-.175a.01.01%200%200%201-.009.009H.29A.01.01%200%200%201%20.281.446V.358Q.281.35.29.349h.053q.008%200%20.009.009zm0-.175A.01.01%200%200%201%20.343.28H.29A.01.01%200%200%201%20.281.271V.183q0-.008.009-.009h.053q.008%200%20.009.009zM.788.245H.543A.05.05%200%200%200%20.49.298v.525a.02.02%200%200%200%20.018.018h.07q.017%200%20.018-.018V.718Q.596.701.614.7h.105Q.736.7.737.718v.105q0%20.017.018.018h.053A.035.035%200%200%200%20.843.806V.298A.05.05%200%200%200%20.79.245M.632.621A.01.01%200%200%201%20.623.63H.57A.01.01%200%200%201%20.561.621V.533q0-.008.009-.009h.053q.008%200%20.009.009zm0-.175a.01.01%200%200%201-.009.009H.57A.01.01%200%200%201%20.561.446V.358Q.561.35.57.349h.053q.008%200%20.009.009zm.14.175A.01.01%200%200%201%20.763.63H.71A.01.01%200%200%201%20.701.621V.533q0-.008.009-.009h.053q.008%200%20.009.009zm0-.175a.01.01%200%200%201-.009.009H.71A.01.01%200%200%201%20.701.446V.358Q.701.35.71.349h.053q.008%200%20.009.009z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-note {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2017.92%2017.92%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.989%2016.805H1.109v-14h7.868l1.132-1.091-.029-.029H1.109a1.12%201.12%200%200%200-1.12%201.12v14c0%20.619.501%201.12%201.12%201.12h12.88a1.12%201.12%200%200%200%201.12-1.12V8.604l-1.12%201.069zm3.06-16.08c-.505-.484-1.063-.73-1.658-.73-.931%200-1.611.601-1.795.786-.262.259-7.685%207.671-7.685%207.671a.5.5%200%200%200-.123.213c-.201.743-1.209%204.042-1.219%204.075a.47.47%200%200%200%20.119.476.47.47%200%200%200%20.331.137.5.5%200%200%200%20.144-.022c.034-.011%203.439-1.112%203.999-1.28a.5.5%200%200%200%20.196-.116c.354-.349%207.177-7.066%207.729-7.637.571-.589.855-1.201.844-1.822-.01-.613-.308-1.202-.882-1.752m-.766%202.794c-.312.321-2.752%202.733-7.253%207.167l-.344.34A367%20367%200%200%200%206%2011.883c.301-.993.662-2.193.823-2.761.961-.959%207.321-7.309%207.563-7.548.047-.047.476-.459%201.005-.459.3%200%20.589.137.883.419.351.337.532.661.537.963.006.311-.172.655-.528%201.023%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-candidate {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2033.6%2033.6%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M31.624%2022.227c-1.202.848-3.303%202.04-6.018%202.775a4.94%204.94%200%200%200-3.431-3.834%2031.6%2031.6%200%200%200-4.892-1.079%206.87%206.87%200%200%200%202.38-4.255c.383-.014.785-.022%201.243-.022%202.905.016%205.795.461%208.592%201.32a2.98%202.98%200%200%201%202.127%202.85zm-7.906%205.929c-1.998%201.413-5.779%203.467-10.871%203.467-2.265%200-6.635-.459-10.871-3.467v-2.253c0-1.312.858-2.459%202.131-2.85a29.8%2029.8%200%200%201%208.74-1.31h.148a29.8%2029.8%200%200%201%208.6%201.314%202.97%202.97%200%200%201%202.123%202.846zM7.906%2014.823v-1.977c0-2.724%202.216-4.941%204.941-4.941s4.941%202.218%204.941%204.941v1.976c0%202.726-2.216%204.941-4.941%204.941s-4.941-2.215-4.941-4.94M20.753%201.976c1.316%200%202.558.516%203.492%201.451a4.9%204.9%200%200%201%201.449%203.49v1.976a4.945%204.945%200%200%201-4.941%204.941c-.344%200-.672-.045-.988-.113v-.876c0-2.737-1.611-5.087-3.923-6.208.146-2.591%202.283-4.662%204.912-4.662m9.325%2013.266a32%2032%200%200%200-4.896-1.079c1.508-1.269%202.488-3.147%202.488-5.269V6.917a6.86%206.86%200%200%200-2.028-4.888%206.87%206.87%200%200%200-4.89-2.03c-3.512%200-6.39%202.643-6.829%206.04a7%207%200%200%200-1.077-.111c-3.815%200-6.918%203.105-6.918%206.918v1.976c0%202.123.98%204%202.49%205.271a32%2032%200%200%200-4.892%201.069C1.419%2021.812%200%2023.717%200%2025.903v3.249l.395.296c4.817%203.611%209.867%204.151%2012.452%204.151%206.024%200%2010.388-2.601%2012.452-4.151l.395-.296v-2.109c3.591-.885%206.224-2.556%207.511-3.524l.395-.296v-3.242c0-2.188-1.417-4.093-3.522-4.74%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-fire {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20fill%3D%22red%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2017.92%2017.92%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.897%2017.907c-4.222%200-7.216-2.927-7.216-6.961%200-2.141%201.284-4.448%201.339-4.545a.56.56%200%200%201%20.559-.281.56.56%200%200%201%20.47.412c.003.013.349%201.308.806%202.027.307.484.618.826.968%201.063-.237-1.026-.418-2.571-.123-4.156.811-4.349%204.235-5.39%204.381-5.432a.56.56%200%200%201%20.705.644c-.006.031-.571%203.076.629%205.671.109.236.261.51.424.784.046-.376.119-.776.23-1.165.44-1.539%201.578-2.065%201.627-2.086a.56.56%200%200%201%20.575.071.56.56%200%200%201%20.204.543c-.006.038-.165%201.086.727%202.572.805%201.342%201.037%202.211%201.037%203.879%200%204.033-3.088%206.961-7.342%206.961zM3.424%208.184c-.307.775-.624%201.807-.624%202.762%200%203.385%202.523%205.841%206.096%205.841%203.605%200%206.222-2.456%206.222-5.841%200-1.462-.181-2.141-.878-3.303a6.3%206.3%200%200%201-.806-2.03%202.6%202.6%200%200%200-.289.663c-.341%201.193-.255%202.589-.254%202.603a.559.559%200%200%201-1.016.36c-.042-.06-1.038-1.469-1.477-2.419-.912-1.97-.896-4.101-.803-5.328-.923.538-2.339%201.739-2.794%204.181-.443%202.377.418%204.753.427%204.777a.562.562%200%200%201-.654.746c-.069-.017-1.646-.427-2.666-2.035a6.4%206.4%200%200%201-.484-.976%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-fb {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%200.28%200.28%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%231877F2%22%20d%3D%22M0.263%200.14a0.123%200.123%200%200%200%20-0.123%20-0.123%200.123%200.123%200%200%200%20-0.019%200.244v-0.086H0.09V0.14h0.031V0.113c0%20-0.031%200.018%20-0.048%200.046%20-0.048%200.013%200%200.027%200.002%200.027%200.002v0.03h-0.015c-0.015%200%20-0.02%200.009%20-0.02%200.019V0.14h0.034l-0.005%200.035H0.159v0.086A0.123%200.123%200%200%200%200.263%200.14%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0.188%200.175%200.193%200.14H0.159V0.117c0%20-0.01%200.005%20-0.019%200.02%20-0.019h0.015V0.068s-0.014%20-0.002%20-0.027%20-0.002c-0.028%200%20-0.046%200.017%20-0.046%200.048V0.14H0.09v0.035h0.031v0.086a0.123%200.123%200%200%200%200.038%200v-0.086z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-tiktok {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.42%200.42%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.368.035H.053a.02.02%200%200%200-.018.018v.315a.02.02%200%200%200%20.018.018h.315A.02.02%200%200%200%20.386.368V.053A.02.02%200%200%200%20.368.035M.311.188H.305A.06.06%200%200%201%20.252.16v.096A.071.071%200%201%201%20.181.185h.004V.22a.036.036%200%201%200-.004.072.037.037%200%200%200%20.038-.036V.093h.033A.06.06%200%200%200%20.31.149Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-linkedin {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.28%200.28%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%230A66C2%22%20d%3D%22M.214.214H.183V.165c0-.012%200-.027-.016-.027S.148.151.148.164v.05H.117v-.1h.03v.014A.03.03%200%200%201%20.176.112c.032%200%20.037.021.037.048zM.082.1A.02.02%200%200%201%20.064.082Q.065.066.082.064C.099.062.1.072.1.082Q.099.099.082.1m.016.114H.067v-.1h.031zM.229.035H.05A.015.015%200%200%200%20.035.05v.18A.015.015%200%200%200%20.05.245h.179A.015.015%200%200%200%20.245.23V.05A.015.015%200%200%200%20.229.035%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-more {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.42%200.42%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.088.175C.069.175.053.191.053.21s.016.035.035.035S.123.229.123.21.107.175.088.175m.245%200C.314.175.298.191.298.21s.016.035.035.035S.368.229.368.21.352.175.333.175m-.123%200C.191.175.175.191.175.21S.191.245.21.245.245.229.245.21.229.175.21.175%22%20fill%3D%22%23363853%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-login {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.56%200.56%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.214.458h.107q.03%200%20.05-.021a.07.07%200%200%200%20.021-.05V.173q0-.03-.021-.05C.35.103.34.102.321.102H.214v.045h.107c.015%200%20.027.011.027.026v.214a.026.026%200%200%201-.027.027H.214zM0%20.237v.085A.02.02%200%200%200%20.018.34h.1v.067q0%20.01.008.014l.006.001a.01.01%200%200%200%20.01-.004L.271.289c.005-.005.004-.015%200-.02L.142.142Q.135.136.126.139.118.143.118.152V.22h-.1A.02.02%200%200%200%200%20.238z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-reload {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.263%200.263%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.033.128c0%20.053.039.09.082.097a.009.009%200%201%201-.003.018.116.116%200%200%201-.097-.115C.015.101.027.08.042.064Q.058.046.073.036H.044a.009.009%200%200%201%200-.018h.053a.01.01%200%200%201%20.009.009V.08a.009.009%200%200%201-.018%200V.047Q.072.059.055.076a.08.08%200%200%200-.022.052m.194.007A.1.1%200%200%200%20.146.038.009.009%200%201%201%20.149.02c.05.009.095.052.095.115a.1.1%200%200%201-.027.064Q.201.217.186.227h.029a.009.009%200%201%201%200%20.018H.162A.01.01%200%200%201%20.153.236V.183a.009.009%200%201%201%20.018%200v.032Q.187.204.204.186A.08.08%200%200%200%20.226.134%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-trash {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20fill%3D%22red%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.42%200.42%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.333.105v.219a.044.044%200%200%201-.044.044H.131A.044.044%200%200%201%20.088.324V.105H.079a.009.009%200%200%201%200-.018h.079V.078A.026.026%200%200%201%20.184.053h.053a.026.026%200%200%201%20.026.026v.009h.079a.009.009%200%201%201%200%20.018zm-.228%200v.219A.026.026%200%200%200%20.131.35h.158A.026.026%200%200%200%20.315.324V.105zm.14-.018V.078A.01.01%200%200%200%20.236.069H.183a.01.01%200%200%200-.009.009v.01zm0%20.079a.009.009%200%201%201%20.018%200v.123a.009.009%200%201%201-.018%200zm-.088%200a.009.009%200%200%201%20.018%200v.123a.009.009%200%201%201-.018%200z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-cancel {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.84%200.84%22%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23D50000%22%20d%3D%22M.42.105C.247.105.105.247.105.42S.247.735.42.735.735.593.735.42.593.105.42.105m0%20.07c.054%200%20.105.019.147.049L.224.567A.245.245%200%200%201%20.42.175m0%20.49A.25.25%200%200%201%20.273.616L.616.273A.245.245%200%200%201%20.42.665%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-web {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.42%200.42%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.061.263h.082L.14.21q0-.027.003-.053H.061A.2.2%200%200%200%20.053.21a.2.2%200%200%200%20.009.053m.007.018a.16.16%200%200%200%20.107.084.2.2%200%200%201-.03-.084zm.29-.018A.2.2%200%200%200%20.368.21.2.2%200%200%200%20.359.157H.277a.5.5%200%200%201%200%20.106zM.352.281H.275a.2.2%200%200%201-.03.084A.16.16%200%200%200%20.351.28M.161.262H.26a.4.4%200%200%200%200-.106H.161L.158.21q0%20.027.003.053m.003.018c.009.052.028.088.047.088S.249.333.258.281zM.069.141h.077a.2.2%200%200%201%20.03-.084.16.16%200%200%200-.107.083m.282%200A.16.16%200%200%200%20.244.056a.2.2%200%200%201%20.03.084zm-.188%200h.093C.248.088.229.053.21.053S.172.088.163.14M.21.385C.113.385.035.307.035.21S.113.035.21.035.385.113.385.21.307.385.21.385%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-pause {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.84%200.84%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.01%22%20d%3D%22M0%200h.84v.84H0z%22%2F%3E%3Cpath%20d%3D%22M.28.21v.42M.56.21v.42%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.07%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-play {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%200.28%200.28%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.049.035.035.042v.21l.014.007.158-.105V.14zm.004.201V.059l.133.089z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M.105.257.259.155V.14L.105.038v.021l.133.089-.133.088z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.icon-envelop {
display: inline-block;
width: 14px;
height: 14px;
background: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2033.6%2033.6%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2029.649h33.6V3.955H0zM1.976%206.592v-.661h29.648v.66L16.8%2019.447zm29.648%202.616v16.634l-6.145-7.681-1.546%201.233%206.621%208.277H3.046l6.621-8.277-1.546-1.233-6.145%207.681V9.208L16.8%2022.063z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}
.state-info {
display: flex;
align-items: center;
gap: 8px;
}
.state-color {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.state-info > span:nth-child(2) {
line-height: 1;
}
.state-info.stage-badge {
display: inline-flex;
padding: 4px 8px;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff;
background-color: #ececec;
font-weight: 600;
font-size: 11px;
}
.select2-container--default .select2-selection--single {
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
/*line-height: unset; */
}
.select2-container {
width: 100% !important;
}
.skeleton-loader {
position: relative;
height: 320px;
}
.skeleton-loader:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% ), radial-gradient( circle 48px at 48px 48px, #aaaaaa 100%, transparent 0 ), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#aaaaaa 16px, transparent 0), linear-gradient(#ffffff 100%, transparent 0);
background-size: 264px 100%, 96px 96px, 128px 16px, 256px 16px, 496px 16px, 496px 16px, 496px 16px, 496px 16px, 496px 16px, 100% 100%;
background-position: 0 0, 16px 16px, 128px 40px, 128px 72px, 16px 128px, 16px 160px, 16px 192px, 16px 224px, 16px 256px, 0 0;
animation: skeleton-animation 2000ms infinite;
}
@keyframes skeleton-animation {
to {
background-position: 100% 0, 16px 16px, 128px 40px, 128px 72px, 16px 128px, 16px 160px, 16px 192px, 16px 224px, 16px 256px, 0 0;
}
}
.modal-fullscreen {
width: 100vw;
max-width: none;
height: 100%;
margin: 0;
}
.dropdown-menu {
padding: 6px;
}
.dropdown-menu .dropdown-item {
border-radius: 4px;
}
.btn.dropdown-toggle::after {
display: none;
}
.btn.btn-bordered {
border: 2px solid #ececec;
}
.btn.btn-bordered:hover {
background-color: #f8f9fa;
border-color: #adb5bd;
}
.btn.btn-icon {
display: flex;
align-items: center;
}
.btn.btn-icon i {
margin-right: 8px;
}
.btn.btn-icon.btn-icon-only i {
margin-right: unset;
}
.dropdown.dropdown-action .dropdown-item {
padding: 0;
}
.dropdown.dropdown-action .dropdown-item .btn {
border: none;
}
.table-paginate {
display: flex;
align-items: center;
justify-content: space-between;
}
.table-paginate .table-limit {
display: flex;
align-items: center;
gap: 4px;
max-width: 200px;
justify-self: end;
}
.table-paginate .table-limit .form-label {
flex-shrink: 0;
}
.table-paginate .pagination {
margin-bottom: 0;
}
.empty-container {
height: 30vh;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.empty-container svg {
margin-right: 6px;
}
/* Container cho dropdown actions */
.dropdown-action {
position: relative;
display: inline-block;
}
/* Dropdown button styling */
.dropdown-action .dropdown-toggle {
padding: 6px 8px;
border: 1px solid #dee2e6;
background-color: white;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease;
}
.dropdown-action .dropdown-toggle:hover {
background-color: #f8f9fa;
border-color: #adb5bd;
}
.dropdown-action .dropdown-toggle:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
/* Dropdown menu - QUAN TRỌNG: z-index cao */
.dropdown-action .dropdown-menu {
position: absolute;
top: 100%;
right: 0;
z-index: 1050;
min-width: 200px;
margin: 2px 0 0;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
display: none;
opacity: 0;
transform: translateY(-10px);
transition: opacity 0.15s ease, transform 0.15s ease;
}
/* Show dropdown khi active */
.dropdown-action.show .dropdown-menu,
.dropdown-action .dropdown-menu.show {
display: block;
opacity: 1;
transform: translateY(0);
}
/* Dropdown items */
.dropdown-action .dropdown-item {
list-style: none;
margin: 0;
padding: 0;
}
.dropdown-action .dropdown-item .btn {
display: flex;
align-items: center;
width: 100%;
padding: 0.5rem 1rem;
border: none;
background: none;
color: #212529;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: background-color 0.15s ease;
}
.dropdown-action .dropdown-item .btn:hover,
.dropdown-action .dropdown-item .btn:focus {
background-color: #f8f9fa;
color: #16181b;
}
.dropdown-action .dropdown-item .btn i {
margin-right: 8px;
width: 16px;
text-align: center;
}
/* Responsive: Căn trái dropdown trên mobile */
@media (max-width: 768px) {
.dropdown-action .dropdown-menu {
right: auto;
left: 0;
min-width: 180px;
}
}
/* Fix cho trường hợp dropdown bị cắt ở cuối table */
.table-log {
/* Đảm bảo dropdown không bị cắt */
overflow: visible;
}
/* Tăng z-index cho row chứa dropdown active */
.table-log .tr:has(.dropdown-action.show) {
z-index: 1051;
position: relative;
}
/* Fallback cho browsers không hỗ trợ :has() */
.table-log .tr.dropdown-active {
z-index: 1051;
position: relative;
}
/* Action buttons container */
.table-log .td[data-field="action"] {
display: flex;
align-items: center;
gap: 4px;
justify-content: center;
white-space: nowrap;
}
/* Đảm bảo dropdown menu không bị ẩn bởi overflow */
.table-log .tbody {
overflow: visible;
}
/* Backdrop cho mobile */
@media (max-width: 768px) {
.dropdown-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: transparent;
}
}
/* Divider trong dropdown menu (nếu cần) */
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #dee2e6;
}
/* Dropdown header (nếu cần) */
.dropdown-header {
display: block;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
/* Disabled dropdown item */
.dropdown-action .dropdown-item.disabled .btn,
.dropdown-action .dropdown-item .btn:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent;
cursor: not-allowed;
}
/*Sweet alert */
div:where(.swal2-container) div:where(.swal2-actions) {
margin: 0 1rem 0;
}
.swal2-backdrop-show:not(:has(.swal2-toast)) {
background-color: rgba(22, 22, 26, .6) !important;
}
.swal2-container .custom-sw-popup {
border-radius: 8px;
font-family: inherit;
background-clip: padding-box;
background-color: #f5f7fa;
box-sizing: border-box;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0 24px;
position: relative;
min-height: 144px;
max-height: calc(100vh - 140px);
min-width: 446px;
}
.swal2-container .custom-close-btn {
justify-content: end;
}
.swal2-container .custom-swal-header {
background-color: transparent;
border-bottom: 0 solid transparent;
/*color: var(--semi-color-text-0);*/
font-size: 1.25rem;
font-weight: 600;
padding: 0 0;
margin-bottom: 16px;
align-items: flex-start;
display: flex !important;
margin: 24px 0;
text-align: left;
}
.swal2-container .custom-sw-html-container {
overflow: visible;
padding: 0px 0;
/* font-size: 0.875rem;*/
text-align: unset;
}
.swal2-actions {
background-color: transparent;
border-radius: 0 0 5px 5px;
border-top: 0 solid transparent;
margin: 24px 0;
padding: 0 0;
text-align: right;
justify-content: flex-end;
}
.swal2-actions .custom-sw-btn {
min-width: 96px;
line-height: 1;
font-size: 13px;
border-radius: 4px;
}
.swal2-actions .custom-sw-btn + .custom-sw-btn {
margin-left: 8px;
}
div:where(.swal2-container) button:where(.swal2-styled) {
margin: unset;
}
.custom-sw-btn.semi-button-light {
color: #000;
background-color: transparent;
}
/*Sweet alert */