body {
}

  
         div.test
{
width: 115px;
padding: 10px;
border: 2px solid #003399;
border-radius: 15px;
-moz-border-radius: 15px;
}
    div.testpanel
    {
    border: 1px solid #002D59;
    border-radius: 15px;
    background-color : white;
    -moz-border-radius: 15px;
    }
   div.testpanel_2
    {
    border: 1px solid black;
    border-radius: 15px;
    -moz-border-radius: 15px;
    }
         .btnLogout {
            border-style: none;
            border-width: medium;
            background: #229051;
            color: white;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }

        .btnLogout:hover {
            background: #CA4646;
            opacity: 0.75;
            color: white;
            font-weight: bold;
            cursor: pointer;
        }
         .inputButtons {
            border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Tahoma;
            font-size: x-small;
            color: white;
            width: 119px;
            font-weight: bold;
            top: 50%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
         .inputButtons:hover {
            background: maroon;
            opacity: 0.75;
            color: white;
            font-weight: bold;
            cursor: pointer;
        }           
         .inputgridButtons {
           border-style: none;
            border-width: medium;
            background: #002D59;
            font-family: Tahoma;
            color: white;
              width: 119px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 78%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
         .inputgridButtons:hover {
             background: #CA4646;
            opacity: 0.75;
            color: white;
            font-weight: bold;
            cursor: pointer;
        }      
 
       .img-responsive {
           height: 67px;
           width: 210px;
       }
      .modal .modal-dialog { width: 800px; }

       .inputButtons_R {
            border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Tahoma;
            font-size: x-small;
            color: white;
            width: 628px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
         .inputButtons_R:hover {
            background: steelblue;
            opacity: 0.75;
            color: black;
            font-weight: bold;
            cursor: pointer;
        }
         
        
         div.modal-bg  
         { 
         position:fixed; 
         top:0; left:0; 
         width:100%; 
         height:100%;
         z-index:999999;
         background-color:#444444;
          filter:alpha(opacity=70);
          opacity:0.7;
        text-align: center;
         }
   div.modalinset
        {
        margin:auto;
        top: 23%; 
        position: absolute; 
        right: 29%; 
        filter:alpha(opacity=100); 
        opacity:1;
        border-color: #ffffff; 
        display: block; 
        width: 430px; 
        height:170px; 
        position: absolute; 
        color: #002D59;
        z-index: 142; 
        }

        .gifinset 
        {
        position:absolute; 
        top: 33%; 
        left: 30%; 
        width:32%; 
        height:51%;

        }

       .image-holder {
    position:absolute;
    left: 50%; 
    top: 50%;
    width: 150px;
    height: 150px;
}

.image-holder img 
{
    width: 100%;
    margin-left: -50%;
    margin-top: -50%;   
}    
        
  
 
            .inputmodapButtons {
            border-style: none;
            border-width: medium;
            background: #DCD9DE;
            font-family: Tahoma;
            font-size : small;
            color: #3D59AB;
            width: 66px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
     div.testmodalpanel
    {
    border: 1px solid #DCD9DE;
    border-radius: 15px;
    background-color : #DCD9DE;
    -moz-border-radius: 15px;
    }
     .rightAlign
{ text-align:right; 
  
 }
     .inputRetailGridButtons {
            border-style: none;
            border-width: medium;
            /*background: #FFA500;*/
            background: #CA4646;
            font-family: Tahoma;
            font-size: x-small;
            color: white;
            width: 64px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
     .xbuttons {
           border-style: none;
            border-width: medium;
            background: #4682b4;
            font-family: Tahoma;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
     .zbuttons {
           border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Tahoma;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
      .ybuttons {
           border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Tahoma;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
      .inputButtonstretch {
              border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Tahoma;
            color: white;
            font-size: x-small;
            width: 96px;
            font-weight: bold;
            top: 50%;
            left: 69%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
         .inputButtonstretch:hover {
            background: maroon;
            opacity: 0.75;
            color: white;
            font-weight: bold;
            cursor: pointer;
        }    
          .zzbuttoninsidegrid_green {
           border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Garamond;
            color: white;
            height: 20px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }       

           .zzbuttoninsidegrid_red {
           border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Garamond;
            color: white;
            height: 20px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }     
           
           .xxbuttoninsidegrid_green {
           border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Garamond;
            color: white;
            height: 15px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 1px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }         

             .xxbuttoninsidegrid_red {
           border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Garamond;
            color: white;
            height: 15px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 1px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        } 
             .zzlinkbuttoninsidegrid_green {
           border-style: none;
            border-width: medium;
            background: #229051;
            font-family: Tahoma;
            color: white;
            height: 20px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }       

           .zzlinkbuttoninsidegrid_red {
           border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Tahoma;
            color: white;
            height: 20px;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }   
           
             .inputRetailGridButtonsNewSmall {
            border-style: none;
            border-width: medium;
            background: #CA4646;
            font-family: Calibri;
            font-size: xx-small;
            color: white;
            width: 64px;
            height: 20px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 2px;
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }     

         .inputRetailGridButtonsNewSmallb {
            border-style: none;
            border-width: medium;
            background: #4682b4;
            font-family: Calibri;
            font-size: xx-small;
            color: white;
            width: 64px;
            height: 20px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }     

         .inputRetailGridButtonsNewSmally {
            border-style: none;
            border-width: medium;
            background: #ffa500;
            font-family: Calibri;
            font-size: x-small;
            color: white;
            width: 64px;
            height: 20px;
            font-weight: bold;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 10px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }  
           .txtbox
        {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
        }
  .txtboxR
        {
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            text-align:right; 
        }
  .select {
            -webkit-border-radius:24px;
             -moz-border-radius:24px;
              border-radius:24px;
        }        
   .Hide { display:none; }   
   .left {text-align :left}
   .right {text-align :right}
   .center {text-align :center}

.formforlabel {
    
    font-size:x-small;
    
}

.footer {
    background-color: orange;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
} 



 .topper 
{    
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
} 

.messagealert {
            width: 100%;
            position: fixed;
             top:0px;
            z-index: 100000;
            padding: 0;
            font-size: 15px;
        }
.alert-fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    border-radius: 0px;
}
 .ScrollStyle
{
    max-height: 350px;
    overflow-y: scroll;
}
 div.centerdiv {
  color: white;
  background: red;
  padding: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}   
   .mybtnsuccess {
           border-style: none;
            border-width: medium;
            background: #5cb85c;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }

.mybtninfo {
           border-style: none;
            border-width: medium;
            background: #5bc0de;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtndanger {
           border-style: none;
            border-width: medium;
            background: #d9534f;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnwarning {
           border-style: none;
            border-width: medium;
            background: #f0ad4e;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnprimary {
           border-style: none;
            border-width: medium;
            background: #0275d8;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtninverse {
           border-style: none;
            border-width: medium;
            background: #292b2c;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnfade {
           border-style: none;
            border-width: medium;
            background: #f7f7f7;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnfade {
           border-style: none;
            border-width: medium;
            background: #f7f7f7;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnsecondary {
           border-style: none;
            border-width: medium;
            background: #71797E;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtnagred {
           border-style: none;
            border-width: medium;
            background: #b2221f;
           color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
 .mybtnagblue {
           border-style: none;
            border-width: medium;
            background: #312a74;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mycenter
{ text-align :center; 

}
.myleft 
{ text-align :left; 

}
.myright 
{ text-align :right; 

}
.mybtnsuccessnp {
           border-style: none;
            border-width: medium;
            background: #5cb85c;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
            
        }
.mybtnsecondarynp {
           border-style: none;
            border-width: medium;
            background: #71797E;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
            
        }

.mybtninfonp {
           border-style: none;
            border-width: medium;
            background: #5bc0de;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtndangernp {
           border-style: none;
            border-width: medium;
            background: #d9534f;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtnwarningnp {
           border-style: none;
            border-width: medium;
            background: #f0ad4e;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtnprimarynp {
           border-style: none;
            border-width: medium;
            background: #0275d8;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtninversenp {
           border-style: none;
            border-width: medium;
            background: #292b2c;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtnfadenp {
           border-style: none;
            border-width: medium;
            background: #f7f7f7;
            color: white;
            font-weight: bold;
            font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtncharisnp {
           border-style: none;
            border-width: medium;
            background: #37388a;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
.mybtnagrednp {
           border-style: none;
            border-width: medium;
            background: #b2221f;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
 .mybtnagbluenp {
           border-style: none;
            border-width: medium;
            background: #312a74;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }
  .mybtntangerineorangenp {
           border-style: none;
            border-width: medium;
            background: #ED8B00;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }

.mybtntangerinegreennp {
           border-style: none;
            border-width: medium;
            background: #84BD00;
            color: white;
            font-weight: bold;
             font-size: small; 
            border-radius: 5px;
            z-index: 4;
            transition: all .5s ease;
            height:30px;
        }

 .mybtntangerineorange {
           border-style: none;
            border-width: medium;
            background: #ED8B00;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
.mybtntangerinegreen {
           border-style: none;
            border-width: medium;
            background: #84BD00;
            color: white;
            font-weight: bold;
            font-size: x-small;
            top: 50%;
            left: 45%;
            padding: 5px;
            border-radius: 4px;
            z-index: 4;
            transition: all .5s ease;
            /*position: absolute;*/
            margin-top: 30px;
        }
    HTMLtable {
        border-collapse: collapse;
    }
  
    td, th {
        border: 1px solid black;
        padding: 3px;
    }