.PopMe, .Progressbarback, .PopForgot { position: fixed; top: 0; right: 18px; bottom: 0; left: 0; z-index: -1; background: rgba(255,255,255,0.5); opacity: 0; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; /*pointer-events: none;*/ }

    .PopMe:target, .PopForgot:target { opacity: 1; /*pointer-events: auto;*/ }

    .PopMe > Div { position: relative; display: table; margin: 10% auto; width: 30%; border: 3px solid #4CAF50; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: rgb(255, 255, 255); }
    .PopForgot > Div { position: relative; display: table; margin: 10% auto; width: 30%; border: 3px solid #4CAF50; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: rgb(255, 255, 255); }

    .Progressbarback > DIV { position: relative; display: table; margin: 20% auto; border: 3px solid #2D87B7; background: rgb(255, 255, 255); }

.btn { margin-left: 1%; width: 20%; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #3c8dbc; color: #ffffff; text-align: center; font-size: 14pt; cursor: pointer; pointer-events: auto; }

    .btn:hover { background: #3A97C9; color: #f5f5f5; }

.Progressbarback { z-index: 99999; opacity: 1; }

.ProgCss { position: relative; display: table; width: 100%; color: #2D87B7; text-align: center; font-size: 1em; }

.MakeMe-Spin { -moz-animation: spin 4s linear infinite; -o-animation: spin 4s linear infinite; -webkit-animation: spin 4s linear infinite; animation: spin 1s linear infinite; }

.loading-text { width: inherit; background-color: #232323; color: #fff; text-indent: 4%; text-indent: 4%; }
/*CountDown Timer CSS*/
#CountDown { float: right; width: 15%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #3A97C9; color: #fff; text-align: center; font-size: 12pt; }
/*buttons By Vìkráñt*/
.btnMsg { display: inline-block; clear: both; margin: 1%; width: 5.5em; outline: none; border: 1px solid #4CAF50; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #4CAF50; color: #fff; text-align: left; font-size: 12pt; cursor: pointer; /* border-left: 2px; */ /* padding-top: .5%; */ }
    /*.btnMsg:hover, .btnMsg:focus { background-color: #fff; }*/
    .btnMsg a { text-decoration: none; }

    .btnMsg .icon { z-index: 1; float: left; padding: 4px 6px 4px 0px; width: 30%; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-color: #4CAF50; color: #fff; text-align: center; }

        .btnMsg .icon i { position: relative; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; background: #4CAF50; color: white; font-style: normal; }
    /*.btnMsg .icon i::after { content: ""; border: 9px solid; border-color: transparent transparent transparent rgb(38, 114, 236); position: absolute; right: -1.80em; z-index: 1; top: -.14em; }*/
    .btnMsg a > span { float: left; padding: 2% 0% 0 10%; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; color: #fff; text-align: center; font-weight: normal; }
/*buttons By Vìkráñt*/
#btntext { position: absolute; padding-top: 1%; }

#eMsg { display: table; width: 100%; }

/*New Style For Msg box*/
.HeaderClass { position: relative; top: 0; right: 0; left: 0; width: 100%; height: 1.9em; background-color: #4CAF50; color: #fff; text-align: left; text-indent: 1%; font-size: 12pt; font-weight: 600; }
    .HeaderClass > label { font-size: 17px; }
/*.HeaderClass label { vertical-align: sub; }*/

.ErrorImgClass, .ConfirmImgClass { float: left; width: 25px; height: 25px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; margin: 0% 1%; }
.ConfirmImgClass {
    text-align:center
}

.ErrorImgClass {
    text-align:center
}
    .ConfirmImgClass i, .ErrorImgClass i, .HeaderClass .MsgCloseClass i { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; }
    /* Calling Type For="C/c" */ .ConfirmImgClass .MsgConfirmClass:before { color: #F7DE5C; content: "\f059"; }/*color: #FA5C5C; content: "\f06a";*/
/* Calling Type For="S/s" */ .ErrorImgClass .MsgSucessClass:before { color: #1abc9c; content: "\f046"; }
                             .ErrorImgClass .MsgInfoClass:before { color: #1abc9c; content: "\f129"; }
/* Calling Type For="E/e" */ .ErrorImgClass .MsgAlertClass:before { color: #FA5C5C; content: "\f071"; }
                             .ConfirmImgClass .MsgInfoClass:before { color: #1abc9c; content: "\f129"; }
/* Calling Type For="W/w" */ .ConfirmImgClass .MsgWarningClass:before { color: #FA5C5C; content: "\f06a"; } /*color: #F7DE5C; content: "\f059";*/

.ErrorImgClass .MsgMessageClass:before { color: #2672EC; content: "\f003"; }

.HeaderClass .MsgCloseClass { float: right; padding-right: 1%; color: #fff; text-indent: 0; font-size: 18px; cursor: pointer; }

    .HeaderClass .MsgCloseClass i:before { content: "\f00d"; }

.MsgBodyClass { width: 100%; position: relative; height: 80px; }
    /*.MsgBodyClass .MsgBodyTextClass { float: left; width: 79%; padding: 2%; text-align: center; font-weight: 600; margin-left: -6%; } */

    .MsgBodyClass .MsgBodyTextClass { float: left; width: 98%; text-align: center; font-weight: 600; padding: 1%; }

.MsgButtonDiv { position: relative; clear: both; overflow: hidden; outline: none; text-align: center; }

/*ForgetBox Styling*/
/*Extra styling Uncomment to see Magic*/
/* 
	#eMsg .BackSpanClass { width: 100%; height: 100%; position: relative; font-weight: 100; color: #ddd; clear: both; text-align: center; }
	#eMsg .BackSpanClass > span:first-child > i:first-child { font-size: 13em; }
	#eMsg .BackSpanClass .UserClass { position: absolute; z-index: 3; clear: both; margin: 13% 0% 0% -25%; }
	#eMsg .BackSpanClass .CircleClass { z-index: 2; }*/
#eMsg .ContentDivClass { position: absolute; position: relative; top: 0; left: 0; z-index: 5; clear: inherit; margin-top: 3%; width: 100%; }
/*#eMsg .BackSpanClass span:nth-child(2) >i{ font-size: 10em;}*/
#eMsg .TopDivClass { width: 100%; height: 2em; background-color: #4CAF50; color: #fff; }

    #eMsg .TopDivClass > span { float: left; height: 100%; height: inherit; text-align: center; font-size: 20px; line-height: 30px; }

        #eMsg .TopDivClass > span:nth-last-of-type(1) { width: 7%; cursor: pointer; }

        #eMsg .TopDivClass > span:nth-last-of-type(2) { padding-left: 2%; width: 90%; text-align: left; }

            #eMsg .TopDivClass > span:nth-last-of-type(1):hover i, #eMsg .TopDivClass > span:nth-last-of-type(2) label:hover, #eMsg .TopDivClass > span:nth-last-of-type(3):hover i { color: #ddd; cursor: pointer; }

.BlockContainer { clear: both; width: 100%; }

    .BlockContainer .block, .BlockContainer .BlockButton { clear: both; margin-top: 5%; padding-top: 10%; width: 100%; text-align: left; }

.block .lblfp { float: left; width: 30%; color: #888888; font-size: 12pt; margin-left: 3%; }

.block .txtfp { position: fixed; margin-left: 2%; padding-left: 5px; width: 12%; height: 20px; outline: none; border: none; border-bottom: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.block .lblfp:after { padding-left: 1%; content: ":"; }

.iconinput { position: absolute; z-index: 1000; margin-left: 21%; color: #bbb; }

.BlockButton input[type=button] { float: right; margin-right: 30%; margin-bottom: 2%; padding: 2% 0%; width: 150px; border-width: 1px; border-style: solid; border-color: rgb(38, 114, 236); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: rgb(38, 114, 236); color: #ffffff; text-shadow: 0 1px 0 rgba(255,255,255,0.5); cursor: pointer; }

.block .txtfp:focus, .block .txtfp:hover { border-color: rgb(38, 114, 236); }



/*New Message Box*/
#MContent { z-index: 200; opacity: 1; height: 150px; min-width: 100px; border: 3px solid #4CAF50; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.RelMsgCls { z-index: 200; opacity: 1; min-height: 150px; width: 400px; border: 3px solid #4CAF50; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin: 35vh auto; background-color: #f5f5f5; }
    .RelMsgCls:focus { outline: none; }
	.RelMsgCls .btnCls{margin-left: 8px;height: 33px !important;}

/*Loading Screen*/
.absolute-center-loading { background: transparent; bottom: 0; height: 72px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 100px; }
.Session_text { display:inline-block; margin:0px 0px 15px 0px; line-height: 2.2rem;}
    .Session_text p { margin: 0px; color: #4d4d4d; }
.sessionbtn { border: 1px solid #c4c4c4; padding: 8px 0px 8px 0px; margin-left: 13px; background: #fff; font-size: 15px; font-weight: 500; border-radius: 5px; display: inline-block; width: 130px; display: inline-block; text-align: center; cursor:pointer;}

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@media (max-width:450px) {
    .RelMsgCls { width: 95% }
}