/* 
    Created on : 21-May-2024, 3:06:32 pm
    Author     : ADC
*/

#visitor_main{
    margin-top: -50px;

}

.visitor_label{

    color: #e8e8e8;
    text-shadow:1px 0px 1px navy;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: cursive;

}
#visitor_count{
    color: black;
    font-weight: bold;
    font-size: 15px;
    background-image: linear-gradient(to left, lightblue,#e8e8e8,#f8f8f8,lightblue);
    padding:2px;
    border-radius: 5px;
    text-align: center;

}
.social_media_icons{
    z-index: 2;
}
.social_media_icons ul li{

    background-color: red;
    margin-top: 5px;
    margin-bottom: 5px;
    padding:10px;
    color: white;
    margin-left:-88px;
    width: 120px;

    border-radius: 5px;

}

#myChart{
    width:100% !important;
    max-width: 100% !important;
    height: 520px !important;
}


.social_media_icons ul li a, .social_media_icons ul li a:hover{

    color: white;
    font-weight: bold;

}
.social_media_icons ul li a i{

    font-size:20px;
    float: right;

}
.social_media_icons ul li:hover{


    margin-left: -10px;
    transition:   0.5s;
}


#youtube{
    background-color: #d33333;

}
.footer-youtube{
    background-color: #d33333;
    border-radius: 5px;
    color: white;
    padding: 5px;
    opacity: 0.9;
    margin-top: -3px;

}


#instagram{
    background-image: linear-gradient(#ffdf9e,#ffc273,#e56969,#c1558b,#8a49a1);
}



.footer-instagram{
    background-image: linear-gradient(#ffdf9e,#ffc273,#e56969,#c1558b,#8a49a1);
    border-radius: 5px;
    color: white;
    padding: 5px;
    opacity: 0.9;
    margin-top: -3px;

}


#twitter{
    background-color: #00ACEE;
    ;
}

.footer-twitter{
    background-color: #00ACEE;
    border-radius: 5px;
    color: white;
    padding: 5px;
    opacity: 0.9;
    margin-top: -3px;

}

#facebook{
    background-color: 	#4267B2;
}

.footer-facebook{
    background-color: #0866ff;
    border-radius: 5px;
    color: white;
    padding: 5px;
    opacity: 0.9;
    margin-top: -3px;

}

#logincarousel{
    border:0px solid red;
    padding: 0px;
    margin: 0px;
    height: 550px;
    background-color: transparent;

}

#mainslider{
    border: 0px solid blue;
    /*height: 550px;*/
}
.slide-img-c{
    height: 550px !important;
    width: 100%;

}
.flex-control-nav{
    display: none;
}

.flexslider .slides img {
    height: 520px;

    background-color: #e8e8e8 !important;
    border: 0px solid transparent !important;
    padding: 0px;
    border-radius: 5px ;
}
.flexslider .slides{
    padding: 0px;
    border:0px solid red;
    background-color: transparent;
}
/*
#img1,#img2{
    
    border: 2px solid  green;
    height: 450px;
}
*/


#img1{
    border: 1px solid lightgrey;
}

.content{

    border:0px solid red;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #e2e8f055;

}
.websiteload_chart{
    height: 541px;
    margin-top:4px;
    background-color: #e8e8e8;
    border:1px solid #e8e8e8;
    padding: 10px;
    padding-top: 6px;

}
#username, #password{
    border-radius: 6px;
    height: 40px;
}
#login-main-box{
    border:0px solid red;
    padding:3px;
    min-height: 350px !important;
    /*background: white;*/
    margin: 0px;
}
.card-login{
    /*height: 538px;*/
    /*margin-left: -19px;*/
    /*border-bottom: 10px solid lightgrey;*/
    border-radius: 15px 15px 15px 15px;
    margin-top: 1px;
    background-color: white;
    /*border-left: 0px solid red;*/

    /*box-shadow: 2px 2px 2px grey;*/
}
.card-body-login{
    padding-left: 40px !important;
    padding-right: 40px  !important;
    padding-top:40px !important;
    padding-bottom:20px !important;
}
.login-from-title{


    text-align: center;
    margin-top: 10px;

    font-weight: 800;
    font-size: 20px;
    color: navy;


}
#box-border{
    margin-top: 10px;
    background-image: linear-gradient(#e9ecef,#b3b8d3);
    padding: 6px;
    animation-name: signin-divider;
    animation-duration: 1s;
}

@keyframes signin-divider{

    0%{
        width:0%;
    }
    ,
    100%{
        width:100%;
    }
}

