.aside_menu{height:100%;background-color:var(--main-color);color:#fff;position:fixed;top:0;left:0;overflow:visible;box-shadow:1px 0 4px #404040;z-index:10;flex-flow:column nowrap;display:flex}.aside_menu>ul{display:flex;flex-flow:column nowrap;height:100%}.aside_menu>ul>li:last-child{margin-top:auto}.aside_menu .logo_container{padding:8px 0 14px;border-bottom:solid px var(--main-bg-color);box-shadow:0 1px 1px var(--main-color-hover);z-index:3;position:relative}.aside_menu .logo_container .logo_holder{width:44px;background-image:url(/logo.png);background-size:contain;height:37px;margin:0 auto}.aside_menu ul{list-style:none;padding:0;margin:0}.aside_menu ul li{transition:background-color .3s}.aside_menu ul li:hover,.aside_menu ul li a.active{background-color:var(--main-color-hover)}.aside_menu ul li span{display:none}.aside_menu a{text-decoration:none;color:#fff;padding:15px;display:flex;align-items:center;gap:15px}.aside_menu svg{min-width:20px}@media only screen and (min-width: 1024px){.aside_menu{width:200px;overflow-x:hidden}.aside_menu ul li span{display:inline-block}.aside_menu .logo_container .logo_holder{width:73px;height:60px}}aside+main{margin:20px 20px 20px 70px;position:relative;background-color:var(--main-bg-color);overflow-x:hidden}@media only screen and (min-width: 1024px){aside+main{margin:20px 20px 20px 220px}}.input-holder{background-color:var(--main-color-hover);color:#fff;border-radius:5px;position:relative;display:flex;border:solid 1px transparent;align-items:center;flex-flow:row-reverse;margin-bottom:10px;min-width:250px;justify-content:flex-end}.input-holder svg{font-size:13px}.input-holder:last-child{margin-bottom:0}.input-holder label{position:absolute;left:0;width:calc(100% - 33px);padding-left:33px;z-index:2}.input-holder input{background-color:inherit;border:none;outline:none;color:#fff;font-size:16px;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.input-holder input,.input-holder svg,.input-holder label{padding-top:10px;padding-bottom:10px;cursor:text}.input-holder svg{padding-left:10px}.input-holder svg{width:20px}.input-holder label,.input-holder svg{opacity:.6;transition:opacity .1s ease-in-out}.input-holder input:focus+label,.input-holder input:not(:placeholder-shown)+label{display:none}.input-holder input:focus+label+svg,.input-holder input:not(:placeholder-shown)+label+svg{opacity:1}.btn-holder{display:flex;flex-flow:row-reverse}.btn-holder button{background-color:var(--main-color);border:none;color:#fff;padding:10px 10px 7px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:10px;align-items:center;transition:all .3s ease-in-out;justify-content:center}.btn-holder button:hover,.btn-holder.active button{background-color:var(--main-color-hover)}.login_holder{display:flex;background-image:url(/background.png);height:100vh;position:absolute;width:100vw;background-size:cover;background-position:center center}.login_holder .logo_holder{width:100px;background-image:url(/logo.png);background-size:contain;height:83px;margin:0 auto 10px}.login_holder .logo_holder img{width:100px;margin-bottom:10px}.login_holder h1{margin:0 0 30px;text-align:center;font-family:monospace;font-size:30px}.login_holder .login_image{width:70%;height:100vh;background-color:#f3fffe;display:flex;justify-items:center;align-items:center;justify-content:center}.login_holder .login_form{display:flex;align-items:stretch;flex-flow:column;justify-content:center;background-color:#0a2d5cde;color:#fff;width:100%;min-height:350px;padding:0 30px}.login_holder .login_form .input-holder{border:solid 1px white;overflow:hidden;min-width:auto}.login_holder .login_form button{border:solid 1px #f3fffe}@media only screen and (min-width: 500px){.login_holder .login_form{width:40%}.login_holder{background-position:center center}}@media only screen and (min-width: 768px){.login_holder .login_form{width:35%}}@media only screen and (min-width: 1280px){.login_holder .login_form{width:20%}}.btn-set-holder{display:flex}.btn-set-holder .btn-holder:first-child button{border-top-right-radius:0;border-bottom-right-radius:0}.btn-set-holder .btn-holder:last-child button{border-top-left-radius:0;border-bottom-left-radius:0}.btn-set-holder .btn-holder:not(:last-child):not(:first-child) button{border-radius:0}.btn-set-holder .btn-holder:only-child button{border-radius:var(--border-radius)}.btn-set-holder .btn-holder:not(:last-child) button{position:relative}.btn-set-holder.flex-end{justify-content:flex-end}table{width:100%;border-collapse:collapse;background-color:#fff;padding:15px;border-radius:var(--border-radius);font-size:14px;position:relative;margin-bottom:10px;color:#3e4772}thead{border-bottom:solid 2px #b7c6e7}th,td{padding:5px 2.5px;text-align:left}tbody tr:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}tbody tr:nth-child(odd){background-color:#b7c6e7}table .index_row{padding:5px 10px;text-align:center}table div.btn-holder{margin-top:0}table .empty_data{text-align:center;font-weight:500}.pagination_holder{display:flex;justify-content:center;gap:10px}.table_search+table,.table_search+table .loader{border-radius:0 0 var(--border-radius) var(--border-radius)}.table_search .input-holder{border-bottom-left-radius:0;border-bottom-right-radius:0}@media only screen and (min-width: 1024px){th,td{padding:5px 15px}}.tag{padding:3px 10px;color:#fff;border-radius:var(--border-radius);font-size:13px;display:inline-block;margin-bottom:3px;margin-right:3px}.tag.running,.tag.in-progress,.tag.null,.tag.starting{background-color:#eeeb30;animation:fade 1.5s infinite;opacity:1;color:var(--main-color)}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}.tag.active,.tag.success,.tag.completed{background-color:#16ad67}.tag.Admin{background-color:#0d54af}.tag.error,.tag.failed,.tag.failure,.tag.rejected,.tag.startup_failure,.tag.declined{background-color:#fc1521}.tag.inactive,.tag.canceled,.tag.cancelled,.tag.User,.tag.pending,.tag.skipped,.tag.created,.tag.aborted{background-color:gray}.tag.cancelled,.tag.canceled,.tag.aborted{text-decoration:line-through}.modal-holder{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;display:flex;background-color:#00000073;align-items:center;justify-content:center;z-index:10}.modal-holder>div{padding:20px;border-radius:var(--border-radius);background-color:var(--main-color);position:relative;width:400px}.modal-holder .btn-modal-close{position:absolute;top:-15px;right:-15px}.modal-holder .btn-modal-close:hover button{background-color:red;color:#fff}.modal-holder .btn-modal-close button{border-radius:50%;width:30px;height:30px;text-align:center;border:solid 1px white}.modal-holder .input-holder[tooltip-text]:after,.modal-holder .dropdown-holder[tooltip-text]:after{line-height:16px;padding:8px;width:80%}.modal-holder .btn-set-holder button{border-top:solid 1px white;border-bottom:solid 1px white}.modal-holder .btn-set-holder .btn-holder:first-child button{border-left:solid 1px white}.modal-holder .btn-set-holder .btn-holder:last-child button{border-right:solid 1px white}.modal-container>.btn-holder button{border:solid 1px white}@media only screen and (max-width: 500px){.modal-holder>div{width:300px}}.dropdown-holder{background-color:var(--main-color-hover);color:#fff;border-radius:5px;position:relative;margin-bottom:10px}.dropdown-holder svg{font-size:13px}.dropdown-holder a{display:block}.dropdown-holder>div>ul{transition:max-height .15s ease-in-out;overflow-y:auto;border-radius:0 0 var(--border-radius) var(--border-radius)}.dropdown-holder .drop-down-btn{padding:10px;display:flex;align-items:center;gap:5px;position:relative;z-index:2;flex-wrap:wrap;max-height:200px}.dropdown-holder .drop-down-btn.is-multyselect-true{overflow-y:auto}.dropdown-holder .drop-down-btn svg:first-child{padding-left:5px}.dropdown-holder .drop-down-btn svg:last-child{margin-left:auto}.dropdown-holder ul a{background-color:var(--main-color-hover);padding:6px 15px;transition:background-color .3s ease-in-out;display:flex;gap:5px;align-content:center}.dropdown-holder ul a:hover,.dropdown-holder ul li.active a{background-color:var(--main-color)}.dropdown-holder div.is-visible-true ul{max-height:200px;border:solid 2px var(--main-color-hover)}.dropdown-holder div.is-visible-false ul{max-height:0}.dropdown-holder .is-dropdown-open-false{transform:rotate(0);transition:transform .15s ease-in-out}.dropdown-holder .is-dropdown-open-true{transform:rotate(-90deg)}.dropdown-holder .input-holder{margin-bottom:0;display:none;border-bottom:solid 2px var(--main-color);border-radius:0;gap:10px}.dropdown-holder .input-holder label{padding-left:33px}.dropdown-holder div.is-visible-true .input-holder{display:flex}.dropdown-holder div .input-holder input{padding:6px 0;width:100%}.dropdown-holder div .input-holder input,.dropdown-holder div .input-holder label{font-size:13px}.dropdown-holder .no-data{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 15px}.dropdown-holder .dropdown-tag{padding:5px 10px;background-color:gray;border-radius:var(--border-radius);display:flex;align-items:center;gap:10px}.dropdown-holder .dropdown-tag svg{width:10px;height:10px;padding:5px;border-radius:50%;background-color:var(--main-color);transition:background-color .3s ease-in-out}.dropdown-holder .dropdown-tag svg:hover{background-color:red}.stages_holder{display:flex;justify-content:center;align-items:center;height:15vh;margin:0;gap:50px}.stages_holder .stage{display:flex;align-items:center;flex-direction:column;border-radius:var(--border-radius);position:relative}.stages_holder .stage button{border-radius:50%;width:30px;height:30px}.stages_holder .stage:not(:only-child):not(:last-child):after{content:"";display:inline-block;width:50px;border:solid 1.5px var(--main-color);z-index:1;position:absolute;bottom:19px;right:-50px}.stages_holder .stage_label{position:absolute;top:-27px;text-wrap:nowrap}.stages_holder .btn-holder{border:solid 2px transparent;border-radius:50%;padding:2px;transition:all .3s ease-in-out}.stages_holder .stage .btn-holder.active{border-color:var(--main-color)}.stages_holder .success{border-radius:50%}.stages_holder .success button{background-color:green}.stages_holder .running button{background-color:#ff0;color:var(--main-color)}.stages_holder .failed button{background-color:red}.stages_holder .created button,.stages_holder .skipped button,.stages_holder .cancelled button{background-color:gray}.build_info{display:flex;height:80vh;flex-direction:column}.build_info .build_info_card{background-color:#fff;border-radius:5px 5px 0 0;background-color:var(--main-color);display:flex;justify-content:space-between;gap:20px;color:#fff;box-shadow:0 3px 7px #000;padding:10px;z-index:2}.build_info_card b{font-weight:700}.tabs .tag{position:absolute;top:10px;right:10px}code{background-color:#000;display:flex;flex-flow:column;gap:2px;padding:10px 0;border-radius:0 0 var(--border-radius) var(--border-radius);font-family:monospace;min-height:25px;overflow:auto;max-height:calc(80vh - 15px);width:100%;position:relative;min-height:50vh;scroll-behavior:smooth}code .loader_log{margin:auto}code>div{display:flex;gap:5px;align-items:flex-start}code .line_number{width:35px;min-width:35px;text-align:right;color:#666}code .text_holder{color:#fff;line-height:20px;word-break:break-word}.tabs-holder>nav .btn-holder:first-child button{border-bottom-left-radius:0}.tabs-holder>nav .btn-holder:last-child button{border-bottom-right-radius:0}.tabs-holder>nav .btn-holder.active button{background-color:#fff;color:#3e4772}.tabs{position:relative;min-height:200px}.tabs table{border-top-left-radius:0}.tab-holder{display:none}.tab-holder.active{display:inherit}.tabs .loader{border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius)}.settings-holder{background-color:#fff;padding:20px;border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius)}:root{--main-bg-color: #d2e0f7;--main-color: #203f79;--main-color-hover: rgb(1, 47, 90);--box-shadow-color: #909090;--border-radius: 5px;--gap: 15px;--padding: 15px}body{margin:0;background-color:var(--main-bg-color);font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}li,ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-track{-webkit-border-radius:var(--border-radius);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{-webkit-border-radius:var(--border-radius);border-radius:var(--border-radius);background:var(--main-bg-color)}::-webkit-scrollbar-thumb:window-inactive{background:var(--main-color)}.loader{position:absolute;width:100%;height:100%;background-color:var(--main-color);top:0;left:0;display:flex;align-items:center;align-content:center;text-align:center;justify-content:space-evenly;font-size:20px;color:#fff;z-index:9;border-radius:var(--border-radius)}code{scroll-behavior:smooth}[tooltip-text]{position:relative}[tooltip-text=Close]:hover{color:var(--red)}[tooltip-text]:hover:after,[tooltip-text]:hover:before{opacity:1}[tooltip-text]:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);border-width:5px 6px 0 6px;border-style:solid;border-color:var(--main-color-hover) transparent transparent transparent;z-index:99;opacity:0}[tooltip-text]:after{content:attr(tooltip-text);position:absolute;left:50%;top:-6px;transform:translate(-50%) translateY(-100%);background:var(--main-color-hover);text-align:center;color:#fff;font-size:12px;min-width:80px;border-radius:var(--border-radius);pointer-events:none;padding:4px;z-index:99;opacity:0;font-family:monospace}[tooltip-position=left]:before{left:0%;top:calc(50% - 2px);margin-left:-13px;transform:rotate(270deg)}[tooltip-position=top]:before{left:50%}[tooltip-position=bottom]:before{top:100%;margin-top:8px;transform:translate(-50%) translatey(-100%) rotate(-180deg)}[tooltip-position=right]:before{left:100%;top:calc(50% - 2px);margin-left:0;transform:rotate(90deg)}[tooltip-position=left]:after{left:0%;top:50%;margin-left:-8px;transform:translate(-100%) translateY(-50%);max-width:150px}[tooltip-position=top]:after{left:50%}[tooltip-position=bottom]:after{top:100%;margin-top:8px;transform:translate(-50%) translateY(0)}[tooltip-position=right]:after{left:100%;top:50%;margin-left:8px;transform:translate(0) translateY(-50%)}.notifications{position:fixed;top:15px;right:23px;z-index:10;display:flex;flex-direction:column;gap:20px}.notification{padding:15px;border-radius:var(--border-radius);max-width:300px;z-index:9999;display:flex;align-items:center;gap:15px;font-size:15px;line-height:17px;position:relative;font-family:monospace}.notification .btn-notification{position:absolute;top:-14px;right:-10px;border-radius:50%;font-size:13px}.notification button{border-radius:50%;font-size:13px;padding:0;width:27px;height:27px;gap:0;display:block}.notification>svg{font-size:20px}.notification.success{background-color:#4caf50;color:#fff}.notification.error{background-color:#f44336;color:#fff}
