/**
 * @package     MDM FeedBack component
 * @subpackage  mod_mdmfeedback
 *
 * @copyright   Copyright (C) 2016 S.Dmitriev. All rights reserved.
 * @license     GNU General Public License version 2 or later
 */
/*=========================== ОСНОВНОЕ =======================*/
button.round{border-radius:50%;}
.mdmfeedback{
	/* display:table;/*Нужно, чтобы не перекрывало элементы управления*/ */
	display:block;
	margin:auto;
}
.icon-empty {
    width: 1.5em;
}
.icon-empty:before{
	content:"";
}
.posflo{
    position: fixed;
	width:100%;
	left:0;
	z-index:10000;
	font-size:11px;
}
.posflo .mdmfb-wnd, .posflo .mdmfb-btn{
	webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.mdmfb_fieldsblock.halfwidth {
    display: inline-grid;
	vertical-align:top;
}
.mdmfb_fieldsblock.wholewidth {
    display: block;
}
.posnobu .wholewidth{
	max-width:1026px;
	margin:auto;
}
.mdmfb-btn{
	z-index:5000;
    text-align: center;
	cursor: pointer;
	margin: 1em auto;
}
.butico{
	margin-right:0.5em;
}
.posflo .butico{
	display: block;
    line-height: 1em;
    margin: auto;
	width: auto;
    height: auto;
}
.mdmfb-close {
    position: absolute;
    display: block;
    text-align: center;
	cursor: pointer;
	z-index: 4000;
}
.mdmfb-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* border-radius:1em; */
}
.mdmfb-flo{
	/* position:absolute; */
	position:relative;
}
.mdmfb-flo.mdmfb-btn{
	position:absolute;
	/* position:relative; */
}
.posflo .mdmfb-over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* border-radius:1em; */
}

.mdmfb-over2{
    z-index: 3000;
    /* position: absolute; */
	vertical-align: middle;
    display: table-cell;
}
.mdmfbocont{
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: inline-table;
    left: 0;
    text-align: center;
}
.mdmfb-ovclk{
	/* display: inline-table; */
    /* position: relative; */
}
.mdmfbohide{
	display:none !important;
}
.element-invisible {
    display: none !important;
}
.add-on {
    /* display: inline-block; */
    /* width: 2em; */
    /* vertical-align: bottom; */
}
.mdmfbopan{
	width: 100%;
    height: 100%;
}
.mdmfb-mess>div{
	display:block;
}
.mdmfb-mess li {
    text-align: left;
}
.mdmfb-ttl{
	margin-top:0;
}
/*------------------------ Анимация вращения -----------------------------*/
.mdmspin{
    -webkit-animation: mdm-spin 1s infinite linear;
    animation: mdm-spin 1s infinite linear;
}
@-webkit-keyframes mdm-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes mdm-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/*------------------------ Позиции анимации окна и кнопки -----------------------*/
.postop{
	top:0;
}
.posbot{
	bottom:0;
}
.posmidv{
	top:5%;
	/* height:90%; */
	margin: 0;
}
.posmidh {
    /* width: 90%; */
    left: 5%;
}
.posmidv.posmidh{
	/* height:0; */
}
.posrig .mdmfb-flo{
	right:30px;
}
.poslef .mdmfb-flo{
	left:30px;
}
.postop .mdmfb-flo{
	top:48px;
}
.posbot .mdmfb-flo{
	bottom:95px;
}
.posmidv .mdmfb-flo{
	/* top:-40px; */
}
.posmidv.posmidh .mdmfb-flo{
    top: 0;
}
.posmidh{
	/* bottom:0; */
}
.posmidh .mdmfb-btn{
	left:-40px;
}
.posmidh .mdmfb-wnd{
	/* left:-150px; */
}
.mdmfbhide {
    opacity: 0;
}
.poslef .mdmfb-btn.mdmfbhide {
	left: -2.3em;
}
.poslef .mdmfb-wnd.mdmfbhide {
	left: -310px;
}
.posrig .mdmfb-btn.mdmfbhide {
	right: -2.3em;
}
.posrig .mdmfb-wnd.mdmfbhide {
	right: -310px;
}
.posmidh.posbot .mdmfbhide {
	bottom: -100px;
}
.posmidh.postop .mdmfbhide {
	top: -100px;
}
.posmidh.posmidv .mdmfbhide {
	top: 100px;
}
/*-------------------------- Нет кнопки вызова ---------------------------------*/
.posnobu{
	margin:1em;
	text-align: center;
}
.posnobu .mdmfb-close{
	display:none;
}
.posnobu .mdmfb-btn{
	display:none;
}