#login-sub-title{

    margin-top: 0px;
    font-size: 16px;
    color: #DE6262;
}
.login-button{

    background-color: #0c67a0 !important;
    border: 1px solid #0c67a0;
    /*margin-top:15px;*/

}
#captcha{
    /*float: right;*/
}
.rightpanel{
    display:none;
}
#features{

    background-color: #f8f8f8;
    margin-top: 0px;
}

#main-card-layout{

    border: 0px solid red;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 40px;
    padding-bottom: 60px;



}

#main-card-layout-chart{

    border: 0px solid red;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: white;

    margin-top: 20px;

}

.card-layout{
    border: 0px solid blue;
}

.card-layout-sub{

    border:1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow:1px 1px 1px #0c67a0;
    text-align: center;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;

    padding-left: 30px;
    padding-right: 30px;
    height: 200px;



}

.card-layout-sub:hover{
    box-shadow:2px 2px 5px #0c67a0;
}

.card-layout-icon{
    font-size: 26px;
    padding: 8px;
    border-radius: 5px;
    color: #0c67a0;
    box-shadow: 2px 2px 5px #0c67a0;
    border:1px solid #0c67a0;
}
.card-content{

    padding-top:15px;
    font-size: 14px;

}

.card-content-custom{

    padding-left: 20px;
    padding-right: 20px;


}

.second-card-row{

    margin-top: 25px;

}


#section-sub-title{

    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #0c67a0;
    text-shadow:1px 1px 1px lightblue;
    font-family: inherit;
    align-items: center;
    align-content: center;



}
.box-underline{
    border: 2px solid #DE6262;
    text-align: center;
    width: 80px;
    margin-left: 685px;
}


.box-underline1{
    border: 2px solid #DE6262;
    text-align: center;
    width: 80px;
    margin-left: 620px;
}


.white-box{
    padding: 10px;
    background-color: #e2e8f055;
}

.footer-epfo{
    font-size: 12px;
}

.separator{
    color: white;
}
.version{
    margin-top: 5px;
    margin-left: 15px;
    color: #f8f8f8;
    padding: 5px;

    text-shadow:1px 1px 1px black;
    font-weight: bold;
    font-size: 9px;
}

.footer-epfo-custom{
    margin-top: 5px;
}

.th2-1{
    display: none;
}

.nav-item a{

    float: left;


}

#social_media_icons_footer{
    margin-top: -30px;

}
.copyright{

    margin-top:-20px;
    float: right;
}

.justify-content-center{

    padding-top:5px;
}

.social_footer{
    float: right;

    width:100%;

    justify-content: flex-end  !important;

}

.d-flex{

    margin-top: -8px;

}
.footer{

    padding: 0px;
    background-image: linear-gradient(to left, #27408b,#05304C,#0B5DA5);
    opacity: 0.9;
}
.footer-div{

    padding-top: 5px;

}
.text-white{

    color: #e8e8e8 !important;
    font-weight: bold;

}
#loadingimg{
    border: 1px solid lightgrey;
    height: 440px;
    border-radius: 15px 0px 0px 15px;
    justify-content: center;
    align-content: center;
    text-align: center;

}
/*  Media query for 480  */

@media(min-width: 320px) and (max-width: 480px){

    .traffic-chart{
        display: none;
    }
    #visitor_main{

        margin-top: 5px;
        margin-bottom: 5px;
    }
    .footer-epfo-custom1{
        display: none;
    }

    .social_footer{

        margin-top: 20px;
        padding: 0px;
        justify-content: center  !important;
    }
    .footer-div{

        padding-left: 20px;
        padding-right: 20px;

    }

    .social_media_icons{
        width: 20px;

    }
    .social_media_icons ul{
        width: 20px;
    }

    .copyright{

        margin-top: 3px;
        width: 100%;

    }
    .py-1-hc{
        display: none;
    }
    .th1, .th2, .th3{

        display: none;
    }

    .th2-1{
        display: block;
        margin-top: -43px;
        margin-left: 135px;
        font-size: 26px;
        font-weight: bold;
        color: navy;
    }

    .marquee_text{
        margin-left: 20px;
        margin-right: 20px;
    }

    #image-slider{
        display: none;
    }
    #login-main-box{

        margin-left: 10px;


    }
    .card-login{
        border-radius: 15px;
        height: 480px;
    }

    #captcha-img{
        padding: 0px;
    }
    #captcha-input{
/*        padding: 5px;
        margin-left: -48px;*/
    }
    #pwd,#uan-field{

        width: 120%;
        margin-left: -15px;
    }
    .pb-1{

        width: 120%;
        margin-left: -15px;
    }

    .box-underline{

        margin-left: 80px;


    }

    .card-layout{

        padding: 0px;
        margin-top: 15px;

    }
    #main-card-layout{

        padding: 50px;
    }
}