body{
    background-color: #d1d6e9;
    background-image: url("../img/rectangle1.png");
    background-repeat: no-repeat;
    background-position: top right;
    overflow-x: hidden;
}
.login-left-bg{
    /*background: #2b2f8d;
    background: linear-gradient(to bottom, #2b2f8d 0%, #161847 100%);
    background: -webkit-linear-gradient(to bottom, #2b2f8d 0%, #161847 100%);
    background: -webkit-gradient(linear, 45deg, from( #2b2f8d, #161847 100%));*/
    background: linear-gradient(90deg,rgba(26,78,155,1)   0%, rgba(51,127,201,1) 100%);
}
.login-icons-bg{
    /*background: #bd357e;
    background: linear-gradient(to bottom, #bd357e 0%, #1b265f 100%);
    background: -webkit-linear-gradient(to bottom, #bd357e 0%, #1b265f 100%);
    background: -webkit-gradient(linear, 45deg, from( #bd357e, #1b265f 100%));*/
background: rgb(51,127,201);
background: linear-gradient(to bottom, #33a9fd 0%, #3683ba 100%);    
width: 75px;
    border-radius: 3rem;
    padding:2rem 0;
    border:1px solid #497491;
}
.login-text{
    /*color:#b8b9d6;*/
    color:#fff;
}
.row {
    margin-right: 0;
    margin-left: 0;
}
.login-right-bg{
    background-image: url("../img/mask.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.bottom-img{
    position: absolute;
    bottom: -3%;
    left: -33%;
    width: 64%;
}
.login-right-txt h4{
    color:#c95a61;
    line-height: 2rem;
}
.btn-login{
    background-color: #2057A6;
    color:#fff;
    width:100%;
    font-size: 1rem;
    margin: 0;
    padding: 0.6rem;
}
.btn-login:hover{
    color:#fff;
}

.blue-txt{
    color:#394757;
}
.red-bg{
    /*background-color: #b53279;*/
    border:solid 1px #2663b1;
    background-color:#1a4e9b;
    color:#f0d8e6;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 0.9rem;
}
.blue-bg{
    background-color: #2b63ef;
    color:#d6e2fc;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 0.9rem;
}
.toll-free{
 position: relative;
 right:-168px;
}
.login-right-block-desk{
    display: block;
}
.login-right-block-mob{
   display:none; 
}
.icon1{
    display: none;
} 
.icon2{
    display: none;
} 
.icon3{
    display: none;
} 
.icon4{
    display: none;
} 
.icon5{
    display: none;
} 
.icon6{
    display: none;
} 
.bg-none{
    background-image: none;
    overflow-x: hidden;
}
.innerpage-bg {
    background: #2b2f8d;
    background: linear-gradient(to bottom, #161847 0%, #2a2e8b 100%);
    background: -webkit-linear-gradient(to bottom, #161847 0%, #2a2e8b 100%);
    background: -webkit-gradient(linear, 45deg, from( #161847, #2a2e8b 100%));
    border-radius: 0 0 0 11rem;
}
.innerpage-left-bg {
    background-image: url("../img/inner-rectangle.png");
    background-repeat: no-repeat;
    background-position: left top;
    color:#fff;
}
.innerpage-left-text img{
background-color: #fff;
padding: .5rem 1rem;
border-radius: .2rem;
}
.innerpage-left-text p{
    font-size:0.95rem;
}
.innerpage-left-text p a{
    font-size:0.9rem;
    text-decoration: underline !important;
}
.user-navbar{
    box-shadow:none;
}
.user-navbar a{
    color:#fff;
    font-size: 0.9rem;
}
.user-navbar .dropdown-menu {
    min-width: 7rem;
}
.user-navbar .dropdown-menu a{
    padding: 4px 10px;
}
.card-maroon{
    background: #8a2a5e;
    background: linear-gradient(to bottom, #bb347d 0%, #8a2a5e 100%);
    background: -webkit-linear-gradient(to bottom, #bb347d 0%, #8a2a5e 100%);
    background: -webkit-gradient(linear, 45deg, from( #bb347d, #8a2a5e 100%));
    border-radius: 1rem;
}
.inner-cards h5{
    line-height: 1.6rem;
    color:#fff;
}
.inner-cards p{
    font-size: 0.9rem;
    font-weight: 200;
}
.card-lightblue{
    background: #2d52af;
    background: linear-gradient(to bottom, #2a63f3 0%, #2d52af 100%);
    background: -webkit-linear-gradient(to bottom, #2a63f3 0%, #2d52af 100%);
    background: -webkit-gradient(linear, 45deg, from( #2a63f3, #2d52af 100%));
    border-radius: 1rem;
}
.card-green{
    background: #3bc786;
    background: linear-gradient(to bottom, #1fbf75 0%, #3bc786 100%);
    background: -webkit-linear-gradient(to bottom, #1fbf75 0%, #3bc786 100%);
    background: -webkit-gradient(linear, 45deg, from( #1fbf75, #3bc786 100%));
    border-radius: 1rem;
}
.card-blue{
    background: #6e65cc;
    background: linear-gradient(to bottom, #776bf8 0%, #6e65cc 100%);
    background: -webkit-linear-gradient(to bottom, #776bf8 0%, #6e65cc 100%);
    background: -webkit-gradient(linear, 45deg, from( #776bf8, #6e65cc 100%));
    border-radius: 1rem;
}
.card-grey{
    background: #c0c5e8;
    background: linear-gradient(to bottom, #edeef5 0%, #c0c5e8 100%);
    background: -webkit-linear-gradient(to bottom, #edeef5 0%, #c0c5e8 100%);
    background: -webkit-gradient(linear, 45deg, from( #edeef5, #c0c5e8 100%));
    border-radius: 1rem;
    color:#0b1c30;
}
.card-grey p{ 
    color:#0b1c30;
}
.card-skyblue{
    background: #3683ba;
    background: linear-gradient(to bottom, #33a9fd 0%, #3683ba 100%);
    background: -webkit-linear-gradient(to bottom, #33a9fd 0%, #3683ba 100%);
    background: -webkit-gradient(linear, 45deg, from( #33a9fd, #3683ba 100%));
    border-radius: 1rem;
}
.card-lightgreen{
    background: #c0c5e8;
    background: linear-gradient(to bottom, #edeef5 0%, #c0c5e8 100%);
    background: -webkit-linear-gradient(to bottom, #edeef5 0%, #c0c5e8 100%);
    background: -webkit-gradient(linear, 45deg, from( #edeef5, #c0c5e8 100%));
    border-radius: 1rem;
    color:#0b1c30;
}
.remote-mask{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 225px;
}
.post-query-mask{
    position: absolute;
    bottom: -24px;
    right: -32px;
}
.speaker-mask{
    position: absolute;
    top: 0;
    right: 0;
    width: 285px;
}
.web-mask{
    position: absolute;
    bottom: 0;
    right: 0;
}
.calendar-mask{
    position: absolute;
    bottom: 0;
    right: 0;
}
.web-cast-mask{
    position: absolute;
    top: 0;
    right: 0;
}
.spk-img{
    width:180px;
}
.video-conf-icon img{
    width: 60px;
}
.float{
    background-color: #3bc786;
    border-radius: 1rem 0 0 1rem;
    text-align: center;
    padding: 8px 30px;
    color: #fff;
    font-weight: 400;
    border:0;
}
button:focus{
    outline: none;
}
.my-float{
	margin-top:22px;
}
.floating-btn{
    position: fixed;
    right: 0;
    top: 15px;
}

@media only screen and (max-width:460px){
.login-right-txt{
    padding-left: 0 !important;
}
.floating-btn{
    position: fixed;
    right: 0;
    top: 60px !important;
    }
}
@media only screen and (max-width:576px){
 .login-icons-bg{
     display: none;
 }  
 .icon1{
     display: block;
 }
 .icon2{
    display: block;
} 
.icon3{
    display: block;
} 
.icon4{
    display: block;
} 
.icon5{
    display: block;
} 
.icon6{
    display: block;
}  
}
@media only screen and (max-width:992px){
    .toll-free{
        right: 0;
        text-align: left !important;
        top: 0;
        left: 20px;
    } 
    .bottom-img {
        position: absolute;
        bottom: -2%;
        left: -38px;
        width: 38%;
    }     
    .login-right-block-desk{
        display: none;
    }
    .login-right-block-mob{
       display:block; 
    }
}
@media only screen and (max-width:1199px) and (min-width:992px){
    body{
        background-image: none;
    }   
    .login-icons-bg{
        display: none;
    }  
    .icon1{
        display: block;
    }
    .icon2{
       display: block;
   } 
   .icon3{
       display: block;
   } 
   .icon4{
       display: block;
   } 
   .icon5{
       display: block;
   } 
   .icon6{
       display: block;
   } 
   .inner-cards h5{
    font-size: 0.98rem;
    }
    .spk-img {
        width: 127px;
    }
    .post-query-icon img{
        width: 60px;
    }
    .remote-evoting-icon img{
        width: 50px;
    }
    .video-conf-icon img{
        width: 45px;
    }
    .break-word{
        word-wrap: anywhere;
    }
}