/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 24, 2020, 10:19:34 AM
    Author     : User
*/

.login-page {
    background-image: url("../images/admission-bg-1968x1008_black.jpg"); /* The image used */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.settingDropDown a{
    color: #000 !important;
}
.settingDropDown a:focus{
    color: #fff !important;
    background-color: #dc3545 !important;
}
.settingDropDown {
    min-width: 180px !important;
    max-width: 200px !important;
    padding: 0 !important;
}
.settingDropDown a:hover{
    color: #fff !important;
    background-color: #dc3545 !important;
}
.validation{
    color:red;
	font-size: 14px;
}
.pointer{
    cursor: pointer;
}
.bold{
    font-weight: 600;
}
.requiredField:after {
    content:"*";
    color: #F44336;
}
.login_btn {
    width: 100%;
    background: #c0392b !important;
    color: white !important;
}
.admissionlbl {
    text-align: center;
    font-size: 25px;
    color: #9c120b;
    font-weight: 600;
    /* background-color: #9c120b; */
    /* width: 30%; */
    margin-bottom: 15px;
    /* margin-top: 30px; */
    padding: 10px;
    /* border-radius: 15px; */
}
/*.admissionlbl{
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-weight: 600;
        background-color: #9c120b;
        width: 30%;
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 10px;
        border-radius: 15px;
}	*/
.requiredField:after {
    content:"*";
    color: #F44336;
}
form label {
    font-weight: 600;
}
.bold {
    font-weight: 600;
}
/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px !important;
        padding-left: 10px !important;
}*/
.wizard > .content {
    background: transparent !important;
    border:1px solid #ccc;

}
.m-b-50 {
    margin-bottom: 50px;
}
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background: #9c120b;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #e2a6a3;
    color: #fff;
}

.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: #9c120b;
    color: #fff;
    cursor: default;
}
.font-12{
    font-size:12px;
}
.font-18{
    font-size:18px;
}
.formPreview .form-control{
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px !important;
}
.formPreview .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff !important;
    opacity: 1;
}
.formPreview .card {   
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.no-resize {
    resize: none; }

@media (max-width: 600px)
{
    .wizard > .steps > ul > li
    {
        width: 50%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        margin-top: 0.5em;
    }

    .wizard.vertical > .steps,
    .wizard.vertical > .actions
    {
        display: block;
        float: none;
        width: 100%;
    }

    .wizard.vertical > .content
    {
        display: block;
        float: none;
        margin: 0 0.5em 0.5em;
        width: auto;
    }
    .gklogo {
        width: 100%;
    }
    .gjlogo {
        width: 100% !important;
    }
}

@media (max-width: 480px)
{
    .wizard > .steps > ul > li
    {
        width: 100%;
    }
    .gklogo {
        width: 100% !important;

    }
    .gjlogo {
        width: 100% !important;
    }
}
.gklogo {
    width: 70%;
}
.gjlogo {
    width: 100%;
}
.footer
{
    /*background-color: #fff;*/
    position:static;
    bottom:0px;
    left:0px;
    right:0px;
    height:30px;
    margin-bottom:0px;
}
@media only screen and (min-width: 992px) {
    .xifinaladmission .wizard > .steps > ul > li {
        width: 16%;
    }
    .xifinaladmission .wizard > .steps > ul > li:nth-child(5) {
        width: 20% !important;
    }
}
.m-l-10 {
    margin-left: 10px;
}

/*******************
Preloader
********************/
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff; }

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px); }
.lds-ripple .lds-pos {
    position: absolute;
    border: 2px solid #9c120b;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite;
    animation: lds-ripple 1s cubic-bezier(0, 0.1, 0.5, 1) infinite; }
.lds-ripple .lds-pos:nth-child(2) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0; }
    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1; }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0; } }

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 0; }
    5% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1; }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0; } }

.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff; }

