.login-page, .user-header, .user-panel{
    background: url('../images/bg.jpg') center center ;
  }
.user-name, .logo-lg{
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
}
#programe-name{
margin-bottom : 50px;
font-size: 35px;
text-align : center;
color: #fff;
text-shadow: 0 1px 0 #ccc, 
           0 2px 0 #c9c9c9,
           0 3px 0 #bbb,
           0 4px 0 #b9b9b9,
           0 5px 0 #aaa,
           0 6px 1px rgba(0,0,0,.1),
           0 0 5px rgba(0,0,0,.1),
           0 1px 3px rgba(0,0,0,.3),
           0 3px 5px rgba(0,0,0,.2),
           0 5px 10px rgba(0,0,0,.25),
           0 10px 10px rgba(0,0,0,.2),
           0 20px 20px rgba(0,0,0,.15);
}

.cheque-bank{
  background-color: lightblue;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.5);
  height: 320px;
  border: 10px outset lightblue;
  color:#000;
  font-size:30px;
}
.cheque-bank-all{
  margin-bottom: 20px;
}
.cheque-bank-title{
  font-size:15px;
  font-weight: bold;
  text-shadow: 1px 1px;

}
.cheque-bank-value{
  font-size:15px;
  font-weight: bold;
}

.clock {
margin-top : 10px;
color: #fff;
font-size: 25px;
border-radius: 1px;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
}
.table-responsive{
  margin-top : 10px;
  border-radius: 12px;
  padding : 10px;
}
.table-design {
border: 3px solid #000;
}

.table-design thead, .table-design tfoot {
border: 3px solid #000;
background-color: #feb236;
font-size:18px;
}
.table-design th{
border: 2px solid #000;
}
.table-design tbody th{
font-size:16px;
}
.table-design tbody tr:nth-child(odd){
background-color: #f2f2f2;
}
.table-design tbody tr:nth-child(even){
background-color: #c2c2c2;
}


.barcode{
font-family: 'Libre Barcode 39 Text';
}

.asterisk {
font-size: 20px;
position: absolute;
left: 10px;
top: 20;
color: #D20707;
z-index: 99999;
}
.show-password {
font-size: 20px;
position: absolute;
top: 5px;
left: 10px;
z-index: 99999;
}
.show {
font-size: 10px;
position: absolute;
right: 15px;
color: #D20707;
z-index: 99999;
}


.picture_control {
position: relative;
}

.picture_edit {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}

.control {
transition: .5s ease;
opacity: 0;
position: absolute;
right:40px;
bottom:40px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

.picture_control:hover .picture_edit {
opacity: 0.8;
}

.picture_control:hover .control {
opacity: 1;
}

.example-modal .modal {
position: relative;
top: auto;
bottom: auto;
right: auto;
left: auto;
display: block;
z-index: 1;
}

.example-modal .modal {
background: transparent !important;
}