/*!
  
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
  

     /*Tbl Start*/
     #dropdown tr td {
         white-space: nowrap;
         
      /*padding: 12px;*/
       /*border: 1px solid black;*/
       vertical-align:middle;
       width:100%;
    /*padding: 10px*/
  }

      #dropdown tr td:nth-child(1) {
          width: 5%;
          text-align:center;
          padding-right:2px;
             
      }

      #dropdown tr td:nth-child(2) {
          width: 10%;

      }

      #dropdown tr td:nth-child(3) {
          width: 4%;
           padding-right:2px;
      }

      #dropdown tr td:nth-child(4) {
          width: 40%;
      }

      #dropdown tr td:nth-child(5) {
          width:10%;
              
      }

      
  /*Tbl End*/

  /*Tbl2 Start*/
  #search tr td {
      padding: 0px;
  }

      #search tr td:nth-child(1) {
          width: 65px;
      }

      #search tr td:nth-child(2) {
          width: 70px;
      }

  table tr td:nth-child(3) {
      width: 80px;
  }

  #search tr td:nth-child(4) {
      width: 200px;
  }

  #search tr td:nth-child(5) {
      width: 120px;
  }
/*Tbl2 End*/


  .search {
      float: right;
      padding: 2px;
      margin-top: 2px;
      margin-right: 0px;
      border: none;
      font-size: 17px;
  }

      .searchddl {
      float: left;
      padding: 2px;
      margin-top: 2px;
      margin-right: 0px;
      border: none;
      font-size: 17px;
  }

 /*Tbl3 Start*/
 #dropdown1 tr td {
    padding: 0px;
}

    #dropdown1 tr td:nth-child(1) {
        width: 80px;
    }

    #dropdown1 tr td:nth-child(2) {
        width: 130px;
    }

    #dropdown1 tr td:nth-child(3) {
        width: 80px;
    }

    #dropdown1 tr td:nth-child(4) {
        width: 600px;

    }

    #dropdown1 tr td:nth-child(5) {
        width: 80px;
        text-align:center;
    }
     #dropdown1 tr td:nth-child(6) {
        width: 70px;
    }

       #dropdown1 tr td:nth-child(7) {
        width: 70px;
       
    }

/*Tbl3 End*/


/*Tbl4 Start*/
 #alerttbl tr td {
    /*padding-right: 20px;*/
    white-space: nowrap;
    width: 100%
    
}

    #alerttbl tr td:nth-child(1) {
        /*width: 30%;*/
         padding-right:5px;
         padding-left:5px;
          
    }

    #alerttbl tr td:nth-child(2) {
          padding-right:5px;
         padding-left:5px;
          
     /*width: 80%;*/
    }

    #alerttbl tr td:nth-child(3) {
        width: 1%;
    }

    #alerttbl tr td:nth-child(4) {
         width: 1%;

    }

    #alerttbl tr td:nth-child(5) {
          width: 1%;
    }
     #alerttbl tr td:nth-child(6) {
    width: 1%;
    }

       #alerttbl tr td:nth-child(7) {
         width: 1%;
       
    }


/*Tbl4 End*/


.closebtn{
  
   float: right;
}


 .status {
    
  /*width: 100%;
      float: right;
      margin-top: 2px;
      margin-right: 0px;
      border: none;*/

  float: right;
      padding: 2px;
      margin-top: 2px;
      margin-right: 0px;
      border: none;
      font-size: 17px;
    
  }
 





.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-body {
 
}
.modal-open {
 
/*overflow: hidden;*/
  padding-right: 16.7px !important;
}
.modal-open .modal-backdrop.in:nth-child(2) { opacity: .5 }
.modal-backdrop.in { opacity: 0.3 }


