.requierd {
border:1px solid #f70206; 
box-shadow: 0px 0px 5px #f70206;
}
 .doneRequierd {
border:1px solid #ced4da; 
box-shadow:none;
}

.welcome {
    display: block;
    margin: 20px 0px;
}

.btn-panel {
        display: contents;
}



.fixedTable  thead {
  display: table; 
  width:  100%;  
}

.fixedTable  tbody {
  display: block;  
  max-height: 400px;  
  overflow-y: auto;  
}

.fixedTable  tr {
  display: table;  
  width: 100%;
}


.star {
    color: red;
    padding-right:8px;
    font-size: 18px;
}
 .pnl_grd_ddl {
    border: solid 1px #000000; 
    height:300px !important; 
    overflow-y:scroll; 
    background-color: #fff;
    width: 32%; 
    position: absolute; 
    margin: 5px auto;
    display:none;
    z-index: 99999;
}

 

  .radioButtonList { 
     width: 98%;
     list-style:none; 
     margin: 0;  
     padding-right:10px;
     margin-right: 15px;
 }
 .radioButtonList.horizontal li {
      display: inline;
 }

 .radioButtonList label {
      padding-right:10px;
      font-size: 16px;
      font-weight: bold;
      display:inline;
 }
  

.ReportViewer {
  border:solid 1px !important;
  width:76%;
  height:1150px;
  overflow:hidden;
  direction:rtl; 
}
.ReportViewer table {
   margin: auto;   
   direction:rtl; 
}

.ReportViewer toolbar {
  background-color: transparent;
} 

.ReportViewer2 {
  border:solid 1px !important;
  width:89%;
  height:900px;
  overflow: auto;
}
.ReportViewer2 table {
   margin: auto; 
}
.ReportViewer2 toolbar {
        background-color: transparent;
}

.modal-header, 
.modal-footer{
   background-color: #367fa9;
   
}
.modal-header { 
   padding: 8px;
}

.modal-body {
    background: #ecf0f5;
}

.modal-dialog {
	max-width: 60%;    
    margin: 9% auto;
}
 
.modal-title { 
    color: #fff;
    font-size: 15px;
}

.close {
    float: right;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
    color: #f1e9e9;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.close:focus, .close:hover {
    color: #fff;
    cursor:pointer;
}



.lblmessage {
    color: red;
    font-size: 1.1rem;
    font-weight:bold;
}

.w100 {
    width:100% !important; 
}

.hidecontrol {
display:none !important;
}


.file-upload input {     
            margin: 0;
            font-weight: bold;
            opacity: 0; 
 }
         

 .file-upload span {   
       padding: 5px 16px;
       font-size: 16px;
       width: 95px;
       display: block;
       background: #2C3E50;
       color: #fff;
       border-radius: 10px;
 }

  .file-upload span:hover {
     cursor:pointer;
 }


.blank-row {
    padding-top: 15px;
}
.col-form-label-center {
    text-align: center;
    font-size: 1rem;
    color: #03161d;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.col-form-label { 
    text-align: left;
    font-size: 1rem;
    color: #03161d; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; 
}

select { 
    height:40px !important;
}

.lbl-center {
    text-align: center !important; 
}
.lbl-right {
    text-align: right !important;  
}
.lbl-left {
    text-align: left !important;  
}

.group-title {
    border: 2px solid #ff8800;
    width: 97%;
    margin: 15px;
    padding: 5px 15px 0px 10px;
    border-radius: 10px;
}
 

.txt-right { 
    width: 100% !important;
}

.txt-left { 
    width: 80% !important;
}

.ckb {
    background-color: #fff;   
    margin-right: 5px;
    width:98%;
    margin-bottom: 1px;
    text-align: right;
}

 .grd-btni {
    background-color: transparent;
    border: none; 
    cursor: pointer;
}

.ckb label {   
    padding-right: 5px;
}

.pnl_ddl {
    border: solid 1px #000000; 
    max-height: 300px;
    overflow-y:scroll; 
    background-color: #fff;
}

.pnl_txt {
    background-image: url(../img/drpdwn.png) !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
 
}

.rdb2 {
    background-color: transparent;  
    border: 0px;
    border: none !important;
}

.rdb2 radio{
    background-color: transparent;  
}

.rdb2 label { 
    font-size: 1rem;
    text-transform: capitalize;
    padding-left: 75px; 
    padding-right: 10px;
}


.rdb {
    background-color: transparent;  
    border: 0px;
    border: none !important;
}

.rdb radio{
    background-color: transparent;  
}

.rdb label { 
    font-size: 1rem;
    text-transform: capitalize;
    padding-left: 20px; 
    padding-right: 10px;
}

 .table-wrapper
{  
    height: 500px;
    overflow: auto;   
}
 .table-wrapper::-webkit-scrollbar {
width: 0px;
} 
  .table-wrapper::-moz-scrollbar {
width: 0px;
} 
 .grd-btn {       
      padding-right: 10px;
      color:  #000 !important;
}
  .grd-btn:hover {        
      color:  #fff !important;
}
.grd-txt {       
       text-align:right;
       background-color: #fff;
       border:0px;
       font-size: 15px;
       outline: none;
       background: inherit;
} 
.grd-ddl {      
    font-size: 15px; 
    background-color: Transparent;
    width: 100% !important; 
    height: auto !important; 
    border: none; 
    outline: none; 
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
 
} 


