/*--- gate ---*/
.gate { padding: 0 0 0 0; }
.gate .hidden { display: none; }
.gate .wrap { padding: 0 0 10px 0; }
.gate .wrap .link { font-size: 90%; padding: 5px 0; }
.gate .wrap .poli { font-size: 80%; padding: 5px 0; }
.gate .wrap .butt { font-size: 100%; padding: 5px 0; }
.gate .wrap .butt .btn { font-size: 90%; }

.bysoc { margin: 20px 0 0 0; padding: 15px; border: solid 1px #ddd; border-radius: 5px; }
.bysoc .bt4 { font-size: 80%; color: #555; }
.bysoc .left { justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
.bysoc a img { width: 40px; margin: 0 5px 0 0; border-radius: 5px; }


.closeconteiner { height: 100%; }
.textresult { font-size: 125%; }
.imgresult { width: 100%; max-width: 350px; padding: 50px; }



/*--- pers ---*/
.pers .bt1 { padding: 0px; }
/* .pers .wrap { padding: 15px 0 0 0; } */

.pers .pic { padding: 0 25px 0 0; }
.pers .pic img { width: 100%; border-radius: 5px; }
/* .pers .pic .info {  } */
.pers .pic .info .wrap { padding: 5px 0; }
.pers .pic .info .wrap .label { font-size: 80%; color: #006633; }
.pers .pic .info .wrap .data { font-size: 80%; color: #555; }

.pers .txt .wrap { padding: 5px; }
.pers .txt .wrap .label { font-size: 90%; color: #555; }
.pers .txt .wrap .data { font-size: 150%; }

.pers .inf { padding: 15px; background: #f5f5f5; border-radius: 5px; }
.pers .inf .wrap .label { font-size: 80%; color: #555; }
.pers .inf .wrap .data { font-size: 80%; color: #006633; }
.pers .inf .wrap .exit a { width: max-content; font-size: 80%; text-decoration: underline; color: #006633; font-family: 'bold'; }

.pers .pers_pass_upda { margin: 15px 0; }
.pers .pers_pass_upda img { width: 15px; margin: 0 5px 0 0; }
.pers .pers_pass_upda span { font-size: 100%; text-decoration: underline; color: #006633; font-family: 'bold'; }

.pers .wrap.posts { padding: 10px 15px; margin: 10px 0; border: solid 1px #ddd; border-radius: 5px; }
.pers .wrap.posts .label { font-size: 100%; color: #006633; padding: 0 0 10px 0; }
.pers .wrap.posts .post { padding: 5px 0; border-top: dotted 1px #999; }
.pers .wrap.posts .post:first-child { border-top: 0; }
.pers .wrap.posts .post a { color: #555; font-size: 90%; }
.pers .wrap.posts .post a:hover { color: #dc143c; }


/*--- appl ---*/
.appl { padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: solid 1px #eee; }
.appl .bt3 { font-family: 'bold'; }
.appl a { display: block; width: 100%; padding: 0 10px 10px 0; }
.appl a .pic { 
    width: 100% !important;
    padding: 30% 0%;
    background-position: center;
    background-attachment: unset;
    background-size: 25%;
    background-repeat: no-repeat;
    background-color: #006633;
    border-radius: 5px; }
.appl a .txt { width: 100%; font-size: 100%; padding: 5px 10px; text-align: center; }
/*--- /appl ---*/


/*--- func ---*/
.func { padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: solid 1px #eee; }
.func .bt3 { font-family: 'bold'; }
.func a { display: block; width: 100%; padding: 0 10px 10px 0; }
.func a .pic { 
    width: 100% !important;
    padding: 30% 0%;
    background-position: center;
    background-attachment: unset;
    background-size: 25%;
    background-repeat: no-repeat;
    background-color: #006633;
    border-radius: 5px; }
.func a .txt { width: 100%; font-size: 100%; padding: 5px 10px; text-align: center; }
/*--- /func ---*/






/* --- file --- */
.func a.file {
    display: block;
    width: max-content;
    border: solid 1px #006633;
    padding: 5px 10px;
    border-radius: 3px; }
/* --- /file --- */



/* --- usersobjs --- */
.usersobjs { 
    margin: 10px 0;
    padding: 0;
    border: solid 1px #ddd;
    border-radius: 5px; 
    overflow: hidden; }
.usersobjs .noitem { font-size: 80%; color: #555; padding: 15px 20px; }
/* .usersobjs .bt3 { padding: 15px 20px; font-size: 110%; color: #006633; }  */

.usersobjs .wrap { border-top: dotted 1px #999; padding: 10px 20px; transition: 0.3s; flex-wrap: nowrap; } 
.usersobjs .wrap:hover { background-color: #f5f5f5; }
.usersobjs .wrap:first-child { border-top: none; }

.usersobjs .wrap .id { width: 40px; font-size: 90%; flex-shrink: 0; } 
.usersobjs .wrap.unpubl .id { color: #999; } 
.usersobjs .wrap .titl { color: #000; } 
.usersobjs .wrap .titl a { color: #000; font-size: 90%; } 
.usersobjs .wrap.unpubl .titl a { color: #999; } 
.usersobjs .wrap .tool { font-size: 80%; } 
.usersobjs .wrap .tool a { display: block; padding: 0 5px 0 0; } 
.usersobjs .wrap .tool img { width: 20px; height: 20px; margin: 0 0 -5px 5px; filter: contrast(1); opacity: 1; } 
.usersobjs .wrap.unpubl .tool img { filter: contrast(0); opacity: 0.5; } 
.usersobjs .wrap .tool .courstat { font-size: inherit; color: #555; } 
.usersobjs .wrap .tool .courstat a { font-size: inherit; color: #b30000; cursor: pointer; } 
/* --- /usersobjs --- */

    
@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 1000px) {
    .pers .pic { width: 25%;  padding: 0 5px 10px 0; }
    .pers .txt { width: 75%;  padding: 0 0 10px 10px; }
    .pers .inf { width: 100%; }
    .appl .span2 { width: 33.3%; }
    .func .span2 { width: 33.3%; }
}

@media only screen and (max-width: 500px) {

    .imgresult { max-width: 500px; }

    .pers .pic { width: 100%; padding: 0; }
    .pers .txt { width: 100%; padding: 10px 0; }
    .pers .inf { width: 100%; }
    .func .span2 { width: 100%; }
    .func .span2 a { padding: 0 0 15px 0; }
    .func a .pic { padding: 25% 0%; }
    .appl .span2 { width: 100%; }
    .appl .span2 a { padding: 0 0 15px 0; }
    .appl a .pic { padding: 25% 0%; }
}