body {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:11px;
}
 .reportaddoncheckboxes
        {
            padding:4px 6px;

        }
        .reportaddoncheckboxes:hover{
            background-color:#f0f6fd;
        }
       .reportfilterblock{
           padding:0px 6px;
       }
       .reportfilterdropdown{
           font-size:12px;
           border:1px solid #e3e7eb;
           width:100%;
           height:22px;

       }
       .reportfilterblock b{font-size:11px;}

        th{
           /*background-color:#6ca2cc;3c763d*/
           background-color:#3e7d86;
           color:white;
            text-transform:uppercase;
       }
       th a{
           color:white;
       }
       th a:hover{
           color:whitesmoke;
          
       }
     
    
   /*box styles*/ 
     .box.box-danger {
    border-top-color: #dd4b39;
}


.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

 /*end box styles*/ 

   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
        {
            margin-bottom: 10px;
            padding-right: 10px;
            padding-left: 10px;
        }
        
        .form-group
        {
            margin-bottom: 0px;
        }   
       
       
       @media (min-width: 768px)
       {
 .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

}

        h3.card-title /* All form Headings*/
        {
            font-size:1.5rem;
            font-family:Courier New;
        }


.gridViewPager td {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin: 2px;
    font-size: 15px;
    font-weight: bolder;
    color: red;
}


        /*paging style round 
    .gridViewPager{
    background-color:#fff;
   
   padding:2px;
   margin:2% auto;
   
   
}

.gridViewPager a{
  margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px 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;
     
}

.gridViewPager 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:5px 10px 5px 10px;
}

  /*End paging style round */



  /*paging style Square */

.gridViewPager a,
.gridViewPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #ae2676;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.gridViewPager a {
    background-color: #f5f5f5;
    color: red;
    border: 1px solid #969696;
}

.gridViewPager span {

    background: #ae2676;/*616161;*/
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}

  /*End paging style Square */
  
  
  
  










 .modal-backdrop
        {
            z-index:-1;
        }
       

.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../../../App_Images/pageloader.gif') 50% 50% no-repeat rgb(249,249,249);
}

  /*  .loading
    {
        /*font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;*/
       /* position: fixed;
        background-color: White;
        z-index: 999;
        height:100%;
        width:100%;
        Opacity :0.9;
        top:0;
        left:0;
        text-align:center;
        display:block;
    }*/
    
     /* Ajax Calendar*/
        
        
        .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;
        }
        
        .ajax__calendar_body
        {
            /* background-color: #fff;   */
            border: solid 1px #cccccc;
            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;
        }
        
    
       .ajax__calendar_body    {
min-height:165px;

z-index:999999;

}



  
        
        /*Auto complete */
        
        .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;
        }





 .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;    }
}



.MinPad
{
    padding-left:5px;
    padding-right:5px;
}


  .control-label
        {
            text-transform: uppercase;
            font-weight: 600;
        }
        
        
        .Red, .star
        {
            color: Red;
        }
        .ValidationClass
        {
            background: url('../../App_Icon/Validation.png') no-repeat left top;
            font-size: 11px;
            color: Red;
            padding-left: 10px;
        }
        
      
      /* .table-striped tbody tr:nth-of-type(odd){background-color:#c4e2ff}*/
       .table-hover tbody tr:hover{background-color:#fdffe3}
      
      /*horizontal menu icon color black on hover */
    .app-header.header-text-light .app-header-left>.nav>li>.nav-link:hover .nav-link-icon{color:black;}
    
    
  @media  only screen and (max-width:600px)/* if browser window is 600px or smaller */
    {
       
    .ui-theme-settings .btn-open-options {
    border-radius: 50px;
    position: fixed;
    left: -114px;
    top: 130px;
    padding: 0;
    height: 54px;
    line-height: 54px;
    width: 54px;
    text-align: center;
    display: block;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    margin-top: -27px;
}

.ui-theme-settings .theme-settings__inner {
  
    width: 250px;
   
}



.ui-theme-settings 
{
    transform: translate(250px) ;
}

.mobleft
{
    text-align:left !important;
}
}

.table.no-border, .table.no-border td, .table.no-border th {
    border: 0;
}

 .Clear
 {
     clear:both;
 }
 /*.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;


}


  

*/