/* Write your custom CSS here */

/*Priyanka*/
.themecolor {
    color: #1DB198;
}

.loginbox {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 15px 20px 10px 20px;
}

.signupmsg {
    font-size: medium;
    text-align: center;
    padding: 10px;
    margin: 10px;
}

.mainbackground {
    background: url('../../assets/img/login3.jpg');
    background-repeat: round;
}


/*--Style for Subheading--*/
.subhead {
    font-size: 100%;
    font-weight: bolder;
    color: gray;
}

.para {
    text-align: justify;
    font-size: 100%;
    color: gray;
}

/*profile*/
.profilebox {
    display: block;
    margin: 0 auto;
    width: 150px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    -o-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff;
}

#profile-upload {
    /*background-image: url('../images/profile-picture.png');*/
    /*background-size: cover;
    background-position: center;*/
    display: block;
    height: 150px;
    width: 150px;
    /*border: 1px solid #bbb;*/
    position: absolute;
    border-radius: 250px;
    overflow: hidden;
    box-shadow: 0 0 0 5px #fff;
    margin: 146px 35px auto;
}

    #profile-upload:hover input.upload {
        display: block;
    }

    #profile-upload:hover .hvr-profile-img {
        display: inline-block;
    }

    #profile-upload .fa {
        margin: auto;
        position: absolute;
        bottom: -4px;
        left: 0;
        text-align: center;
        right: 0;
        padding: 6px;
        opacity: 1;
        transition: opacity 1s linear;
        -webkit-transform: scale(.75);
    }

    #profile-upload:hover .fa {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    #profile-upload input.upload {
        z-index: 1;
        left: 0;
        margin: 0;
        bottom: 0;
        top: 0;
        padding: 0;
        opacity: 0;
        outline: none;
        cursor: pointer;
        position: absolute;
        background: #ccc;
        width: 100%;
        display: none;
    }

    #profile-upload .hvr-profile-img {
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        vertical-align: middle;
        position: relative;
        background: transparent;
    }

    #profile-upload .fa:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0px;
        background: rgba(0,0,0,0.3);
        z-index: -1;
        transition: height 0.3s;
    }

    #profile-upload:hover .fa:after {
        height: 100%;
    }

/*for number input*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*End of Priyanka*/


/*--Style for list of collected information in privacy page--*/
.privacy-li {
    text-align: justify;
    font-size: 115%;
    color: gray;
}
.mb0{
    margin-bottom:0!important;
}
td{
    vertical-align:middle!important;
}
th {
    vertical-align: middle !important;
}
#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/assets/img/loader3.gif') 50% 50% no-repeat rgb(249,249,249);
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modalp {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/assets/img/pIkfp.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modalp {
        display: block;
    }

.panel-dark .panel-heading {
    background: #38415a;
    color: #fff;
    padding: 15px 20px !important;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.panel-dark {
    border-color: #b5c0de;
    border-radius: 15px !important;
}
.panel-title {
    font-size: 20px !important;
    font-weight: 600 !important;
}
.panel-heading i {
    margin-top: 1px !important;
    margin-right: 1.3em !important;
    font-size: 20px;
}

.btn-dark {
    background-color: #3b405a;
    color: #fff;
    border: 1px solid #3b405a;
    background-color: #3b405a;
    color: #fff;
    border: 1px solid #3b405a;
    font-size: 17px;
    border-radius: 14px !important;
    padding: 10px 18px !important;
    border: none !important;
}
    .btn-dark:hover {
        background-color: #61709a;
        color: #fff;
        border: 1px solid #61709a;
    }

     .error{
        color:red;
    }

    div.checker, div.checker span, div.checker input {
        width: 120px;
        height: 19px;
    }
    table{
        font-size:14px;
    }
.tblimg {
    border: 1px solid #faf9f9;
    border-radius: 25px;
}

.logoshow {display:none;}
.small-sidebar .navbar .logo-box  .logohide {
    display: none;
}

.small-sidebar .navbar .logo-box .logoshow {
    display: block;
}
@media (max-width: 767px){
    .navbar .logo-box {
        margin: 0 auto;
        background: #34425A!important;
        text-align: center;
        width: 100% !important;
        border: 0 !important;
    }
    .logo-text>img{
        margin-left:80px;
    }
}

.table thead th {
    border-bottom: 1px solid #edf2f7 !important;
    color: #24324a;
    font-weight: 700;
    font-size: 17px;
    padding: 16px !important;
    white-space: nowrap;
}