body{overflow-x:hidden}
.ctable{width:600px;padding:10px; border:1px #BCBEBE solid}
.wider{width:100px}
.form_wrapper{width:100%; height:300px; overflow:auto}
input[type=submit].gobutton{margin-top:100px}
.personal span{color:black}
.cstring{float:left; padding:10px; color:black}
.pct{display:none}
.phref{display:block; width:100px; text-align:center}
.clear{clear:both}

.email0{margin-left: 8px;font-weight:bold; padding-top:30px} 
.red_top{color:red; font-weight:bold}
#sb{margin-top:25px; display:block}
.ctable span{font-size:18px; /*display:block;*/ margin-bottom:5px; margin-top:10px}
.ctable input{display:block; margin-bottom:10px;}
div.ctable h3{font-size:20px}
.ctable2 h3.concurs{font-size:30px}
.ctable1{margin-bottom:10px}
.c1 label{font-size:20px}
.c1{margin-bottom:10px; margin-top:10px}
.obj1{float:left; padding:10px}
.obj2{}
span.concurs2{font-size:20px;}
select.sel{width:120px}
.obj3{width:30%; display:table-cell; padding-top:10px;}
div.with-radio{margin-top:0px;}
.sel{float:left}
.price_line{display:block; font-weight:bold; float:none}
.dsk{float:left}
input[type=checkbox].ch{display:inline}
input[type=text]{padding-left:35px}
 .mask {
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index:9999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
    pointer-events: none;
    height:2000px;
}
.mask > div {
    width: 800px;
    position: relative;
    margin: 2% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.ctable{
}
.modal2{z-index:199999;
position:absolute;
background-color:white;
top:20%;
width:900px;
border-radius:6px;
left:18%;
min-height:300px;
display:none;
}
.cross{margin-left:10px; font-size:22px; color:red}
.cross a{text-decoration:none; color:red}
.modal_content{padding:20px}
.direction{
font-size:14px;
color:#ABACAC;
}
.cls{position:absolute; margin-left:680px}
#regform span{text-align:left; display:block; font-size:20px; margin-top:20px }
.line{height:30px}
.pct{margin-top:20px}
.pct span{font-size:18px}
input[type=checkbox].inputbox{display:inline}
div.ctable h3.balance{font-size:20px}
.crt{display:none}
/* table of accounts */
.ttable td{font-size:16px; background-color:#5C7373; color:white; border-color:white}
.mtable{margin-bottom:20px}
tr.ttable > td > a{color:white}
div.ctable h3.filter{font-size:19px}
.mtable td{text-align:center}
.afilter{color:white}
select{width:100px; height:30px; font-size:18px; border: 1px green solid}
.yet{border:1px #B0CAC9 solid; padding:5px; width:300px; text-align:center}
div.choise{float:left; border:0px red solid; width:132px}
div.choise img{width:120px; height: 184px}
input[type=select]#category{width:200px}
.inputs{float:left; text-align:center; padding:0px; margin-left:15px; border:0px red solid; width:110px;}
.inputs img{border:1px white solid; position:absolute}
span.over{display:block; height:45px; overflow:hidden;}
.taking_works{margin-top:-12px; color:#f00; font-weight:bold;}
span.do{color:red}
div.csg{margin-top:10px; margin-bottom:10px;}
div.agree{margin-top:20px}
#type_concurs{width:350px}
input[type=button].gobutton{
background: #bc8c5e;
    padding: 0;
    border: 0px;
    width:120px;
    cursor: pointer;
    }
    .obj3 h3{margin-top:10px}
    div.ctable{border:0px;}
    .ctable1 .perez:first-child .obj3{padding-top:20px}
.ctable{margin-top:0px; margin-left:-20px}

/* Branded direction chooser shown from the "Подать работу" modal. */
#openModal.modalDialog:has(+ .content2 input[name="gconcurs"]){
    background:rgba(39, 17, 49, .72);
    backdrop-filter:blur(3px);
    pointer-events:auto !important;
}
.content2:has(input[name="gconcurs"]){
    position:fixed !important;
    box-sizing:border-box;
    top:50% !important;
    left:50% !important;
    width:min(860px, calc(100vw - 36px)) !important;
    max-height:calc(100vh - 36px);
    overflow:auto;
    margin:0 !important;
    padding:22px 24px 18px !important;
    transform:translate(-50%, -50%) !important;
    border:1px solid #e8e4eb !important;
    border-top:4px solid #f6c66a !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 80px rgba(25, 10, 34, .24);
    font-family:'PT Sans Narrow', sans-serif !important;
    color:#29243a;
}
.content2:has(input[name="gconcurs"]) .ctable.ctable2{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}
.content2:has(input[name="gconcurs"]) h3.concurs{
    display:flex;
    align-items:center;
    gap:11px;
    width:auto !important;
    margin:0 0 12px !important;
    padding:0 0 12px !important;
    border:0;
    border-bottom:1px solid #eee9f1;
    border-radius:0;
    color:#4d1765 !important;
    font:700 22px/1.2 'PT Sans Narrow', Arial, sans-serif !important;
    font-weight:700;
    line-height:1.2;
    text-transform:none;
}
.content2:has(input[name="gconcurs"]) h3.concurs::before{
    content:"\f14e";
    display:grid;
    width:38px;
    height:38px;
    flex:0 0 38px;
    place-items:center;
    border-radius:13px;
    background:#f7f0fa;
    color:#4d1765;
    font:normal 17px/1 FontAwesome;
}
.content2:has(input[name="gconcurs"]) h3.concurs span{
    margin:0;
    color:inherit;
    font:inherit;
}
.content2:has(input[name="gconcurs"]) .ctable1{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    margin:0;
}
.content2:has(input[name="gconcurs"]) .ctable1 > div:has(> input[name="gconcurs"]){
    box-sizing:border-box;
    display:flex;
    min-width:0;
    min-height:56px;
    align-items:center;
    gap:9px;
    margin:0 !important;
    padding:8px 10px;
    border:1px solid #e8e4eb;
    border-radius:13px;
    background:#fff;
    transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.content2:has(input[name="gconcurs"]) .ctable1 > div:has(> input[name="gconcurs"]):hover{
    border-color:#cdb8d8;
    background:#fcf9fd;
}
.content2:has(input[name="gconcurs"]) .ctable1 > div:has(> input[name="gconcurs"]:checked){
    border-color:#8f65a0;
    background:#f8f2fa;
    box-shadow:inset 0 0 0 1px rgba(77, 23, 101, .08);
}
.content2:has(input[name="gconcurs"]) .ctable1 input[name="gconcurs"]{
    appearance:none;
    display:block !important;
    width:18px !important;
    height:18px !important;
    flex:0 0 18px;
    margin:0 !important;
    padding:0 !important;
    border:1.5px solid #aaa2b0;
    border-radius:50%;
    background:#fff;
    box-shadow:none;
    cursor:pointer;
}
.content2:has(input[name="gconcurs"]) .ctable1 input[name="gconcurs"]:checked{
    border-color:#4d1765;
    background:radial-gradient(circle, #f6c66a 0 38%, #4d1765 43% 100%);
}
.content2:has(input[name="gconcurs"]) .ctable1 input[name="gconcurs"]:focus-visible{
    outline:3px solid rgba(246, 198, 106, .65);
    outline-offset:3px;
}
.content2:has(input[name="gconcurs"]) .ctable1 label{
    display:flex;
    min-width:0;
    min-height:36px;
    flex:1;
    align-items:center;
    gap:9px;
    margin:0;
    color:#33263b;
    font:700 16px/1.25 'PT Sans Narrow', Arial, sans-serif !important;
    font-weight:700;
    line-height:1.25;
    cursor:pointer;
}
.content2:has(input[name="gconcurs"]) .ctable1 label::before{
    display:grid;
    width:34px;
    height:34px;
    flex:0 0 34px;
    place-items:center;
    border-radius:11px;
    background:#f7f0fa;
    color:#4d1765;
    font:normal 15px/1 FontAwesome;
}
.content2:has(input[name="gconcurs"]) label[for="val8"]::before{content:"\f19d"}
.content2:has(input[name="gconcurs"]) label[for="val10"]::before{content:"\f1ae"}
.content2:has(input[name="gconcurs"]) label[for="val14"]::before{content:"\f0f6"}
.content2:has(input[name="gconcurs"]) label[for="val15"]::before{content:"\f24e"}
.content2:has(input[name="gconcurs"]) label[for="val16"]::before{content:"\f0c0"}
.content2:has(input[name="gconcurs"]) label[for="val17"]::before,
.content2:has(input[name="gconcurs"]) label[for="val18"]::before{content:"\f0e7"}
.content2:has(input[name="gconcurs"]) label[for="val180"]::before,
.content2:has(input[name="gconcurs"]) label[for="val181"]::before{content:"\f059"}
.content2:has(input[name="gconcurs"]) .ctable1 > div:has(#erro){grid-column:1 / -1;margin:0 !important;padding:0}
.content2:has(input[name="gconcurs"]) #choise1{
    grid-column:1 / -1;
    justify-self:end;
    min-width:156px;
    height:40px;
    margin:2px 0 0 !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:12px !important;
    background:#4d1765 !important;
    box-shadow:none !important;
    color:#fff !important;
    font:700 16px/1 'PT Sans Narrow', Arial, sans-serif !important;
    font-weight:700;
    text-shadow:none !important;
    text-transform:uppercase !important;
    cursor:pointer;
    transition:background-color .16s ease, box-shadow .16s ease;
}
.content2:has(input[name="gconcurs"]) #choise1::after{
    content:"\f061";
    margin-left:10px;
    font:normal 14px/1 FontAwesome;
}
.content2:has(input[name="gconcurs"]) #choise1:hover{background:#351044 !important;box-shadow:0 5px 14px rgba(53,16,68,.18) !important}
@media(max-width:640px){
    .content2:has(input[name="gconcurs"]){width:calc(100vw - 24px) !important;height:calc(100vh - 24px);max-height:calc(100vh - 24px);overflow-x:hidden !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scroll-padding-bottom:72px;padding:18px 14px 14px !important;border-radius:16px !important}
    .content2:has(input[name="gconcurs"]) h3.concurs{padding-right:46px !important;font-size:20px !important}
    .content2:has(input[name="gconcurs"]) .ctable1{grid-template-columns:minmax(0,1fr);gap:7px}
    .content2:has(input[name="gconcurs"]) .ctable1 > div:has(> input[name="gconcurs"]){min-height:52px;padding:7px 9px}
    .content2:has(input[name="gconcurs"]) .ctable1 label{font-size:15px !important}
    .content2:has(input[name="gconcurs"]) #choise1{position:sticky;bottom:0;z-index:5;align-self:end;width:auto;min-width:156px;margin-top:8px !important;background:#4d1765 !important;box-shadow:0 -8px 14px rgba(255,255,255,.95) !important}
}

@supports (height: 100dvh){
    @media(max-width:640px){
        .content2:has(input[name="gconcurs"]){height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}
    }
}

/* Compact, scrollable contest picker for the second quick-application step. */
#openModal.modalDialog:has(+ .content2 input[name="gwk"]){
    background:rgba(39, 17, 49, .72);
    backdrop-filter:blur(3px);
    pointer-events:auto !important;
}
.content2:has(input[name="gwk"]){
    box-sizing:border-box;
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    width:min(1080px, calc(100vw - 36px)) !important;
    max-height:86vh;
    overflow:hidden;
    margin:0 !important;
    padding:24px 26px 22px !important;
    transform:translate(-50%, -50%) !important;
    border:1px solid #e8e4eb !important;
    border-top:4px solid #f6c66a !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 24px 80px rgba(25, 10, 34, .24);
    font-family:'PT Sans Narrow', sans-serif !important;
    color:#29243a;
}
.content2:has(input[name="gwk"]) > h2{
    display:block !important;
    margin:0 0 14px !important;
    padding:0 52px 13px 0 !important;
    border:0;
    border-bottom:1px solid #eee9f1;
    color:#4d1765 !important;
    font:700 22px/1.2 'PT Sans Narrow', Arial, sans-serif !important;
}
.content2:has(input[name="gwk"]) > h2::before{
    content:"Выберите конкурс";
}
.content2:has(input[name="gwk"]) > p{
    margin:0 !important;
    padding:0 !important;
}
.content2:has(input[name="gwk"]) .kt-quick-contest-list{
    max-height:calc(86vh - 154px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:0 7px 0 0;
    scrollbar-color:#cdb8d8 #f7f0fa;
}
.content2:has(input[name="gwk"]) .perez{
    box-sizing:border-box;
    display:grid;
    grid-template-columns:22px minmax(0, 1.5fr) minmax(105px, .45fr) minmax(175px, .75fr);
    align-items:center;
    gap:10px 14px;
    min-width:0;
    min-height:68px;
    margin:0 0 8px !important;
    padding:10px 14px;
    border:1px solid #e8e4eb;
    border-radius:13px;
    background:#fff;
    transition:background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.content2:has(input[name="gwk"]) .perez:hover{
    border-color:#cdb8d8;
    background:#fcf9fd;
}
.content2:has(input[name="gwk"]) .perez:has(input[name="gwk"]:checked){
    border-color:#8f65a0;
    background:#f8f2fa;
    box-shadow:inset 0 0 0 1px rgba(77, 23, 101, .08);
}
.content2:has(input[name="gwk"]) .perez > .obj1{
    float:none;
    min-width:0;
    margin:0 !important;
    padding:0 !important;
}
.content2:has(input[name="gwk"]) .perez > .obj1:first-child{
    grid-column:1;
    grid-row:1;
}
.content2:has(input[name="gwk"]) .perez > .obj3{
    grid-column:2;
    grid-row:1;
    width:auto;
    padding:0 !important;
}
.content2:has(input[name="gwk"]) .perez > .obj1:nth-of-type(3){
    grid-column:3;
    grid-row:1;
    color:#6e6878;
    font:400 15px/1.3 'PT Sans Narrow', Arial, sans-serif;
}
.content2:has(input[name="gwk"]) .perez > .prs{
    grid-column:4;
    grid-row:1;
    color:#6e6878;
    font:400 15px/1.3 'PT Sans Narrow', Arial, sans-serif;
}
.content2:has(input[name="gwk"]) .perez .h3cname{
    margin:0 !important;
    color:#4d1765 !important;
    font:700 16px/1.25 'PT Sans Narrow', Arial, sans-serif !important;
    overflow-wrap:anywhere;
}
.content2:has(input[name="gwk"]) .perez input[name="gwk"]{
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    accent-color:#4d1765;
    cursor:pointer;
}
.content2:has(input[name="gwk"]) .perez .clear{
    display:none !important;
}
.content2:has(input[name="gwk"]) #choise2{
    display:block;
    width:min(220px, 100%);
    height:42px;
    margin:8px 0 0 auto !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:12px !important;
    background:#4d1765 !important;
    box-shadow:0 6px 16px rgba(53, 16, 68, .12);
    color:#fff !important;
    font:700 16px/1 'PT Sans Narrow', Arial, sans-serif !important;
    text-transform:uppercase;
    cursor:pointer;
}
.content2:has(input[name="gwk"]) #choise2:hover,
.content2:has(input[name="gwk"]) #choise2:focus-visible{
    background:#351044 !important;
}
@media(max-width:700px){
    .content2:has(input[name="gwk"]){
        width:calc(100vw - 24px) !important;
        max-height:calc(100vh - 24px);
        padding:18px 14px 14px !important;
        border-radius:16px !important;
    }
    .content2:has(input[name="gwk"]) .kt-quick-contest-list{max-height:calc(100vh - 185px)}
    .content2:has(input[name="gwk"]) .perez{
        grid-template-columns:20px minmax(0, 1fr);
        gap:6px 10px;
        min-height:0;
        padding:10px;
    }
    .content2:has(input[name="gwk"]) .perez > .obj1:first-child{grid-column:1;grid-row:1 / span 3;align-self:start;padding-top:2px !important}
    .content2:has(input[name="gwk"]) .perez > .obj3{grid-column:2;grid-row:1}
    .content2:has(input[name="gwk"]) .perez > .obj1:nth-of-type(3){grid-column:2;grid-row:2}
    .content2:has(input[name="gwk"]) .perez > .prs{grid-column:2;grid-row:3}
    .content2:has(input[name="gwk"]) .perez .h3cname{font-size:15px !important}
    .content2:has(input[name="gwk"]) .perez > .obj1:nth-of-type(3),
    .content2:has(input[name="gwk"]) .perez > .prs{font-size:14px}
}
    .ctable2 h3.concurs {
    font-size: 30px;
    width:800px;
    /*margin:0px;*/
    }
    h3.h3cname{margin-top:24px}
    .ctable.ctable2.ctable3{position:absolute;z-index:10000; top:-200px; left:10%}
    .ctable.ctable2.ctable3.dp-rg{left:20%}
    .ctable.ctable2.ctable3.reg{left:9%}
    .ctable.ctable2.ctable3.finr{top:"100px";}
   .ctable.ctable2.ctable3 h3.concurs.rreg.rrd{width:580px;display:block} 
    .form-horizontal.well{margin-top:20px}
    .btn.btn-primary.button{margin-top:30px}
    .lhs{margin-top:20px}
    table tr td{text-align:left; padding:4px; vertical-align:top}
    .nav.nav-tabs.nav-stacked{
    margin-top:20px;
    }
    .nav.nav-tabs.nav-stacked li a{color:black}
    .content2 .nav{background:none; border:0px} 
    span.mini{display:block}
    
    div#action{
    margin-bottom:10px;
   
    
    }
    
    .herebutton{
     background: #BC8C5E;
    color:white;
    display:block;
    width:200px;
    border-radius:6px;
    height:30px;
    font-size:20px;
    }   
    
    
    div.pagination{
    margin-top:20px;
    }
    
    
    .it-3.p{
    text-decoration:none;
    margin-right:6px;
    color:black;
    border:1px #C7C7C9 solid;
    background-color:#FFFFC9;
    padding-left:7px;
    padding-right:7px;
    border-radius:6px;
    font-style:normal;
    }
  
   div.pagination a.p{ 
   font-style:normal; 
    }
  
  
    
    .it-3.p:hover{
    background-color:#A1D8D6;
    }
    
    .p.p2{
     background-color:#A1D8D6;
    }
    
    
.ctable1 label{
  cursor:pointer;
  display:inline;
   font-size:20px; font-weight:bold;
   padding-left:10px;
}

.ctable input{display:inline;}
.ctable div{margin-bottom:20px; margin-top:20px;}
.herebutton{

    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    font-size: 22px !important;
    display: inline-block;
    margin: 15px 0 !important;
    font-family: 'Conv_9417' !important;
    
    }
.search-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 20px 0;
}

.search-pagination a,
.search-pagination span {
  display: inline-flex;
  min-width: 34px;
  min-height: 34px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #d9e2ec;
  border-radius: 6px;
  background: #fff;
  color: #23415f;
  text-decoration: none;
}

.search-pagination a:hover,
.search-pagination span.active {
  border-color: #2d78b9;
  background: #2d78b9;
  color: #fff;
}

.search-pagination span.ellipsis {
  min-width: 20px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #6b7c8f;
}

@media (max-width: 640px) {
  .search-pagination a,
  .search-pagination span {
    min-width: 30px;
    min-height: 30px;
    padding: 0 7px;
  }
}
.search-pagination a.is-loading { opacity: .55; pointer-events: none; }
.registry-load-error { color: #a12622; padding: 8px 0; }
.kt-status-pending-results {
  display: inline-block;
  color: #4f7650;
  font-weight: 600;
  line-height: 1.3;
}
.kt-registry-pay-link {
  display: inline-block;
  color: #96602b !important;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}
.kt-registry-pay-link:hover,
.kt-registry-pay-link:focus-visible {
  color: #7b4a1e !important;
  text-decoration: underline;
}
.kt-registry-document-cell {
  vertical-align: top !important;
}
.kt-registry-document-link,
.kt-registry-document-link:visited {
  color: #4e78a5 !important;
  text-decoration: none;
}
.kt-registry-document-link:hover,
.kt-registry-document-link:focus-visible {
  color: #355f8e !important;
  text-decoration: underline;
}