.nav-item{
          padding:5px 5px 8px 5px;
      }
      .navbar-dark .navbar-nav .nav-link {
  color: white;
}
      .dropdown-item a{
          text-decoration:none;
          color:black;
      }
      .input-group {
          padding-bottom:10px;
      }
      a {
          text-decoration: none;
      }
      .card-body{
          padding:15px;
          padding-bottom:0px;
      }
      .card-footer{
            padding:15px;
      }

           
/* Ajax Calendar*/
.ajax__calendar
{
    z-index:9999999999999999999999999999999999;
    position:absolute;
}

  .ajax__calendar_container   {  
  /*  background-color: #fef9df;   
    border:solid 1px #cccccc;  */
    z-index:900;padding:5px;
    
    
    width: 190px  !important;
}  
  
 .ajax__calendar_header  {  
  /*  background-color: #a4090d;   */
    margin-bottom: 4px; 
    
}  
  
 .ajax__calendar_title,  
 .ajax__calendar_next,  
 .ajax__calendar_prev    {  
 /*   color: #fff;   */
    padding-top: 3px;  
}  
  

 table  .ajax__calendar_body    {  
   /* background-color: #fff;   */
    border: solid 1px #cccccc;  
    
      height: 230px  !important;
   
}  
  

 .ajax__calendar_body    {  
   /* background-color: #fff;   */
    border: solid 1px #cccccc;  
    
      height: 160px  !important;
    width: 190px  !important;
}  
  
 .ajax__calendar_dayname {  
    text-align:center;   
    font-weight:bold;   
    margin-bottom: 4px;   
    margin-top: 2px;  
}  
  
 .ajax__calendar_day {  
    text-align:center;  
    
    height: 25px !important;
    width: 26px !important;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}  
  
 .ajax__calendar_hover .ajax__calendar_day,  
 .ajax__calendar_hover .ajax__calendar_month,  
 .ajax__calendar_hover .ajax__calendar_year,  
 .ajax__calendar_active  {  
 /*   color: #fff;   */
    font-weight: bold;   
/*    background-color: #a4090d;  */
}  
  
 .ajax__calendar_today   {  
    font-weight:bold;  
}  
  
 .ajax__calendar_other,  
 .ajax__calendar_hover .ajax__calendar_today,  
 .ajax__calendar_hover .ajax__calendar_title {  
 /*   color: #bbbbbb;  */
}  

 .ajax__calendar_container 
{
    width:250px !important;
}

 .ajax__calendar_body 
{
    width:240px !important;
}

 .ajax__calendar_day 
 {
    width: 30px  !important;
    height: 22px  !important;
}
.ajax__calendar_month {height:44px;width:60px !important;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar_dayname {
    height: 17px;
    width: 27px !important;
    text-align: right;
    padding: 0 2px;
}

.ajax__calendar_year {
    height: 44px;
    width: 60px !important;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.Red, .star
        {
            color: Red;
        }
        
      

        .blinking{
           color:red;
    animation:blinkingText 1.2s infinite;    
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #000; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}
.blinkingRed{
           color:red;
    animation:blinkingTextRed 1.2s infinite;    
}
@keyframes blinkingTextRed{
    0%{     color: red;    }
    49%{    color: red; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}

.blinkingWhite{
           color:white;
    animation:blinkingTextWhite 1.2s infinite;    
}
@keyframes blinkingTextWhite{
    0%{     color: white;    }
    49%{    color: white; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: red;    }
}

.blinkingBrand{
           color:white;
    animation:blinkingTextBrand 1.2s infinite;    
}
@keyframes blinkingTextWhite{
    0%{     color: white;    }
    49%{    color: white; }
    60%{    color:rgb(237, 236, 236); }
    99%{    color:rgb(237, 236, 236);  }
    100%{   color:white;   }
}


.table{
    margin-bottom:0px;
}

.gridViewPager table td{
       background-color:white;
   }
 .gridViewPager td
{
	
   font-size:16px;
 background-color:#faf8f8;
 
   
 
}
 .gridViewPager td a {
     
     padding:2px 8px;
     color:black;
     border-radius:2px;
 }
 .gridViewPager td:hover {
     
     background-color:whitesmoke;
 }
 .gridViewPager td span{
      background-color:#297ce1;
     padding:4px 10px;
     color:white;
     border-radius:2px;
 }

 @media print
 { 
     .noprint
       { 
          display:none;

      }
 }

 .autoComplete, .ListCssClass
        {
            background-color: White;
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            font-size: 12px;
            text-align: left;
            border: 1px solid #e9e9e8;
            border-top: none;
            z-index: 9000;
            position: absolute;
            position:relative;overflow:hidden;margin:auto;
        }
        .autoCompleteli, .ListItemCssClass
        {
            color: #5b5b5b;
            padding: 5px 5px 5px 5px;
            border-bottom: 2px solid #eeedf0;
        }
        .autoCompletehignlight, .ListHighlightedItemCssClass
        {
            background-color: #c5dcfe;
            cursor: pointer;
            color: #4c3e31;
            padding: 5px 5px 5px 5px;
            border-bottom: 2px solid #eeedf0;
        }
        
        .autoCompleteTextbox
        {
            background-color: rgba(188, 243, 18, 0.05) !important;
        }

        .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity:1;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);



}

.dropdown-item
{
    padding:0px 15px;
}

.noaccordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding:10px 15px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  border-top-left-radius: 0px; 
  border-top-right-radius: 0px;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.accordion-button:not(.collapsed) {
  color: black;
  background-color: white;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion a {
     color: black;
}

.accordion-button {
    padding:10px 15px;
}

.navbar {
    padding-bottom:0px;
    padding-top:0px;
}

.SelectTr{
    border: 1px solid #cecece;
    border-radius: 10px;
}
.SelectTd{
    font-size: 14px; 
    width: 80px; 
    padding: 0px; 
    padding-left: 5px; 
    border-right: 0px;
}



        .swiperitems {
            width: 90%;
            margin: 0px auto;
        }

        .slick-slide {
            margin: 10px;
        }

            .slick-slide img {
                width: 100%;
                border: 0px solid #fff;
            }

        @-webkit-keyframes zoomIN {
            from {
                -webkit-transform: scale(1.5, 1.5);
            }

            to {
                -webkit-transform: scale(1, 1);
            }
        }

        @keyframes zoomIN {
            from {
                transform: scale(1.5, 1.5);
            }

            to {
                transform: scale(1, 1);
            }
        }

        .carousel-inner .carousel-zoomIN > img {
            -webkit-animation: zoomIN 20s;
            animation: zoomIN 20s;
        }

        @-webkit-keyframes zoomOUT {
            from {
                -webkit-transform: scale(1, 1);
            }

            to {
                -webkit-transform: scale(1.5, 1.5);
            }
        }

        @keyframes zoomOUT {
            from {
                transform: scale(1, 1);
            }

            to {
                transform: scale(1.5, 1.5);
            }
        }

        .carousel-inner .carousel-zoomOUT > img {
            -webkit-animation: zoomOUT 20s;
            animation: zoomOUT 20s;
        }


        .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: white;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            text-align: center;
        }


            .sidenav .closebtn {
                position: absolute;
                top: 0;
                right: 25px;
                font-size: 36px;
                margin-left: 50px;
            }

        @media screen and (max-height: 450px) {
            .sidenav {
                padding-top: 15px;
            }

                .sidenav a {
                    font-size: 18px;
                }
        }

        .NavbgCustomColor {
            background-color: whitesmoke;
            /*background: rgb(2,0,36);
            background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
            height: 100%;
        }

        .FixedHeader {
            background: #1991eb !important;
            color: white !important;
            position: sticky !important;
            top: 0px;
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
        }

        .btn-group {
            position: unset;
        }

        .navIcon:hover {
            background-color: #cccccc;
        }

      .pageHeader {
            padding: 5px 10px;
            /*padding-top:6px;*/
            padding-left: 35px;
            font-weight:bold; 
            color:#727272;
            font-size: 16px;
            text-transform:uppercase;
        }
        .pageHeaderMobile {
            padding: 4px 10px;
            padding-bottom:8px;
            padding-left: 30px;
            font-weight:bold; 
            color:#727272;
            font-size: 17px;
            text-transform:uppercase;

        }
        .pageHeaderSubmasterMobile{
            padding: 10px 0px 2px 80px;
            text-transform:uppercase;
            font-size:17px;
            margin-top:3px;
            font-weight:bold; 
            color:#727272;
        }
        .pageHeaderSubmaster{
            margin-left:68px;
            margin-top:9px;
            text-transform:uppercase;
            font-weight:bold; 
            color:#727272;
            font-size:20px;
        }
        .cardHeaderTitle {
            font-size: 19px;
            margin-top: 0px;
        }

        .accordion-item {
            border: none;
        }

        .accordion-button {
            border: none;
        }

        .input-group-text{
            background-color:#faf8f8;
        }
         .divNav{
            width: 35px; 
            position: absolute; top: 68px; left: 10px; padding: 3px 5px; text-align: center;
        }
   
              
.ModifyContainer{
    position: relative;
    
}
.ModifyOption {
  transition: .5s ease;
  opacity: 0;
 
 position: absolute;
 left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -20px;
 
  /*transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  cursor:pointer;*/
  background-color:yellow;
  padding:7px 10px;
  border-radius:10px;
  font-weight:bold;
  z-index:99999999999999;
 
}
.ModifyContainer:hover .ModifyOption {
  opacity:1;
  cursor:pointer;
}
.ModifyContainer:hover .ModifyContainerInner {
   opacity:0.2; 
  
}


.ModifyOption:hover .ModifyContainerInner {
   opacity:0.2; 
   
}