thead {
     background: #385975;
    color: #fff !important;
   }
   thead:hover{
     background: #385975;
    color: #fff !important;
   }
/*.table th:first-child{
   border-top-left-radius:1.5rem;

}
.table th:last-child{
   border-top-right-radius:1.5rem;
  
}
.table  tr:last-child td:first-child {
  border-bottom-left-radius:1.5rem;
  
  }
 .table tr:last-child td:last-child {
  border-bottom-right-radius: 1.5rem; 
 
}*/




.modal-content{
  border-radius:1.5rem !important; 
}
/*.modal-header{
   border-top-left-radius:1.5rem;
   border-top-right-radius:1.5rem;
   
}*/
#example1,.table-responsive
{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem;
  border-bottom-left-radius:1.5rem;
  border-bottom-right-radius: 1.5rem;

}
/*payment details*/
#paymenttable tr:nth-of-type(odd) td { background-color:#fbfbfb; } /*odd*/
#paymenttable tr:nth-of-type(even) td { background-color:#e8ecee; } /* even*/
#paymenttable tr:hover:nth-child(odd) td {
    background-color: #c3e6cb;
}
#paymenttable tr:hover:nth-child(even) td {
    background-color: #b8daff;
}

#paymenttable,.table-responsive
{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem;
  border-bottom-left-radius:1.5rem;
  border-bottom-right-radius: 1.5rem;

}



span.selspan
{
	 color: #ff0000;
    font-size: 22px;
    font-weight: 600;
    padding: 3px;
}
.common-button a{
	margin-bottom: 5px;
}


#common{
  margin:3px; 
}
#msg{
    border-radius:1.5rem;
    cursor: pointer;
    width: 50%;
    font-weight: bold;

 }
 .error{
  color: red;
 }
/*scroll bar*/
::-webkit-scrollbar {
  width: 5px;
  height:5px;
}

/* Track */
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey;*/ 
  border-radius: 1.5rem;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #385975; 
  border-radius: 1.5rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #385975;  
}
    
/*scroll bar for model*/
/* Handle */
.modal-body::-webkit-scrollbar-thumb {
  background:#385975; 
  border-radius: 1.5rem;

}

/* Handle on hover */
.modal-body::-webkit-scrollbar-thumb:hover {
  background:#385975; 
}    

/*store title*/
.title
{
 color:#0ba2ee ; 
 text-transform: capitalize;
 text-align: center;
 font-weight: 50px;

}
/*coustom */
.custom::-webkit-scrollbar {
  width: 5px;
  
}
.custom::-webkit-scrollbar-thumb {
  background:#385975; 
  border-radius: 1.5rem;

}

/* Handle on hover */
.custom::-webkit-scrollbar-thumb:hover {
  background:#385975; 
}  

    /* custom css for permission only */
.thead {
    background: #385975;
    color: #fff !important;
}  
.table-primary, .table-primary>td, .table-primary>th {
    background-color: #b8daff;
}
.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #d6d8db;
}
.table-success, .table-success>td, .table-success>th {
    background-color: #c3e6cb;
}
.table-info, .table-info>td, .table-info>th {
    background-color: #bee5eb;
}
.table-warning, .table-warning>td, .table-warning>th {
    background-color: #ffeeba;
}
.table-danger, .table-danger>td, .table-danger>th {
    background-color: #f5c6cb;
}
.theadmodel
{
  background: #385975;
  color:white !important; 
}
/*circle form*/
 .form-control {
    width: 100%;
    border-radius:1.5rem;
    border: #CCC 1px solid;
  
  }
  /*circle btn*/
  .btn{
     border:none;
    border-radius:1.5rem;
    cursor: pointer;
    color: #fff;
  }


/* box */
.small-box{
  border-radius:1.5rem;
}
.small-box>.small-box-footer {
  background: rgba(0, 0, 0,0);
  border-radius:1.5rem;
}
#box{
   border-radius:1.5rem;
   border-top: 0;
}
#box_title {
    border-bottom: 0;
    background:#385975;
    color: #fff;
    border-top-left-radius:1.5rem;
     border-top-right-radius:1.5rem;
}
.box-header{
   border-top-left-radius:1.5rem;
   border-top-right-radius:1.5rem;
}
.box.box-info {
   border-top-left-radius:1.5rem;
   border-top-right-radius:1.5rem;
}
/*suppervisor */
.alert {
  border-radius: 1.5rem;
}
.modal-header, h4, .close {
    background: #385975 !important;
    color: white !important;
    text-align: center;
    font-size: 30px;
}
.modal-footer {
    background: #385975 !important;
    color: white !important;
    text-align: center;
    font-size: 30px;
}