/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 50px;
}

#page {
    /* background-image: url('../Images/BGS/WEBBGS1.png');*/
    background-color: #eff3fc;
    background-repeat: repeat-y;
    background-size: cover;
    background-position: top center;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    min-height: 250px; /*
    height: 100%;*/
}

#HeadLinkContainer {
    padding: 5px 50px 5px 50px;
    border-top: 2px solid white;
    border-bottom: 1px solid white;
}

:focus {
    outline: none;
    transition: box-shadow 0.8s ease;
    box-shadow: 0 0 0 2px hsla(220, 100%, 50%, 80%);
    -webkit-box-shadow: 0 0 0 2px hsla(220, 100%, 50%, 80%);
    -moz-box-shadow: 0 0 0 2px hsla(220, 100%, 50%, 80%);
}


.HeadLinkButton {
    padding:  8px 8px 10px 8px;
    border-radius: 5px;
    color:blue;
    border-color:beige;
    background-color:antiquewhite;
    text-align: center;
    vertical-align:middle;
}
.HeadLinks {
    padding:   0px  15px 10px 15px;
}

a {
    color: darkblue;
}

.BRINGTOP {
    z-index: 1020;
}
.DetailedOnHover:is(:hover) tr {
    display:table-row;
}


.sticky-xs-top {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 1020;
}
.fixed-top {
    position: fixed;
    z-index: 1030;
}
.bg-dark {
    /*background-image: url('../Images/BGS/BGSTB2.jpg');
*/
    background-color: #03509d;
}
.LoginMenu {
   
    background-image:url('../Images/BGS/BGSTB1.jpg');
}

    .LoginMenu .navbar-nav .nav-link {
        color: darkblue;
        font-weight:400;
    }


