:root {

  --main-color-ts: rgb(34, 147, 151);
  --main-color-ts-10: #e92e5d17;

  --main-color-ts-bg: #e92e5d54;

}

.background-ts{

	background-color: var(--main-color-ts);

}

.background-ts-10{

	background-color: var(--main-color-ts);

}

.color-ts{

	color: var(--main-color-ts);

}



.bg-ts{

	background-color: var(--main-color-ts);

}


.border-ts {
    border-color: var(--main-color-ts);
}


.input-active .ts-control{

	border-color: var(--main-color-ts);

}



.ts-dropdown .active, .ts-dropdown .create:hover, .ts-dropdown .option:hover{

	background-color: var(--main-color-ts);

	

}



.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover{

	border-color: var(--main-color-ts) ;

}



.focus\:border-ts:focus{

	border-color: var(--main-color-ts);

}



.checked\:bg-ts:checked {

    background-color: var(--main-color-ts);

}



.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover{

	 background-color: var(--main-color-ts);

}



.peer:focus~.peer-focus\:text-ts{

	color: var(--main-color-ts);

}



.focus\:ring:focus{

    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--main-color-ts);

}



.peer:focus~.peer-focus\:text-ts{

	color: var(--main-color-ts);

}



.before\:bg-ts:before{

	background-color: var(--main-color-ts);

}



.checked\:border-ts:checked{

	border: var(--main-color-ts) 1px solid;

}



.checked\:border-ts:hover{

	border: var(--main-color-ts) 1px solid;

}



.rounded-full-fix{

	border-radius: 5px;

}



.h-45-logo{

	height: 48px;

	width: 48px;

}



.hover\:bg-ts-100:hover{

	background-color: var(--main-color-ts);

	color: #fff;

}



.active-color-ts{

	background-color: var(--main-color-ts);

	color: #fff;

}





.hover\:bg-ts-800:hover{

	background-color: var(--main-color-ts);

}



.color-white{

	color: #fff;

}



.background-ts-1{

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}



.background-ts-last{

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}



.fl-full{

	font-size: 13px;

}



.hight-25{

	height: 25px;

}



.text-ts{

	color: var(--main-color-ts);

}



.hover\:bg-ts\/20:hover {

    background-color: var(--main-color-ts-bg);

}



.fill-ts {

    fill: var(--main-color-ts);

}



.box-item-ts-tc .img-box{

	height: 250px;

	overflow-y: hidden;

	display: -moz-box;

	  -moz-box-pack: center;

	  -moz-box-align: center;

	  /* Safari and Chrome */

	  display: -webkit-box;

	  -webkit-box-pack: center;

	  -webkit-box-align: center;

	  /* W3C */

	  display: box;

	  box-pack: center;

	  box-align: center;

	  position: relative;

	  border-radius: 12px;

	  margin-bottom: 12px;

}



.img-box img{

	max-width: 100%;

	position: absolute;

	border-radius: 5px;

}



.box-item-ts-tc {

    -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 26%);

    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.26);

    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 6%);

    padding: 15px;

    border-radius: 12px;

}



.box-item-ts-tc .content .title-dm{

	margin-bottom: 12px;

}



.box-item-ts-tc .content .name-ts{

	font-size: 16px;

	color: #333;

	font-weight: 600;

}



.line-date {

   width: 100%; 

   text-align: center; 

   border-bottom: 1px solid #e5e7eb; 

   line-height: 0.1em;

   margin: 20px 0 20px; 



} 



.line-date span { 

    background:#fff; 

    padding:0 10px; 

    font-size: 12px;

}

.bg-ts\/10 {
    background-color: var(--main-color-ts-10);
}

.mrt-20{

	margin-top: 20px;

}



.mrb-15{

	margin-bottom: 15px;

}



.input-avatar{

	position: absolute;

	opacity: 0;

	cursor: pointer;

	width: 100%;

}



.hide-alert{

	height: 0;

	opacity: 0;

	z-index: -1000;

}



.toastify.dark{

	background-color: var(--main-color-ts);

}



.w-70-p{

	width: 70%;

}

.w-30-p{

	width: 30%;

}




.w-25{

	width: 25px;

}

.btn-add-rsvp button{
	padding: 3px 7px;
	font-size: 14px;
}

.gf_button_delete{
	/*position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;*/
}
.postion-relative{
	position: relative;
}

.box-title-alb{
	display: flex;
	justify-content: space-between; 
}

