.settings__wrapper{
	width: 100%;
	min-height: calc(100vh - 53px);
	display: flex;
	& .settings__main--box{
		display: flex;
		justify-content:flex-start;
		width: 100%;
		flex-direction:column;
		align-items:flex-start;
		& .settings__box{
			width: 100%;
			padding-top: 32px;
			padding-left: 24px;
			padding-right: 24px;
			padding-bottom: 24px;
			& .settings_form{
				width: 100%;
				& .controls{
					display: flex;
					justify-content:flex-end;
					margin-top: 24px;
					align-items:center;
					&>a{
						min-width: 205px;
						margin-right: 20px;
						max-width: 205px;
						display:flex;
						align-items:center;
						justify-content:center;
						font-size: 16px;
						min-height: 48px;
						transition:.3s ease all;
						&:hover{
							background-color:#F9F9F9;
						}
					}
					&>button{
						min-width: 205px;
						max-width: 205px;
						display:flex;
						align-items:center;
						justify-content:center;
						font-size: 16px;
						min-height: 48px;
					}
				}
				& form{
					width: 100%;
					& .fields{
						padding:24px 16px;
						background-color:#FFFFFF;
						border-radius: 12px;
						border:1px solid #E5E7EB;
						width: 100%;
						& .group__input{
							width: 100%;
							&>textarea{
								border:1px solid #D1D5DB;
								outline:none;
								width: 100%;
								padding:15px;
								background-color:#fff;
								resize:none;
								height: 110px;
								border-radius: 8px;
								padding-left: 12px;
								padding-right: 12px;
								color:#000;
							}
							&>p{
								margin-top: 0px;
								margin-bottom: 12px;
								font-size: 14px;
								line-height: 150%;
								font-weight: 500;
								color:#111928;
							}
						}
						& .double{
							display: grid;
							grid-template-columns:repeat(2 ,1fr);
							grid-column-gap:20px;
							padding-bottom: 24px;
							margin-bottom: 24px;
							border-bottom:1px solid #E5E7EB;
						}
					}
				}
			}
			& .title{
				margin-bottom: 24px;
				&>h6{
					margin:0px;
					font-size: 28px;
					line-height: 125%;
					font-weight: 600;
					color:#111928;
				}
			}
		}
	}
	& .settings__side{
		min-width: 220px;
		max-width: 220px;
		border-right:1px solid #E5E7EB;
		background-color: #fff;
		overflow-y:auto;
		padding:24px;
		& ul{
			padding:0px;
			list-style-type: none;
			margin:0px;
			&>li{
				&>a{
					display: flex;
					align-items:center;
					justify-content:flex-start;
					text-decoration: none;
					font-size: 14px;
					padding:8px;
					border-radius: 8px;
					transition:.3s ease all;
					&.current{
						background-color:#F9FAFB;						
					}
					&:hover{
						background-color:#F9FAFB;
					}
					line-height: 150%;
					font-weight: 500;
					color:#1F2A37;
					& span{
						display: inline-flex;
						margin-right: 8px;
						& svg{
							min-width: 16px;
							max-width: 16px;
						}
					}
				}
				margin-bottom: 4px;
				&:last-child{
					margin-bottom: 0px;
				}
			}
		}
		&>p{
			margin-top: 0px;
			margin-bottom: 12px;
			padding-left: 8px;
			font-size: 12px;
			line-height: 150%;
			font-weight: 500;
			color:#6B7280;
		}
		&::-webkit-scrollbar {
		  width: 4px;
		  height: 4px;
		}
		 
		&::-webkit-scrollbar-track {

		}
		 
		&::-webkit-scrollbar-thumb {
			border-radius: 250px;
		  background-color:rgb(28,69,194);
		}
	}
}
.contact__users--wrapper{
	background-color:#FFFFFF;	
	border-radius: 8px;
	border:1px solid #E5E7EB;
	overflow:hidden;
	& .find__contact{
		padding:16px;
		& form{
			width: 100%;
			max-width: 310px;
			display: flex;
			align-items:center;
			justify-content:flex-start;
			&>input{
				width: 100%;
				height: 37px;
				border-radius: 8px;
				border:1px solid #E5E7EB;
				background-color:#F9FAFB;
				outline:none;
				padding-left: 34px;
				padding-right: 12px;
			}
			& button{
				display: inline-flex;
				align-items:center;
				justify-content:center;
				padding:0px;
				margin:0px;
				border:0px;
				outline:none;
				cursor:pointer;
				position: absolute;
				background-color:transparent;
				left: 10px;
			}
			position: relative;
		}
	}
}
.settings__wrapper .settings__main--box{
	width: calc(100% - 220px);
}

.configure__wrapper{
	padding:32px 25px;
	width: 100%;
	& .sms__configure{
		width: 100%;
		& .save__btn{
			display: flex;
			justify-content:flex-end;
			align-items:center;
			&>a , &>button{
				width: 100%;
				max-width: 205px;
				min-height: 48px;
				font-size: 16px;
			}
		}
		& .box{
			width: 100%;
			padding:24px;
			background-color:#FFFFFF;
			border-radius: 8px;
			border:1px solid #E5E7EB;
			margin-bottom: 32px;
			& .double__field{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
				grid-row-gap:24px;
				& .wrap{
					& .double__dropdowns{
						display: grid;
						grid-template-columns:repeat(2 ,1fr);
						grid-column-gap:20px;
					}
					&>p{
						margin-top: 0px;
						margin-bottom: 16px;
						font-size: 16px;
						line-height: 150%;
						color:#111928;
						font-weight: 500;
}
				}
			}
			& .title{
				display: flex;
				align-items:center;
				justify-content:space-between;
				&>.group__input{
					width: 100%;
					max-width: 405px;
				}
				&>p{
					margin:0px;
					font-size: 16px;
					line-height: 150%;
					font-weight: 500;
					color:#111928;
				}
				margin-bottom: 20px;
			}
			&:last-child{
				margin-bottom: 0px;
			}
		}
	}
	& .configure__title{
		display: flex;
		align-items:center;
		justify-content:space-between;
		margin-bottom: 32px;
		&>h2{
			margin:0px;
			font-size: 28px;
			line-height: 125%;
			font-weight: 600;
			color:#111928;
		}
	}
}

