@charset "UTF-8";
body{
    background-color: #ecefff;
    background-image:  url("../images/backgr12.png");
    background-attachment: fixed;
}

.tm-start, .tm-end {
    font-size: 1.1rem;
    font-weight: bolder;
    background-color: none;
    color:rgb(3, 12, 41);
    margin: 5px 5px 5px 5px;
    padding: 2px 5px 2px 5px;
}
@media (max-width: 820px){
    .tm-start, .tm-end {
        padding: 0;
        margin: 0;
    }
}
h4 .editicon{
    display: inline-block;
    opacity: .3;
    height: 1.2rem;
    width: auto;
    margin-left: .2rem;
    cursor: pointer;
}
h4 .editicon:hover{
    opacity: .8;
}
.itemRow h4{
    font-size: medium;
    white-space: pre-wrap;
}
.rubric > .itemRow .pibsrow{
    align-content: center;
    text-align: center;
}
.rubric > .itemRow h4{
    font-size:larger;
    text-transform: uppercase;
    text-align: center;
    color: rgb(1, 1, 200);
}
.tm-col {
    display: block;
    padding-top: 10px;
    padding-left: 1%;
    background-color: #ffffff17;
    margin-bottom: 20px;
    margin-left: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: right;
}
@media (max-width: 820px){
    .tm-col {
        padding: 0;
    }
}
@media (max-width: 570px){
    .tm-col {
        text-align: center;
    }
}
h4 .editicon.hide-me, .hide-me{
    display: none;
}
.col-sm-2.tm-col.time-selected-row{
    background-color: #fce97c5e;
}
.col-sm-2.tm-col.time-anchor{
    background-color: #6f8df0e1;

}
.preparat{
    display:block; 
} 
.footerinfo{
    text-align: center;
    font-style: italic;
}
.mt-4{
    color:rgb(11, 2, 92);
    margin-top: .5rem;
    margin-bottom: .5rem;
    text-align: left;
}
.ev-h, .prog-headrow{
    background-color: none;
    padding-top: .5rem;
    text-align: left;
    
}
.mt-4.evtype{
    color:#135d8f;
    font-size: 1rem;
    text-align: right;
    padding-right: 2rem;
    padding-top: .5rem;
    text-transform: uppercase;
}
.prog-headrow{
    padding-bottom: 1rem; 
    border-bottom: none;
}
.me-mode{
    color: rgb(36, 21, 136);
    font-size: larger;
    text-transform: uppercase;
}
.fio-in-prog {
    align-content: center;
    color:rgb(11, 2, 92);
    font-weight: bolder;
    cursor: pointer;
    display:inline;
    min-height: 1.5rem;
    vertical-align: middle;
}
.inthemespik {
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
    min-height: 1.5rem;
    vertical-align: middle;
    padding-left: 2rem; 
}

.info-pib-img{
    padding: 4px;
    margin-right: 7px;
    float: left;
    border-radius: 10%;
}
.ord-before, .ord-after{
    display: none;
}
.refprog {
    background-color: rgb(2, 29, 102);
    margin: 10px 20px 5px 5px;
    padding: 5px 10px 5px 10px;
    color: #ffffff;
}
.refprog a{
    text-decoration: none;
    color: #fdee96;
}
.itemRow{
    border-style: none;
    border-width: 0 0 0 0; 
    border-color: #838383; 
}

h4 .add-promo{
    display: none;
}
.evetItem, .promo-col{
    background-color: none;
    margin: 0 10px 15px 5px;
    padding: 10px 10px 10px 10px; 
}
.evetItem{
    margin: 0 20px 15px 5px;
    padding: 10px 10px 10px 10px; 
}
.idrow-val{
    display: none;
}
.image-in-list{
    width: 100%;
    height: 100%;
}
.info-win {
    position: absolute;
    opacity: 1;
    z-index: 9;
    top: -900px;
    left: 400px;
    width: 400px;
    height: auto;
    padding: 1rem;
    border: solid #424242;
    border-width: 0 1px 1px 0;
    background: #f4f3f3;
}
.row.rubric{
    background-color: none;
}
.row.tecnik{
    display: none;
}
.rubric .tm-col{
    display: none;
}
.item-row{
    margin: 10px 20px 5px 5px;
}
.spec-ch, .spec-hidden{
    display: none;
}

.mode{
    margin-left: 10 px;
    font-size: larger;
    font-weight: bold;
    color: rgb(8, 10, 105);
}
.form-group{
    float:none;
}
#formAdd label{
    color:brown;
}