.grd-style {         
       margin-bottom: 10px;
       border: none ; 
       background-color: #fff;
       width:100%;
}
.grd-head  {
  padding : 6px 0 ;
  font-family:Changa; 
  font-size: 15px;
  background-color:  #f69d2f;
  color: #fff;
  text-align: center;
  border: solid 1px #525252; 
}

.grd-style th  {
  padding : 6px 0 ;
  font-family:Changa; 
  font-size: 15px;
  background-color: #ff7b00;
  color: #fff;
  text-align: center;
  border: solid 1px #525252; 
}

.grd-style th a {
       text-decoration:none;
       font-family:Changa; 
       color: #fff;
      }
.grd-style th a:hover {
     text-decoration:underline;   
 }
 

.grd-style  td {
      padding: 5px;  
      font-family:Changa; 
      font-size: 17px ;
      border: solid 1px #525252; 
}

.grd-style tr:hover {
   background-color : #fdac07;
    color : #fff; 
}
 
.grd-style .pager {
 background-color:#f1ecec;
}
.grd-style .pager table {
     margin: 0 auto;
     float:left;
}

.grd-style .pager td {
    border-width: 0;
    padding: 12px 10px;
    font-weight: bold;
    color: #000; 
    line-height: 5px; 
}

.grd-style .pager a {
    margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px ;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}

.grd-style .pager a:hover {
background-color:#ae2676;
    color:#fff;
}

.grd-style .pager span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:1px 15px ;
}
 
 
.grd-style8 {       
       width: 83%; 
       margin-right: 10%;
       margin-bottom: 10px;
       border: solid 1px #525252; 
       background-color: #fff;
}

.grd-style8 th  {
  padding : 6px 0 ;
  font-family:Changa; 
  font-size: 15px;
  background-color:#47802b;
  color: #fff;
  text-align: center;
  border: solid 1px #525252; 
}

.grd-style8 th:nth-child(9) {
    display:none;
}

.grd-style8 th a {
       text-decoration:none;
       font-family:Changa; 
       color: #fff;
      }
.grd-style8 th a:hover {
     text-decoration:underline;  
 }

.grd-style8  td {
      padding: 5px;  
      font-family:Changa; 
      font-size: 17px ;
}
 
 
.grd-style8 .pager {
 background-color:#f1ecec;
}
.grd-style8 .pager table {
     margin: 0 auto;
     float:left;
}

.grd-style8 .pager td {
    border-width: 0;
    padding: 12px 10px;
    font-weight: bold;
    color: #000; 
    line-height: 5px; 
}

.grd-style8 .pager a {
    margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px ;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}

.grd-style8 .pager a:hover {
background-color:#ae2676;
    color:#fff;
}

.grd-style8 .pager span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:1px 15px ;
}
 

.grd-style2 {       
       width: 83%; 
       margin-right: 10%;
       margin-bottom: 10px;
       border: solid 1px #525252; 
       background-color: #fff;
}

.grd-style2 th  {
  padding : 6px 0 ;
  font-family:Changa; 
  font-size: 15px;
  background-color:  #f69d2f;
  color: #fff;
  text-align: center;
  border: solid 1px #525252; 
}

.grd-style2 th a {
       text-decoration:none;
       font-family:Changa; 
       color: #fff;
      }
.grd-style2 th a:hover {
     text-decoration:underline;  
 }

.grd-style2  td {
      padding: 5px;  
      font-family:Changa; 
      font-size: 17px ;
}
 
 
.grd-style2 .pager {
 background-color:#f1ecec;
}
.grd-style2 .pager table {
     margin: 0 auto;
     float:left;
}

.grd-style2 .pager td {
    border-width: 0;
    padding: 12px 10px;
    font-weight: bold;
    color: #000; 
    line-height: 5px; 
}

.grd-style2 .pager a {
    margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px ;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}

.grd-style2 .pager a:hover {
background-color:#ae2676;
    color:#fff;
}

.grd-style2 .pager span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
    box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:1px 15px ;
}
 
 .grd-style3 {       
       width: 97%; 
       margin-right: 0;
       margin-bottom: 10px;
       border: solid 1px #525252; 
       background-color: #fff;
}

.grd-style3 th  {
  padding : 6px 0 ;
  font-family:Changa; 
  font-size: 15px;
  background-color:  #f69d2f;
  color: #fff;
  text-align: center;
  border: solid 1px #525252; 
}

.grd-style3 th a {
       text-decoration:none;
       font-family:Changa; 
       color: #fff;
      }
.grd-style3 th a:hover {
     text-decoration:underline;  
 }

.grd-style3  td {
      padding: 5px;  
      font-family:Changa; 
      font-size: 17px ;
}

.grd-style3 tr:hover {
   background-color : #f69d2f;
    color : #fff; 
}

 
.grd-style3 .pager {
 background-color:#f1ecec;
}
.grd-style3 .pager table {
     margin: 0 auto;
     float:left;
}

.grd-style3 .pager td {
    border-width: 0;
    padding: 12px 10px;
    font-weight: bold;
    color: #000; 
    line-height: 5px; 
}

.grd-style3 .pager a {
    margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px ;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}

.grd-style3 .pager a:hover {
background-color:#ae2676;
    color:#fff;
}

.grd-style3 .pager span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
    border-radius:50%;
    padding:1px 15px ;
}
  

@media (max-width: 767px) {
    .col-form-label { 
    text-align: center; 
}


.txt-right { 
    width: 100% !important;
}

.txt-left { 
    width: 100% !important;
}



}