/*--------------------------------------------------------------
ARLET BOX AND POPOU CSS 
----------------------------------------------------------------

// explan alert Box layout css style */



@-webkit-keyframes auto_width {
    0% {
        width: 0%
    }
    10% {
        width: 10%;
    }
    20% {
        width: 20%;
    }
    30% {
        width: 30%;
    }
    50% {
        width: 50%;
    }
    60% {
        width: 60%;
    }
    70% {
        width: 70%;
    }
    80% {
        width: 80%;
    }
    90% {
        width: 90%;
    }
    95%  {
        width: 95%;
    }

    99%  {
        width: 99%;
    }

    100% {
        width: 0%;

    }
}



@-webkit-keyframes auto_close {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }

}

/**/

input {
    display:none;
}

.alert_show_wrap {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0px;

    width: auto;
    display: flex;
    height: auto;
    justify-content: end;
    align-items: flex-start;
    /*background: #ffffffb8;*/
}

.alert_content {
   height: auto;
   display: inline-table;
   width: 420px;
   padding: 19px 15px;
   position: relative;
   background: #ccc;
}


.alert_content .close_alert {
    position: absolute;
    width: 40px;
    top: 0;
    right: 0;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 999;
}

.arlet_text_filed {
    margin-top: 20px;
}

.alert-icon svg {
    fill: #ffffff87;
    width: 60px;
    float: left;
    margin-right: 24px;
}

.arlet_text_filed .content {
    overflow: hidden;
    margin: 13px;
}

.arlet_text_filed .content p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.arlet_text_filed .content .title {
    margin: 0;
    font-size: 17px;
    margin-bottom: 14px;
    letter-spacing: 2px;
    font-weight: 600;
}

.close_alert:after, .close_alert:before {
    content: '';
    position: absolute;
    border: solid #fff;
    border-width: 0px 0px 3px 0px;
    display: inline-block;
    top: 50%;
    transform: rotate(-48deg);
    -webkit-transform: rotate(-48deg);
    width: 13px;
    height: 6px;
    left: 12px;
    top: 50%;
    margin-top: -10px;
}

.close_alert:after {
    transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    left: 16px;
}


/* explan alert Box alert_popup_show_full [Button close] / [auto close] */
#alert_popup_show_full + .alert_show_wrap,
#alert_popup_show_full1 + .alert_show_wrap,
#alert_popup_show_full2 + .alert_show_wrap,
#alert_popup_show_full3 + .alert_show_wrap,
#alert_popup_show_full4 + .alert_show_wrap{
    width: 100%;
    height: 100%; 
    justify-content: center;
    align-items: center;  
}

#alert_popup_show_full + .alert_show_wrap .alert_content,
#alert_popup_show_full1 + .alert_show_wrap .alert_content,
#alert_popup_show_full2 + .alert_show_wrap .alert_content,
#alert_popup_show_full3 + .alert_show_wrap .alert_content,
#alert_popup_show_full4 + .alert_show_wrap .alert_content{
    transform: translateX(0px);
}

#alert_popup_show_full:checked + .alert_show_wrap,
#alert_popup_show_full1:checked + .alert_show_wrap,
#alert_popup_show_full2:checked + .alert_show_wrap,
#alert_popup_show_full3:checked + .alert_show_wrap,
#alert_popup_show_full4:checked + .alert_show_wrap {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background: #ffffffb8;
    justify-content: center;
    align-items: center;
}


#alert_popup_show_full:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full1:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full2:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full3:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full4:checked + .alert_show_wrap .alert_content {
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}    

/* explan alert Box alert_popup_show_full [Button close] / [auto close]  End */



/* explan alert Box alert_popup_show_full and hidden [auto close] */

#alert_popup_show_full_Auto + .alert_show_wrap,
#alert_popup_show_full_Auto1 + .alert_show_wrap,
#alert_popup_show_full_Auto2 + .alert_show_wrap,
#alert_popup_show_full_Auto3 + .alert_show_wrap,
#alert_popup_show_full_Auto4 + .alert_show_wrap{
    width: 100%;
    height: 100%; 
    justify-content: center;
    align-items: center;  
}