/*========================== ОФОРМЛЕНИЕ =======================*/

/*------------------------- Корректировка иконок ----------------------*/
.icofix>span{
    width: 100%;
    /* height: 100%; */
    margin-left: 0.02em;
	margin-top: 0.02em;
    line-height: 1em;
}
.icofix>span.fa{
    margin-top: 0.09em;
}
/*----------------------- Геометрия кнопки -----------------------*/
.posflo .mdmfb-btn{
	/*Для изменения размеров кнопки, использовать font-size*/
    font-size: 10px;
    width: 7em;
    height: 7em;
    line-height: 1.2em;
    padding:0.3em;
}
.posflo .mdmfb-btn.hasTooltip {
    /* line-height: 0em; */
}
.posflo .butico {
    font-size: 1em;
}
.posflo .hasTooltip .butico {
	/* кнопка без текста */
    font-size: 4.5em;
    line-height: 1.2em;
}

.tmpl-callback .mdmfb-btn {
    /* background: none; */
    /* border: none; */
	font-size: 2em;
    padding: 0;
    margin: 0 0 0 0.3em;
    line-height: 1em;
    height: 1.5em;
    width: 1.5em;
}

/*---------------------- Геометрия окна -------------------------*/
.posflo .outln{
	border-radius:15px;
}
.posflo .mdmfb-ttl.outln{
	/* width:100%; */
	display: block;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border:none;
	padding: 0.8em 1.4em 0.4em;
    margin: 0 0 10px;
	text-align:center;
	line-height: 1.1em;
}
/* .posflo .mdmfb-wnd{ */
	/* max-width:90%; */
	/* /* width:90%; */ */
	/* /* max-width: 800px; */ */
	/* background-color:#fff; */
/* } */
.mdmfb-invi p {
    margin: 1em auto !important;
}
.tmpl-callback .posflo .mdmfb-wnd {
    width: 18em;
}
.posflo .mdmfb-invi>*{
	font-size: 0.8em;
	/* max-width:18.5em; */
	margin-left:auto;
	margin-right:auto;
}
.mdmfb-invi>*:first-child{margin-top:0.5em !important;}
.mdmfb-icon.spin_01:before{
	content:url("../images/spin_01.svg");
}
.mdmspin{
	width: auto !important;
	font-size:2em;
	/* height: 1.35em; */
	color:white !important;
}
.sr-only {
    margin: 10px;
}
.mdmfb-close {
    top: 1em;
    right: 1em;
    width: 1.5em !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
    font-size: 0.6em;
}
.posflo .mdmfb-inner, .posmod .mdmfb-inner{
    padding: 0.1em 1em 1em;
	text-align:center;
}
.posflo .mdmfb_fieldsblock{
	margin: 0;
}
.posflo .mdmfb_fieldsblock.halfwidth{
	width: 47%;
	/* max-width:280px; */
	margin:0 0.4em
}
@media (max-width:390px){
	.posflo .mdmfb_fieldsblock.halfwidth{
		width:95%;
	}
}
.posnobu .mdmfb_fieldsblock.halfwidth{
	/* width:100%; */
	min-width:200px;
	max-width: 500px;
	margin: 0 10px;
}
.mdmfb_fieldsblock .mdmfb_fieldsblock{
	margin:0;
}
.mdmfb_fieldsblock .controls{
	width:100%;
	margin-bottom:0.5em;
}
.mdmfb_fieldsblock .input-prepend{
	/* width:95%; */
	max-width: 450px;
	margin: 0;
}
.mdmfb-wnd {
    position: relative;
}


span.butico {
    max-width: 1.45em !important;
}

