Your IP : 216.73.216.91
/* ================================= Clear Fix Class================================*/
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
a.bottom img{top:95%;}
/* ================================= Clear Fix Class================================*/
/* ==================================== Login Page ====================================== */
/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
height: 5px; border-top: 0;background: #c4e17f;border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
/* ==================================== Login Page ====================================== */
/* ============================== Index page tiltes Start =============================== */
.homepage .card{height: 115px;width: 100%;}
.padding-0{padding: 0.4%;}
.not-anchor{color: #ffff; text-decoration: none;}
.not-anchor:hover{color: #ffff; text-decoration: none; cursor: pointer;}
/* ============================== Index page tiltes End =============================== */
/*=================================== General Css Start ========================================================*/
img.llcf-header-white{width: 2%;margin-right: 1%;}
.header-brand-separator{padding-right: 1%;}
label.error{color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;padding: 2px 10px;border-radius: 4px;position: absolute;margin-top: -5px;margin-left: 1%;font-size: 10px;}
.container-margin{margin-bottom: 5%;min-height: 550px;}
.llcf-pri{background-color: #005073 !important;}
.llcf-pri:hover{background-color: #3385ab !important;}
.llcf-sec{background-color: #05a8c4 !important;}
.table-responsive {font-size: 12px;}
tfoot input {width: 100%;padding: 3px;box-sizing: border-box;}
th,td{white-space: nowrap;}
.navbar,footer{background-color: #005073 !important;}
footer{ width: 100%; height: 56px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 10}
.form-heading{color: #005073 !important;}
.social{display: inline;float: left;margin-top: -8px;}
.copyright{margin-left: 40%;}
.colorgraph {background-image: linear-gradient(to right, #005073, #005073 12.5%, #005073 12.5%, #005073 25%, #005073 25%, #005073 37.5%, #005073 37.5%, #005073 50%, #005073 50%, #005073 62.5%, #005073 62.5%, #005073 75%, #005073 75%, #005073 87.5%, #005073 87.5%, #005073);}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {color: #fff;background-color: #005073;border-color: #4e555b;}
.radio-line-height{line-height: 20px;height: 38px;margin-top: 6%;}
hr.thin{height: 1px;}
.ui-autocomplete{height: 20%; overflow: scroll;}
.ui-autocomplete > .ui-menu-item > .ui-menu-item-wrapper{font-size: 13px;color: #808080;}
select.select-placeholder{padding: 4px;font-size: 13px;line-height: 18px;color: #808080;border: 1px solid #ccc;}
.container-dt{width: 98%;margin-bottom: 5%;}
/* td,th{border: 1px solid #808080;} */
/*=================================== General Css Start ========================================================*/
img.checkmark{width: 3%;}
img.spinner_progress{width: 4%;}
.nav-item{border-right: 1px solid #1f6e8f;}
li.active{border-bottom: 1px solid #fff;}
header{height: 65px;}
.dt-select{height: 27px; padding: 0; font-size: 12px; min-width: 60px;}
.dataTable tbody tr td{min-width: 60px;}
.print_form textarea{height: 125px;}
div.dt-button-collection {width: auto !important;}
.dt-buttons{float: left;}
.dataTables_wrapper .dt-buttons .btn-group{margin-right: 5px;}
.dropdown-item.active, .dropdown-item:active{background-color: #005073;}
table.dataTable.table-striped>tbody>tr.odd.selected>*,table.dataTable.table-striped>tbody>tr.even.selected>* {box-shadow: inset 0 0 0 9999px #005073;box-shadow: inset 0 0 0 9999px rgba(#005073);}
tr.selected td a{color: #fff !important}
.page-item.active .page-link {background-color: #005073; border-color: #005073;}
.page-link {color: #005073;}
/* For table-dark */
/* .dtfc-fixed-left{background-color: #343a40 !important;} */
div.dataTables_wrapper div.dataTables_processing {width: 100px; z-index: 100; padding: 0;}
.dataTables_info{float: left;}
#attend-container{width: 80%;user-select: none; -moz-user-select: none; -webkit-user-select: none;-ms-user-select: none;}
#attend-container .attend{border: 1px solid #6c757d96; color: #fff;padding: 0; cursor: pointer; background: #005073;height: 40px;}
#attend-container .stu_name{width: 80%;float: left; text-align: left; padding-left: 5px;height: 40px; line-height: 40px;}
#attend-container .stu_attend{width: 20%;float: right; text-align: center; border-left: 1px solid #000; color: #fff;height: 40px; line-height: 40px;}
#attend-container-action{margin-bottom: 5%;}
#attendance_form {margin-top: 1%;}
#attendance_form label.error {margin-left: 42%;margin-top: 4%;}
.dropdown:hover .dropdown-menu {display: block; margin-top: 0; /* remove the gap so it doesn't close */}
@media (min-width:320px) and (max-width: 641px) {
/* smartphones, iPhone, portrait 480x320 phones */
.container-margin {width: 98%; margin-bottom:15%;}
.container-dt{margin-bottom:20%; z-index: 3;}
.form-group > * {margin-bottom: 5px;}
.dataTables_wrapper .btn-group{margin-bottom: 5px;}
.dataTables_wrapper .dt-buttons .btn{margin-bottom: 5px;}
footer {z-index: 5;}
img.llcf-header-white {width: 6%;}
.homepage.container-margin{margin-left: 0;}
.homepage .card { margin-left: 2% !important; }
.copyright {margin-left: 0;}
#attend-container{margin-bottom: 0; width: 98%;}
#attend-container-action{margin-bottom: 52%; width: 98%;}
#attendance_form label.error {margin-left: 29%;margin-top: 2%;}
#attendance_form {margin-bottom: 18%;}
}
/* For bigger screens */
@media (min-width:1600px) {.container-margin, .container-dt {width: 98%; margin-bottom:1%; margin-top: 1%;}}
/* @media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. *\/ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones *\/ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops *\/ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops *\/ }
@media (min-width:1281px) { /* hi-res laptops and desktops *\/ } */