#alert_popup_show_full_Auto + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto1 + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto2 + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto3 + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto4 + .alert_show_wrap .alert_content{
    transform: translateX(0px);
}

#alert_popup_show_full_Auto:checked + .alert_show_wrap,
#alert_popup_show_full_Auto1:checked + .alert_show_wrap,
#alert_popup_show_full_Auto2:checked + .alert_show_wrap,
#alert_popup_show_full_Auto3:checked + .alert_show_wrap,
#alert_popup_show_full_Auto4:checked + .alert_show_wrap {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background: #ffffffb8;
    justify-content: center;
    align-items: center;
    z-index: 9;
}

#alert_popup_show_full_Auto:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto1:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto2:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto3:checked + .alert_show_wrap .alert_content,
#alert_popup_show_full_Auto4:checked + .alert_show_wrap .alert_content {
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}    

#alert_popup_show_full_Auto:checked + .alert_show_wrap[autoclose],
#alert_popup_show_full_Auto1:checked + .alert_show_wrap[autoclose],
#alert_popup_show_full_Auto2:checked + .alert_show_wrap[autoclose],
#alert_popup_show_full_Auto3:checked + .alert_show_wrap[autoclose],
#alert_popup_show_full_Auto4:checked + .alert_show_wrap[autoclose]  {
    -webkit-animation: auto_close 10s ease-in-out;
    -moz-animation: auto_close 10s ease-in-out;
    opacity: 0;
    visibility: hidden;
} 

#alert_popup_show_full_Auto:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_full_Auto1:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_full_Auto2:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_full_Auto3:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_full_Auto4:checked + .alert_show_wrap[autoclose] .close_alert {
    display: none;
}

#alert_popup_show_full_Auto:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_full_Auto1:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_full_Auto2:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_full_Auto3:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_full_Auto4:checked + .alert_show_wrap[autoclose] .alert_content {
    position: relative;
}

#alert_popup_show_full_Auto:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_full_Auto1:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_full_Auto2:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_full_Auto3:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_full_Auto4:checked + .alert_show_wrap[autoclose] .alert_content:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0px;
    height: 4px;
    background: #00000030;
    left: 0px;
    -webkit-animation: auto_width 10s ease-in-out;
    -moz-animation: auto_width 10s ease-in-out;
}


/* explan alert Box alert_popup_show_full and hidden [auto close] End */



/* explan alert Box click Show and hidden [Button close] / [auto close] */

.alert_content {
    transform: translateX(-100px);
    transition: all ease-in-out 0.5s;
}

#alert_popup_show:checked + .alert_show_wrap,
#alert_popup_show1:checked + .alert_show_wrap,
#alert_popup_show2:checked + .alert_show_wrap,
#alert_popup_show3:checked + .alert_show_wrap,
#alert_popup_show4:checked + .alert_show_wrap,
#alert_popup_show5:checked + .alert_show_wrap,
#alert_popup_show6:checked + .alert_show_wrap,
#alert_popup_show7:checked + .alert_show_wrap,
#alert_popup_show8:checked + .alert_show_wrap {
    opacity: 1;
    visibility: visible;
}
#alert_popup_show:checked + .alert_show_wrap .alert_content,
#alert_popup_show1:checked + .alert_show_wrap .alert_content,
#alert_popup_show2:checked + .alert_show_wrap .alert_content,
#alert_popup_show3:checked + .alert_show_wrap .alert_content,
#alert_popup_show4:checked + .alert_show_wrap .alert_content,
#alert_popup_show5:checked + .alert_show_wrap .alert_content,
#alert_popup_show6:checked + .alert_show_wrap .alert_content,
#alert_popup_show7:checked + .alert_show_wrap .alert_content,
#alert_popup_show8:checked + .alert_show_wrap .alert_content {
    transform: translateX(0px);
}

/* explan alert Box click Show and hidden [Button close] END */



/* explan alert Box click Show and hidden [auto close] */

/* alert Box html inset in data value [autoclose] wraper inset */

