html, body{
    font-family: 'Archivo Black', sans-serif;
  width:100%;
  height:100%;
  margin:0px;

}


body{
  background: url("/storage/images/BGLOGIN.jpg") rgba(255, 255, 255, 1) ;
  background-size:cover;
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.etContainer{
  background-color: #061540!important;
}

.etBoxLogin{
  /* background-color: #EEF1F6!important; */
    display:flex;
    flex-direction:column;
}


/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .etBox div,
  .etBox {
    /* background-color: #19191a!important; */
    visibility: hidden;
    display:none;
    flex-direction:column;
    
  }
  .loginTitle1{
    visibility: hidden;
    color: #061540;
  }
  .loginTitle2{
    visibility: show;
    color: #061540;
  }
 }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .etBox div,
  .etBox {
    /* background-color: #19191a!important; */
    visibility: hidden;
    display:none;
    flex-direction:column;
    
  }
  .loginTitle1{
    visibility: hidden;
    display:none;
    color: #061540;
  }
  .loginTitle2{
    visibility: show;
    color: #061540;
  }
 }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .etBox div,
  .etBox {
    /* background-color: #19191a!important; */
    visibility: hidden;
    display:none;
    flex-direction:column;
    
  }
  
  .loginTitle1{
    visibility: hidden;
    display:none;
    color: #061540;
  }
 }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  .LoginlogoSmall{
    visibility: hidden;
    display:none;
  }
  .loginTitle1{
    visibility: show;
    color: #061540;
  }
  
 }

 @media (max-width: 5000px) { 
  .LoginlogoSmall{
    visibility: hidden;
    display:none;
  }
  .loginTitle1{
    visibility: show;
    color: #061540;
  }
  
 }


form{
  display:flex;
  flex-direction:column;
  padding: 15px;
}
table th{
    display:none;
}
table tr{


}

table{
    overflow:scroll;

}
.dataTables_paginate  .paginate_button  {
    text-decoration: none!important;
    position: relative;

    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;

    cursor:pointer;
}
.dataTables_paginate  .paginate_button:hover  {
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);
}
.dataTables_paginate  .previous  {
    border-top-left-radius: 3px;
}
.dataTables_paginate  .current  {
    border-top-right-radius: 3px;
    background-color: #dee2e6!important;
}
.dataTables_paginate  .disabled  {
    border-top-right-radius: 3px;
}
.dataTables_paginate  {
    display:block;
    margin:0 auto;
    width:auto;
    margin-top:15px;
    text-align: center;
    align-content: center;
    justify-content: center;
    margin-bottom:10px;
}
.newsBox h6{
    text-decoration: none!important;
    color: #1b2d41;
}
.newsBox a{
    text-decoration: none!important;
}
.boxNews{
    width:95%;
    height:75%;
    margin:0 auto;
    margin-bottom:5px;
    overflow:auto;
    padding-right:10px!important;
    padding-left:10px!important;
}
.info{
  width:100%;
  /* padding 1em 5px; */
  text-align:center;
  min-height:45px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.info .error{
  border:1px solid #a90e0;

  color:#a90e0;
}
.info p{
  margin:auto;
  padding:5px;
}
.info .good{
  border:1px solid #416d50;
  background-color: #47cf73;
  color:#416d50;
}

.r-container{
background-color: #1D5FA2!important;
}
.l-container{
padding-top:15px;
padding-right:10px;
padding-left:10px;
padding-bottom:5px;
}
.custom-form{
width:100%;
margin:0 auto;
}
.boxMenu{

cursor: pointer;
text-align: center;
font-size: 0.8em;
padding:3px;
width:100px;
}
.boxMenu:hover{
-webkit-box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.15);
box-shadow: 1px -2px 5px 0px rgba(0,0,0,0.15);
}
.boxMenu-r{
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.boxMenu-l{
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.newsBox{
/* border-bottom:0.5px solid #D4D4D4; */
padding-bottom: 5px;
margin-bottom:5px;
}
.newsBox .title{
margin-bottom: 0px;
font-size: 0.9em;
}
.newsBox .datetext{
font-size: 0.65em;
margin-bottom: 10px;
}
.newsBox .content{
    margin-top:6px;
font-size:0.65em;
}
.form-group{
font-size:0.8em;
}

.loginText{
padding:3px!important;
border-radius: 2px!important;
border:2px;
box-shadow: none;
border-width: 0 0 0.1px;

border-color:azure!important;
}
.custom-form .form-group .form-control {

z-index: 1;

background-color: #EEEEEE;
width: 100%;
border-bottom-color: #6F6F6F;
height: auto;

}
.loginLabel{
font-size: 0.9em;
color:white;
}

button{
  height:34px;
  padding: 5px 5px;
  margin: 10px 0px;
      font-weight:bold;
  /*background-color:#065980*/;
  background-color:#ededed;
  border:none;
  color:#065980;
  cursor:pointer;
  font-size:1.0em;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
button:hover{
  background-color:#1b2d41;
  color:white;

}