.box-title-alb .alb-1{
	display: flex;
	width: 50%;
}

.box-title-alb .alb-1 h2{
	margin-right: 8px;
}

.box-title-alb .alb-1 div{
	margin-right: 5px;
}

.box-title-alb{
	margin-top: 35px;
	margin-bottom: 27px;
}

.box-title-alb  .alb-2{
	display: flex;
	justify-content: flex-end;
	width: 50%;
	align-items: center;
}

.box-title-alb .alb-2 .bg-w-proces-alb{
	width: 40%;
	margin-right: 8px;
	display: none;
}

.w-100{
	width: 100%;
}

.b-green{
}

.alb-2 .prcess-grey{
	color: #000!important; 
	background-color: #f1f1f1!important;
	width: 40%;
	height: 24px;
}

.abcdx input[type=text] {
  
  padding-left: 35px ;
}

.img-searcg-ts{
	position: absolute;
	border-radius: 50%;
}

.img-searcg-ts img{
	height: 30px;
	width: 30px;
}

.none{
	display: none;
}

.btn-delete-imgcs{
	cursor: pointer;
	background-color: #e92e5d42;
	transition: all 0.2s;
}

.btn-delete-imgcs:hover{
	color: red;
	background-color: #ddd;
}

#sortable1, #sortable2 {
    /*list-style-type: none;
    margin: 0; padding: 0;
    float: left; margin-right: 10px; */
}    
#sortable1 .item-img-cardcs, #sortable2 .item-img-cardcs { 
}

.item-img-cardcs{
	cursor: move;
}

.btn-modal-cropper-thumb{
	height: 0px;
	opacity: 0;
	z-index: -100;
}

.btn-modal-cropper-thumb-x{
	height: 0px;
	opacity: 0;
	z-index: -100;
}

.hide-imgc{
	display: none;
}

.mrt-15{
	margin-top: 15px;
}

.mrb-15{
	margin-bottom: 15px;
}

.op-0-hw{
	height: 0px;
	opacity: 0;
}

.box-ptxe{
	display: flex;
	align-items: center;
	font-size:12px;
}
.box-ptxe img{
    width:22px;
}

.pr-td-search{
	position: relative;
}

.clear-sh{
	box-shadow: none;
	padding: 0px;
}

.main-sidebar{
	display: none;
}

.font-b-16{
	font-size: 16px;
	color: #1e293b;
}
.flex-li--side{
	display: flex;
	align-items: center;
	padding-bottom: 4px;
	padding-top: 4px;
}
.mr-l5{
	margin-left: 8px;
    margin-top: 2px;;
} 

.mrt-20{
	margin-top: 20px;
}

.hide-desktop{
	display: none !important
}

.p-fixd-language{
	position: fixed;
	bottom: 15px;
	padding-left: 1.25rem;
	display: flex;
	align-items: center;
}

.p-fixd-language a{
	margin-left: 8px;
}

.btn-card-flex-hed{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
}

.box-fil-drop-hed{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
}

.mrl-7{
	margin-left: 8px !important;
}
.font-size-13-5{
	font-size: 13.5px;
}

.h-45-logo{

}

.rd-50{
	border-radius: 50%;
}
.img-w-200{
	width: 200px;
}

.mb-15{
	margin-bottom: 15px;
}

.box-note-rsvp span{
	position: relative;
}

.box-note-rsvp .pb-ab-rsvp{
	position: absolute;
    right: -26px;
    top: -10px;
    cursor: pointer;
    opacity: 0.5;
}

.w-600-modal-rsvp{
	width: 600px;
}

.btn-edit-card{
	color: #fff;
	background-color: var(--main-color-ts);
	padding: 6px 11px;
	border-radius: 15px;
	border-bottom: unset;
}

.box-item-ts-tc-page{
	padding: 0px 15px;
	background-color: #fff;
}

.clear-bg{
	background: none !important;
}

.flex-end{
	justify-content: flex-end;
}

.font-16{
	font-size: 16px;
}

.font-14{
	font-size: 13px;
}

.curor-pointer{
	cursor: pointer;
}

.clear-pd{
	padding: 0px;
}

.bg-hover-ts-upload{
	padding: 4px 0px;
}

.bg-hover-ts-upload label{
	padding: 7px 12px;
}

.bg-hover-ts-upload:hover{
	background-color: #e9eef5;
}

.bg-hover-ts-upload:hover label{
}

.pd-lr-10{
	
}