#spicselected{
    min-width: 95%;
    max-width: 100%
}
.select{
    min-width: 95%;
    max-width: 100%
}
#listSpeakOut h4{
    font-size: small;
    font-weight: bold;
    line-height: 100%;
    margin-top: 1rem;
    margin-bottom: 0;
}
#listSpeakOut p{
    font-size: small;
    line-height: 100%;
    margin-bottom: .5rem;
}
.speaklistpic{
    width: 22%;
    height: auto;
    margin-right: 1rem;
    overflow-y: hidden;
}
.speaklistpic .smalllist{
    width: 15em;
    height: auto;
    float:left;
}
.ev-start{
    text-align: right; 
    margin-right: 5%;  
    float: center;
}
.h_time{
    color:rgb(12, 14, 141);
}
.qa b{
    color:#424242;
}
.doctors h1{
    font-size: 1.8rem;
}
.speaklist{
    list-style-type: none;
}
.speaklist p{
    font-size: .9rem;
    margin-left: 3rem;
    font-style: italic;
}
.speaklist li{
    line-height: 1.2rem;
    margin-top: .1rem;
}
.quote{
    display: block;
    color: rgb(127, 127, 128);
    float: left;
    font-size: .7rem;
    margin-right: 2rem;
    padding-left: 3px;
    padding-right: 3px;
}
.listpib{
    background-color: #ffffff;
    max-width: 90%;
    overflow-x: scroll;
}
.scroll-on{
    max-width: 100%;
    overflow-y: scroll;
}
.speaklist{
    max-height: 80vh;
    overflow-y: scroll;
}
.controlls{
    margin-bottom: 1rem;
}
.speakcheked{
    float:right;
}
.spec-promo-theme{
    display: none;
}
.brandlistimg{
    float:left;
    height: 50px;
    width: auto;
    margin: 1em;
}
.speaklistpic{
    float: left;
    height: 100px;
    width: auto;
}
#listSpeakBase, #listBrandBase{
    margin-top: 0;
}
.colfloatleft{
    float:left;
}
#brandsrow li, #speakerspic li{
    list-style-type:none;
    float: left;
    margin: 1rem;
}
.rembrand{
    display: block;
    margin-top: 1rem;
    float: left;
    color: #ee0606;
}
.mainpic{
    max-width: 100%;
    height: auto;
    max-height: 24rem;
    width: auto;
}
.brandlistimg{
    display: inline;
    float: inline-end;
    max-width: 8rem;
    max-height: 4rem;
    height: auto;
    width: auto;
}
.brandlabel{
    float: right;
    margin-right: .5rem;
    font-size: .8rem;
}
.imgbutton{
    margin-left: 1rem; 
    height: 2rem; 
    width: auto; 
    display: inline;
}
.ord-before, .ord-after{
    margin-top: 0rem;
    font-size: 0.7rem;
    padding-top: 0;
    padding-bottom: 0;
}
.btn-save .btn .btn-primary .btn-sm{
    display:inline-block;
    text-align: center;
}
.formcolumn{
    padding : 0.5rem 0 1rem 0;
}
.speak-cont{
    border-radius: 1rem;  
    width: 15vw;
    height: 11vw;
    margin-right: 15%;
    width:75%;
    margin-left: 15%;
    overflow: hidden;
    background: #ffffff;
}
.list-pib-img{
    background: #ffffff;
    width: 100%;
    height: auto;
}
.time-ico{
    float: right;
    font-size: 1rem;
    margin-left: 2rem;
    margin-right: 50%;
    cursor: pointer;
    display: none;
}
@media (max-width: 570px) {
    .time-ico{
        margin-right: 10%; 
    }
}
.itemRow:hover > .time-ico{
    display: inline-block;
}
#closeinfo{
    float: right;
    margin-left: 1rem;
    cursor: pointer;
}
.orgimgs{
    height: 3rem;
    width:auto;
    margin-left: 3rem;
}
.havebrand{
    font-size: small;
    color:rgb(12, 14, 141);
}
.starbrand{
    font-size: medium;
    margin-left: .3rem;
    color:rgb(12, 14, 141);
}
.spic-buttun, .item-button{
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
    width: auto;
    height: 100%; 
    padding: 0 .7rem 0 .7rem;
    margin-right: .5rem;
    float:right;
    display: none;
    border: none;   
}
.spic-buttun:hover{
    opacity: 1;
}
.fio-in-prog:hover{
    background-color: #7ca9fc4b;
}
.fio-in-prog:hover > .spic-buttun{
    display: inline-block;
} 

.fio-in-prog:hover > .spic-buttun.btn-moveup{
    display: none;
}
.fio-in-prog:hover:not(:first-child) > .spic-buttun.btn-moveup{
    display: inline-block;
}
.btn-spikinfo{
    background-image: url("../images/info_icon.svg");
}

.item-button.btn-plus:hover{
    opacity: .7;
}
.fio-in-prog:hover.record_mode > .btn-spsetrec, .fio-in-prog:hover.studio_mode > .btn-spsetstodio, .fio-in-prog:hover.zoom_mode > .btn-spsetzoom{
    display: none;
}
.prog-label{
    font-size: medium;
    background-color: darkblue;
    color: #ffffff;
    margin-top: 1rem;
    padding: .2rem 0 .2rem .4rem;
}
#date-group input, #time-group input{
    font-size: larger;
    font-weight: bolder;
}
.day-footer{
    margin: .5rem;
}
.currentday{
    display:inline-table;
    float: left;
    border-radius: 10px;
    text-decoration: none;
    border: darkblue solid 2px;
    padding: .5rem;
    color: darkblue;
    margin-left: 1rem;
    display:inline-table;
    float: left;
    background-color: #9bdcfa;
}
a .otherday{
    display:inline-table;
    float: left;
    margin-left: 1rem;
    border-radius: 10px;
    text-decoration: none;
    background-color: darkblue;
    padding: .5rem;
    color:#ffffff;
}
#spikorder option, #spikorder{
    background-color: #9bdcfa;
}
.moderator{
    font-style: oblique;
}
.soautor{
    font-size: small;
    font-weight: bold;
}
.soautor-lable{
    font-style: italic;
    font-weight: normal;
}
.sp_face{
    display: inline-block;
    width: 2rem;
    height: auto;
}
@media (max-width: 576px) {
    .speak-cont {
        width: 50vw;
        height: 50vw;
        margin-right: 20%;
        margin-left: 20%;
    }
    #spikorder{
        display: none;
    }

}