/* A Custom Style Sheet */

@font-face {
    font-family: "Open Sans";
    src: url("CustomFont.eot");
    src: url("CustomFont.woff") format("woff"),
    url("CustomFont.otf") format("opentype"),
    url("CustomFont.svg#filename") format("svg");
    }
body{
    /*background: lightgrey;*/
    background-image: url('../images/home_background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

header {
    background-color: #009900;
    color: #CCCC00;
	padding: 10px 0;
}
header h2 {
    text-decoration: none;
    text-transform: capitalize;
    font-style: normal;
    color: #FFFFFF;
    text-align: center;
    font-family: Georgia,Algerian,verdana,Arial, Helvetica, sans-serif;
}
header h4 {
    font-style: normal;
    font-family: Georgia,Palatino,times new roman,Vivaldi,sans-serif,Arial,Helvetica;
    color: #F8F8FF;
    text-align: center;
    font-stretch: wider;
}
header>.container-fluid{overflow: hidden;}
header>.container-fluid div{
    float:left;
}
header>.container-fluid>.bubble{
    background: rgb(255 255 255 / 30%);
    position: absolute;
}
.bubble-md{
    width: 100px;
    height: 100px;
    border-radius: 56px;
}
.bubble.bubble-sm{
    width: 50px;
    height: 50px;
    border-radius: 26px;
}
.bubble.bubble-xs{
    width: 25px;
    height: 25px;
    border-radius: 14px;
}
header>.container-fluid>.bubble:nth-child(1){
    left: 8%;
    top: 77px;
}
header>.container-fluid>.bubble:nth-child(2){
    left: 29%;
    top: -10px;
}
header>.container-fluid>.bubble:nth-child(3){
    left: 80%;
    top: 67px;
}
header>.container-fluid>.bubble:nth-child(4){
    left: 61%;
    top: 58px;
}
header>.container-fluid>.bubble:nth-child(5){
    left: 300px;
    top: -10px;
}
header>.container-fluid>.bubble:nth-child(6){
    left: 78%;
    top: 50px;
}
header>.container-fluid>.bubble:nth-child(7){
    left: 50%;
    top: 101px;
}
header>.container-fluid>.bubble:nth-child(8){
    left: 24%;
    top: 97px;
}
header>.container-fluid>.bubble:nth-child(9){
    left: 18%;
    top: 29px;
}
header>.container-fluid>.bubble:nth-child(10){
    left: 93%;
    top: 71px;
}
header>.container-fluid>.bubble:nth-child(11){
    left: 5%;
    top: 76px;
}
header>.container-fluid>.bubble:nth-child(12){
    left: 34%;
    top: -10px;
}
header>.container-fluid>.bubble:nth-child(13){
    left: 98%;
    top: 19px;
}
header>.container-fluid>.bubble:nth-child(14){
    left: 71%;
    top: 32px;
}
header>.container-fluid>.bubble:nth-child(15){
    left: 39%;
    top: 62px;
}
header>.container-fluid>.bubble:nth-child(16){
    left: 78%;
    top: 50px;
}
header>.container-fluid>.bubble:nth-child(17){
    left: 49%;
    top: -10px;
}
header>.container-fluid>.bubble:nth-child(18){
    left: 8%;
    top: -10px;
}
header>.container-fluid>.bubble:nth-child(19){
    left: 31%;
    top: 78px;
}
header>.container-fluid>.bubble:nth-child(20){
    left: 24%;
    top: 54px;
}
.text-justify{text-align:justify;}
.section_description h2{padding: 30px 0;}
.section_description{
    min-height: 550px;/*78vh;*/
    background: rgb(255 255 255 / 60%);
}
.section_description p{
    font-weight: 500;
}
footer{
    /*position: absolute;
    bottom: 0;*/
    padding-top: 10px;
    background: rgb(188 188 188 / 90%);
    width: 100%;
}
footer>.owner p{margin: 10px 0;}
#frmLogin{
    width: 36%;
    border: 1px solid #737373;
    padding: 20px;
    margin: auto;
    border-radius: 5px;
    box-shadow: 2px 2px 2px;
    background: #FFFFFF;
}
#frmLogin>.form-group{padding-bottom: 20px;}
#frmLogin label{font-weight: 500;}
#btnReset{margin-left: 10px;}
#frmLogin>.btn{box-shadow: 2px 2px #000000;}
.link{text-decoration:none;color:#000000;font-weight: 500;}
.table>thead>tr>td{font-weight: 600;}
.table>thead{background: lightgrey;}
.hidden{display:none!important;}
.important-note{font-weight: bold;color:#d92550;}
#sizeModal h5{font-weight: 600;}
#sizeModal .table tr td{min-width: 216px;}
.btn-size-chart{padding: 0;font-size: 15px;font-weight:600;border: none;background: #fff;color: #1aa0ff;cursor: pointer;}
.lbl-sub{font-size: 13px;}
.email{text-transform: lowercase;}
.mandatory-field, .note{color:red;}
.bg-green{background:#009900;}
#btnDepartmentLogin{margin-top: 10px;}
.table-condensed{border-collapse: inherit;
    width: -webkit-fill-available;}
.text_selected{background: #d2d2d2;}
#tblUnapprovedUserProfile tr td:nth-child(1){
    font-weight: 600;
}
.all-center, .all-center *{text-align: center!important;margin:auto 0px;}
#tblActiveUsers tr td:nth-child(5){min-width: 100px;}

/* Mobile Responsive */
@media screen and (max-width:699px) {
    #frmLogin{
        width:90%;
    }
    .loader-body{width: 70%;}
    .loader-icon{margin: auto 110px;}
}


/* Mobile Responsive */

/* Accessibility Options*/
#topBar{
    background: #0ac633;
    border-color: #198a05;
    border-bottom: 1px solid #198a05;
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;

}
#accessibility{padding-top: 10px;}
#accessibilityMenu{margin-bottom: 10px;}
#accessibilityMenu li{display: inline;float:left;}
.push-right{float:right!important;}
.accessiblelinks li{padding: 5px 7px;}
.accessiblelinks li:nth-child(1), .accessiblelinks li:nth-child(2), .accessiblelinks li:nth-child(3){border: 1px solid #ffffff;}
.accessiblelinks li:nth-child(1){border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.accessiblelinks li:nth-child(3){border-top-right-radius: 5px;border-bottom-right-radius: 5px; margin-right: 5px;}
.accessiblelinks li:nth-child(4){border: 1px solid #000000;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.accessiblelinks li:nth-child(5){border: 2px solid #ffaf03;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.accessiblelinks li:nth-child(4) a{color: #ffffff!important;}
.skipContent, .skipContent:hover, .accessiblelinks ul li a{text-decoration: none;color:#000000;}
.form-inline{display: inline-flex;}
.form-inline *{float: left!important;margin-left: 5px;}
.form-inline label{margin-top: 5px;}
.dark{background: #000000;color: #ffffff!important;}
.dark span a{color: #ffffff!important;}
.highContrast.light{background: #ffffff;}
/* Accessibility Options*/

/* Loader */
.loader-container{position: fixed;
    z-index: 10000;
    background: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100%;
    /*display: none;*/
}
.loader-body{    width: 30%;
    height: 100%;
    margin: auto;
    text-align: center;}
.loader-message{font-size: 34px;
    color: #ffffff;
    margin-top: 200px;}
.loader-icon{margin: auto 186px;}
.loader>.ball-grid-pulse>div{background: #0ac633;}
/* Loader */
.table-condensed th, .table-condensed tr td{text-align: center;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
.bold{font-weight: bold;}
.underline{text-decoration: underline;}

/* Datatable export button alignment */
div.dt-top-container {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  
  div.dt-center-in-div {
    margin: 0 auto;
  }
  
  div.dt-filter-spacer {
    margin: 10px 0;
  }

  thead input {
    width: 100%;
  }
  .upper { text-transform: uppercase; }
  .prev_val{font-weight: 600;}