.login-content2{
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.img-ft-print{
	display: flex;
	justify-content: center;
}

.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px;
	font-weight: 500;
}


.box-alert-new{
	display: flex;
	justify-content: center;
	align-items: center;
}

.mr-10{
	margin-right: 10px;
}

.pos-fix-r{
	position: absolute;
	right: 0px;
	top: 45px;
}

.border-color-1{
	border: 1px solid #FF9800;
}
.border-color-2{
	border: 1px solid #10b981;
}
.border-color-3{
	border: 1px solid #E92E5D;
}
.border-color-4{
	border: 1px solid #0ea5e9;
}
.hide-border-js{
	border: hidden;
}

.box-expend{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 70px;
}

.box-expend span,.box-expend svg{
	cursor: pointer;
}

.box-expend:hover span{
	color: #E92E5D;
}

.box-expend:hover svg{
	color: #E92E5D;
}

.hide-js-add{
	display: none;
}



.box-expend2{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 70px;
}

.box-expend2 span,.box-expend2 svg{
	cursor: pointer;
}

.box-expend2:hover span{
	color: #E92E5D;
}

.box-expend2:hover svg{
	color: #E92E5D;
}

.hide-js-add2{
	display: none;
}

.w-modal-crop{
	width: 550px !important;
}

.hide-js-filter{
	display: none;
}

.hide-imgwh{
	z-index: -1000;
	height: 0px;
	width: 0px;
	opacity: 0;
}


.show-mb-album{
	display: none !important;
}

.color-placeholder input::-webkit-input-placeholder { /* Edge */
  color: var(--main-color-ts);
}

.color-placeholder input::-ms-input-placeholder { /* Internet Explorer */
  color: var(--main-color-ts);
}

.color-placeholder input::placeholder {
  color: var(--main-color-ts);
}


.max-w-ts {}

.tabs-list {
    justify-content: center;
}

.zalo-bg {
    background-color: #e7effd;
    margin: 0 -10px;
    padding: 15px;
    border-radius: 8px;
}

.zalo-link {
    color: #3366ff;
    font-size:15px;
}
.zalo-slink {
    color: #3366ff;
    font-size:13px;
}

.zalo-bg img {
    border-radius: 5px;
    margin-top: 10px;
}

.zalo-bg h4 {
    color: #0d1c34;
    font-size: 15px;
    font-weight: 500;
}

.zalo-bg p {
    color: #7988a1;
    font-size: 14px;
    margin-top: -15px;
}

.face-bg {
    background-color: #f0f2f5;
    margin: 0 -10px;
    padding: 15px;
    border-radius: 25px;
}

.face-sbg {
    background-color: #3982f7;
    margin: -15px;
    padding: 15px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.face-link {
    color: #fff;
    font-size:17px;
    text-decoration: underline;
}

.face-bg img {
    margin: 15px -16px 10px -14px;
    max-width: 109%;
}

.face-bg h4 {
    color: #0d1c34;
    font-size: 15px;
    font-weight: 600;
}




.wx-1{
	width: 10%;
}
.wx-2{
	width: 20%;
}
.wx-3{
	width: 30%;
}
.wx-4{
	width: 40%;
}
.wx-5{
	width: 50%;
}
.wx-6{
	width: 60%;
}
.wx-7{
	width: 70%;
}
.wx-8{
	width: 80%;
}
.wx-9{
	width: 90%;
}
.wx-10{
	width: 100%;
}

#imageshow2{
	max-width: 80%;
	max-height: 80%;
	height: unset;
}


#imageshow{
	max-width: 80%;
	max-height: 80%;
	height: unset;
}

.justy-center{
	display: flex;
	justify-content: center;
	max-width: 100%;
	max-height: 100%;
}

.grid-fix{
	display: flex;
	flex-wrap: wrap;
}

.grid-fix .w-18{
	width: 18%;
}

.box-music .active{
	font-weight: 600;
	background-color: var(--main-color-ts);
	color: #fff;
}



.box-music .item-music:hover{
	background-color: var(--main-color-ts);
	color: #fff;
}

.box-music .item-music:hover .fa{
	color: #fff;
	opacity: 1;
}

.box-music .item-music:hover svg{
	color: #fff;
	opacity: 1;
}


.box-music .item-music{
	display: flex;
	flex-wrap: wrap;
	padding: 6px 9px;
	transition: all ease-in-out 0.3s;
	border-radius: 8px;
}

