@charset "utf-8";
*{margin:0; padding:0;}


#loader-container {
	width: 100%;
	height: 100%;
	background-color: #0000002d;
	position: fixed;
	z-index: 9998;
	top: 0;
	bottom: 0;
}
#loaderProgress{
    position: relative;
}
#loaderProgress #loaderProgressTxt{
    position: absolute;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    top: 5px;
    z-index: 2;
    width: 100%;
}
/* @media(min-width: 992px){ */
	#popup-container{
	width: 20%;
    margin: 0 auto;
    position: absolute;
    z-index: 9999;
    left: 0px;
    right: 0px;
    top: 25%;
    padding: 20px;
    background-color: #f9f9f9;
    box-shadow: 0px 0px 23px #666;
    border-radius: 5px;
    border: 1px #ffffff solid;
	}
/* } */

#popup-container button {
	float: left;
    display: block;
    padding: 8px 0px;
    cursor: pointer;
    left: 0;
    width: 100%;
    margin: 5px 0px;}

#popup_content{
	padding: 15px 0px;
}

.mob-btn.btnthemecancel{
    border: 1px #cccccc solid;
    background-color: #fff;
    border-radius: 0px;
    color: #454545;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.mob-btn.btnthemecancel:hover, .mob-btn.btnthemecancel:active, .mob-btn.btnthemecancel:focus {
    background-color: #d1d1d1; color: #454545;
    outline: none;
}

.mob-btn.btntheme{
    border: 1px var(--theme-color)  solid;
    background-color: #fff;
    border-radius: 0px;
    color: var(--theme-color) ;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

.mob-btn.btntheme:hover, .mob-btn.btntheme:active, .mob-btn.btntheme:focus {
    background-color: var(--theme-color) ; color: #ffffff;
    outline: none;
}

@media(max-width:767px){
	#popup-container{
		width: 81%;
		margin: 15px auto;
		padding: 10px;
		display: table;
		background-color: #ffffff;
		border-radius: 5px;
	}
}