.pinkBg {
    background-color: #ed184f!important;
    background-image: linear-gradient(90deg, #fd5581, #fd8b55);
}
.intro-banner-vdo-play-btn{
    height:60px;
    width:60px;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    margin:-30px 0 0 -30px;
    border-radius:100px;
    z-index:1
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
.intro-banner-vdo-play-lbl{
	top: 65%;
	left: 45%;
	position: absolute;
	text-align: center;
	margin: -30px 0 0 -30px;
	border-radius: 100px;
	z-index: 1;
}
@media (max-width: 992px) {
    .intro-banner-vdo-play-lbl{
        top: 65%;
        left: 45%;
        position: absolute;
        text-align: center;
        margin: -30px 0 0 -30px;
        border-radius: 100px;
        z-index: 1;
    }
}

@media (max-width: 768px) {
    .intro-banner-vdo-play-lbl{
        top: 65%;
        left: 45%;
        position: absolute;
        text-align: center;
        margin: -30px 0 0 -30px;
        border-radius: 100px;
        z-index: 1;
    }
}

@media (max-width: 576px) {
    .intro-banner-vdo-play-lbl{
        top: 65%;
        left: 25%;
        position: absolute;
        text-align: center;
        margin: -30px 0 0 -30px;
        border-radius: 100px;
        z-index: 1;
    }
}

.swal2-icon.swal2-question {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.frm-caption {
    font-weight: 600;
    /*font-size: 16px;*/
    font-size: 14px;
}
.frm-input {
    font-weight: 400;
    font-size: 14px;
    /*font-size: 17px;*/
    /*<!--border-bottom: solid 1px #000;-->*/
    /*padding-left: 10px;*/
    padding-right: 5px;
}
small {
    padding: 3px 8px;
    border-radius: 10px;
}
.doctable td, .doctable th{
    font-size: 14px;
    padding: .0px 10px !important;
}
.xiFinalFormPreview .card  p {
    margin-top: 0;
    margin-bottom: 5px !important;
}



/* ------------------- 404 css ---------------------------*/
#notfound {
    position: relative;
    height: 100vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 710px;
    width: 100%;
    text-align: center;
    padding: 0px 15px;
    line-height: 1.4;
}

.notfound .notfound-404 {
    height: 200px;
    line-height: 200px;
}

.notfound .notfound-404 h1 {
    font-family: 'Fredoka One', cursive;
    font-size: 168px;
    margin: 0px;
    color: #9c120b;
    text-transform: uppercase;
    text-shadow:
        -1px -1px 0 #fff,  
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.notfound h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.notfound-search {
    position: relative;
    padding-right: 123px;
    max-width: 420px;
    width: 100%;
    margin: 30px auto 22px;
}

.notfound-search input {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    height: 40px;
    padding: 3px 15px;
    color: #222;
    font-size: 18px;
    background: #f8fafb;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 3px;
}

.notfound-search button {
    font-family: 'Raleway', sans-serif;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 120px;
    height: 40px;
    text-align: center;
    border: none;
    background: #9c120b;
    cursor: pointer;
    padding: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border-radius: 3px;
}

.notfound a {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    font-weight: 700;
    border-radius: 15px;
    text-decoration: none;
    color: #ffffff;
}

.notfound a>.arrow {
    position: relative;
    top: -2px;
    border: solid #9c120b;
    text-shadow:
        -1px -1px 0 #fff,  
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 {
        height: 122px;
        line-height: 122px;
    }
    .notfound .notfound-404 h1 {
        font-size: 122px;
    }
}

.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.subjectTable td {

    border: 1px solid #000;

}
.preview-top-box {
    border: solid 1px #000;
    font-size: 15px;
    padding-right: 0px;
    padding-left: 5px;
}


p {  
    margin-bottom: 1px !important;
}


.example-print {
    display: none;
}

@page {
    /*size: legal;*/
    margin: 0;
}
/*and (width: 8.5in) and (height: 11in)*/
@media print and (width: 9in) and (height: 11in) {
    @page {
        margin: 0cm;
    }
    body
    {
        margin: 0px;
    }
    /*    @page {
            size: legal;
            margin: 0;
        }*/
    .example-screen {
        display: none;
    }
    .example-print {
        display: block;
    }
    input {
        border: none;
        border-bottom: 2px solid #000000;
    }
    footer { display: none !important; }
    thead {display: table-header-group;} 
    tfoot {display: table-footer-group;}

    button {display: none;}


    footer { display: none !important; }
    .page-footer {
        display: block !important;  
    }
    .page-header {
        display: block !important;  
    }
}

/* Styles go here */

.page-header, .page-header-space {
    height: 30px;
    margin-bottom: 15px;
}

.page-footer, .page-footer-space {
    height: 30px;

}

.page-footer {  
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #eee; /* for demo */
    /*background: yellow;  for demo */
}

.page-header {   
    position: fixed;
    /*top: 0mm;*/
    width: 100%;
    /*  border-bottom: 1px solid black;  for demo 
      background: yellow;  for demo */
}

.page {
    page-break-after: always;
}


.subject-tbl {
    padding: 0px 5px 0px 5px !important;
    border: 1px solid #000 !important;
}
.table {
	font-size: 14px;
}
#frmMeritlistFilter {
	font-size: 14px;
}

.card-body {
   
    padding: 0.5rem 1.25rem;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-primary {
    color: #fff;
        background-color: #dc3545;
    border-color: #c53f4c;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
}


.btn-primary:hover {
    color: #fff;
        background-color: #dc3545;
    border-color: #c53f4c;
}

.nav-pills .nav-link:not(.active):hover {
    color: #dc3545;
}

a {
    color: #dc3545;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #dc3545;
    text-decoration: none;
}

.sidebar-mini .main-footer {
	font-size: 14px;
}

.page-link {
    
    color: #dc3545;
}

.content-wrapper .content-header {
    padding: 5px .5rem !important;
} 

.xiFinalFormPreview .card {
	 /*   border: none !important;*/
		/*box-shadow: none;*/
}