/**
 * img.js
 * /tensor/filling/style/img_style.css
 *
 * @package    tensor
 * @subpackage filling
 * @copyright  2021 Verigin Ivan {ii.verigin@tensor.ru}
 * @license    https://new-edu.saby.ru
 */
center#invoice details{
	text-align: left;
}

.atto_image_button_text-bottom .atto_image_button_text-top .atto_image_button_middle .atto_image_button_left .atto_image_button_right{
    cursor: pointer;
}
#modal_img{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;   
    background: rgba(0, 0, 0, .8);
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: all;
    margin: 0;
    padding: 0;
    cursor: pointer;
    z-index: 1000001;
}

#rixt {
    position: fixed;
    left: 50%;
    color: #000;
    background-color: rgb(255, 255, 255, 0.5);
    width: 76px;
    height: 32px;
    padding: 4px 8px;
    border-radius: 0 0 6px 6px;
}
body .modal_img {
height: 100vh;
  overflow-y: hidden;
}

#big_image{
    background: none;
    cursor: pointer;
    pointer-events: auto;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    background-color: #fff;
}
#masstbig {
    height: 100%;
    position: relative;
    overflow: auto;
}
#masstbig img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.icon_mouse {
    width: 24px;
    height: 24px;
    z-index: 100;
    position: fixed;
    font-family: 'cbuc-icons24';
    font-size: 24px;
    left: 50%;
    color: #000;
    top: -2px;
    margin-left: 48px;
}


/* Модульное окно для iframe*/
.iframe_modal_module {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1000001;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: all;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .container-iframe_modal {
    pointer-events: auto;
    overflow: hidden;
    margin: 0;
    height: 100%;
    position: relative;
  }
  
  .button-close-iframe-modal {
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    overflow: hidden;
    z-index: 1;
  }
  
  .icon-close-iframe-modal {
    flex-shrink: 0;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    font-size: 36px;
    width: 36px;
    height: 36px;
    font-family: 'cbuc-icons24';
    line-height: 23px!important;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 24px;    
  }
  .icon-close-iframe-modal:hover {   
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .icon-close-iframe-modal::before {
    content: "";    
    position: absolute;
    top: 6px;
    fill: #eaeaeaa3;
    color: #eaeaeaa3;
  }
  .icon-close-iframe-modal:hover::before {
    fill: #fff;
    color: #fff;
  }
  .pos_center_cont {
    position: absolute;
    margin: auto!important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
  /*================================*/



/*марджины в тестах убираю*/
#page-mod-quiz-attempt .atto_image_button_middle, .atto_image_button_text-bottom, .atto_image_button_text-top {
/*margin: 0!important;*/
max-width: 100%!important;
}



/********облако с персом*******/
.pic_pers {
  width: 130px;
  height: 126px;
  background-size: 250px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: -68px 20px;
}
#pic_cloud {
 	width: 140px;
    height: 142px;
    background-image: url(/tensor/filling/img/cloud3.png);
    background-size: 140px 131px;
    background-repeat: no-repeat;
    background-position: 0px 0;
}
.c_right {
  transform: scale(-1, 1);
  margin-left: 20px;
}
.c_left {
  margin-right: 20px;
}
/***************/


/*имг которые можно увеличить курсор лупа*/
#page-tensor-new_lesson-page .img-responsive, #page-tensor-new_lesson-page .img-fluid {cursor: zoom-in;}

#page-tensor-new_lesson-page table .img-responsive, #page-tensor-new_lesson-page .img-fluid {margin: 0;}

/*персы**/
[data-pic="144"] {width: 100px; transition: 500ms;}
img.dialogue_img {overflow: unset;}
body:not(#page-mod-page-mod) [data-timer] .dialogue_img {opacity: 0; display: none;}
body:not(#page-mod-page-mod) [data-timer] .dialogue_text {display: none;}
body:not(#page-mod-page-mod) [data-timer="0"] .dialogue_img { display: block;opacity: 1;}
.dialogue_text.lilac-cloud-left {margin-left: 12px;}
.dialogue_text.lilac-cloud-right {margin-right: 12px;}
.dial_block-right {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-end;
  width: calc(100% - 112px);
  margin-left: auto;
  margin-bottom: 12px;
}
/*.dial_block-right:hover::after {
  content: '';
  position: relative;
  font-size: 16px;
  font-family: 'cbuc-icons';
  color: #587ab0;
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-left: -21px;
}*/
.dial_block-left {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  width: calc(100% - 112px);
  margin-bottom: 12px;
}
/*.dial_block-left:hover::before {
  content: '';
  position: absolute;
  font-size: 16px;
  font-family: 'cbuc-icons';
  color: #587ab0;
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: -21px;
}*/