.loadingMessageConatinerWrapper{
    font-family: 'Roboto', sans-serif;
    display:table;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:white;
    z-index:10000
}
.loadingMessageConatinerWrapper .counter{
    text-align:center;
    margin:auto
}
.loadingMessageConatinerWrapper .step1,
.loadingMessageConatinerWrapper .step2,
.loadingMessageConatinerWrapper .step3,
.loadingMessageConatinerWrapper .step4{
    color: #363636;
    font-weight: 500;
    font-size: 1.25rem;
    padding-bottom: 20px;
}
.loadingMessageConatinerWrapper .counter .messageConatiner{
    color:#363636;
    font-weight:500;
    font-size:1.25rem;
    padding-bottom:20px
}
.loadingMessageConatinerWrapper .counter .bar{
    width:0%;
    margin:0;
    background:#ccea1e;
    height:12px;
    border-radius:10px;
    border:none;
    box-shadow:1px 1px 1px 1px #ccc;
    display:block;
    height:100%;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomright:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-bottomleft:20px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    background:-webkit-linear-gradient(linear, left bottom, left top, color-stop(0, #ccea1e), color-stop(1, #ccea1e));
    background-image:-moz-linear-gradient(center bottom, #ccea1e 37%, #ccea1e 69%);
    box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
    position:relative;
    overflow:hidden
}
.loadingMessageConatinerWrapper .counter .bar:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255,255,255,0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.2)), color-stop(0.75, rgba(255,255,255,0.2)), color-stop(0.75, transparent), to(transparent));
    background-image:-moz-linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    z-index:1;
    -webkit-background-size:50px 50px;
    -moz-background-size:50px 50px;
    -webkit-animation:move 2s linear infinite;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomright:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-bottomleft:20px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    overflow:hidden
}
@-webkit-keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
@keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
.loadingMessageConatinerWrapper .counter .baroutter{
    background:#d4d9de;
    height:12px;
    border-radius:10px;
    border:none;
    width:100%;
    box-shadow:1px 1px 1px 1px #ccc
}
.loadingMessageConatinerWrapper .counter{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    padding:0 10%
}
@media only screen and (min-width: 40.063em){
    .loadingMessageConatinerWrapper .counter{
        width:30%;
        padding:10% 30%;
    }
}



/*.notinyContainer{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    border: 1px solid #000;
    padding: 10px;
    background: #fff;
    
}
.notinyImg{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
}
.notinyText{
    font-family:sans-serif;
    font-size:13px;
    line-height: 1.4;
    padding:12px 5px 6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: inline-block;
    vertical-align: middle;
}*/

.notinyContainer{
    position: fixed;
    bottom: 10px;
    /*left: 10px;*/
    z-index: 9999;
    border: 1px solid #000;
    padding: 10px;
    left:-710px;
    background: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    
}
.notinyImg{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
}
.notinyText{
    font-family:sans-serif;
    font-size:13px;
    line-height: 1.4;
    padding:0 5px 6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: inline-block;
    vertical-align: middle;
    
}

.tglcls{
    left: 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

@media screen and (max-width: 640px){
    .hideBrM{ display: none; }
    .notinyText{ max-width: 170px; white-space: normal; text-overflow: unset; }
    .notinyImg{ width: 60px; }
    .notinyContainer{ top: 10px; bottom: inherit; }

}
@media screen and (max-width: 480px){
    .loadingMessageConatinerWrapper .step1,
    .loadingMessageConatinerWrapper .step2,
    .loadingMessageConatinerWrapper .step3,
    .loadingMessageConatinerWrapper .step4{
        color: #363636;
        font-weight: 500;
        font-size: 1.25rem !important;
        padding-bottom: 20px;
    }
}