/*
*   About : tinyNotic 2.1.0
*   Created and published by : mohammad ebrahimi aval
*   publisher site :http://ebrahimiaval.ir
*/
.tinyNoticeWrap {
    position: fixed;
    z-index: 9999;
    max-width: 800px;
    min-width: 300px;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    display: none;
    overflow: hidden;
    padding: 15px;
    right: 20px;
    top: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    
}

.tinyNoticeWrap > span {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 24px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease;
}

.tinyNoticeWrap > span:before {
	content: "x";
}

.tinyNoticeWrap:hover > span {
	display: block;
	cursor: pointer; 
}
.tinyNoticeWrap > p {
    font-size: 14px;
    margin: 10px 0 0;
    padding-right: 5px;
    line-height: 1.5;
}
.tinyNoticeWrap button {
    height: 36px;
    margin: 10px 5px 0 0;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 6px;
    border: none;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
.tinyNoticeWrap [data-action=confirm] {
	background-color: #198fff;
	-webkit-box-shadow: 0 3px #063a93;
	box-shadow: 0 3px #063a93;
}
.tinyNoticeWrap [data-action=confirm]:hover {
	background-color: #0071D7;
	-webkit-box-shadow: 0 3px #042966;
	box-shadow: 0 3px #042966;
}
.tinyNoticeWrap [data-action=cancel] {
	background-color: #df5157;
	-webkit-box-shadow: 0 3px #992025;
	box-shadow: 0 3px #992025;
}
.tinyNoticeWrap [data-action=cancel]:hover {
	background-color: #c02930;
	-webkit-box-shadow: 0 3px #6e0c10;
	box-shadow: 0 3px #6e0c10;
}
.tinyNoticeWrap.note {
    background: linear-gradient(to right, #bbb, #888);
    border-left: 6px solid #777;
    color: #fff;
}
.tinyNoticeWrap.note > span {
	background-color: #747474;
}
.tinyNoticeWrap.note > span:hover {
	background-color: #363636;
}
.tinyNoticeWrap.note > strong {
	color: #363636;
}
.tinyNoticeWrap.note > p {
	border-top: 2px solid #747474;
}
.tinyNoticeWrap.success {
	background-color: #2ecc71;
	border-top: 8px solid #209853;
	color: #fff;
}
.tinyNoticeWrap.success > span {
	background-color: #2bbd69;
}
.tinyNoticeWrap.success > span:hover {
	background-color: #15723d;
}
.tinyNoticeWrap.success > strong {
	color: #15723d;
}
.tinyNoticeWrap.success > p {
	border-top: 2px solid #2bbd69;
}
.tinyNoticeWrap.warning {
    background: linear-gradient(to right, #dc9a1d, #d89c29);
    border-left: 6px solid #a47213;
    color: #fff;
}
.tinyNoticeWrap.warning > span {
	background-color: #cc8f1b;
}
.tinyNoticeWrap.warning > span:hover {
	background-color: #7c560b;
}
.tinyNoticeWrap.warning > strong {
	
}
.tinyNoticeWrap.warning > p {
	border-top: 2px solid #cc8f1b; }
.tinyNoticeWrap.error {
	background-color: #cc2e35;
	border-top: 8px solid #982025;
	color: #fff;
}
.tinyNoticeWrap.error > span {
	background-color: #bd2b31;
}
.tinyNoticeWrap.error > span:hover {
	background-color: #721518;
}
.tinyNoticeWrap.error > strong {
	color: #721518;
}
.tinyNoticeWrap.error > p {
	border-top: 2px solid #bd2b31;
}
.tinyNoticeWrap.info {
	background-color: #2ec8cc;
	border-top: 8px solid #209598;
	color: #fff;
}
.tinyNoticeWrap.info > span {
	background-color: #2bb9bd;
}
.tinyNoticeWrap.info > span:hover {
	background-color: #156280;
}
.tinyNoticeWrap.info > strong {
	color: #156280;
}
.tinyNoticeWrap.info > p {
	border-top: 2px solid #2bb9bd;
}