.HeaderLinksBGS {
    background-image: url('../Images/BGS/BGSTB1.jpg');
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 1000px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.card {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 0px;
    left: 0px;
}

.MakeContentCenter {
    margin: 0px auto;
    
}
.StudentPhoto {
    width:100%;
    max-height:45mm;
    max-width:35mm;
}

.badge {
    color: #0039a6;
}
/* Set widths on the form inputs since otherwise they're 100% wide      */
.BorderLessDDL {
    appearance: none;
    outline: none;
    border: none;
    padding: 0.5em 1em 0.5em 0.5em;
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
}


input, select, textarea {
    border: 1px solid #c4c4c4;
    font-size: small;
    padding: 1px ;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0px 0px 4px #d9d9d9;
    -moz-box-shadow: 0px 0px 4px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;
}

    input[type=text], input[type=number], textarea {
        padding: 8px;
        min-width: 50px;
        width: 100%;
        font-size: medium;
        border-radius: 5px;
        border: solid 1px #CCCCCC;
        outline: none;
    }

select{
    padding: 10px;
    min-width: 50px;
    width: 100%;
    font-size: medium;
    border-radius: 5px;
    border: solid 1px #CCCCCC;
    outline: none;
}
.SearchBox 
{
    padding: 8px;
    min-width: 50px;
    width: 100%;
    font-size: medium;
    border-radius: 5px;
    border: solid 1px #CCCCCC;
    outline: none;
}
.CheckBox input[type=checkbox] {
    padding: 0px 30px 0px 10px;
}
.CheckBox label {
    padding: 0px 30px 0px 10px;
}
.CheckBox input {
    padding: 20px;
}
th,
td {
    padding: 3px;
}

th {
    text-align: center;
    vertical-align: middle;
}

.LabelRow td, .LabelRow th {
    padding: 0px 0px 0px 5px;
}

.DataRow td, .DataRow th {
    background-color: white;
}

.Examples {
    font-size: 11px;
    color: red;
    background-color: yellow;
    line-height: 14px;
    padding: 0px 0px 0px 5px;
    margin: 0px;
}

.Labels {
    padding: 10px;
    vertical-align :middle;
    text-align:justify;
}
.Formats {
    font-size: 11px;
    color: black;
    background-color: yellow;
    line-height: 14px;
    padding: 0px 0px 0px 5px;
    margin: 0px;
}

.smaller {
    font-size: smaller;
}

.ShowLarge input, select, textarea {
    font-size: x-large;
    font-weight:bolder;
}

.StudentName {
    font-size: x-large;
    color: green;
    text-align: center;
    vertical-align: middle;
}


.HallCode{
    font-size: x-large;
    color: darkblue;
    text-align: center;
    vertical-align: middle;
}


.align-middle {
    vertical-align: middle;
}

.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

.NoPM {
    padding: 0px;
    margin: 0px;
}

.NoWrap {
    white-space: nowrap;
}

.NoBorder {
    border: none;
    border: 0px none #CCCCCC;
}

.NoCellBorder {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.NoDisplay {
    display: none;
}

.ErrMsg {
    text-shadow: 4px 4px 10px rgba(255,255,0,1);
    color: red;
    font-size: smaller;
    padding: 0px;
    margin: 0px;
}

.PadMarTable thead tr th, PadMarTable tr td, PadMarTable tr th {
    padding: 20px;
}

.PRIMARYALERT {
 background-color:fuchsia;
}
.PRIMARYCENTER {
    background-color: #AFC9CF;
    color: black;
}
.SUBCENTER {
    background-color: #CEDDF2;
    color: black;
}

.UNALLOTEDCENTER {
    background-color: antiquewhite;
    color: black;
}

.ITMROWF {
    background-color: #eff5ff;
    color: darkgreen;
}

.ITMROWAF {
    background-color: #e0f6af;
    color: darkblue;
}

.ITMROWB {
    background-color: #eff5ff;
    color:  darkblue;
}

.ITMROWBF {
    background-color: #e0f6af;
    color: darkgreen;
}


.ITMROW {
    background-color: #eff5ff;
    color: #000000;
}

.ITMROWA {
    background-color: #c7e1fb;
    color: #000000;
}

.ITMROWS {
    background-color: beige;
    color:  darkblue;
}

.Highlighter {
    background-color:khaki;
}
.NEWITMBGS {
    background-color: #dbbbe8;
}

.EDITITMBGS {
    background-color: #f8e3b7;
}

.SELCRSCSS {
    background-color: #61a4e8;
    font-weight: bold;
    color: #000000;
    border: 1px solid #EDEAE4;
}

.ITMROW td, .ITMROWA td, .ITMROWS td {
    vertical-align: top;
}

.ADDITIONINFO {
    background-color: #c8ddf2;
}
.PageHeader {
    padding-top:10px;
    border: 1px solid #5685e2;
    background-color: darkgreen;
    color: #FFFFFF;
    font-size:medium;
    font-weight:bold;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.HeadLabel {
    /*border: 1px solid #5685e2;
    background-color: #dedede73;*/
    color: black;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.TableHeadG {
    font-size: small;
    border: 1px solid #5685e2;
    background-color: darkgreen;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-height:25px;
}

.TableHeadGM {
    font-size: medium;
    border: 1px solid #5685e2;
    background-color: darkgreen;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-height: 25px;
    padding:5px;
    margin:10px;
}

.TableHeadGL {
    font-size:larger;
    border: 1px solid #5685e2;
    background-color: darkgreen;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-height: 25px;
}

.TableHead {
    font-size: small;
    border: 1px solid #5685e2;
    background-color: #03509d;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-height: 25px;
}
    .TableHead div, .TableHeadG div {
        border: 1px solid #dad9de;
        padding: 10px 5px 10px 5px;
    }
    .TableHead th, .TableHeadG th, .TableHead td, .TableHeadG td {
        border: 1px solid #dad9de;
        padding: 5px 7px 5px 7px ;
    }

.TableHeadDark {
    font-size: small;
    border: 1px solid #5685e2;
    background-color: #03509d;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-height: 25px;
}
    .TableHeadDark th a, .TableHeadDark td a, .TableHeadDark div a, .TableHeadDark div a {
        color: white;

    }        .TableHeadDark th a:hover, .TableHeadDark td a:hover, .TableHeadDark div a:hover, .TableHeadDark div a :hover {
        color: #7B4D44;
    }
.TableFooter {
    padding-top :10px;
    text-align: center;
    background-color: #5D7B9D;
    color: #FFFFFF;
}

.TabelBorder tr th, .TabelBorder tr td {
    border: 1px solid #CCCCCC;
}

    .TabelBorder tr th table tr th, .TabelBorder tr th table tr td, .TabelBorder tr td table tr th, .TabelBorder tr td table tr td {
        border: 0px none;
    }

.HeadLeft {
    text-align: justify;
    font-weight: bold;
}

.textbox {
    padding: 10px 10px 10px 25px;
    width: 270px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
}

    .textbox:focus {
        background-color: #FFF;
        border-color: #E8C291;
        outline: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 0 1px #fae857 inset;
        -webkit-box-shadow: 0 0 0 1px #fae857 inset;
        box-shadow: 0 0 0 1px #fae857 inset;
    }


.NavigationBTN {
    box-shadow:none;
    outline:none;
    border:none;
    background: none;
    width: 70px;
    height: 25px;
}

.VeriticalTextRotate {
    width: 20px;
    margin: 0px -25px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    -moz-transform: rotate(-90.0deg); /* FF3.5+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}


.Round50p {
    padding: 0px 7px 10px 7px;
    border-color: white;
    border-radius: 50%;
    overflow: hidden;
    margin: auto 0px auto auto;
}

.PhotoWrap {
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    outline: none;
}

.Photo, .Photo:focus {
    padding: 3px 0px 0px 0px;
    border-color: white;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
}

.PhotoUploadW {
    padding: 0px;
    position: absolute;
    opacity: .80;
    border-radius: 50%;
    overflow: hidden;
    clear: both;
    z-index: 100;
}

.Photo:hover {
    opacity: 0.5;
}

.Round25p {
    padding: 0px 3px 5px 3px;
    border-color: white;
    border-radius: 25%;
}

.ROUND {
    border-radius: 5px;
}

.ROUND10 {
    border-radius: 10px;
}

.ROUNDTL, .ROUNDL {
    border-top-left-radius: 10px;
}

.ROUNDBL, .ROUNDL {
    border-bottom-left-radius: 10px;
}

.ROUNDTR, .ROUNDR {
    border-top-right-radius: 10px;
}

.ROUNDBR, .ROUNDR {
    border-bottom-right-radius: 10px;
}
.w-20 {
 width:20%;
}
.HideFromView {
    width: 0px;
    height: 0px;
    left: -2000px;
    top: -2000px;
    opacity: 0;
    filter: alpha(opacity = 0);
}

.MasterData {
    background: rgb(15,189,224);
    background: linear-gradient(rgba(15,189,224,1) 68%, rgba(255,227,44,1) 100%);
    background-size: contain;
    background-repeat: no-repeat;
    color: darkblue;
    border-radius: 5px;
}

.FileUploadClass, .FileUploadClassS {
    padding: 0px;
    margin: 0px;
    font-size: 5px;
    z-index: 500;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    cursor: pointer;
}

    .FileUploadClass div input[type=file], .FileUploadClassS div input[type=file] {
        background: transparent;
        border: none;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity = 10);
        cursor: pointer;
    }

    .FileUploadClass div input[type=file] {
        width: 50px;
        min-height: 50px;
    }

    .FileUploadClassS div input[type=file] {
        width: 100px;
        min-height: 100px;
    }

.FakeFileUpload {
    padding: 0px;
    margin: 0px;
    position: relative;
    border: none;
    z-index: 1;
    cursor: pointer;
}

.FakeFileUploadDiv {
    padding: 0px;
    margin: 0px;
    position: absolute;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    z-index: 5;
    cursor: pointer;
}

.FakeFileUpload .FileUploadClass:hover {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.DataStatus {
    font-size: small;
}

.DataStatusOn {
    font-size: smaller;
}

.DuplicateEntry {
    background-color: yellow;
    color: darkred;
    font-weight: bolder;
}

.NoDuplicateEntry {
}

.BoarderSplit {
    border: solid 1px #0094ff;
}

.PKeyData {
    font-size: medium;
    font-weight: bold;
    font-variant-caps: titling-caps;
    color: red;
    background-color: yellow;
}

.SKeyData {
    font-size: medium;
    font-weight: bold;
    font-variant: small-caps;
    color: darkblue;
    background-color: orange;
}

.KeyData {
    font-size: medium;
    font-weight: bold;
    font-variant: small-caps;
    color: darkblue;
    background-color: whitesmoke;
}


.M15 {
    margin: 15px;
}

.M10 {
    margin: 10px;
}

.M5 {
    margin: 5px;
}

.FileUploadClass {
    z-index: 500;
    position: relative;
    z-index: 10;
}

    .FileUploadClass input[type=file] {
        background: transparent;
        /*        border: Dashed 2px #000000;*/
        opacity: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

.FakeFileUpload {
    position: relative;
    /*border: Solid 1px #000000;*/
    z-index: 1;
}

.FakeFileUploadDiv {
    position: absolute;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 5;
}

table {
    width: 100%;
    border-collapse: collapse
}

.LinkButton {
    padding: 8px;
    border-radius: 5px;
    color: darkblue;
    border-color: darkslategrey;
    background-color: darkgray;
}

.Button {
    padding: 15px;
    border-radius: 10px;
    border-color: blue;
    background-color: brown;
}

.MaxADH {
    max-height: 50%;
}

.text-shadow {
    text-shadow: 1px 1px yellow;
}

.WaterMark {
    color: #3a14fac9;
}

.Filters {
    color: white;
    padding: 10px;
    vertical-align: middle;
    text-align: justify-all;
    background: rgb(0,48,128);
    background: -moz-linear-gradient(180deg, rgba(0,48,128,1) 0%, rgba(95,141,233,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,48,128,1) 0%, rgba(95,141,233,1) 100%);
    background: linear-gradient(180deg, rgba(0,48,128,1) 0%, rgba(95,141,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003080",endColorstr="#5f8de9",GradientType=1);
}

.shadow-md {
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, 0.175) !important;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .card {
        padding: 0;
    }
}




.SIMASDDL-FILTER {
    z-index: 5024;
    background-color: #ccc;
    display: block;
    position: absolute;
}

.SIMASDDL-CONTAINER {
    min-height: 250px;
    max-height: 350px;
    overflow-x: hidden;
    z-index: 6024;
    padding: 5px 5px 0px 10px;
    background-color: #ccc;
    display: block;
    position: absolute;
    width: 90%;
}

.SIMASCHECKBOX tr td
input[type=checkbox] {
    visibility: hidden;
}

.PL25 {
    padding-left: 25px;
}

.PR25 {
    padding-right: 25px;
    padding-top: 5px;
}

.P7 {
    top: 0px;
    padding: 7px;
}

.SIMASCHECKBOX {
    position: relative;
    border-radius: 5px;
}

    .SIMASCHECKBOX tr td label {
        display: inline-block;
        border-radius: 5px;
        padding: 2px;
        transition: all .5s ease;
        cursor: pointer;
        position: absolute;
        top: auto;
    }

    .SIMASCHECKBOX tr td input[type=checkbox]:checked + label {
        background-color: darkgreen;
        color: white;
        right: 10px;
        left: auto;
        text-align: right;
    }

.FILTEREDLIST  li {
    display: inline-flex;
    list-style:circle;
}