::placeholder {color: #666 !important; --dark:171717;--darker:0a0a0a}
:root{font-size:13px;}
body {background:#121212}
body {height: 100vh;max-width: 100vw;overflow: hidden;font-family: monospace;font-size:12px}
/*body{transform: translateZ(0);-webkit-transform: translateZ(0);background-image: url(../img/12.svg),url(../img/11.png);background-color: #151515;background-position: 0 0, 0 0;background-repeat: repeat, repeat;}*/
*{transition: all 0.5s;}
* {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
* {-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;user-drag: none;}
.overlay {z-index: 9999;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: #82828291;}
.loader {z-index: 10;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.btn-gray:hover, .btn-gray:focus {color: #f1f1f1;background-color: #3b3b3b;}
.grayscale {filter: grayscale(100%);display: inline-block}
footer.fixed-bottom {position: fixed;left: 30px;right: 30px;bottom: 30px;padding: 11px 0;background: #1c1c1cad;color: #666;text-align: center;z-index: 1050;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-touch-callout: none;border-radius:1rem;box-shadow:0 0 0 5px #1f1f1f;backdrop-filter: blur(3px);}
.form-control {outline: none !important;/* border: 0 !important; */-webkit-box-shadow: none !important;box-shadow: none !important;}
select.btn, input.btn {background-color: #1C1C1C;color: #666;}
input.form-control {background-color: #1C1C1C;color: #666;margin-bottom:5px;border: 0.5px solid #1f1f1f;}
input.form-control:focus {background-color: #1C1C1C;color: #666;margin-bottom:5px;}
.absolutly-centerd{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align: center;}
.dark-raduse-bg{background-color: #1f1f1fc9;padding:26px 3rem;border-radius:2.5rem;}
.dark-raduse-bg .dark-raduse-bg{background-color: #0a0a0a50;z-index: 999999; width: 124%; backdrop-filter: blur(2px); padding: 8rem 4rem;}
.div-login{box-shadow: inset 0 0 0px 9px #1b1b1b;backdrop-filter: blur(2px);}
.btn-group{margin: 10px 0;width:100%}
.padge{padding:3vh 1rem}
[type=checkbox] ~ label {color:#666;margin-left:10px;}
[type=checkbox]:checked ~ label {color: #f2662c;}
.logo img{margin: auto;display: block;width: 6rem;margin-top: -65px;filter:drop-shadow(-9px 1px #1f1f1f)}
.logo h2{font-size: 28px;margin-left: 20px;color: #eee; text-transform: uppercase;}
span.alert {border-radius: 15px;background: #191919;border-color: #272727;box-shadow: inset 0 0 20px 3px #272727;position: absolute;left: 0;z-index: 99;}
.col-contants {margin-left: -30px;}
#iww-contants {overflow-y: scroll;height: 100%;padding: 7rem 0;/* top: 53em; */display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
#iww-contants::-webkit-scrollbar {width: 5px;} 
#iww-contants::-webkit-scrollbar-track {width: 5px;}
#iww-contants::-webkit-scrollbar-thumb {width: 5px;background-color:#00000000;border-radius:10px;position:absolute}
#iww-contants:: {overflow-y: scroll;height: 100%;padding-top: 30px;}
.col-contants {margin-left: -30px;}
.alert-with-input{position: absolute;left: 20px;top: 0px;font-size: 8px;color: #af3030 !important;}
.alert-with-input[style="color: red; visibility: visible;"] ~ .form-control{border: 1px dashed #6b0505!important;}
.particles-js-canvas-el {position:fixed}
.alert-relative{color:#eee}
@media(max-height:500px) {footer.fixed-bottom{display:none}}
.iww-box {padding: 0;background: #00000095;display: flex;flex-wrap: nowrap;width: fit-content;border-radius: 3rem;min-height: 20vh;max-width: 45vw;color: #eee;min-width: 40vw;margin: 4vh auto 0;font-size: 6rem !important;}
.btn.iww-box:hover .iww-box-icon i {color:#fff;}
.btn.iww-box:hover {background: #1f1f1fd1;}
.btn.iww-box:hover .iww-box-title {color:#fff!important;min-width:75%;}
.btn.iww-box:hover .iww-box-icon i {text-shadow: -7px 2px 0px #1f1f1fd1;}
.iww-box .iww-box-icon {display: block;position: absolute;left: 0;font-size: 4vh;margin-top: -4.2vh;width: 15%;padding: 10px 0 10px 15px;z-index: 9999999999;}
.iww-box-icon i {text-shadow: -1vh 0.5vh 0px black;color:#bababa}
.iww-box .iww-box-title{text-align: left;min-width: 70%;min-height:8rem;flex-wrap: nowrap;padding: 13px 10px 10px 45px;color:#bababa}
.iww-box .iww-box-title h3{font-size: 3vh;}
.iww-box .iww-box-title p{font-size: 2vh;color: #a7a7a7;margin: 0;}
.iww-box .iww-box-image {float: revert;width: 100%;background-image: url('../img/iww-box-customizable.gif');overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 0 3rem 3rem 0;}
.iww-box .iww-box-image img {width: 100%; min-width: 150px;  height: 100%; border-radius: 0 3rem 3rem 0;max-width: 160px; }
/*@-webkit-keyframes breathing {0% {background-color:#121212;}25% {background-color:#0e0e0e;} 60% {background-color:#121212;}100% {background-color:#121212;}}
@keyframes breathing {0% {background-color:#121212;}25% {background-color:#0e0e0e;}60% {background-color:#121212;} 100% {background-color:#121212;}}*/

.validation-summary-errors {
    color: var(--danger);
    text-align: left;
}

.validation-summary-errors ul {
    padding: 0;
}