/*************************************** */

div.table-widget {
    margin: 0 0 5px 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}

.table {
    /* table-layout: fixed; */
    border: 1px solid #e9e9e9;
    font-size: 10px;
    
    background-color: #fff;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-rows > thead th {
    overflow-x: hidden;
    text-overflow: ellipsis;
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height: 1.42857143;
    vertical-align: middle;
    border: 1px solid #e9e9e9;
    padding: 7px;
}

.table > thead > tr > th {
    font-size: 13px;
    font-weight: 600;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-align: center;
}

.table > tbody > tr > td {
	white-space: nowrap;
	overflow-x: hidden;
	text-align: left;
	font-family: monospace;
	/* font-family: Lucida Console, monospace; */
	/* font-family: Courier New, monospace; */ 
    overflow-x: hidden;
    /* text-overflow: ellipsis; */
}

.table > thead > tr:first-child > th,
.table > thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > thead > tr:first-child > td,
.table > thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	/* border-top: 0; */
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

.no-padding {
    padding: 0 !important;
}
.semi-bold {
    font-weight: 600;
}

.table button, .table-control button {
	cursor: pointer;
}
.table button.disabled,
.table button:disabled,
.table-control button.disabled,
.table-control button:disabled  {
	cursor: not-allowed !important;
}

/* -------------------------------------------*/

/*.table-pended th,*/
/*.table-messages th,*/
.table-pended tr,
.table-messages tr {
	/* display: flow; */
	/* color: green; */
}

/* height: 62px; */
/* overflow: hidden; */


.table-pended .th--checkbox, .table-pended .tr--checkbox {width: 40px;}
.table-pended .th--num, .table-pended .tr--num {width: 40px;}
.table-pended .th--created, .table-pended .tr--created {width: 20px;}
.table-pended .th--channel, .table-pended .tr--channel {padding: 5px; width: 30px;overflow: hidden;}
.table-pended .th--desc, .table-pended .tr--desc {width: auto; overflow: hidden;}
.table-pended .th--text, .table-pended .tr--text {min-width: 300px; width: auto;overflow: hidden;}
.table-pended .th--status, .table-pended .tr--status {width: 25px;}
.table-pended .th--date, .table-pended .tr--date {width: 70px;}
.table-pended .th--time, .table-pended .tr--time {width: 60px;}
.table-pended .th--address, .table-pended .tr--address {width: 80px;}
.table-pended .th--recipients, .table-pended .tr--recipients {width: 50px; text-align: right;}
.table-pended .th--author, .table-pended .tr--author {width: 60px; }
.table-pended .th--buttons, .table-pended .tr--buttons {width: 40px;}

.table-messages .th--checkbox, .table-messages .tr--checkbox {width: 40px;}
.table-messages .th--num, .table-messages .tr--num {width: 40px;}
.table-messages .th--date, .table-messages .tr--date {width: 20px;}
.table-messages .th--time, .table-messages .tr--time {width: 20px;}
.table-messages .th--channel, .table-messages .tr--channel {padding: 5px; width: 30px;overflow: hidden;}
.table-messages .th--desc, .table-messages .tr--desc {width: auto; overflow: hidden;}
.table-messages .th--text, .table-messages .tr--text {min-width: 300px; width: auto;overflow: hidden;}
.table-messages .th--status, .table-messages .tr--status {width: 25px;}
.table-messages .th--recipients, .table-messages .tr--recipients {width: 50px; text-align: right;}
.table-messages .th--author, .table-messages .tr--author {width: 60px;}
.table-messages .th--buttons, .table-messages .tr--buttons {width: 40px;}

/* -------------------------------------------*/

.field-label--radio {
	display: flex;
    white-space: nowrap;
    
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
}

/* -------------------------------------------*/

.table-footer {
    position: sticky;
    bottom: 1px;
    /* background-color: rgba(249, 249, 249, .90) !important; */
    z-index: 99;
    
	/* padding-left: 5px; */
    /* padding-top: 10px; */
    padding-bottom: 10px;
    overflow: visible;
    background: none;
    border: 0;
}

.table-footer--row:before {
    display: table;
    content: " ";
}

.table-footer--row:after {
	clear: both;
}

.table-text-bold {
	font-size: 16px;
	font-weight: bold;
}

/* ---------------------------- */

.block-pagination {
    display: inline-block;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	user-select: none;
    
    clear: both;
}

.block-pagination > li {
    display: inline;
}

.block-pagination > li > a {
    color: #444;
    background-color: #fff;
    border-color: #ccc;
    
    position: relative;
    float: left;
    padding: 6px 12px;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    
    cursor: pointer;
    
}

