.header-bg
{
    background-color: #133983; color: white;
}
.login-shadow
{
    box-shadow: 0 0 0 2em white,
              0 0 0 4em #66CCFF;
}
.alert.alert-danger
{
    background :rgb(204, 40, 40) !important;
}
#nosllreq
{
    display:none;
}
.curs {
    cursor:pointer;
    color:green;
}
.cance {
    color: red;
}
.navbar {
    font-weight: 400;
    transition: background 0.25s ease;
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
    border-bottom: 4px solid #013888;
}

/* input{
    border:.1px dashed #bfc4cc !important;
} */
select,textarea,input{
    border:.1px dashed #bfc4cc !important;
    
}
select.form-control{
    color:black !important;
}
.btn-blue{
    background: #013888;
    color:white !important;
}
.btn{
    font-weight:bold;
}

.bolding{
    font-weight:bold;
}
.myCard {
    /* box-shadow: 1px 1px 1px 1px #aaaaaa; */
    border-radius: 15px;
    background: rgba(1, 56, 136, 0.2  );
    padding-top: 20px;
    max-height: 180px;
    position: relative;
    padding-bottom: 30;
    margin-bottom: 30px;
    background-color: #133983;

}
/* .myCard:hover {
    transform: translateY(-5px) scale(1.005) translateZ(0);
    box-shadow: 0 24px 36px rgba(0,0,0,0.11),
      0 24px 46px var(--box-shadow-color);
    background: rgba(1, 56, 136, 0.2  );
    box-shadow:20px, #133983; 
    transition: all ease 1.5s;
    background-color: #133983;
     
      
  } */
  
  .myCard:hover .card-category {
   color: white;
   
  }

 .myCard:hover .card-title{
    color: white;
 } 
 .myCard .card-category {
    color: white;
    
   }
 
  .myCard .card-title{
     color: white;
  } 
  
  .myCard .stats{
     color: white;
     text-transform:uppercase;
  }
 .card-content-margin{
    margin-top:-30px !important;
 }

 .text-center{
    margin-left: 0%;
    padding-left: 0%;
    
 }
 /* #sidebar
 {
    background: #013888;
 }
 #sidebar li a{
    color:white;
 } */

 /* .page-body-wrapper {
    min-height: calc(100vh - 4.625rem);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.875rem;
    background: #c5e8f4;
} */


.card .card-title {
    /* color: #f4f6f9; */
    /* margin-bottom: 1.5rem; */
    text-transform: capitalize;
    font-size: 1.0rem;
}
.card-title {
     margin-bottom: 0px !important;
}
.card-footer hr{
    background: white;
}
.card-footer{
    border-top:none;
    padding-top:20px;
}
.razorpay-payment-button{
   background: #3b579d !important;
   color:white !important;
   text-align:left;
}
.bs-example{
    margin: 20px;
}

/* for multi select */
/* 
.MultiCheckBox {
    border:1px solid #e9dbdb;
    padding: 5px;
    border-radius:4px;
    cursor:pointer;
    z-index:100000;
}

.MultiCheckBox .k-icon{ 
    font-size: 15px;
    float: right;
    font-weight: bolder;
    margin-top: -7px;
    height: 10px;
    width: 14px;
    color:#d4d2e0;
} 

/* .MultiCheckBoxDetail {
    display:none;
    position:absolute;
    border:1px solid #0abe46;
    overflow-y:hidden;
} */
/* 
.MultiCheckBoxDetailBody {
    overflow-y:scroll !important;
}

    .MultiCheckBoxDetail .cont  {
        clear:both;
        overflow: hidden;
        padding: 2px;
    }

    .MultiCheckBoxDetail .cont:hover  {
        background-color:#c9c0c0;
    }

    .MultiCheckBoxDetailBody > div > div {
        float:left;
    }



.MultiCheckBoxDetailHeader {
    overflow:hidden;
    position:relative;
    height: 28px;
    background-color:#3d3d3d;
}

    .MultiCheckBoxDetailHeader>input {
        position: absolute;
        top: 4px;
        left: 3px;
    }

    .MultiCheckBoxDetailHeader>div {
        position: absolute;
        top: 5px;
        left: 24px;
        color:#fff;
    } */ 

    .select2-container--default .select2-selection--multiple {
        background-color: white;
        border:.1px dashed #bfc4cc !important;
        border-radius: 0px !important;
        cursor: pointer !important ;
        padding-bottom: 14px !important;
        padding-right: 0px;
    }
    thead{
        background-color: #133983; color: white;
    }
   #sec{
    display:none;
   }
#renewBtn{
    cursor: pointer;
}
.fa-eye:hover {
  cursor: pointer;
}

.fa-trash:hover {
  cursor: pointer;
}


    /* table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
      }
      
      table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
      }
      
      table tr {
        /* background-color: #f8f8f8; 
        border: 1px solid #ddd;
        padding: .35em;
      }
      
      table th,
      table td {
        padding: .625em;
        text-align: center;
      }
      
      table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
      
      @media screen and (max-width: 600px) {
        table {
          border: 0;
        }
      
        table caption {
          font-size: 1.3em;
        }
        
        table thead {
          border: none;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
        }
        
        table tr {
          border-bottom: 3px solid #ddd;
          display: block;
          margin-bottom: .625em;
        }
        
        table td {
          border-bottom: 1px solid #ddd;
          display: block;
          font-size: .8em;
          text-align: right;
        }
        
        table td::before {
          /*
          * aria-label has no advantage, it won't be read inside a table
          content: attr(aria-label);
          
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase;
        }
        
        table td:last-child {
          border-bottom: 0;
        }
      }
      
      /* general styling */
      /* body {
        font-family: "Open Sans", sans-serif;
        line-height: 1.25;
      } */
      div.multiselect, select#meal, button {
        margin: 5px;
      }
      
      .multiselect {
        width: 200px;
      }
      
      .selectBox {
        position: relative;
      }
      
      .selectBox select {
        width: 100%;
        font-weight: bold;
      }
      
      .overSelect {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
      }
      
      #checkboxes {
        display: none;
        border: 1px #dadada solid;
      }
      
      #checkboxes label {
        display: block;
      }

      .remove-button {
        background-color: rgb(189, 36, 36);
        color: white;
        border: black;
        padding: 5px 10px;
        cursor: pointer;
      }