.configure__wrapper{
	& .save__btn{
			display: flex;
			justify-content:flex-end;
			align-items:center;
			&>a , &>button{
				width: 100%;
				max-width: 205px;
				min-height: 48px;
				font-size: 16px;
			}
		}
	& .box__info{
		padding:20px 24px;
		background-color:#FFFFFF;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		margin-bottom: 32px;
		& .information__box{
			padding:20px 0px;
			border-top:1px solid #E5E7EB;
			& .double{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
				&>.el{
					& .radios__box{
						display: flex;
						align-items:center;
						justify-content:flex-start;
						&>.el__radio{
							margin-right: 16px;
							&>label{
								font-size: 14px;
								line-height: 150%;
								font-weight: 500;
								color:#111928;
								display: flex;
								align-items:center;
								justify-content:flex-start;
								& .radio{
									margin-right: 8px;
									position: relative;
									top:0px;
								}
							}
							&:last-child{
								margin-right: 0px;
							}
						}
					}
					& .field__with--info{
						&>textarea{
							height: 60px;
						}
					}
					&>p{
						margin-top: 0px;
						margin-bottom: 12px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
				}
				& .group__input{
					width: 100%;

					&:last-child{
						margin-bottom: 0px;
					}
					margin-bottom: 20px;
					& .minicolors {
						width: 100%;
					}
				}
			}
			&:nth-child(2){
				margin-top: 20px;
			}
			&:last-child{
				padding-bottom: 0px;
			}
		}
		&>.double{
			display: grid;
			grid-template-columns:repeat(2 ,1fr);
			grid-column-gap:20px;
			&>.hours{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
			}
		}
		&:last-child{
			margin-bottom: 0px;
		}
		& .block__texts{
			display: grid;
			grid-template-columns:repeat(3 ,1fr);
			grid-column-gap:20px;
			&>.elem{
				&>p{
					margin-top: 0px;
					margin-bottom: 16px;
					font-size: 16px;
					line-height: 150%;
					color:#111928;
					font-weight: 500;
				}
			}
		}
		&>p{
			margin-top:0px;
			margin-bottom: 20px;
			font-size: 16px;
			line-height: 150%;
			color:#111928;
			font-weight: 500;
		}
		& .bottom__fields{
			display: grid;
			grid-template-columns:repeat(2 ,1fr);
			grid-column-gap:20px;
			&  .check{
				width: 100%;
				display: flex;
				align-items:center;
				justify-content:flex-start;
				& .switch{
					width: 100%;
					display: flex;
					align-items:center;
					justify-content:flex-start;
					&>p{
						margin:0px;
						margin-left: 12px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
				}
			}
		}
		& .fields{
			padding:20px 0px;
			border-top:1px solid #E5E7EB;
			border-bottom:1px solid #E5E7EB;
			display: grid;
			grid-template-columns:repeat(2 ,1fr);
			grid-column-gap:20px;
			margin-bottom: 20px;
			grid-row-gap:20px;
		}
	}
}
.configure__wrapper{
	&>.grid{
		display: grid;
		grid-template-columns:repeat(3 ,1fr);
		grid-column-gap:20px;
		grid-row-gap:20px;
		padding-top: 32px;
		margin-top: 32px;
		border-top:1px solid #E5E7EB;
		&>.elem{
			padding:20px 24px;
			background-color:#FFFFFF;
			border:1px solid #E5E7EB;
			border-radius: 8px;
			& .content{
				& .el__label{
					margin-bottom: 18px;
					&:last-child{
						margin-bottom: 0px;
					}
					& label{
						display: flex;
						align-items:center;
						justify-content:flex-start;
						&>p{
							margin:0px;
							margin-left: 12px;
							font-size: 16px;
							line-height: 150%;
							font-weight: 400;
							color:#111928;
						}
					}
				}
				&>p{
					margin-top: 0px;
					margin-bottom: 12px;
					font-size: 16px;
					line-height: 150%;
					font-weight: 500;
					color:#111928;
				}
			}
			&>.title{
				display: flex;
				align-items:center;
				justify-content:space-between;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom:1px solid #E5E7EB;
				&>p{
					margin:0px;
					font-size: 16px;
					line-height: 150%;
					font-weight: 500;
					color:#111928;
					margin-right: 12px;
				}
			}
		}
	}
}
.configure__wrapper{
	&>.box{
		padding:20px 24px;
		background-color:#FFFFFF;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		margin-bottom: 24px;
		& .checks__list{
			display: flex;
			align-items:center;
			justify-content:flex-start;
			flex-wrap:wrap;
			margin-top: -8px;
			margin-left: -12px;
			&>label{
				& p{
					margin:0px;
					font-size: 14px;
					color:#111928;
					font-weight: 500;
				}
				margin:8px 12px;
			}
		}
		& .auto__message{
			padding-top: 20px;
			margin-top: 20px;
			border-top:1px solid #E5E7EB;
			&>p{
				margin:0px;
				font-size: 16px;
				line-height: 150%;
				font-weight: 400;
				color:#111928;
				& input{
					width: 61px;
					height: 42px;
					border-radius: 8px;
					border:1px solid #D1D5DB;
					outline:none;
					padding-left: 12px;
					padding-right: 12px;
					font-size: 14px;
					color:#000;
					margin:0px 8px;
				}
			}
		}
		& .elem{
			&>p{
				margin-top: 0px;
				margin-bottom: 12px;
				font-size: 16px;
				line-height: 150%;
				font-weight: 500;
				color:#111928;
			}
		}
		& .content{
			&:nth-child(1){
				padding-top: 0px;
				margin-top: 0px;
				border-top:0px;
			}
			padding-top: 20px;
			margin-top: 20px;
			border-top:1px solid #E5E7EB;
			& .double{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
				grid-row-gap:20px;
			}
		}
		& .title{
			display: flex;
			align-items:center;
			justify-content:space-between;
			&>p{
				margin:0px;
				font-size: 16px;
				line-height: 150%;
				color:#111928;
				font-weight: 500;
			}
		}
		&:last-child{
			margin-bottom: 0px;
		}
	}
}
.working__hours{

	&>.elem{
		margin-bottom: 12px;

		padding:15px 20px;
		border:1px solid #E7E7E8;
		border-radius: 8px;
		background-color:#FBFBFC;
		display: flex;
		align-items:center;
		justify-content:space-between;
		& .fields{
			width: 100%;
			display: flex;
			align-items:center;
			justify-content:space-between;
			margin-left: 24px;
			&>p{
				margin:0px;
				color:#212529;
				font-family:"Inter Tight" ,sans-serif;
				color:#212529;
				font-size: 14px;
				line-height: 18px;
			}
			&>span{
				display: inline-flex;
				margin:0px 18px;
				font-size: 14px;
				color:#272831;
			}
			&>input{
				width: 100%;
				height: 50px;
				text-align: center;
				outline:none;
				border-radius: 8px;
				border:1px solid #E7E7E8;
				background-color:#fff;
			}
		}
		& .check{
			min-width: 100px;
			max-width: 100px;
			& p{
				font-weight: bold;
				color:#272831;
			}
		}
		& .btn{
			display: inline-flex;
			align-items:center;
			justify-content:center;
			margin-left: 40px;
			&>a{
				display: inline-flex;
				align-items:center;
				justify-content:center;
			}
		}
		&:last-child{
			margin-bottom: 0px;
		}
	}
}

.configure__wrapper .double__tools{
	display: grid;
	grid-template-columns:repeat(2 ,1fr);
	grid-column-gap:20px;
	& .book__appointments{
		display: flex;
		align-items:center;
		justify-content:flex-start;
	}
	& .switch{
		display: flex;
		flex-direction:row-reverse;
		align-items:center;
		justify-content:flex-end;
		&>p{
			margin:0px;
			font-size: 16px;
			line-height: 150%;
			font-weight: 500;
			color:#111928;
			min-width: 240px;
			max-width: 240px;
		}
	}
}
.notification__box{
	margin-bottom: 24px;
	padding:20px 24px;
	border-radius: 8px;
	border:1px solid #E5E7EB;
	background-color:#fff;
	& .content{
		& .double{
			display: grid;
			grid-template-columns:repeat(2 ,1fr);
			grid-column-gap:20px;
		}
		& .el{
			& .switch{
				display: flex;
				align-items:center;
				justify-content:flex-start;
				margin-bottom: 20px;
				&:last-child{
					margin-bottom: 0px;
				}
				&>p{
					margin:0px;
					margin-left: 12px;
					font-size: 16px;
					line-height: 150%;
					font-weight: 400;
					color:#111928;
				}
			}
		}
	}
	& .title{
		display: flex;
		align-items:center;
		justify-content:space-between;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom:1px solid #E5E7EB;
		&>p{
			margin:0px;
			font-size: 16px;
			line-height: 150%;
			font-weight: 500;
			color:#111928;
		}
		&>span{
			font-size: 14px;
			line-height: 150%;
			color:#111928;
			font-weight: 400;
		}
	}
}
.test__notification{
	padding:20px 24px;
	background-color:#FFFFFF;
	border-radius: 8px;
	border:1px solid #E5E7EB;
	margin-bottom: 32px;
	& .fields{
		display: grid;
		grid-template-columns:repeat(2 ,1fr);
		grid-column-gap:20px;
		grid-row-gap:20px;
	}
	& .title{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom:1px solid #E5E7EB;
		&>p{
			margin-top: 0px;
			font-size: 16px;
			line-height: 150%;
			font-weight: 500;
			color:#111928;
			margin-bottom: 0px;
		}
	}
}

.main__workroom{
	width:calc(100% - 220px);
	& .contact__table{
		border-radius: 8px;
		overflow:hidden;
		border:1px solid #D1D5DB;
		background-color:#fff;
		&>.top{
			padding:16px;
			& form{
				width: 100%;
				max-width: 310px;
				display: flex;
				align-items:center;
				justify-content:flex-start;
				&>input{
					width: 100%;
					height: 37px;
					border-radius: 8px;
					border:1px solid #E5E7EB;
					background-color:#F9FAFB;
					outline:none;
					padding-left: 34px;
					padding-right: 12px;
				}
				& button{
					display: inline-flex;
					align-items:center;
					justify-content:center;
					padding:0px;
					margin:0px;
					border:0px;
					outline:none;
					cursor:pointer;
					position: absolute;
					background-color:transparent;
					left: 10px;
				}
				position: relative;
			}
		}
	}
	& .workroom__box{
		padding:32px 24px;
		padding-bottom: 60px;
		& .workroom__elem{
			& .main__title{
				display: flex;
				align-items:center;
				justify-content:space-between;
				margin-bottom: 24px;
				&>h6{
					margin:0px;
					margin-right: 12px;
					font-size: 28px;
					line-height: 125%;
					font-weight: 600;
					color:#111928;
				}
				& .btns{
					display: flex;
					align-items:center;
					justify-content:flex-end;
					&>a{
						font-size: 12px;
						min-height: 37px;
						padding-left: 12px;
						padding-right: 12px;
						margin-right: 12px;
						&:last-child{
							margin-right: 0px;
						}
					}
				}
			}
		}
	}
}
.workroom__settings{
	min-width: 220px;
	max-width: 220px;
	padding:24px;
	border-right:1px solid #E5E7EB;
	background-color:#fff;
    max-height: calc(100vh - 52px);
    overflow-y: auto;
    &>p{
    	margin-top:0px;
    	margin-bottom: 12px;
    	font-size: 12px;
    	line-height: 150%;
    	font-weight: 500;
    	color:#6B7280;
    }
    & ul{
    	padding:0px;
    	list-style-type: none;
    	margin:0px;
    	&>li{
    		margin-bottom: 4px;
    		width: 100%;
    		&>a{
    			display: flex;
    			padding:8px;
    			border-radius: 8px;
    			align-items:center;
    			justify-content:flex-start;
    			text-decoration: none;
    			font-size: 14px;
    			color:#1F2A37;
    			font-weight: 500;
    			transition:.3s ease all;
    			&:hover{    				
    				background-color:#F9FAFB;
    			}
    			&.current{
    				background-color:#F9FAFB;
    			}
    			& span{
    				display: inline-flex;
    				margin-right: 8px;
    			}
    		}
    		&:last-child{
    			margin-bottom: 0px;
    		}
    	}
    }
    &::-webkit-scrollbar {
	  width: 4px;
	  height: 4px;
	}
	 
	&::-webkit-scrollbar-track {

	}
	 
	&::-webkit-scrollbar-thumb {
		border-radius: 250px;
	  background-color:rgb(28,69,194);
	}
}
.workroom__wrapper{
	display: flex;
	min-height: calc(100vh - 53px);

}
.workroom__elem{
	&.workroom__block{
		& form{
			&>.details{
				padding:16px;
				padding-bottom: 48px;
				border-radius: 12px;
				border:1px solid #E5E7EB;
				background-color:#fff;
				margin-bottom: 24px;
				& .complex__fields{
					margin-top: 24px;
					border-top:1px solid #E5E7EB;
					padding-top: 24px;
					display: grid;
					grid-column-gap:20px;
					grid-template-columns:repeat(2 ,1fr);
					&>.elem{
						&>p{
							margin-top: 0px;
							margin-bottom: 12px;
							font-size: 14px;
							line-height: 150%;
							color:#111928;
							font-weight: 500;
						}
					}
				}
				& .fields{
					display: grid;
					grid-template-columns:repeat(2 ,1fr);
					grid-column-gap:20px;	
					grid-row-gap:20px;
				}
				&>h6{
					margin-top: 0px;
					margin-bottom: 24px;
					font-size: 16px;
					line-height: 140%;
					color:#0E1217;
					font-weight: 600;
				}
				&:last-child{
					margin-bottom: 0px;
				}
			}
		}
	}
}
.workroom__elem{
	& .events__grid{
		padding:20px 24px;
		background-color:#FFFFFF;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		display: grid;
		grid-template-columns:repeat(3 ,1fr);
		grid-column-gap:16px;
		grid-row-gap:20px;
		&>.elem__event{
			padding:20px;
			border:1px solid #E5E7EB;
			border-radius: 8px;
			background-color:#fff;
			display: flex;
			align-items:center;
			justify-content:space-between;
			&>a{
				display: inline-flex;
				&:hover  svg path{
					fill:rgb(240, 82, 82);
				}
				& svg{
					width: 20px;
					height: 20px;
					& path{
						transition:.3s ease all;
					}
				}
			}
			&>p{
				margin:0px;
				margin-right: 15px;
				font-size: 16px;
				line-height: 125%;
				font-weight: 600;
				color:#111928;
			}
		}
	}
}

.workroom__settings{
	max-height: none;
}
.contact__table{
	&>.top{
		display: flex;
		align-items:center;
		justify-content:space-between;
		& .btns{
			display: flex;
			align-items:center;
			justify-content:flex-end;
			&>a{
				margin-right: 12px;
				font-size: 12px;
				min-height: 37px;
				&:last-child{
					margin-right: 0px;
				}
			}
		}
	}
}


.add__special--attribute{
	& form{
		display: flex;
		flex-direction:column;
		justify-content:space-between;
		width: 100%;
		& .top{
			& .fields{
				&>.group__input{
					margin-bottom: 24px;
				}
				& .new__filter{
					display: flex;
					justify-content:flex-end;
					&>a{
						display: inline-flex;
						align-items:center;
						justify-content:flex-start;
						text-decoration: none;
						font-size: 14px;
						line-height: 18px;
						color:#1C45C2;
						font-weight: 500;
						transition:.3s ease all;
						&:hover{
							opacity:.7;
						}
						& span{
							display: inline-flex;
							margin-right: 8px;
						}
					}
					margin-top: -12px;
				}
			}
			&>h6{
				margin-top: 0px;
				margin-bottom: 24px;
				font-size: 24px;
				line-height: 125%;
				color:#111928;
				font-weight: 600;
			}
		}
		& .group__submit{
			width: 100%;
			margin-top: 25px;
			&>button{
				min-height: 41px;
				width: 100%;
			}
		}
	}
	min-height: 100%;
	display: flex;
}
.delete__workroom{

	color:#FC512A;
}

.workroom__elem.branding{
	& form{
		& .box{
			&>h6.v__border{
				padding-bottom: 24px;
				border-bottom:1px solid #E5E7EB;
				margin-bottom: 24px;
			}
			& .dropdown{
				max-height: 170px;
			}
			& .save-btn{
				display: flex;
				justify-content:flex-start;
				margin-top: 24px;
				&>a , &>button{
					min-width: 95px;
					background-color: #111928;
					transition:.3s ease all;
					&:hover{
						background-color:#1E429F;
					}
				}
			}
			& .fields{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
				grid-row-gap:24px;

				& .group__input{
					& .minicolors {
						width: 100%;
					}
					&>p{
						margin-top: 0px;
						margin-bottom: 12px;
						font-size: 14px;
						line-height: 150%;
						font-weight: 500;
						color:#111928;
					}
				}
			}
			&>h6{
				margin-top: 0px;
				margin-bottom: 24px;
				font-size: 16px;
				line-height: 140%;
				font-weight: 600;
				color:#0E1217;
			}
		    padding: 16px;
		    padding-bottom: 48px;
		    border-radius: 12px;
		    border: 1px solid #E5E7EB;
		    background-color: #fff;
		    margin-bottom: 24px;
		}
	}
}
.rating__box{
	padding:16px;
	border:1px solid #E5E7EB;
	border-radius: 12px;
	background-color:#fff;
	& .dropdown{
		max-height: 180px;
	}
	& .save-btn{
		display: flex;
		justify-content:flex-start;
		margin-top: 24px;
		&>a{
			min-width: 93px;
			background-color:#111928;
			&:hover{
				background-color:#1C45C2;
			}
		}
	}
	& .fields{
		display: grid;
		grid-template-columns:repeat(2 ,1fr);
		grid-column-gap:20px;
		grid-row-gap:20px;
		& .group__input{
			&>input{
				height: 42px;
				border-radius: 8px;
				padding-left: 12px;
				padding-right: 12px;
				border:1px solid #D1D5DB;
				background-color:#fff;
				width: 100%;
				outline:none;
				font-size: 14px;
			}
		}
	}
	&>h6{
		margin-top: 0px;
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 140%;
		color:#0E1217;
		font-weight: 600;
	}
}
.soc__list{
	& ul{
		padding:0px;
		list-style-type: none;
		margin:0px;
		display: flex;
		align-items:center;
		justify-content:flex-start;
		&>li{
			display: inline-flex;
			align-items:center;
			justify-content:center;
			width: 30px;
			height: 30px;
			margin-right: -15px;
			&:last-child{
				margin-right: 0px;
			}
			border:2px solid #F9FAFB;
			border-radius: 250px;
			background-color:#9CA3AF;
		}
	}
}
.settings__box{
	& .change__password--form{

		& .controls{
			display: flex;
			justify-content:flex-end;
			&>a{
				margin-right: 20px;
			}
			&>a , &>button{
				min-width: 205px;
				min-height: 48px;
				font-size: 16px;
				display: flex;
				align-items:center;
				justify-content:center;
			}
		}
		&>.box{
			margin-bottom: 24px;
			padding:24px 16px;
			border:1px solid #E5E7EB;
			border-radius: 12px;
			background-color:#fff;
			& .double{
				display: grid;
				grid-template-columns:repeat(2 ,1fr);
				grid-column-gap:20px;
			}
		}
	}
}
.source__box{
	border:1px solid #E5E7EB;
	background-color:#fff;
	border-radius: 8px;
	overflow:hidden;
	& .source__head{
		padding:16px;
		& form{
			width: 100%;
			max-width: 310px;
			display: flex;
			align-items:center;
			justify-content:flex-start;
			&>input{
				width: 100%;
				height: 37px;
				border-radius: 8px;
				border:1px solid #E5E7EB;
				background-color:#F9FAFB;
				outline:none;
				padding-left: 34px;
				padding-right: 12px;
			}
			& button{
				display: inline-flex;
				align-items:center;
				justify-content:center;
				padding:0px;
				margin:0px;
				border:0px;
				outline:none;
				cursor:pointer;
				position: absolute;
				background-color:transparent;
				left: 10px;
			}
			position: relative;
		}
	}
}
.settings__box.source{
	&>.title{
		display: flex;
		align-items:center;
		justify-content:space-between;
	}
}
.configure__upload{
	margin-bottom: 16px;
	&>.inner{
		display: flex;
		align-items:center;
		padding:20px 24px;
		border-radius: 8px;
		background-color:#fff;
		border:1px solid #E5E7EB;
		justify-content:space-between;
		&>.right{
			&>a{
				min-width: 125px;
				min-height: 35px;
			}
		}
		&>.left{
			display: flex;
			flex-direction:column;
			align-items:flex-start;
			margin-right: 20px;
			&>p{
				margin-top: 0px;
				margin-bottom: 8px;
				font-size: 16px;
				line-height: 24px;
				font-weight: 500;
				color:#111928;
			}
			&>span{

				font-size: 14px;
				line-height: 150%;
				font-weight: 400;
				color:#6B7280;
				& a{
					color:#1C45C2;
					text-decoration: none;
				}
			}
		}
	}
}
.configure__table{
	background-color:#fff;
	border:1px solid #E5E7EB;
	border-radius: 8px;
	overflow:hidden;
	& .table__wrapper{
		border-top:0px;
		& .btns{
			& .switch{
				margin-right: 32px;
			}
		}
		& table{
			border-bottom:0px;
		}
		& table tr:last-child td{
			border-bottom:0px;
		}
		& table tr th{
			border-top:0px;
		}
	}
}
.train__switcher{
	margin-bottom: 24px;
	padding:16px 24px;
	margin-bottom: 24px;
	border:1px solid #E5E7EB;
	border-radius: 8px;
	background-color:#fff;
	& ul{
		padding:0px;
		list-style-type: none;
		margin:0px;
		display: flex;
		align-items:center;
		justify-content:center;
		border:1px solid #E5E7EB;
		border-radius: 8px;
		&>li{
			width: 100%;
			&:nth-child(1){
				&>a{
					border-top-left-radius: 8px;
					border-bottom-left-radius: 8px;
				}
			}
			&:last-child{
				&>a{
					border-top-right-radius: 8px;
					border-bottom-right-radius: 8px;
				}
			}
			&>a{
				display: flex;
				align-items:center;
				justify-content:center;
				text-decoration: none;
				height: 42px;
				font-size: 14px;
				line-height: 130%;
				font-weight: 400;
				color:#374151;
				&:hover{
					background-color: #F9FAFB;
				}
				&.current{
					background-color:#F9FAFB;
				}
				transition:.3s ease all;
			}
			border-right: 1px solid #E5E7EB;
			&:last-child{
				border-right: 0px;
			}
		}
	}
}
.configure__text{
	padding:20px 24px;
	border-radius: 8px;
	border:1px solid #E5E7EB;
	background-color:#fff;
	margin-bottom: 16px;
	& .group__input{
		& textarea{
			height: 90px;
		}
	}
	& .btn{
		display: flex;
		justify-content:flex-end;
		margin-top: 20px;
		&>a{
			min-width: 142px;
			min-height: 42px;
			font-size: 12px;
		}
	}
	&>p{
		margin-top: 0px;
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 24px;
		color:#111928;
		font-weight: 500;
	}
	&>span{
		display: block;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 150%;
		font-weight: 400;
		& a{
			color:#1C45C2;
			text-decoration: none;
			transition:.3s ease all;
			&:hover{
				opacity:.7;
			}
		}
		color:#6B7280;
	}
}
.configure__url{
	padding:20px 24px;
	border:1px solid #E5E7EB;
	border-radius: 8px;
	background-color:#fff;
	margin-bottom: 16px;
	& .field{
		margin-top: 20px;
		display: flex;
		align-items:center;
		justify-content:space-between;
		&>.regular-btn{
			margin-left: 8px;
			display: inline-flex;
			min-height: 42px;
			min-width: 140px;
			font-size: 12px;
		}
		&>.group__input{
			width: 100%;
		}
	}
	&>p{
		margin-top: 0px;
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color:#111928;
	}
	&>span{
		font-size: 14px;
		line-height: 150%;
		font-weight: 400;
		color:#6B7280;
		& a{
			text-decoration: none;
			color:#1C45C2;
			transition:.3s ease all;
			&:hover{
				opacity:.7;
			}
		}
	}
}
.modal__wrapper{
	&>.inner__modal{
		&>.modal__box{
			width: 100%;
			max-width: 605px;
			& .controls{
				display: flex;
				justify-content:flex-end;
				&>.regular-btn{
					min-height: 48px;
					padding-left: 20px;
					padding-right: 20px;
					font-size: 16px;
				}
				&>.cancel-btn{
					font-size: 16px;
					min-height: 48px;
					padding-left: 20px;
					padding-right: 20px;
					color:#0E1217;
					margin-right: 8px;
				}
			}
			& .top__part{

				&>.group__input{
					margin-bottom: 24px;
					&:last-child{
						margin-bottom: 0px;
					}
				}
				padding-left: 24px;
				padding-right: 24px;
				padding-bottom: 24px;
				border-bottom: 1px solid #E5E7EB;
			}
			&>.top{
				padding-top: 24px;
				padding-left: 24px;
				padding-right: 24px;
				margin-bottom: 24px;
				&>h6{
					margin:0px;
					font-size: 18px;
					line-height: 140%;
					color:#0E1217;
					font-weight: 600;
				}
			}
		}
	}
}
@media (max-width: 1280px){
	.workroom__settings{
		padding:24px 22px;
	}
	
	.workroom__settings{
		z-index: 3;
	}
	.workroom__settings{
		max-height: calc(100vh - 52px);
	}
	.main__workroom{
		width: 100%;
	}
	
	.workroom__settings{
		position: fixed;
		left:-220px;
		top:52px;
		height: calc(100% - 52px);
		transition:.4s ease all;
	}
	.configure__wrapper>.grid{
		padding-top: 24px;
		margin-top: 24px;
	}
	.configure__wrapper>.grid{
		grid-template-columns:repeat(2 ,1fr);
	}
	.configure__wrapper .box__info>.double{
		grid-template-columns:1fr;
	}
	.settings__wrapper .settings__main--box{
		width: 100%;
	}

	.settings__wrapper .settings__side{
		position: fixed;
		left: 0px;
		height: calc(100% - 53px);
		top:53px;
		transition:.4s ease all;
		left: -220px;
		z-index: 3;
	}
}
@media (max-width: 991px){
	.workroom__elem .events__grid{
		grid-template-columns:repeat(2 ,1fr);
	}
	.main__workroom .contact__table>.top{
		flex-direction:column;
		&>form{
			margin-right: auto;
		}
		&>.btns{
			margin-top: 10px;
			margin-left: auto;
		}
	}
	.configure__wrapper .double__tools .switch{
		width: 100%;
	}
	.configure__wrapper .double__tools .switch{
		justify-content:space-between;
		&>input{
			position: absolute;
			left: -2500px;
		}
	}
	.configure__wrapper .double__tools .switch>p{
		min-width: 0px;
		margin-right: 15px;
	}
	.configure__wrapper .double__tools{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.notification__box .content .double{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.configure__wrapper .box__info .block__texts{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.configure__wrapper .box__info .bottom__fields{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.configure__wrapper .box__info .fields{
		grid-template-columns:1fr;
	}
	.configure__wrapper .sms__configure .box .double__field{
		grid-template-columns:1fr;
	}
}
@media (max-width: 767px){
	.modal__wrapper>.inner__modal>.modal__box>.top{
		padding-top: 16px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.modal__wrapper>.inner__modal>.modal__box .top__part{
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
	}
	.configure__url{
		padding:16px;
	}
	.configure__url .field{
		margin-top: 15px;
	}
	.configure__text{
		padding:16px;
	}
	.configure__text>span{
		margin-bottom: 12px;
	}
	.workroom__elem .events__grid>.elem__event{
		padding:12px;
	}
	.workroom__elem .events__grid>.elem__event>p{
		font-size: 14px;
	}
	
	.main__workroom .workroom__box .workroom__elem .main__title{
		margin-bottom: 15px;
	}
	.main__workroom .workroom__box{
		padding:20px 16px;
	}
	.main__workroom .workroom__box .workroom__elem .main__title>h6{
		font-size: 24px;
	}
	.workroom__elem .events__grid{
		padding:15px;
	}
	.settings__wrapper .settings__main--box .settings__box{
		padding:20px 16px;
	}
	.settings__wrapper .settings__main--box .pagination{
		justify-content:center;
		align-items:flex-start;
	}
	
	.settings__wrapper .settings__main--box .settings__box .title{
		margin-bottom: 15px;
	}
	.settings__wrapper .settings__main--box .settings__box .title>h6{
		font-size: 24px;
	}
	.test__notification{
		padding:16px;
		margin-bottom: 16px;
	}
	.test__notification .title{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.test__notification .fields{
		grid-template-columns:1fr;
	}
	.notification__box .title{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.notification__box{
		margin-bottom: 20px;
	}
	
	.configure__wrapper>.box .content{
		margin-top: 15px;
		padding-top: 15px;
	}
	.configure__wrapper>.box{
		padding:16px;
		margin-bottom: 16px;
	}
	.configure__wrapper>.grid{
		grid-template-columns:1fr;
	}
	.configure__wrapper .box__info .information__box .double{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.configure__wrapper .box__info .information__box{
		padding:15px 0px;
	}
	.configure__wrapper .box__info .information__box:nth-child(2){
		margin-top: 15px;
	}
	.configure__wrapper .box__info{
		padding:16px;
	}
	.configure__wrapper .configure__title{
		margin-bottom: 15px;
	}
	.configure__wrapper .sms__configure .box .title>.group__input{
		max-width: 300px;
	}
	.configure__wrapper{
		padding:20px 15px;
	}
	.configure__wrapper .configure__title>h2{
		font-size: 24px;
	}
	.settings__wrapper .settings__main--box .breadcrumbs{
		padding:12px 16px;
	}
	.configure__wrapper .sms__configure .box{
		padding:16px;
	}
	.configure__wrapper .sms__configure .box{
		margin-bottom: 20px;
	}
	.working__hours>.elem{
		padding:15px;
	}
	.configure__upload>.inner{
		padding:15px;
	}
	.train__switcher{
		padding:16px;
	}
	.train__switcher{
		margin-bottom: 15px;
	}
}
@media (max-width: 640px){
	.configure__url .field{
		flex-direction:column;
	}
	.configure__url .field>.regular-btn{
		margin-left: 0px;
		margin-top: 10px;
		width: 100%;
	}
	.train__switcher ul>li>a{
		white-space: nowrap;
		padding-left: 20px;
		padding-right: 20px;
	}
	.train__switcher ul{
		justify-content:flex-start;
	}
	.train__switcher ul{
		overflow-x:auto;
		&::-webkit-scrollbar {
		  width: 4px;
		  height: 4px;
		}
		 
		&::-webkit-scrollbar-track {

		}
		 
		&::-webkit-scrollbar-thumb {
			border-radius: 250px;
		  background-color:rgb(28,69,194);
		}
	}
	.configure__upload>.inner{
		flex-direction:column;
	}
	.configure__upload>.inner>.left{
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.configure__upload>.inner>.right>a{
		width: 100%;
	}
	.configure__upload>.inner>.right{
		width: 100%;
	}
	.rating__box .fields{
		grid-template-columns:1fr;
	}
	.workroom__elem.workroom__block form>.details{
		padding:16px;
		padding-bottom: 30px;
	}
	.workroom__elem.branding form .box{
		padding-bottom: 30px;
	}
	.workroom__elem.branding form .box>h6.v__border{
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.workroom__elem.branding form .box>h6{
		margin-bottom: 15px;
	}
	.workroom__elem.branding form .box .fields{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.delete__workroom span{
		margin-right: 8px!important;
	}
	.workroom__elem.workroom__block form>.details>h6{
		margin-bottom: 15px;
	}
	.workroom__elem.workroom__block form>.details .fields{
		grid-template-columns:1fr;
	}
	.workroom__elem.workroom__block form>.details .complex__fields{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
	.workroom__elem .events__grid{
		grid-template-columns:1fr;
		grid-row-gap:8px;
	}
	.main__workroom .workroom__box .workroom__elem .main__title>h6:last-child{
		margin-bottom: 0px;
	}
	
	.main__workroom .workroom__box .workroom__elem .main__title>h6{
		margin-right: 0px;
	}
	.main__workroom .workroom__box .workroom__elem .main__title{
		flex-direction:column;
		&>h6{
			width: 100%;
			margin-bottom: 10px;
			margin-top: 0px;
		}
	}
	.main__workroom .workroom__box .workroom__elem .main__title .btns{
		margin-left: auto;
	}
	.working__hours>.elem .fields>span{
		margin:0px 10px;
	}
	.notification__box .title{
		flex-direction:column;
		align-items:flex-start;
		&>p{
			margin-bottom: 5px;
			&:last-child{
				margin-bottom: 0px;
			}
		}
	}
	.settings__box .change__password--form .controls>a, .settings__box .change__password--form .controls>button{
		min-width: 140px;
	}
	.settings__box .change__password--form>.box{
		margin-bottom: 16px;
	}
	.settings__wrapper .settings__main--box .settings__box .settings_form form .fields .double{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.settings__wrapper .settings__main--box .settings__box .settings_form .controls>a  ,.settings__wrapper .settings__main--box .settings__box .settings_form .controls>button{
		min-width: 140px;
	}
	.working__hours>.elem .btn{
		position: absolute;
		top:10px;
		right: 10px;
	}
	.working__hours>.elem{
		position: relative;
		flex-direction:column;
	}
	.working__hours>.elem .check{
		width: 100%;
		min-width: 0px;
		max-width: 100%;
		margin-bottom: 12px;
		& p{
			margin:0px;
		}
	}
	.working__hours>.elem .fields{
		margin-left: 0px;
	}
	.configure__wrapper>.box .content .double{
		grid-template-columns:1fr;
	}
	.configure__wrapper .sms__configure .box .title{
		flex-direction:column;
		width: 100%;
		align-items:flex-start;
	}
	.configure__wrapper .sms__configure .box .title>.group__input{
		max-width: 100%;
		margin-top: 10px;
	}
}

@media (max-width: 480px){
	.main__workroom .contact__table>.top>.btns{
		flex-direction:column;
		width: 100%;
		&>a{
			margin-right: 0px;
			width: 100%;
			margin-bottom: 10px;
			align-items:center;
			justify-content:center;
			&:last-child{
				margin-bottom: 0px;
			}
		}
	}
	.main__workroom .contact__table>.top form{
		max-width: 100%;
	}
	.main__workroom .workroom__box .workroom__elem .main__title .btns{
		flex-direction:column;
		width: 100%;
		&>a{
			width: 100%;
			max-width: 100%;
			min-width: 0px;
			margin-right: 0px;
			justify-content:center;
			align-items:center;
			margin-bottom: 10px;
			&:last-child{
				margin-bottom: 0px;
			}
		}

	}
	.settings__wrapper .settings__main--box .pagination ul>li{
		min-height: 26px;
	}
	.settings__box .change__password--form .controls{
		flex-direction:column;
	}
	.settings__box .change__password--form .controls>a{
		margin-right: 0px;
		margin-bottom: 12px;
	}
	.settings__box .change__password--form>.box .double{
		grid-template-columns:1fr;
		grid-row-gap:12px;
	}
	.settings__wrapper .settings__main--box .settings__box .settings_form .controls{
		flex-direction:column;
		&>a{
			width: 100%;
			margin-right: 0px;
			margin-bottom: 12px;
			max-width: 100%;
		}
		&>button{
			width: 100%;
			max-width: 100%;
		}
	}
	.settings__wrapper .settings__main--box .settings__box .settings_form form .fields .double{
		grid-template-columns:1fr;
		grid-row-gap:12px;
	}
	.configure__wrapper>.box .auto__message>p{
		max-width: 180px;
	}
	.configure__wrapper>.box .auto__message>p input{
		margin:0px 4px;
	}
	.configure__wrapper>.box .auto__message>p input{
		height: 35px;
	}
	.configure__wrapper .configure__title{
		flex-direction:column;
		&>h2{
			width: 100%;
		}
		&>a{
			width: 100%;
			margin-top: 10px;
		}
	}
	.configure__wrapper  .save__btn>a{
		width: 100%;
		max-width: 100%;
	}
	.configure__wrapper .sms__configure .box .double__field .wrap .double__dropdowns{
		grid-template-columns:1fr;
		grid-row-gap:20px;
	}
}