/* .block-pagination > li > a, */
.block-pagination > li > a:hover,
.block-pagination > li > a:focus {
    color: #0092d6;
}

.block-pagination > li.active > a,
.block-pagination > li.active > a:hover,
.block-pagination > li.active > a:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    
    background-color: #2dc3e8;
    border-color: #2dc3e8;
    color: #fff;
    
    cursor: default;
}

.block-pagination > li:first-child > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    
    /* -webkit-border-radius: 2px 0 0 2px; */
    -webkit-background-clip: padding-box;
    /* -moz-border-radius: 2px 0 0 2px; */
    -moz-background-clip: padding;
    /* border-radius: 2px 0 0 2px; */
    background-clip: padding-box;
}

.block-pagination > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    
    /* -webkit-border-radius: 0 2px 2px 0; */
    -webkit-background-clip: padding-box;
    /* -moz-border-radius: 0 2px 2px 0; */
    -moz-background-clip: padding;
    /* border-radius: 0 2px 2px 0; */
    background-clip: padding-box;
}

/* ---------------------------- */

.shop-calendar--wrapper {
	width: 100%;
}
.shop-calendar--plan img {
	margin: auto;
}

ul.shop-calendar--container {
	margin: auto; width: 100%;
	/* display: inline-block; */
	/* display: flex; */
	
	-moz-column-count: 7;
    column-count: 7;
    -moz-column-gap: 5px;
    column-gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;	
}
li.shop-calendar--item {
	width: 121px;
	/* max-width: 14%; min-width: 14%; */
	border: solid 1px #ccc; position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
}
li.shop-calendar--item span {
	position: absolute; z-index: 10; top: 5px; left: 5px; color: #ccc;
}
li.shop-calendar--item img {
	/* width: 100%; */
	width: 121px;
	height: 87px;
}

/* ---------------------------- */

.message-content--wrapper {
	/* display: block; */
	display: flex;
	
	/* position: relative; */
	width: 100%;
	max-width: 100%;
	padding: 0px;
	margin: 0px;
	height: 430px;
}

.message-content--wrapper .message-content--text {
	display: block;
	height: 100%;
	width: inherit;
	padding: 0px;
	margin: 0px;
}

.message-content--wrapper .message-content--image {
	display: none;
	height: 100%;
	width: 300px;
	min-width: 300px;
	padding: 0px;
	margin: 0 10px 0 0;
}

.simple-button {
	cursor: pointer;
}

.simple-button.disabled,
.simple-button:disabled {
	cursor: not-allowed !important;
}

/* ---------------------------- */

.field-label-text {
	display: flex;
	margin-bottom: 7px;
}

.field-text {
	margin: 5px;
	min-height: 15px;
	position: relative;
	text-align: left;
	
	font-size: 1rem;
    line-height: 1.4;
    
	margin-right: 25px;
	
}

.field-checkbox {
	margin: 5px;
	min-height: 15px;
	position: relative;
	text-align: left;
	
}
.field-checkbox--label {
	cursor: pointer;
	display: flex;
}
.field-checkbox--label input {
	height: 1px;
    left: -9999px;
    position: absolute;
    width: 1px;
}

.field-checkbox--wrapper {
    background: #f7f8f8;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #f9fafc;
    border-radius: 2px;
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 15px;
    overflow: hidden;
    transition: border-color .2s ease, background-color .2s ease;
    width: 24px;
    
    border-color: var(--color-main);
}

.field-checkbox--label.disabled {
    cursor: default;
}

.field-checkbox--label input:disabled+.field-checkbox--wrapper,
.field-checkbox--label input.disabled+.field-checkbox--wrapper {
	border-color: gray !important;
	background-color: gray !important;
    cursor: not-allowed !important;
}

.field-checkbox--label input:checked+.field-checkbox--wrapper {
    background-color: var(--color-main);
    background-image: url(../images/ico-check.svg);
    border-color: var(--color-main);
}

.field-checkbox--text {
	display: block;
	
	font-size: 1rem;
    line-height: 1.4;
}

/* ---------------------------- */

.mimage-buttons {
	display: block;
	text-align: center;
	/* margin-top: 10px; */
	padding-top: 10px;
	padding-bottom: 5px;
}

.mimage-container {
	display: block;
	text-align: center;
}
.mimage-container--title {
	display: inline-block;
	text-align: center;
	margin: 5px;
}