#alert_popup_show_Auto:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto1:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto2:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto3:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto4:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto5:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto6:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto7:checked + .alert_show_wrap[autoclose],
#alert_popup_show_Auto8:checked + .alert_show_wrap[autoclose]{
    -webkit-animation: auto_close 10s ease-in-out;
    -moz-animation: auto_close 10s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

#alert_popup_show_Auto:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto1:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto2:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto3:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto4:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto5:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto6:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto7:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto8:checked + .alert_show_wrap[autoclose] .alert_content {
    transform: translateX(0px);
}

#alert_popup_show_Auto:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto1:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto2:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto3:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto4:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto5:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto6:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto7:checked + .alert_show_wrap[autoclose] .close_alert,
#alert_popup_show_Auto8:checked + .alert_show_wrap[autoclose] .close_alert{
    display: none;
}

#alert_popup_show_Auto:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto1:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto2:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto3:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto4:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto5:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto6:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto7:checked + .alert_show_wrap[autoclose] .alert_content,
#alert_popup_show_Auto8:checked + .alert_show_wrap[autoclose] .alert_content  {
    position: relative;
}

#alert_popup_show_Auto:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto1:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto2:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto3:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto4:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto5:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto6:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto7:checked + .alert_show_wrap[autoclose] .alert_content:after,
#alert_popup_show_Auto8:checked + .alert_show_wrap[autoclose] .alert_content:after  {
    content: "";
    width: 100%;
    position: absolute;
    top: 0px;
    height: 4px;
    background: #00000030;
    left: 0px;
    -webkit-animation: auto_width 10s ease-in-out;
    -moz-animation: auto_width 10s ease-in-out;
}

/* explan alert Box click Show and hidden End [auto close] */


/* position alignment Left */
[position="left-top"] {
    top: 0;
}

[position="left-center"] {
    top: 50%;
    margin-top: -80px;
}

[position="left-bottom"] {
    top: auto;
    bottom: 0px;
}

/* position alignment right */
[position="right-top"] {
    right: 0px;
    left: auto;
    top: 0px;
}

.alert_show_wrap[position="right-top"] .alert_content {
    transform: translateX(200px);
}

[position="right-center"] {
    top: 50%;
    right: 0px;
    left: auto;
    margin-top: -80px;
}

.alert_show_wrap[position="right-center"] .alert_content {
    transform: translateX(200px);
}

[position="right-bottom"] {
    top: auto;
    bottom: 0px;
    right: 0px;
    left: auto;
}

.alert_show_wrap[position="right-bottom"] .alert_content {
    transform: translateX(200px);
}


/* position alignment Left */
[position="center-top"] {
    top: 0;
    left: 0;
    right: 0;
}

.alert_show_wrap[position="center-top"] .alert_content {
    transform: translateY(-100px);
    margin: 0px auto;
}

#alert_popup_show:checked + .alert_show_wrap[position="center-top"] .alert_content {
    transform: translateY(0px)
}


[position="center-center"] {
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -80px;
}

.alert_show_wrap[position="center-center"] .alert_content {
    transform: translateY(-100px);
    margin: 0px auto;
}

#alert_popup_show:checked + .alert_show_wrap[position="center-center"] .alert_content {
    transform: translateY(0px)
}

[position="center-bottom"] {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0px;
}

.alert_show_wrap[position="center-bottom"] .alert_content {
    transform: translateY(100px);
    margin: 0px auto;
}

#alert_popup_show:checked + .alert_show_wrap[position="center-bottom"] .alert_content {
    transform: translateY(0px)
}



/** notification_show  **/
#notification_show:checked + .alert_show_wrap,
#notification_show1:checked + .alert_show_wrap,
#notification_show2:checked + .alert_show_wrap, 
#notification_show3:checked + .alert_show_wrap, 
#notification_show4:checked + .alert_show_wrap,  
#notification_show5:checked + .alert_show_wrap,
#notification_show6:checked + .alert_show_wrap, 
#notification_show7:checked + .alert_show_wrap, 
#notification_show8:checked + .alert_show_wrap, 
#notification_show9:checked + .alert_show_wrap, 
#notification_show10:checked + .alert_show_wrap  {
    opacity: 1;
    visibility: visible;
}

