.warn-caps {
    margin-left: 10px;
    position: absolute;
    right: 288px;
    z-index: 999;
    background: #ff5757;
    padding: 7px 12px 7px 12px;
    border-radius: 2px;
    top: 55px;
    transform: rotate(180deg);
}
.warn_fa{
   transform: rotate(180deg);
}

.warn-caps p {
    content: "";
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff5757;
    position: absolute;
    top: -10px;
    border-left: 5px solid transparent;
}
@media only screen and (min-width: 770px) {
    .log_box{
        height: 247px;
        padding: 28px 10px 28px 10px;
        width: 550px;
        top: 30%;

        
       {/literal} {if isset($smarty.request.error)}
        /* box-shadow: 0px 0px 23px 14px RGBA(255, 3, 3, 0.57) !important;*/
        -webkit-animation: shake .5s linear;
        {else}
        animation-name: log_boxani_max;
        animation-duration: 1s;

        {/if}{literal}

    }
    .logo_div
    {
        margin-top: 53px;
    }
}
@media only screen and (max-width: 769px) {
    .log_box{
        height: 60%;
        padding: 0px 10px 42px 10px;
        width: 300px;
        top:20%;
    }
    .logo_div
    {
        margin-top: 90px;
    }
}
a, a:focus, a:hover, a:active 
{
    cursor: pointer;
}
.log_bk_div
{
/*background-image: url("resources/images/crm1.jpg");*/
position: absolute;
    width:100%;
    height:100vh;
    background-size:cover;
    overflow:hidden;
    transition: 0.5s;
    right: 0;
    
}
.log_box
{

background-color: rgba(255, 253, 253, 0.67);
/*box-shadow: 0px 0px 33px 24px RGBA(0, 0, 0, 0.21);*/
box-shadow: 0px 0px 23px 14px RGBA(0, 0, 0, 0.21);
border-radius: 10px;
/*border-radius: 15px;*/

margin: auto;
position: relative;

}
.logo_div
{
margin1: 10px auto;

}
.btn-primary, .btn-primary:focus {
    color: #ffffff !important;
    background-color: #3B89C9 !important;
    border-color: #3B89C9 !important;
}

.btn-primary.hover, .btn-primary:hover, .open .dropdown-toggle.btn-primary {
    background-color: #487EAB !important;
    border-color: #487EAB !important;
    color: #ffffff !important;
}

input:focus:required:invalid:focus{
    box-shadow:none !important;
    color:none !important;
}
.login-font{
/*font-family: "Montserrat";*/
    font-size: 15px;
    font-weight: 600;
    text-transform: none !important;
    color: #7a8c9a !important;
    text-transform: none !important;        
}
.login-font-power
{
    font-size: 9px !important;
font-weight: 100;
bottom: -6px;
position: absolute;
right: 0;
margin-right: 14px;
}

.login-back{
    /*font-family: "Montserrat";*/
    font-size: 15px;
    font-weight: 600;
    text-transform: none !important;
}

.form-group label:not(.error) {
    text-transform: none !important;
}

.error,.btn,p {

text-transform: none !important;
}
input.error:-webkit-autofill, input.error:-webkit-autofill:focus, .has-error input:-webkit-autofill {
  webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important; 
}
input.error:-webkit-autofill, input.error:-webkit-autofill:focus, .has-error input:-webkit-autofill {
    webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
}
#backButton
{
1margin: 5px !important;
}
#forgotPasswordDiv
{
display:none;
animation-name: log_box_inbox;
animation-duration: 2s;

}
#loginDiv
{
animation-name: log_box_inbox;
animation-duration: 2s; 
}

.alert  {
    padding: 4px 17px 4px 17px !important;
 background-color: rgba(255, 255, 255, 0.47);
 border-radius: 0px 0px 6px 6px !important;
 box-shadow: 1px 1px 5px #777 !important;
 height: 42px;
 animation-name: alertani;
 animation-duration: 1s;
}
.alert>p
{
    animation-name: alertanip;
    animation-duration: 2s;

}
@-webkit-keyframes alertanip {
    from {opacity: 0.1;}
    to {;opacity: 1;}
}

/* Standard syntax */
@keyframes alertanip {
    from {opacity: 0.1;}
    to {opacity: 1;}
}
@-webkit-keyframes alertani {
    from {height: 0px;opacity: 0.1;}
    to {height: 28px;opacity: 1;}
}


/* Standard syntax */
@keyframes alertani_max {
    from {height: 0px;opacity: 0.1;}
    to {height: 28px;opacity: 1;}
}

@-webkit-keyframes log_boxani {
    from {top:50%;opacity: 0;}
    to {top:30%;opacity: 1;}
}

/* Standard syntax */
@keyframes log_boxani_max {
    from {top:50%;opacity: 0;}
    to {top:30%;opacity: 1;}
}
@-webkit-keyframes log_box_inbox {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes log_box_inbox {
    from {opacity: 0;}
    to {opacity: 1;}
}

.iso_name_ttttt
{
/*bottom: 10px;*/
position: absolute;
 }  
#forgotPassword> a, #backButton> a, .iso_name> p, .forgot_d> h1
{
color: #0b253c !important;
}
.isoaccessImg
{
width:70px
}


.new_info{
    animation:blinkingText 2s infinite;
    font-weight: 600;
}
@keyframes blinkingText{
    0%{     color: #c90000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:#c90000; }
    100%{   color: transparent; }
}
/*=====================*/
body {
    width: 100wh;
    height: 90vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}
/*
body {
    width: 100wh;
    height: 90vh;
    color: #fff;
    background-size: auto 200% !important;
    -webkit-animation: Gradient 60s ease infinite;
    -moz-animation: Gradient 60s ease infinite;
    animation: Gradient 60s ease infinite;
    background: url('../../../skins/images/new_y_bk.jpg');
}
*/
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
/* info slider */
#info_slider {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    background: #e7e7e7;
    border-radius: 0px 13px 13px 0px;
    box-shadow: 5px 7px 15px -4px #000;
}
 @-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }
    25%, 58% {
        -webkit-transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-5px);
    }
    92% {
        -webkit-transform: translateX(5px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}
.version{
	position:relative;
	top:13%;
	color:black;
	width:21%;
}

.storelogo {
    height: 34px;
    margin: 5px;
    cursor: pointer;
}
.store_div {

    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.43);
}
.store_head {
    margin-bottom: 0px;
    color: #292929;
    margin-top: 8px;  
    
}
#canv {
    position: fixed;
}