.mimage-container--image {
	display: inline-block;
	margin: 5px;
	position: relative;
	
	width: 100%;
	height: 300px;
	
	/*max-width: 250px;*/
	/* max-height: 300px; */
	/* max-height: 245px; */
	
}
.mimage-container--image-dropper {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 300px;
	z-index: 10;
	background-color: rgba(249, 249, 249, .01) !important;
	opacity: 0.1;
}
.mimage-container--image-wrapper {
	position: absolute;
	display: none;
	margin: 0;
	padding: 0;
	z-index: 8;
	width: 100%;
	height: 300px;
}

.mimage-container--image-data {
	position: relative;
    display: block; 
    
    /* box-shadow: 0px 1px 3px #888; */
    -moz-box-shadow: 0px 1px 5px #333;
    -webkit-box-shadow: 0px 1px 5px #333;
    box-shadow: 0px 1px 5px #333;
    /* border: solid 2px #fff; */
    border: none;
    
    overflow: hidden;
    padding: 0;
	cursor: pointer;
    
    margin: auto;
}

.mimage-container--image-data-cover {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: inherit;
	height: inherit;
	background-color: rgba(255,255,255,0.1);
	opacity: 0.1;
	z-index: 7;	
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	
}
.mimage-container--image-data-content {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
}

.mimage-container--image-choose {
	position: absolute;
	display: none; /* block */
	margin: 0;
	padding: 5px;
	width: 100%;
	height: 300px;
	z-index: 5;
}

/* ---------------------------- */

@media screen and (max-width: 1240px) {
	.table-widget .table-control button {
		width: 40px;
		height: 40px;
		font-size: 18px;
		margin: 5px;
	}
	
	.page__main {
		padding-top: 50px;
	}
	
	.Page__content {
		padding-top: 10px;
	}
	
	/** /
	.table-pended .th--checkbox, .table-pended .tr--checkbox {}
	.table-pended .th--num, .table-pended .tr--num {}
	.table-pended .th--created, .table-pended .tr--created {}
	.table-pended .th--channel, .table-pended .tr--channel {}
	.table-pended .th--desc, .table-pended .tr--desc {}
	.table-pended .th--status, .table-pended .tr--status {}
	.table-pended .th--date, .table-pended .tr--date {display: none;}
	.table-pended .th--time, .table-pended .tr--time {display: none;}
	.table-pended .th--address, .table-pended .tr--address {}
	.table-pended .th--recipients, .table-pended .tr--recipients {display: none;}
	.table-pended .th--author, .table-pended .tr--author {}
	.table-pended .th--buttons, .table-pended .tr--buttons {}
	
	.table-messages .th--checkbox, .table-messages .tr--checkbox {}
	.table-messages .th--num, .table-messages .tr--num {}
	.table-messages .th--date, .table-messages .tr--date {}
	.table-messages .th--time, .table-messages .tr--time {}
	.table-messages .th--channel, .table-messages .tr--channel {}
	.table-messages .th--desc, .table-messages .tr--desc {}
	.table-messages .th--text, .table-messages .tr--text {}
	.table-messages .th--status, .table-messages .tr--status {}
	.table-messages .th--recipients, .table-messages .tr--recipients {display: none;}
	.table-messages .th--author, .table-messages .tr--author {}
	.table-messages .th--buttons, .table-messages .tr--buttons {}
	
	/**/
	
	.table-pended .th--checkbox, .table-pended .tr--checkbox {}
	.table-pended .th--num, .table-pended .tr--num {display: none;}
	.table-pended .th--created, .table-pended .tr--created {}
	.table-pended .th--channel, .table-pended .tr--channel {}
	.table-pended .th--desc, .table-pended .tr--desc {}
	.table-pended .th--text, .table-pended .tr--text {display: none;}
	.table-pended .th--status, .table-pended .tr--status {}
	.table-pended .th--date, .table-pended .tr--date {}
	.table-pended .th--time, .table-pended .tr--time {display: none;}
	.table-pended .th--address, .table-pended .tr--address {display: none;}
	.table-pended .th--recipients, .table-pended .tr--recipients {display: none;}
	.table-pended .th--author, .table-pended .tr--author {display: none;}
	.table-pended .th--buttons, .table-pended .tr--buttons {}
	
	.table-messages .th--checkbox, .table-messages .tr--checkbox {}
	.table-messages .th--num, .table-messages .tr--num {display: none;}
	.table-messages .th--date, .table-messages .tr--date {}
	.table-messages .th--time, .table-messages .tr--time {}
	.table-messages .th--channel, .table-messages .tr--channel {}
	.table-messages .th--desc, .table-messages .tr--desc {}
	.table-messages .th--text, .table-messages .tr--text {display: none;}
	.table-messages .th--status, .table-messages .tr--status {}
	.table-messages .th--recipients, .table-messages .tr--recipients {}
	.table-messages .th--author, .table-messages .tr--author {}
	.table-messages .th--buttons, .table-messages .tr--buttons {}
	
	
}


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

	.page__main {
		padding-top: 50px;
	}
	
	.Page__content {
		padding-top: 10px;
	}
	
	.message-content--wrapper {
		display: block;
		height: auto;
	}
	.message-content--wrapper .message-content--image {
		width: 100%;
		max-width: none;
		margin: 0 0 10px 0;
	}
	
	.message-content--wrapper .message-content--text {
		width: 100%;
		max-width: none;
		height: 400px;
	}
	
	.mimage-container--title {
		display: block;
	}
	.mimage-container--image {
		display: block;
		margin: auto;
	}
	
	
	.table-pended .th--checkbox, .table-pended .tr--checkbox {}
	.table-pended .th--num, .table-pended .tr--num {display: none;}
	.table-pended .th--created, .table-pended .tr--created {}
	.table-pended .th--channel, .table-pended .tr--channel {}
	.table-pended .th--desc, .table-pended .tr--desc {}
	.table-pended .th--text, .table-pended .tr--text {display: none;}
	.table-pended .th--status, .table-pended .tr--status {}
	.table-pended .th--date, .table-pended .tr--date {}
	.table-pended .th--time, .table-pended .tr--time {display: none;}
	.table-pended .th--address, .table-pended .tr--address {display: none;}
	.table-pended .th--recipients, .table-pended .tr--recipients {display: none;}
	.table-pended .th--author, .table-pended .tr--author {display: none;}
	.table-pended .th--buttons, .table-pended .tr--buttons {}
	
	.table-messages .th--checkbox, .table-messages .tr--checkbox {}
	.table-messages .th--num, .table-messages .tr--num {display: none;}
	.table-messages .th--date, .table-messages .tr--date {}
	.table-messages .th--time, .table-messages .tr--time {}
	.table-messages .th--channel, .table-messages .tr--channel {}
	.table-messages .th--desc, .table-messages .tr--desc {}
	.table-messages .th--text, .table-messages .tr--text {display: none;}
	.table-messages .th--status, .table-messages .tr--status {}
	.table-messages .th--recipients, .table-messages .tr--recipients {}
	.table-messages .th--author, .table-messages .tr--author {}
	.table-messages .th--buttons, .table-messages .tr--buttons {display: none;}
	
}