#notification_show:checked + .alert_show_wrap .alert_content,
#notification_show1:checked + .alert_show_wrap .alert_content, 
#notification_show2:checked + .alert_show_wrap .alert_content, 
#notification_show3:checked + .alert_show_wrap .alert_content, 
#notification_show4:checked + .alert_show_wrap .alert_content, 
#notification_show5:checked + .alert_show_wrap .alert_content,
#notification_show6:checked + .alert_show_wrap .alert_content,
#notification_show7:checked + .alert_show_wrap .alert_content,
#notification_show8:checked + .alert_show_wrap .alert_content,
#notification_show9:checked + .alert_show_wrap .alert_content,
#notification_show10:checked + .alert_show_wrap .alert_content  {
   -webkit-animation: auto_delay_left 3s ease-in-out;
   -moz-animation: auto_delay_left 3s ease-in-out;
   transform: translateX(0px);
}

#notification_show1:checked + .alert_show_wrap .alert_content {
 -webkit-animation: auto_delay_left 4s ease-in-out;
   -moz-animation: auto_delay_left 4s ease-in-out; 
}

#notification_show2:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_left 4s ease-in-out;
   -moz-animation: auto_delay_left 4s ease-in-out; 
}


#notification_show3:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_left 5s ease-in-out;
   -moz-animation: auto_delay_left 5s ease-in-out; 
}


#notification_show4:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_top 2s ease-in-out;
   -moz-animation: auto_delay_top 2s ease-in-out; 
}


#notification_show5:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_top 3s ease-in-out;
   -moz-animation: auto_delay_top 3s ease-in-out; 
}



#notification_show6:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_top 5s ease-in-out;
   -moz-animation: auto_delay_top 5s ease-in-out; 
}


#notification_show7:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_right 2s ease-in-out;
   -moz-animation: auto_delay_right 2s ease-in-out; 
}


#notification_show7:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_right 3s ease-in-out;
   -moz-animation: auto_delay_right 3s ease-in-out; 
}



#notification_show9:checked + .alert_show_wrap .alert_content {
   -webkit-animation: auto_delay_right 5s ease-in-out;
   -moz-animation: auto_delay_right 5s ease-in-out; 
}



@-webkit-keyframes auto_delay_left {
  0% {
    transform: translateX(-20em);
    opacity: 0;
  }

  50% {
    transform: translateX(-60em);
    opacity: 0;
  }

}

@-webkit-keyframes auto_delay_top {
  0% {
    transform: translateY(-20em);
    opacity: 0;
  }

  50% {
    transform: translateY(-60em);
    opacity: 0;
  }

}

@-webkit-keyframes auto_delay_right {
  0% {
    transform: translateX(20em);
    opacity: 0;
  }

  50% {
    transform: translateX(60em);
    opacity: 0;
  }

}


#notification_show:checked + .alert_show_wrap[autoclose],
#notification_show1:checked + .alert_show_wrap[autoclose], 
#notification_show2:checked + .alert_show_wrap[autoclose], 
#notification_show3:checked + .alert_show_wrap[autoclose], 
#notification_show4:checked + .alert_show_wrap[autoclose], 
#notification_show5:checked + .alert_show_wrap[autoclose],
#notification_show6:checked + .alert_show_wrap[autoclose],
#notification_show7:checked + .alert_show_wrap[autoclose],
#notification_show8:checked + .alert_show_wrap[autoclose],
#notification_show9:checked + .alert_show_wrap[autoclose],
#notification_show10:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 10s ease-in-out;
    -moz-animation: auto_close 10s ease-in-out;
    opacity: 0;
    visibility: hidden;
} 


#notification_show1:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 12s ease-in-out;
    -moz-animation: auto_close 12s ease-in-out;
} 

#notification_show2:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 13s ease-in-out;
    -moz-animation: auto_close 13s ease-in-out;
} 

#notification_show3:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 14s ease-in-out;
    -moz-animation: auto_close 14s ease-in-out;
} 

