blink {
    color: #FF0000;
    font-size: 25px;
    font-weight: bold;
}
       *,
*:after,
*:before {
box-sizing: border-box;
}



label {
cursor: pointer;
justify-content: center;
font-weight: 500;
position: relative;
overflow: hidden;
margin-bottom: 0.375em;
/* Accessible outline */
/* Remove comment to use */
/*
   &:focus-within {
           outline: .125em solid $primary-color;
   }
*/
}
label input {
position: absolute;
left: -9999px;
}
label input:checked + span {
background-color: #5897fb;
color:#fff;
}
label input:checked + span:before {
box-shadow: inset 0 0 0 0.4375em #00005c;
}
label span {
display: flex;
align-items: center;
padding: 0.575em 0.95em 0.575em 0.95em;;
border-radius: 99em;
transition: 0.25s ease;
}
label span:hover {
background-color: #f77a4d57;
}
label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.125em #00005c;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/*
.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
} 
*/

/* The Modal (background) */
                .modal-alert {
                    display: none;
                    /* Hidden by default */
                    position: fixed;
                    /* Stay in place */
                    z-index: 1;
                    /* Sit on top */
                    padding-top: 100px;
                    /* Location of the box */
                    left: 0;
                    top: 0;
                    width: 100%;
                    /* Full width */
                    height: 100%;
                    /* Full height */
                    overflow: auto;
                    /* Enable scroll if needed */
                    background-color: rgb(0, 0, 0);
                    /* Fallback color */
                    background-color: rgba(0, 0, 0, 0.4);
                    /* Black w/ opacity */
                }

                /* Modal Content */
                .modal-content-alert {
                    position: relative;
                    background-color: #fefefe;
                    margin: auto;
                    padding: 0;
					    border-radius: 15px;

                    border: 1px solid #888;
                    width: 40%;
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                    -webkit-animation-name: animatetop;
                    -webkit-animation-duration: 0.4s;
                    animation-name: animatetop;
                    animation-duration: 0.4s;
                    padding: 15px 0;
                    color: red;
                    font-size: 25px;
                    text-align: center;
                }

                /* Add Animation */
                @-webkit-keyframes animatetop {
                    from {
                        top: -300px;
                        opacity: 0
                    }

                    to {
                        top: 0;
                        opacity: 1
                    }
                }

                @keyframes animatetop {
                    from {
                        top: -300px;
                        opacity: 0
                    }

                    to {
                        top: 0;
                        opacity: 1
                    }
                }

                /* The Close Button */
                .close {
                    color: white;
                    float: right;
                    font-size: 28px;
                    font-weight: bold;
                }

                .close:hover,
                .close:focus {
                    color: #000;
                    text-decoration: none;
                    cursor: pointer;
                }
				.modal-header-alert {
                    padding: 2px 16px;
                    background-color: #5cb85c;
                    color: white;
                }

                .modal-body-alert {
                    padding: 2px 16px;
                }

                .modal-footer-alert {
                    padding: 2px 16px;
                    background-color: #5cb85c;
                    color: white;
                }
	/*the container must be positioned relative:*/
    .autocomplete {
        position: relative;
        display: inline-block;
    }



    .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        /*position the autocomplete items to be the same width as the container:*/
        top: 100%;
        left: 0;
        right: 0;
    }

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

    /*when hovering an item:*/
    .autocomplete-items div:hover {
        background-color: #e9e9e9;
    }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }


    .apndSlct .select2-container--default .select2-selection--single{display: block;
        width: 100%;
        height: calc(1.5em + 1.5rem + 2px);
        padding: 0.75rem 2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ff865b;
        border-radius: 0.5rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
        .apndSlct .select2-container{width:100%!important;}
        

        #overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            filter:alpha(opacity=70);
            -moz-opacity:0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;
            z-index: 100;
            display: none;
            }
            .cnt223 a{
            text-decoration: none;
            }
            .popup{
            width: 100%;
            margin: 0 auto;
            display: none;
            position: fixed;
            z-index: 101;
            }
            .cnt223{
            min-width: 600px;
            width: 600px;
            min-height: 150px;
            margin: 100px auto;
            background: #f3f3f3;
            position: relative;
            z-index: 103;
            padding: 15px 35px;
            border-radius: 5px;
            box-shadow: 0 2px 5px #000;
            }
            .cnt223 p{
            clear: both;
                color: #555555;
                /* text-align: justify; */
                font-size: 20px;
                font-family: sans-serif;
            }
            .cnt223 p a{
            color: #d91900;
            font-weight: bold;
            }
            .cnt223 .x{
            float: right;
            height: 35px;
            left: 22px;
            position: relative;
            top: -25px;
            width: 34px;
            }
            .cnt223 .x:hover{
            cursor: pointer;
            }
			
.ins_style{
		color: #3f7ad9;
		line-height: 25px;
		font-size: 13px;
		font-weight: bold;
}