/* ----------------------------------------- */
/* ----------------------------------------- */

.Checkbox {
    align-items: center;
    display: flex;
    margin-bottom: 30px;
    min-height: 24px;
    position: relative;
    text-align: left;
    width: 100%
}

.Checkbox.disabled {
    opacity: .5
}

.Checkbox__field {
    background: #f7f8f8;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid #f9fafc;
    border-radius: 2px;
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 15px;
    overflow: hidden;
    transition: border-color .2s ease,background-color .2s ease;
    width: 24px;
}

.Checkbox__text {
    display: block;
    font-size: 14px;
    line-height: 24px
}

@media screen and (max-width: 767px) {
    .Checkbox__text {
        font-size:14px;
        line-height: 18px
    }
}

.Checkbox__text a {
    color: var(--color-text);
    text-decoration: underline;
    transition: color .2s ease
}

.Checkbox__text a:hover {
    text-decoration: none
}

.Checkbox__label {
    cursor: pointer;
    display: flex;
}

/* ///+++000 */
.Checkbox__label .Checkbox__field {
    border-color: var(--color-main);
}
/* ///+++000 */

.Checkbox__label:hover .Checkbox__field {
    border-color: var(--color-main)
}

.Checkbox input {
    height: 1px;
    left: -9999px;
    position: absolute;
    width: 1px
}

.Checkbox input:focus+.Checkbox__field {
    border-color: var(--color-main)
}

.Checkbox input:checked+.Checkbox__field {
    background-color: var(--color-main);
    background-image: url(../images/ico-check.svg);
    border-color: var(--color-main)
}

.Checkbox.error .Checkbox__field {
    border-color: var(--color-main)
}

.Checkbox.error .Checkbox__tooltip {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.Checkbox__tooltip {
    background: #fff;
    border-radius: 4px;
    bottom: calc(100% + 4px);
    box-shadow: 2px 10px 15px #1616410f;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transform: translateY(5px);
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    visibility: hidden
}