#notification_show4:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 15s ease-in-out;
    -moz-animation: auto_close 15s ease-in-out;
} 

#notification_show5:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 16s ease-in-out;
    -moz-animation: auto_close 16s ease-in-out;
}

#notification_show6:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 17s ease-in-out;
    -moz-animation: auto_close 17s ease-in-out;
}

#notification_show7:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 18s ease-in-out;
    -moz-animation: auto_close 18s ease-in-out;
}

#notification_show8:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 19s ease-in-out;
    -moz-animation: auto_close 19s ease-in-out;
}

#notification_show9:checked + .alert_show_wrap[autoclose] {
    -webkit-animation: auto_close 20s ease-in-out;
    -moz-animation: auto_close 20s ease-in-out;
}

#notification_show10:checked + .alert_show_wrap[autoclose] {
   -webkit-animation: auto_close 21s ease-in-out;
   -moz-animation: auto_close 21s ease-in-out;   
}


#notification_show:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show1:checked + .alert_show_wrap[autoclose] .close_alert, 
#notification_show2:checked + .alert_show_wrap[autoclose] .close_alert, 
#notification_show3:checked + .alert_show_wrap[autoclose] .close_alert, 
#notification_show4:checked + .alert_show_wrap[autoclose] .close_alert, 
#notification_show5:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show6:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show7:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show8:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show9:checked + .alert_show_wrap[autoclose] .close_alert,
#notification_show10:checked + .alert_show_wrap[autoclose] .close_alert {
    display: none;
}

#notification_show:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show1:checked + .alert_show_wrap[autoclose] .alert_content, 
#notification_show2:checked + .alert_show_wrap[autoclose] .alert_content, 
#notification_show3:checked + .alert_show_wrap[autoclose] .alert_content, 
#notification_show4:checked + .alert_show_wrap[autoclose] .alert_content, 
#notification_show5:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show6:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show7:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show8:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show9:checked + .alert_show_wrap[autoclose] .alert_content,
#notification_show10:checked + .alert_show_wrap[autoclose] .alert_content {
    position: relative;
}


#notification_show:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show1:checked + .alert_show_wrap[autoclose] .alert_content:after, 
#notification_show2:checked + .alert_show_wrap[autoclose] .alert_content:after, 
#notification_show3:checked + .alert_show_wrap[autoclose] .alert_content:after, 
#notification_show4:checked + .alert_show_wrap[autoclose] .alert_content:after, 
#notification_show5:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show6:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show7:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show8:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show9:checked + .alert_show_wrap[autoclose] .alert_content:after,
#notification_show10:checked + .alert_show_wrap[autoclose] .alert_content:after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0px;
    height: 4px;
    background: #fff;
    left: 0px;
    -webkit-animation: auto_width 10s ease-in-out;
    -moz-animation: auto_width 10s ease-in-out;
}


#notification_show1:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 12s ease-in-out;
    -moz-animation: auto_width 12s ease-in-out;
} 
#notification_show2:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 13s ease-in-out;
    -moz-animation: auto_width 13s ease-in-out;
} 
#notification_show3:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 14s ease-in-out;
    -moz-animation: auto_width 14s ease-in-out;
} 
#notification_show4:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 15s ease-in-out;
    -moz-animation: auto_width 15s ease-in-out;
} 
#notification_show5:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 16s ease-in-out;
    -moz-animation: auto_width 16s ease-in-out;
}
#notification_show6:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 17s ease-in-out;
    -moz-animation: auto_width 17s ease-in-out;
}
#notification_show7:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 18s ease-in-out;
    -moz-animation: auto_width 18s ease-in-out;
}
#notification_show8:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 19s ease-in-out;
    -moz-animation: auto_width 19s ease-in-out;
}
#notification_show9:checked + .alert_show_wrap[autoclose] .alert_content:after{
    -webkit-animation: auto_width 20s ease-in-out;
    -moz-animation: auto_width 20s ease-in-out;
}
#notification_show10:checked + .alert_show_wrap[autoclose] .alert_content:after {
    -webkit-animation: auto_width 21s ease-in-out;
    -moz-animation: auto_width 21s ease-in-out;    
}