/*Calendar Related*/
  .isOtherMonth {
          background-color: transparent !important;
      }

          .isOtherMonth table td span {
              display: none;
          }

      table tr td {
          vertical-align: top;
      }

          table tr td a {
              padding: 5px;
          }

          table tr td span {
          }

      .table-bordered {
          border: 1px solid #B3D2D8;
      }


  .row {
      margin-top: 0px;
      padding: 1px 1px;
  }

  .clickable {
      cursor: pointer;
  }

  .panel-heading span {
      margin-top: -20px;
      font-size: 10px;
  }

  .panel {
      margin: 0 !important;
      padding: 0 !important;
  }

  .borderless td, .borderless th {
      border: none;
  }

  .panel-body {
      background: #e3f2fd;
  }


  .CustomCellCss a {
      background-repeat: no-repeat;
      background-position: top right;
      background-color: #ffe0fb;
      height: 100%;
      display: inline-block;
      width: 100%;
  }



  /**Badge**/

.badge1 {
white-space: nowrap;
color: white;   
padding: 1px 9px 2px;
font-size: 11.025px;
font-weight: bold;
white-space: nowrap;
color: #ffffff;
background-color: #999999;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
width:100%;
    display: inline-block;    
     text-align:center; 
       font-family: Arial;
font:status-bar;
border-bottom: 1px solid #ffe0fb; 
}


/* BY INTEKSOFT - OCT 2020 */
.badge1-start {
    border-radius: 9px 0px 0px 9px;
    -webkit-border-radius: 9px 0px 0px 9px;
    -moz-border-radius: 9px 0px 0px 9px;
    border-radius: 9px 0px 0px 9px;
}

/* BY INTEKSOFT - OCT 2020 */
.badge1-continue {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* BY INTEKSOFT - OCT 2020 */
.badge1-end {
    border-radius: 0px 9px 9px 0px;
    -webkit-border-radius: 0px 9px 9px 0px;
    -moz-border-radius: 0px 9px 9px 0px;
    border-radius: 0px 9px 9px 0px;
}


.badge1-error {
    background-color: #c05c5a;
}

.badge1-warning {
background-color: #1E90FF;
}

.badge1-warning2 {
background-color: #1E90FF;
 /*width: auto;*/
 width: 50px;
}

.badge1-success {
background-color: #228B22;
 
/*background-color: #FF0000;*/
}

.badge1-success2 {
background-color: #228B22;
width: 80px;
/*background-color: #FF0000;*/
}



.badge1-info {
/*background-color: #FF3333;*/ 
/*background-color: #3399FF;*/
background-color: #ff3333;

}

.badge1-info2 {
/*background-color: #FF3333;*/ 
/*background-color: #3399FF;*/
width: 80px;
background-color: #ff3333;
 

}
.badge1-primary {
background-color: #CCCC00;

}
.badge1-inverse {
background-color: #333333;
}


.swal2-container {
        position: fixed;
        bottom: 0;
        right: 0;
        padding-left:70px;
        /*zoom: 1.3;*/
        /*display: block;*/
       
      }
      
.swal2-popup 
{
        font-size: 1.5rem !important;
      }



.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}


/*--------------Gridv Start--------------------*/

.Grid {background-color: #fff; width:100%;  font-size: 1.0em; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-family:Calibri; color: #474747;text-align: center; }

.Grid td {
word-wrap:break-word;

/*word-break:break-all;*/

table-layout:fixed;
 
padding: 1px;

border: solid 1px #c1c1c1; }

.Grid th  {

padding : 4px 2px;

text-align: center;

color: #fff;

background: #9aab5c url(Images/grid-header.png) repeat-x top;
 

border-left: solid 1px #525252;

font-size: 1.0em; }



.Grid .pgr a:hover { color: #000; text-decoration: none; }

/*---------GridV End-----------------------*/



/*--------Grid2 Start---------------------*/
.Grid2 {background-color: #fff; width:100%;  font-size: 1.0em; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-family:Calibri; color: #474747;text-align: center; }

.Grid2 td {
word-wrap:break-word;

word-break:break-all;

table-layout:fixed;
 
padding: 1px;

border: solid 1px #c1c1c1; }

.Grid2 th  {

padding : 4px 2px;

text-align: center;

color: #fff;

/*background:  #B6212D  url(Images/grid-header.png) repeat-x top;*/
background:  #9aab5c  url(Images/grid-header.png) repeat-x top;


border-left: solid 1px #525252;

font-size: 1.0em; }

.Grid2 .pgr a:hover { color: #000; text-decoration: none; }

/*-------------GridV2 End----------------------------------*/