.mdmfb-over2{
    opacity: 1;
	color:white;
}
.mdmfb-mess div{
    padding: 1em 2em;
    border-radius: 1em;
	margin:3px;
}
/* .mdmfb-inner i.fa{font-size:18px;} */
.mdmfeedback label{
	text-align:left;
	margin-left:10px;
	font-size: 0.8em;
	display: table-cell;
}
.wholewidth label{
	display:inline-block;
	/* float: left; */
	width: 100%;
    max-width: 450px;
    text-align: center;
    margin: 0.5em auto;
}
.posflo .uda {
    /* width: calc(100% - 2.5em); */
    display: inline-block !important;
    min-width: 10%;
}
.posflo .wholewidth select.input-large{
	width:190px !important;
}
.wholewidth .input-prepend{
	/* float:right; */
	width:100%;
}
.mdmfb-mess>div{
	display: inline-block;
}

/*============================= COLORS ================================*/
/* .mdmfeedback label{ */
    /* color: gray; */
/* } */

.posflo .mdmfb-btn{
	box-shadow: 0 0 10px 2px white;
	/* color: white; */
	}
	
.tmpl-callback .mdmfb-btn {
    border: solid 1px white;
}

/* .posflo .mdmfb-wnd{ */
	/* background-color:white; */
	/* box-shadow: 0 0 20px gray; */
	/* color: black; */
/* } */

/* .posflo .mdmfb-ttl{ */
	/* background-color:gray; */
	/* color:lightgray; */
/* } */
.mdmfb-mess>div{
	background-color: white;
}
.mdmfbsuc{color:green;}
.mdmfbfail{color:red;}
.mdmfb-wnd a.btn{color:gray;}
/* .mdmfb-ovclk{color:white;} */
.mdmfbopan{
	opacity:0.5;
	background-color:black;
	border-radius: 6px;
}
/* .mdmfb-close {color:lightgray;} */

/*===================== Корректировка для формы обратного звонка =======================*/
.module-mdmfeedback.tmpl-callback {
    display: inline;
    vertical-align: top;
}
/*--------------------------------------------------------------------------------------*/

.module-mdmfeedback .mdmfb-btn {
    margin: 0;
}


/* корректировка положения поля textarea */
.mdmfb-inner textarea {
    margin-right: -1px;
    padding-right: 0px;
}

.mdmfb-incont .halfwidth {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
}

#extradata .right{text-align:right;}
#extradata .left{text-align:left;}
#extradata tr.uda{display: table-row !important;}
.mdmfb-incont table{
	width:100%;
	margin-bottom:10px;
	border-top:solid 1px #ddd;
	/* border-bottom: solid 1px #ddd; */
}

.mdmfb-butsnd {
    margin-top: 10px;
}

/* .mdmfb-inner{color:#676767;} */



/* .mdmfb-flo .mdmfb-inner { */
    /* background-color: white; */
    /* padding: 12px; */
    /* border-radius: 0 0 7px 7px; */
/* } */

/* .mdmfb-flo .mdmfb-ttl { */
    /* background-color: #eacaab; */
    /* padding: 12px 27px; */
    /* border-radius: 7px 7px 0 0; */
/* } */

/* .mdmfb-flo .mdmfb-ttl>*{ */
	/* margin:0; */
/* } */

/* Элемент для загрузки файлов */

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

input.visually-hidden:focus + label {
  /* outline: thin dotted; */
}
.dropzone{
	width:100px;
	height:100px;
	border:1px dotted grey;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	background-color:white;
	position:relative;
	background-image: url("/media/mod_mdmfeedback/images/upload_01.svg");
}
.dropzone>div{
	position:absolute;
}
.messagecont {
	position:absolute;
    vertical-align: bottom;
    bottom: 0;
    text-shadow: 1px 1px 1px white,-1px -1px 1px white;
    color: black;
    padding: 3px;
	text-align: center;
	width: 100%;
	background-color: #fffa;
}
.loadedcont {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
@keyframes spin{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(30deg);}
}
.loadingcont{
	animation:spin 0.3s linear infinite;
}
.filedroplabel{
	text-align: center !important;
}
.delfil {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50%;
    color: red;
    font-size: 24px;
    line-height: 1em;
    box-shadow: 0 0 2px black;
    pointer-events: auto;
	cursor:pointer;
	right: -30px;
}

.mdmfb_chb_lbl{
	margin:0 8px 10px 8px;
	text-align:left;
}

#extradata td:first-child {
    text-align: left;
}
#extradata td {
    text-align: right;
    padding-right: 10px;
}