﻿body {
}
.pag_bg {
    /*background-color: #E4EBF0;
        background-image: linear-gradient(141deg, #0088F7 0%, #1fc8db 51%, #0088F7 75%);
    */
    /*background-image: url('../Images/icon/LoginPageBg.jpeg');
    background-repeat: repeat;*/
    color: #585757;
    opacity: 0.95;
}


/* In case you're dealing with a inline element apply this to the parent */


.txtLink {
    text-decoration: none;
    font-variant: normal;            
    color: #868E96;
    font-size:x-small;
}

.txtLink a, a:active, a:visited, a:link {
    font-weight: bold;
    text-decoration: none;
    color: #868E96;
}

.txtLink a:focus, a:hover {
    text-decoration: none;
    color: #808080;
}


.txtHead {
    /*color: #585757;*/
    color:#868E96;
    text-align: left;
}


        /* Button Class  */
.btn-color {    
    background-color: #BE9523; /*Gold*/
    /*background-color:#de154f;*/ /*dark chocolate red*/
    border-color: #BE9523; 
    color:white;
}
.btn-color:hover 
{
    background-color: #C0A24E; /*Gold*/
    /*background-color:#bb1347;*/ /*dark chocolate red*/
    border-color: #BE9523;
    color:white;
	/*color:#868E96;*/
}


.btn-color2 {    
    background-color: white; /*Gold*/
    /*background-color:#de154f;*/ /*dark chocolate red*/
    border-color: #BE9523; 
    color:#BE9523;
}
.btn-color2:hover 
{
   background-color: white; /*Gold*/
    /*background-color:#de154f;*/ /*dark chocolate red*/
    border-color: #de154f; 
    color:#de154f;
}
 /* End of Button Class  */

.outer-div
{
     display: table;
     position: absolute;
     height: 100%;
     width: 100%;
     /* Location of the image */
     /*background-image:url(../Images/icon/LoginPageBg4.png);*/
     /*background-image:url(../Images/icon/LoginPageBg6.jpg);*/
       
  /* Background image is centered vertically and horizontally at all times */
     /*background-position: center center;*/ 

     /* Background image doesn't tile */
     /*background-repeat: no-repeat;*/

     /* Background image is fixed in the viewport so that it doesn't move when   the content's height is greater than the image's height */
  /*background-attachment: fixed;*/
  
  /* This is what makes the background image rescale based on the container's size */
  /*background-size: cover;*/
  
  /* Set a background color that will be displayed while the background image is loading */
  /*background-color: #464646;*/
  background-color: #FFF;
     
}
.mid-div
{
     display: table-cell;
     vertical-align: middle;
     text-align:center;
}
.center-div
{
     /*margin: 0 auto;*/
     margin:auto;
     display:inline-block;
}

.myLoginWindow
{
    background-color:white;

            
    -webkit-box-shadow: 0px 0px 6px 6px rgba(241,241,241,1);
    -moz-box-shadow: 0px 0px 6px 6px rgba(241,241,241,1);
    box-shadow: 0px 0px 6px 6px rgba(241,241,241,1);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    padding:20px;
    /*margin:10%;*/
    
}
.clientLogoStyle
{
    width: 100%;
    background-color: #fff;

    box-shadow: 0 6px 8px 3px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 6px 8px 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 6px 8px 3px rgba(0,0,0,0.05);
    -o-box-shadow: 0 6px 8px 3px rgba(0,0,0,0.05);
    -ms-box-shadow: 0 6px 8px 0px rgba(0,0,0,0.05);

    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    margin-bottom:20px;
    /*visibility:hidden;*/
    /*display:none;*/
}
.clientLogoAlignment{
    text-align:left;
}

.myCenterAlign {
    margin: auto;
}
