/*
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 : Feb 23, 2015, 8:05:58 PM
    Author     : MANISH
*/

/**
 * for new template 
 */

table caption {
    caption-side: top;
}

a {
    color: black
}

/**
 * for new template ends 
 */

.maintr {
    background-color: #286090 !important;
    color: #fff !important;
    padding: 5px 20px;
}

.button {
    height: 32px;
}

select:focus,
input:focus {
    border: 2px solid #007bff !important;
}
:required {
    border: 2px solid #c51244;
}

select:focus:required,
input:focus:required {
    border: 2px solid #c51244 !important;
}


#exmloading,
#ehp,
#eshp,
#vrcimg,
#vrcimg1,
#vrcimg2,
#existt,
#ddlferclassi,
#exploading,
#chqloading,
.wc,
#resethead,
#essp {
    position: relative;
    display: none;
}

#exmsuccess,
#loading,
#mformimg,
#remloading,
#remmsg {
    position: relative;
    display: none;
}

#loading {
    position: relative;
    display: none;
}

#deloading {
    position: relative;
    display: none;
}

#moloading {
    position: relative;
    display: none;
}

#dtmoloading {
    position: relative;
    display: none;
}

#fhload {
    position: relative;
    display: none;
}

#ssessloading {
    position: relative;
    display: none;
}

#sesssuccess,
#stdisloading {
    position: relative;
    display: none;
}

#sesstrans {
    position: relative;
    display: none;
}

#fposuccess {
    position: relative;
    display: none;
}

#efposuccess {
    position: relative;
    display: none;
}

#ffposuccess {
    position: relative;
    display: none;
}

#sessloading {
    position: relative;
    display: none;
}

#last_msg_loader {
    position: relative;
    display: none;
}

#feeloading {
    position: relative;
    display: none;
}

#sfeeloading {
    position: relative;
    display: none;
}

#fsfeeloading {
    position: relative;
    display: none;
}

#fpfeeloading {
    position: relative;
    display: none;
}

#fpofeeloading {
    position: relative;
    display: none;
}

#pfpfeeloading {
    position: relative;
    display: none;
}

#uloading {
    position: relative;
    display: none;
}

#iloading {
    position: relative;
    display: none;
}

#uiloading {
    position: relative;
    display: none;
}

#uriloading {
    position: relative;
    display: none;
}

#imessage {
    position: relative;
    display: none;
}

#uimessage {
    position: relative;
    display: none;
}

#urimessage {
    position: relative;
    display: none;
}

#eloading {
    position: relative;
    display: none;
}

#file {
    color: red;
    font-weight: bold;
}

#image_preview {
    display: block;
}

#success {
    color: white;
    font-weight: bold;
}

#clsec {
    position: relative;
    display: none;
}

#rousub {
    position: relative;
    display: none;
}

#regpho {
    position: relative;
}

#uformimg,
#disloading,
#marksloading {
    position: relative;
    display: none;
}

#schooladdress {
    font-size: small;
    background-color: #18bc9c;
}

#marktop {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#marktop td {
    text-align: left
}

#othertable {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#othertable table,
#othertable td,
#othertable th {
    border: 1px solid black;
    border-collapse: collapse;
    padding-left: 5px;
}

.ott {
    margin: 15px;
}

.ott2 {
    margin: 5px 15px 0px 15px;
}

#markstable {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
}

#markstable td,
#markstable th {
    text-align: center;
}

#markstable table,
#markstable td,
#markstable th {
    border: 1px solid black;
    border-collapse: collapse;
}

#markstabletab {
    border: 1px solid black;
}

#markstabletab td,
#markstable th {
    text-align: center;
}

#markstabletab table,
#markstable td,
#markstable th {
    border: 1px solid black;
    border-collapse: collapse;
}

#commarktop {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

#commarktop table,
#commarktop td,
#commarktop th {
    border: 1px solid black;
    border-collapse: collapse;
}

#commarktop td,
#commarktop th {
    text-align: center;
}

#marksatt {
    width: 600px;
    margin-top: 10px;
    border: 1px solid black;
}

#marksatt table,
#marksatt td,
#marksatt th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksatt td,
#marksatt th {
    text-align: center;
}

#marksign {
    margin-top: 150px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksignn table,
#marksignn td,
#marksignn th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksignn td,
#marksignn th {
    text-align: center;
}

#marksign table,
#marksign td,
#marksign th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksign td,
#marksign th {
    text-align: center;
}

#marksign2 {
    margin-top: 400px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksign2 table,
#marksign2 td,
#marksign2 th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksign2 td,
#marksign2 th {
    text-align: center;
}

#marksign9 {
    margin-top: 10px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksign9 table,
#marksign9 td,
#marksign9 th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksign9 td,
#marksign9 th {
    text-align: center;
}

#marksigng {
    margin-top: 180px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksigng table,
#marksigng td,
#marksigng th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksigng td,
#marksigng th {
    text-align: center;
}

#marksign91 {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksign91 table,
#marksign91 td,
#marksign91 th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksign91 td,
#marksign91 th {
    text-align: center;
}

#marksignyly {
    margin-top: 130px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksignyly table,
#marksignyly td,
#marksignyly th {
    /*border:1px solid black;*/
    border-collapse: collapse;
}

#marksignyly td,
#marksignyly th {
    text-align: center;
}

#marksig2yly {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksig2yly table,
#marksig2yly td,
#marksig2yly th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksig2yly td,
#marksig2yly th {
    text-align: center;
}

#marksigngy {
    margin-top: 0px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*border:1px solid black;*/
}

#marksigngy table,
#marksigngy td,
#marksigngy th {
    border: 1px solid black;
    border-collapse: collapse;
}

#marksigngy td,
#marksigngy th {
    text-align: center;
}

/* table {
    font-size: 12px;
} */


/* for toast */


#snackbar {
    visibility: hidden;
    /* Hidden by default. Visible on click */
    min-width: 250px;
    /* Set a default minimum width */
    margin-left: -125px;
    /* Divide value of min-width by 2 */
    background-color: #333;
    /* Black background color */
    color: #fff;
    /* White text color */
    text-align: center;
    /* Centered text */
    border-radius: 2px;
    /* Rounded borders */
    padding: 16px;
    /* Padding */
    position: fixed;
    /* Sit on top of the screen */
    z-index: 1;
    /* Add a z-index if needed */
    left: 45%;
    /* Center the snackbar */
    bottom: 30px;
    /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar.longshow {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 9.5s;
    animation: fadein 0.5s, fadeout 0.5s 9.5s;
}

#snackbar.middleshow {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 5.5s;
    animation: fadein 0.5s, fadeout 0.5s 5.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}