.item-music .left{
	width: 70%;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.item-music .left .fa{
	padding-right: 10px;
	font-size: 12px;
	cursor: pointer;
	color: rgb(18, 183, 124);
	opacity: 1;
	transition: all 0.5s ease-in-out;
}





.item-music .right{
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.item-music .right svg{
	padding-left: 9px;
	margin-left: 0px;
	margin-right: 5px;
	cursor: pointer;
	color: rgb(255 0 0);
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.item-music .right .stop svg{
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 0px;
}

.box-music .active .right svg{
	opacity: 1;
}

.item-music .right .stop{
	cursor: pointer;
}

.dlex{
	display: flex;
}

.box-music .active .fa{
	color: #fff;
}

.box-music .active svg{
	color: #fff;
}

.box-music .head .fa{
	opacity: 0 !important;
}

.box-music .head svg{
	opacity: 0 !important;

}

.z-index-100{
	z-index: -100 !important;
}

.box-music .head{
	background-color: #fff !important;
	color: #334155 !important;
	font-weight: 500 !important;
}

.box-music .head:hover{
	background-color: #fff !important;
	color: #334155 !important;
	font-weight: 500 !important;
}

.input-ytb-check:hover{
	border-color: var(--main-color-ts) !important;
}

.input-ytb-check-acive{
	border-color: var(--main-color-ts) !important;
}

.box-music .active .fa:hover{
	color: #000;
}

.box-music .active svg:hover{
	color: #000;
}

.white-space-line{
	white-space: pre-line;
}

.item-ab-theme.active img{
	border: 1px solid var(--main-color-ts);
	border-radius: 5px;
}

.item-ab-theme{
	cursor: pointer;
}

.box-img-ab{
	display: flex;
	justify-content: center;
	background-color: #f5f5f5;
	padding: 25px 0px;
}

.box-img-ab img{
	max-width: 60%;
	-webkit-box-shadow: -2px 5px 14px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 5px 14px -11px rgba(0,0,0,0.75);
	box-shadow: -2px 5px 14px -11px rgba(0,0,0,0.75);
	transition: all 0.3s ease-in-out;
	border: 1px solid transparent;
}

.box-ab-theme-radio{
	/*flex-wrap: wrap;*/
}

.mr-20{
	margin-right: 20px;
}

.btn-add-story{
	cursor: pointer;
	padding: 10px 15px;
	border-radius: 7px;
	background-color: #4f46e5;
	color: #fff;
}

.btn-remove-intro-index{
	cursor: pointer;
}

.btn-remove-intro-index svg{
	color: #4f46e5;
}

.text-capitalize{
	text-transform: capitalize;
}
.img-qr-st img{
	max-width: 100%;
	/*height: 250px;*/
}

.h-250{
	height: 250px;
}

.flex-wrap-fonts{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}
.block-fonts  .item-fonts{
	/* width: 14%; */
	/* margin-right: 15px;
	margin-bottom: 15px; */
}

.block-fonts .item-fonts::nth-child(10){
	margin-right: 0px;
}
.content-fonts p{
	font-weight: bold;
	text-align: center;
	font-weight: 15px;;
}

.item-fonts{ 
	.img-fonts{
		display: flex;
		justify-content: center;
	}	
	.img-fonts img{
		max-width: 100%;
		max-height: 100%;
	}
}
.load-more div{
	justify-content: center;
	display: flex;
}
.load-more button{
	display: flex;
	align-items: center;
	background-color: #4f46e5;
	color: #fff;
	font-size: 16px;
	padding: 8px 15px;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
}
.load-more svg{
	margin-left: 5px;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.load-more button:hover{
	/* background-color: unset;
	color: #000;
	border: 1px solid #000000a2; */
	transform: translateY(-8px);
}
/* .load-more button:hover svg{
	color: #000;
} */

.pos-rcard{
	position: absolute;
	right: 5px;
	top: 5px;;
}

.pos-rcardv2{
	position: absolute;
	left: 5px;
	top: 5px;;
}


.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed rgb(93 109 121 / 56%) !important;
    border-image: none;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
}

.modal-font-triiger,
.modal-template-triiger,
.modal-template-triiger-all,
.modal-template-up-triiger{
	opacity: 0;
	height: 0px;
	z-index: -1;
}

.btn-fonts-remove{
	border: 1px solid #2271b1;
	color: #2271b1;
	border-radius: 4px;
	font-size: 12px;
}

.dropzone .dz-preview .dz-error-message:after{
	top: 73px !important;
	border-top: 6px solid #be2626 !important;
	border-bottom: unset !important;
}

.dropzone .dz-preview .dz-error-message{
	top: -78px !important;
}

.img-templates{
	max-width: unset;
	max-height:unset;
	height: 80px;
}

.dropzone-templates{
	min-height: 120px !important;
}

.input-active .ts-control {
    border-color: #4f46e5;
}

.ts-dropdown .active, .ts-dropdown .create:hover, .ts-dropdown .option:hover {
    background-color: #4f46e5;
    color: #fff;
}

.file-tem{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.file-tem .img{
	width: 100px;
	margin-left: 10px;;
}

.flx-bx-templates{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.hidev1{
	height: 0px;
	padding: 0px;
	margin: 0px;
}
.i-note{
	font-size: 12px;
	font-weight: 500;
	text-transform: capitalize;
}

.hide{
	opacity: 0;
	width: 0;
	height: 0;
}

.box-search-tags{
	display: flex;
	justify-content: space-between;
}
.w-15{
	width: 50%;
}

.img-tags{
	max-width: 100%;
    max-height: 100%;
    height: 80px;
}

.box-tags-img{
	position: relative;
}

.box-tags-img .remove{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.box-search select{
	width: 200px;
	margin-right: 10px;
}
.w-200{
	width: 250px;
}

.w-60-page{
	width: 40%;
}
.flex-w-pd{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.flex-w-pd .w-l{
	width: 50%;
	padding-right: 20px;
}
.flex-w-pd .w-r{
	width: 50%;
	padding-left: 20px;
}
.size .wp-50{
	width: 38%;
}
.size .wp-auto{
	width: 24%;
	padding-left: 10px;
}
.size .l{
	padding-right: 5px;
}
.size .r{
	padding-left: 5px;
}
.pd-1n{
	padding: .5rem 0.7rem;
}
.img-product{
	height: 120px;
	position: relative;
}

.img-product img{
	max-width: 100%;
	max-height: 100%;
}

.img-product .remove{
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.none{
	display: none !important;
}
.box-page-st{
	justify-content: start;
}
.box-page-st .page-1{
	width: 65px;	
	font-size: 14px;
}
.box-page-st .page-2{
	width: 30%;	
	margin-right: 10px;
	margin-left: 10px;
}
.box-page-st .page-3{
	width: 50px;	
}
.box-page-st .page-3 {
	color: #fff;
}
.none{
	display: none;
}
.img-view{
	position: relative;
	display: inline-block;
}

.img-view img{
	height: 100px;
}
.img-view .remove{
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}


/* Fix background cho SweetAlert buttons */
.swal2-confirm {
	background-color: #d33 !important;
	color: white !important;
}

.swal2-cancel {
	background-color: #3085d6 !important;
	color: white !important;
}
@media print {
   .font-size-print{
   		font-size: 12px !important;
	}

	.font-size-print table tr{
		padding: 5px;
   		font-size: 12px !important;
	}
	.font-size-print table th{
		padding: 0px;
   		font-size: 12px !important;
	}
	.font-size-print table td{
   		font-size: 12px !important;
   		padding: 5px;
	}

}

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

    .w-70-p{

		width: 100%;

	}

	.w-30-p{

		width: 30%;

	}



}




@media screen and (max-width: 1024px) {
	.hide-desktop{
		display: flex !important
	}
	.js-spac-bw{
		justify-content: space-between;
	}

	.w-70-p{

		width: 100%;

	}
	.w-30-p{

		width: 100%;

	}
}


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

    .w-70-p{

		width: 100%;

	}
	.w-30-p{

		width: 100%;

	}

	.hide-desktop{
		display: flex !important
	}
	.js-spac-bw{
		justify-content: space-between;
	}


}

@media screen and (max-width: 960px) {
	.hide-mb{
		display: none;
	}

	.js-spac-bw{
		justify-content: space-between;
	}
}

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

    .textmbs{
		font-size: 12px;
	}

	.img-mb img{
		width: 25px;
		height: 25px;
	}

	.img-mb-avatar{
		height: 35px;
		width: 35px;
	}

	.w-modal-crop{
		width: 100% !important;
	}

}



@media screen and (max-width: 585px) {
	.hide-mb-album{
		display: none !important;
	}
	.show-mb-album{
		font-size: 15px;
	}
}


@media screen and (max-width: 535px) {
	.hide-535px{
		display: none;
	}
}

@media screen and (max-width: 360px) {
	.img-mb img{
		display: none;
	}
}