/*-------------- notice-msg -----------------*/
.notice-msg{
	display: inline-block;
	width: 400px;
	background: #fff;
	padding: 20px 15px 19px;
	border-radius: 4px;
	box-shadow: 0 -9px 21px 0 rgba(128, 152, 213, 0.15), -10px 9px 21px 0 rgba(128, 152, 213, 0.15);
	@include font(normal, normal, rem(12px), 1.4, $color-dark-grey);
	position: relative;

	&::before{
		content: '';
		display: inline-block;
		width: 100%;
		height: 4px;
		border-radius: 4px 4px 0 0;
		background: $color-dark-purple;
		position: absolute;
		top: 0;
		left: 0;
	}

	&_red::before{background: $color-red;}
	&_yellow::before{background: $color-yellow;}
	&_green::before{background: $color-green;}
	&_black::before{background: $color-dark-blue;}
	&_blue::before{background: $color-blue;}

	&_big{width: 400px;}

	&__top{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 12px;
		border-bottom: 1px solid rgba(172,178,195,0.5);
	}

	&__head{width: calc(100% - 26px);}

	&__close{
		width: 16px;
		height: 16px;
		cursor: pointer;
		margin-left: 10px;
	}

	&__content{
		padding-top: 8px;
	}

	&__title{
		@include font(normal, 600, rem(12px), 1.4, $color-dark-grey);
		margin-bottom: 6px;
	}

	&__text,
	&__text ul,
	&__text p{
		@include font(normal, normal, rem(12px), 1.4, $color-dark-grey);
	}

	&__text p{margin-bottom: 6px;}

	&__text ul{
		padding-left: 10px;
		margin-bottom: 6px;
	}

	&__text b{font-weight: 600;}

	&__btn{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;

    .btn{min-width: 153px;}
	}

  &__btn_right{justify-content: flex-end;}

	&__link{
		margin-top: 12px;

		.ic-add-help{
			width: 28px;
			height: 28px;
			vertical-align: middle;
			fill: $color-blue;
		}
	}

	&__link-info{
		color: $color-blue;
		cursor: pointer;
	}

	&__link-info:hover{text-decoration: underline;}

	.load-doc{
		margin: -6px 0 13px;
		&__content{
			font-size: rem(12px);
		}
	}

	&__text &__accent{color: $color-dark-blue;}

	&__accent{
		font-weight: 600;
		margin-top: 12px;
    color: $color-dark-grey;
	}

  .select{width: 100%;}
  &__text + .select{margin-top: 20px;}
}

.notice-msg-head{
	display: flex;
	align-items: center;
	@include font(normal, 600, rem(12px), 1.2, $color-dark-blue);
	text-transform: uppercase;

	&__icon{
		max-width: 19px;
		margin-right: 6px;

		.icon{vertical-align: middle;}

		.ic-business-warning{
			width: 18px;
			height: 18px;
		}

		.ic-failure{
			width: 19px;
			height: 16px;
		}

		.ic-warning,
		.ic-success{
			width: 16px;
			height: 16px;
		}
	}

	&__text{
		max-width: calc(100% - 25px);
		@include font(normal, 600, rem(12px), 1.2, $color-dark-blue);
		text-transform: uppercase;
	}
}