/* DEFAULTS
----------------------------------------------------------*/

@font-face {
	font-family: Vollkorn-Regular;  
	src:url('Vollkorn-Regular.otf');  
	font-weight: normal;
}

@font-face {
	font-family: Vollkorn-Bold;  
	src:url('Vollkorn-Bold.otf');  
	font-weight: normal;
	
}

/*@font-face 
{
    font-family:'FuturaBT-Book';  
	src:url('futura-book-bt.ttf');  
	font-weight: normal;
}*/
@font-face 
{
    font-family:'ArialMT-Regular';  
	src:url('ARI.ttf') ;  
	font-weight: normal;
	
}



body, html {
	margin:0;
	padding:0;
	font-family: Vollkorn-Regular;
}
body   
{
    background: whitesmoke;
    background-image:url('../images/p5.png'); 
    background-repeat: repeat;
    font-size: .80em;
    color: #696969;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
	font-weight: 400;	    	
	height: auto !important;
	height: 100%;		
	min-height: 100%;
}

#container
{
    width:auto;
    height:auto;
    position:static;
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    /*color: #666666; CHANGED BY SANKAR*/
    color:#666666;
    text-align:center;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}
span.blue
{
    color:#007DC6;
}
span.red
{
    color:#ED1C24;
}
h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    border-radius: 8px;
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1024px;
    margin: 20px auto 0px auto;    
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;    
}

.header-in
{
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.header h1
{
    font: normal 40px Vollkorn-Bold;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    border: none;
    line-height: 2em;
    clear: left;
}

.main
{
    width: 860px;
    border: 1px solid lightgray;
    min-height: 615px;
    background: white;
    margin: 0 auto;
    padding: 1px 50px 50px;      
    border-top-width: 0px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    line-height: normal;
    min-height: 75px;
    width: 910px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    margin: 0 auto;
    padding-left: 50px;
    padding-top: 30px;
    
}

#logo 
{
    /*position: relative;
    float: right;
    bottom: 0;
    right: 35px;
    height: 100px;*/
    position: relative;
    float: right;
    bottom: 25px;
    right: 35px;
    height: 100px;
    width: 135px;
}


/* TAB MENU   
----------------------------------------------------------*/


/* FORM ELEMENTS   
----------------------------------------------------------*/
	/*SECTION CONTAINER*/
	div.accountInfo {
		background-color: rgb(255,255,255);
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 0 4px rgba(0,0,0,0.2);
		/*margin: 40px auto; /*aligns center*/
		padding: 24px;
		width: 500px;
		height:450px;
		position: absolute;
		top:0;
		bottom: 125px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    /* float: left; */
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

}
.title1
{
    display: block;
    float: left;
    text-align: left;
    width:inherit;
    }

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px; 
}


.loginDisplay a:hover
{
    color: red;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
    float:none!important;
}

/*.menu_top
{
    height: 36px;
    background: #848484;
    background: linear-gradient(to bottom, #ababab 0, #848484 52px, transparent 52px);
    box-shadow: none;
    z-index: 1;
    padding: 8px 0;
    min-width: 1040px;
}*/

.menu_top {
    height: 50px;
    background: white;
    /* background: linear-gradient(to bottom, #ffffff 0, #848484 80px, transparent 80px); */
    box-shadow: none;
    z-index: 1;
    padding-top: 21px;
    min-width: 1040px;
    top: 0px;
    left: -1px;
}


.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

#LoginLogo{
 border-width: 0;
    display: table;    
	margin-left: auto;
    margin-right: auto;    
   /* width: 200px;*/
    width: 170px;
}

/*FORM FIELDS*/

     label 
     {
        font-family: Vollkorn-Regular !important;
		display: block;
		margin: 6px 0 0 20px;	
	}
	.LabelDescriptionPrompt
    {
       font-family: Vollkorn-Regular !important;
       color:Black;
       font-weight:bold;
       }

		input[type=text], input[type=email], input[type=number], input[type=password], textarea {
			background-color: rgb(255,255,255);
			border: 1px solid #9C9C9C;
			font-family:Vollkorn-Regular !important;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);					
			font-size: 13px !important;			
			padding: 8px;	
		    color: #555555 !important;
			text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
			width: 256px;			
			height: 18px;
			padding: 4px 6px !important;
			float: left;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			  transition: all 0.1s linear;
		}
		
		

.comboPrompt{
    font-family: Vollkorn-Regular !important;
    /* margin-left: 2px; */
    width: 270px;
    /* display: inline-block; */
    /* margin-right: 17px; */
    background: #fafafa none repeat scroll 0% 0%;
    border: 1px solid #9C9C9C;
   /* padding: 8px;*/
    border-radius: 3px;
    font-size: 13px !important;
    color: #555555 !important;
    float: left;
    height:29px;
    margin-top: 0px;
}

.richtextPrompt{
    font-family: Vollkorn-Regular !important;
    /* margin-left: 2px; */
    /* display: inline-block; */
    /* margin-right: 17px; */
    background: #fafafa none repeat scroll 0% 0%;
    border: 1px solid #9C9C9C;
   /* padding: 8px;*/
    border-radius: 3px;
    font-size: 13px !important;
    color: #555555 !important;
    float: left;
    margin-top: 0px;
    resize: none;
}
/*BUTTON DESIGN*/
	[class*='btn-'] {
		border: none;
		border-bottom: 2px solid rgba(0,0,0,.15);
		border-top: 1px solid rgba(255,255,255,.15);
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font: -webkit-small-control;
		font-size: .7em;
		letter-spacing: 1px;
		line-height: 140%;
		padding: 10px 20px;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		text-transform: uppercase;
		
		-webkit-transition: all 0.1s linear;
     	-moz-transition: all 0.1s linear;
       	-o-transition: all 0.1s linear;
          transition: all 0.1s linear;
	}
	
		.btn-minimal {
		background-color: #2C5197;
        border-radius: 4px;
        border: none;
        padding: 10px 25px 10px 25px;        
        color: #FFFFFF;        
        font-size: 12px;        
        vertical-align: middle;
        margin:1px;
	}
	
		.btn-minimal:hover {
			background-color: #4195fc;			
			color: rgb(255,255,255);
			cursor: pointer;
			padding: 10px 25px 10px 25px; 
			text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		}
		
		.btn_default{
        background: #565252;
        border: none;
        padding: 10px 25px 10px 25px;
        color: #FFF;
        margin:2px;
        border-radius:25px;
    }
    .btn_default:hover {
        background: #3F92FB;
    }
    .btn_Email{
        background: #565252;
        border: none;
        padding: 4px 20px 4px 20px;
        color: #FFF;
        margin:2px;
        border-radius:15px;
    }
    .btn_Email:hover {
        background: #3F92FB;
    }
    
    .btn_default_small{
        background: #565252;
        border: none;
        padding: 6px 10px;
        color: #FFF;
        margin:2px;
        border-radius:25px;
    }

	.dvButton
	{
	    margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        margin-top: 5px;
        margin-bottom:2px;
	}
	
	.content 
	{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        overflow: hidden;
    }

.dvScroll
{
float: left;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-bottom: 25px;
}
div.dvRow {
margin-top: 5px;
/*margin-left: 10px;*/
float: left;
width: 100%;
}

div.dvRow h1{
    text-align: left;
    margin-top: -29px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;  
}
.dvValidation
{
    margin-left:10px;   
    float:right;
}
div.dvRow h1 label{
    background-color: white;
    padding: 7px;
}

div.dvRow span
{
   min-width: 170px;
    float: left;
}

div.dvRow label
{
    min-width: 150px;
    float: left;
    margin-top: 18px;
}
.checkboxPrompt label
{
    margin: 0px;
}
/*FORM FIELDS*/

/*MENU FIELDS*/
    .menu_holder
    {
        /*width:100%;
        background-color: #006cb4;
        background-color:#A9A9A9;
        background-color:#C11616;    
        /* background-color: #006cb4; */
        /* background-color: #A9A9A9; */
        /* background-color: #C11616;background-color: #C0C3C5; */
        width: 100%;
        background-color: #FFF;
        border-bottom: 1px solid #bdbdbd;
        border-top: 1px solid #bdbdbd;
        box-shadow: 0 0 50px 0 rgba(0,0,0,.2);
    }
    #NavigationMenu
    {
       
        width :960px;
        min-height :42px;
        /*background-color: #006cb4;
        background-color:#A9A9A9;*/
        border-left: 0;
        border-right: 0;
        font-family: 'FuturaBT-Book';
        /*font-family: sans-serif;
        font-size: 12px;*/
        /*text-transform: uppercase;*/
        /*border-radius: 5px 5px 5px 5px;*/
        /*box-shadow: inset 0 3px 7px rgba(0,0,0,.25);*/
        box-sizing: border-box;
        margin:0 auto;
        float:none!important;
    }     
    
    #NavigationMenu a.popout {
       padding-right: 25px !important;   
    }
   /* #NavigationMenu a.popout.highlighted {
        background-image: url('../images/downarrow.png') no-repeat !important;
        background-position: 135px 10px !important;    
    }*/
    .main_menu 
    {

     width:auto;
    /* background-color: #006649; 
    background-color: #006cb4;*/
    color: #525252;
    text-align: center;
    height: 42px;
    line-height: 42px;
    margin-right: 1px;
    border-right: 1px solid #FFF;
    /* box-shadow: inset 0 3px 7px rgba(0,0,0,.25); */
    /* box-sizing: border-box; */
    padding-left: 15px !important;
    padding-right: 15px !important;
    }
   
   
    .level_menu,  a.level3, a.level2
    {
        
        /*width:auto;
        background-color: #FFF;
        color: #000;    
        text-align: left;
        height: 34px;
        line-height:34px;
        padding: 0px 10px;
        border:2px solid white !important;
        border: 2px solid #e6e6e6 !important;  padding: 0px 10px;
         margin-top: 5px; */
  
    color: #505050;
    text-align: left;
    line-height: 34px; 
     /* height: 34px;
    
      margin-top: 5px;       */
    }
    .level_menu.selected, .level_menu.highlighted
    {
        
        /*border:2px solid #C0C3C5 !important;
        border:2px solid #FFD700 !important;*/
    }
    
    .level2.selected, .level2.highlighted, .level3.selected, .level3.highlighted 
    {
        /*color: #565656!important;*/
        color:#000;
        background-color:#e6e6e6;
        background-image: none;
        border:1px solid #FFF;
        /*border-top-left-radius:2px;
        border-top-right-radius:2px;
        
        box-sizing: border-box;
        box-shadow: inset 0 3px 7px rgba(0,0,0,.25);            */        
        
    }
    .level1
    {        
       font-size: 16px;
    }
    
    .level1, .level2, .level3  
    {
        border-left: 0;        
     /*   border-radius: 5px;*/
    }

    #NavigationMenu a.level1 {    
         border-left: 1px solid #fff!important;
         border-right: 1px solid #fff!important;
         border-top: 1px solid #fff!important;        
    }

    #NavigationMenu a.level1.selected, #NavigationMenu a.level1.highlighted 
    {
           
         border-left: 1px solid #ed143d!important;
         border-right: 1px solid #ed143d!important;
         border-top: 1px solid #ed143d!important;   
           background-color: #bdb8b8;   
            color:#0259b5!important;   
    }
    
    #NavigationMenu img.icon
    {
        margin-right: 5px;
        margin-top: -5px;
    }
    a.level2.selected, a.level2.highlighted
    {
        background-image:url('../images/menu/star_hover.png'); 
        background-color: #bdb8b8;   
            color:#0259b5!important; 
    }
    
     a.level3.selected, a.level3.highlighted 
    {
        background-image:url('../images/menu/star_hover.png'); 
        background-color: #bdb8b8;   
            color:#0259b5!important; 
    }
    
    #NavigationMenu:hover  + .main{
        background: #000!important;
    }

    
     a.level2, a.level3
     {
        background-image:url('../images/menu/star.png'); 
        background-repeat: no-repeat;
        background-position-x: 7px;
        background-position-y: 12px;
        border: 1px solid #bdb8b8;
     }
     .level2
     {
            width: 260px;  
         }
     .level3
     {
          width:250px;
         }
    /*.level2, .level3
    {
        /* added by sankar on may 25 2017 starts here
       /*-webkit-column-count: 1;
       -moz-column-count: 1;
        column-count:1;
        display:table-cell;
        background-color: #d2d0d0;
        /*min-width:320px;float:left;max-width:860px;
        /*height:auto;
        font-family:ArialMT-Regular;
        font-size: 12px;
       
        column-gap:0px;
        float:left;        
        /* added by sankar on may 25 2017 Ends here
     
        /*-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 1px 0 rgba(0,0,0,.2);  
        padding-left: 20px;
    }*/
    
    .level1:before, level1:after, .level2:before, level1:after, level3:before, level3:after
    {
        display: table;
        content: " ";
    }
    level1:after, level2:after, level3:after
    {
       clear: both;
    }
    
    #NavigationMenu ul
    {
     /*   box-sizing: border-box;            
        border-radius: 6px;*/
        
        padding-left: 0;
        margin-bottom: 0;  
        list-style: none;
    }
    #NavigationMenu li
    {
       /* min-width:150px;*/
        /*display: block;        */
        display: block;
        float: none;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        
 
    }
/*MENU FIELDS*/

    /******BREADCRUMB**********/

#breadcrumb
{
   font-family: monospace;
}  
#breadcrumbs-two
{
    overflow: hidden;
    width: 100%;
    font-size: 9pt;
    font-weight:bold;
}

#breadcrumbs-two li{
  float: left;
  margin: 0 .5em 0 1em;
  list-style:none; 
}

#breadcrumbs-two a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #000;
  position: relative;
}

#breadcrumbs-two a:hover{
  background: #5B90F6;
  color:White;
}
#breadcrumbs-two a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0em 1.5em 1.1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#breadcrumbs-two a:hover::before{
  border-color: #5B90F6 #5B90F6 #5B90F6 transparent;
  color:White;
}

#breadcrumbs-two a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#breadcrumbs-two a:hover::after{
  border-left-color: #5B90F6;
}

#breadcrumbs-two .current,
#breadcrumbs-two .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before{
  content: normal;
}
    /**************************/
    
    
    .wrapper {
    /*float: left;
    right: 0;
    margin-left: 150px;
    margin-top: -8px;*/
    float: left;
    right: 0;
    margin-left: 0px;
        margin-top: -6px;
    
}
    
    
.boxNav {
    width: 220px;
    height: 200px;
    border: 1px solid lightgray;
    background: #FFF;
    box-shadow: 0 3px 7px rgba(0,0,0,.25);
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.boxNav:hover
{
    border:2px solid rgb(255, 227, 30);  
    cursor:pointer;
}


.boxNav
{
    
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
}

.show-off
{
    width: 220px;
    height: 300px;
    position: absolute;
    top: -180px;
    left: -600px;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
}
.boxNav:hover .show-off
{
    top: 0px;
    left: 0px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.boxNav:hover
{
    box-shadow: 0px 0px 20px 5px #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px 5px #FFFFFF;
    -moz-box-shadow: 0px 0px 20px 5px #FFFFFF;
    -o-box-shadow: 0px 0px 20px 5px #FFFFFF;
}


.dvTop {
    height: 70%;    
}

.dvBottom {
    height: 25%;
    background: #D3D3D3;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0.6;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
}

.dvBottom span
{
    font-size: 20px;    
    color: black;
}

.tile_content {

    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 5%;

}

.disabledNav img
{
    filter: grayscale(100%); 
    filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);       
}

.disabledNav:hover
{
 border:2px solid lightgray!important;    
  
}
  #imgSale
 {
        max-width:100%;
        max-height:100%;
 }
 
 /*LOGIN INFO ON RIGHT TOP*/
 
 .dvLoginInfo
 {
     min-width:320px;
     float:right;
    
 }
 .LoginUser
 {
    line-height: normal;
    padding-right: 15px;
    padding-top: 10px;
    color: #ed143d;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    max-width:120px;
    text-transform: uppercase;
    margin-left: 130px;
 }
 .UserImage:hover
 {
     border:1px solid #027cd5;
 }
 .UserImage
 {
         border: 1px solid lightgray;
     background-color: white;            
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: -1px;
    height: 36px;
    width: 36px ;
    float: right;
    margin-right: 20px;
 }
 
 .HomeImage
 {
   background-image:url('../Images/menu/home.png'); 
   background: whitesmoke;
   background-repeat: repeat;
   border-width: 0px;
    -webkit-background-size: 30px 30px;
    display: inline-block;
    height: 30px;
    width: 30px;
    float: right;
    margin-right: -340px;
        margin-top: 3px;
     }
 .HomeImage:hover
 {
      background-image:url('../Images/menu/home_hover.png'); 
      background-color: #d66891;
 }
  .dvHome
 {
     min-width:320px;
     float:right;
 }
 .imgLogoTop
 {
     filter: grayscale(0%); 
    filter:none; /* IE6-9 */
    -webkit-filter:grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%); 
    float: left;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
              height: 50px;
 }
 
 /*
  .imgLogoTop:hover
 {   
     width:48px;
     height:48px;  
    filter: grayscale(100%); 
    filter:gray; /* IE6-9 */
    /*-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    /*-moz-filter: grayscale(100%);
    -o-filter: grayscale(100%); 
 }*/
 
 .hAppTitle
 {
    display: inline-block;
    clear: left;
    margin: 5px;
         background: -webkit-linear-gradient(#b2b2b2, #FFFAFA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 30px;
 }
 
 
 .hAppTitle:hover
 {
    background: white;
     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   
 }
 .dvAccountInfo
 {
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display: none;
    outline: none;
    overflow: hidden;
    position: absolute;
    right: 200px;
    top: 65px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: text;
    white-space: nowrap;
    text-align: left;
    min-width: 350px;
 }
 
 .gb_Xa {
     border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    right: 231px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: 56px;
}
.gb_Wa {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: none;
    position: absolute;
    right: 231px;
    top: 58px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}

.gb_2a {
    margin: 20px;
}

.ViewProfile
{
        color: #ccc;
    margin: 6px 0;
}
.picProfile {
    -webkit-background-size: 96px 96px;
    background-size: 96px 96px;
    border: none;
    vertical-align: top;
    height: 96px;
    width: 96px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin-right: 20px;
    position: relative;
}
.picProfileView {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    -webkit-background-size: 128px 128px;
    background-size: 128px 128px;
    height: 128px;
    width: 128px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
        margin-left: -377px;
}
.dvProfile {
    display: inline-block;
    vertical-align: top;
    s-webkit-user-select: text;
    white-space: nowrap;
        text-align: left;
        line-height: normal;
}

.gb_7a {
    font-weight: bold;
    margin: -4px 0 1px 0;
        line-height: normal;
    position: relative;
    text-align: left;
    white-space: nowrap;
}
.gb_8a {
    color: #666;
    display: block;
}
.gb_3a, .gb_4a {
    display: inline-block;
    vertical-align: top;
}
.dvProfileBtn {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    padding: 10px 0;
    width: 100%;
    display: table;
    min-height: 15px;
}
.dvProfileBtn>div:first-child {
    text-align: left;
}
.dvProfileBtn>div {
    display: table-cell;
    text-align: right;
}

.dvProfileBtn a
{
        color: #666;
    cursor: default;
    text-decoration: none;
    margin: 0 20px;
    background: #f8f8f8;
    border: 1px solid #c6c6c6;
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.showDiv {
    display: block;
}
 /*LOGIN INFO ON RIGHT TOP*/
  /* List Box*/
 .checkboxlist
 {
     border:1px solid grey;
 }
 .checkboxlist label
{
   display:inline;
   border-radius:2px;
}
 .checkboxlistBorderLess
 {
     border:0px grey;
 }
.checkboxlistBorderLess label
{
   display:inline;
   border-radius:2px;
}
div.dvlist
{
   font:inherit;
}

 .aspNetDisabled {
    opacity:1;
    background:lightgray !important;
}

.tblAccSection
{
    border-collapse: separate;
    border-spacing: 5px;
}
.hrhome
{
margin-top:200px;
    width:800px;
}
.btn_lookup
{
    background-color: #4195fc;			
	color: rgb(255,255,255);
     border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #565252;
    color: #FFF;
     margin:2px;
     border-radius:15px;
    width: 25px;
}
.btn_lookup:hover {
        background: #3F92FB;
    }
    
 .modalBackground
 {
     background-color:Black;
     filter:alpha(opacity=70);
     opacity:0.7;
  }
  .modalPopup
  {
      background-color:#EEEEEE;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:800px;
  }
  .modalPopup_dialog
  {
      background-color:#EEEEEE;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:3px;
      width:400px;
  }
  
  .AjaxcomboPrompt
  {
    font-family: Vollkorn-Regular !important;
    color: #555555 !important;
    font-size: 13px;
    margin-top: 0px;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
  }
  .ajax__combobox_itemlist {
    color: #555555 !important;
}
 .AjaxcomboPrompt .ajax__combobox_buttoncontainer button
        {               
            width: 20px !important;
        }
.MultiCheckBox
{
       
    height: auto;
    max-height: 300px;
    min-height: 10px;
    min-width: 256px;
    width: auto;

}
.MultiCheckBox label {
    display: inline;
}

/*data grid*/
.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url("../Images/grd_head.png") repeat-x top;
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url("../Images/grd_alt.png") repeat-x top; }
.mGrid .pgr { background: #424242 url("../Images/grd_pgr.png") repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }


.menubars:link, .menubars:visited 
{
    /* text-decoration: none;
     font-family: Vollkorn-Regular; 
     font-weight: bold;
     font-size: 14px;
     color:Gray;
     text-transform: uppercase;*/
         text-decoration: none;
    font-family: cursive;
    font-weight: bold;
    font-size: 14px;
    color: white;
    /*text-transform: uppercase;*/
}
/* mouse over link */
.menubars:hover,.menubars:active {
    color: #222222;
   
}

/* text-align: left; */
    /*border: 1px solid #0066ff;
    background: #0066ff;*/
/*    
.TableMenu td {
    padding: 15px; 
    border-radius: 12px;
    border: 2px solid #080808;
    background: #ea769c;
    color: white;
    font-weight: bold !important;
    text-align: center;
    height: 32px;
   
} 
 */
 .TableMenu
 {
    border-collapse: separate;
    border-spacing: 10px 22px;
   
 }
.TableMenu td {
	position: relative;
	/*background: #ea769c;
	border: 3px solid #0b0d0f;*/
	
	border: 1px solid #0066ff;
    background: #0066ff;
    color: white;
    
	width:300px;
	height:50px;
	border-radius:10px;
	text-align:center;
	white-space: normal;
}
.TableMenu td:after, .TableMenu td:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.TableMenu td:after {
	border-color: rgba(234, 118, 156, 0);
	border-bottom-color: #0066ff;
	border-width: 18px;
	margin-left: -18px;
	
}
.TableMenu td:before {
	border-color: rgba(11, 13, 15, 0);
	border-bottom-color: #0066ff;
	border-width: 22px;
	margin-left: -22px;
}



.dvAlign
{
    height:20px;
}
.FavouriteLabel
{
    font-family: Vollkorn-Regular !important;
    color:Black;
    font-weight:bold;
    display: inline-block;
}
.FavouriteTable
{
    max-height:650px;
    overflow-y:scroll;
 }
.ProgressBar
{
    left:40%;
    position: absolute; 
    top: 20%;
    height:100px;
    z-index:5000;
    
}
.PanelPopUp
{
    z-index:5000;
}
.ProgressBarImage
{
    width:75px;
    height:75px;
    content: url("../Images/ajax-loader.gif");

}
.hidden
{
    display:none;
}
.nojs 
{
    display:none;
    text-decoration: underline;
}
.jsEnabled 
{
    display: block;
}
  /*lookup search items*/
.completionList 
        {
                font-family: Vollkorn-Regular !important;
                border:solid 1px #444444;
                margin:0px;
                padding:2px;
                max-height: 250px;
                overflow:auto;
                background-color: #FFFFFF;
                width:auto;
                min-width:185px;
        }

        .listItem {
        color: #1C1C1C;
        }

        .itemHighlighted {
        background-color: #4169E1;
        color:White;

        }

.moz-title
{
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: auto;
  padding: 5px;
  background-color: #ed1c23;
  color: #fff;
    /*color: #2C5197;
    font-size: 14px;
    font-weight:400;
    text-align: center;
    border-bottom: 1px solid #c3c3c3;*/
    /*display:block;
    margin: 0 auto;
    width: 100%;*/
    /*padding-bottom: 5px;*/
  /*display: flex;
  flex-wrap: wrap;
  align-content: center;*/
    
    
}

/* TABS */

    /*.TabArea
        {
                    background-color: White;
                    font-size: x-small;
                    border-left: 1px solid black;
                    border-bottom: 1px solid black;
                    border-right: 1px solid black;
                    border-top:1px solid black;
                    position:absolute;
                    top:42px;
                    height:400px;
                    z-index:-25;
        }*/

/* New tab ajaxtoolkit*/

.mt10
{
    margin-top:10px;
}
.mb25
{
    margin-bottom:25px;
}

.tabPnlItems
{
    margin-top: 25px; 
}

.tabMenu-dev
{
    margin-top: 25px; 
}
.tabMenu-dev ul li
{
    padding: 10px;
    color: #ccc;
    background-color: #ddd;
    border-right: 2px solid #fff
}
.tabMenu-dev ul li:hover
{         
   background-color: #fff;   
   border-right: 2px solid  #ddd;     
   color:#33CC33;         
}
.tabMenu-dev ul li a
{
    color: #000;
    font-size: 15px
}

.tabMenu-tab1
{
    /*background-color:#ccc;*/
    border:1px solid #ddd;
    padding: 0 10px 10px;
}
.tabMenu-tab2
{
    border:1px solid #ddd;
    padding: 0 10px 10px;
}

.tabMenu-tab1 textarea:focus, input:focus{
    outline: none;
}
/*.tabMenu-tab1 input[type=text], input[type=email], input[type=number], input[type=password], textarea 
{
    outline: none;
}*/

.error-messages
{
    
}
.row
{
    width: 100vw;
    display: flex;

}
.row: after
{
    content:"";
    display:table;
    clear:both;
}
.column
{
    float:left;
    padding: 10px;
    width:50%;
    height:auto;
}



    .level2 li ul.level3
	{
	    text-align: left;
height: 34px;
	}
	
	.static ul.level2
	{
	    float: left;
        max-height:490px !important;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count:1;
        display:table-cell;
	}

	
#NavigationMenu a.level2 
{
    border-left: 1px solid #fff!important;
    border-right: 1px solid #fff!important;						 
    border-top: 1px solid #fff!important;
    }
    
    #NavigationMenu a.level3 {    
         border-left: 1px solid #fff!important;
         border-right: 1px solid #fff!important;
         border-top: 1px solid #fff!important;        
    }
    
    .level2
     {
         background-color: #d2d0d0;
         min-width:320px;
         font-family:ArialMT-Regular;
         font-size: 12px;
         column-gap:0px;
         -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
         box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
         padding-left: 20px;
       }
       
       .level3
       {
         background-color: #d2d0d0;
         font-family:ArialMT-Regular;
         font-size: 12px;
         column-gap:0px;
         -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
         box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
         padding-left: 20px;
         min-width:335px;
     }
     



.ui-banks-header 
{
  margin-top: 10px;
  border: 1px solid #aaaaaa;
  background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-banks-header h4
{
    margin:0px;
    padding: 5px;
}
.ui-banks-content
{
    display:block;
}
.ui-banks .ui-banks-content label
{
    display:inline;
    margin: 0px;
}


.pr-desapprove
{
    padding:10px;
}

.pr-desapprove .popup_Body
{
    width:100%;
    margin-top: 35px;
}
.pr-desapprove .popup_Body table
{
    width:100%;
}

.pr-desapprove .popup_Body .pr-textarea
{
    width: 100%;
    height: 70px;
}


.pr-estado-actual
{
    margin-top: 15px;
}

.pr-estado-actual .pr-estado-actual-label
{
    padding:5px;
    border: 1px solid gray;
    /*background:green;*/
}

.pr-estado-actual table td
{
    padding-top: 10px;
}

/* dashboard tiles*/
.dashboard-heading
{
    margin-top:0px;
    margin-left: 10px;
    text-align: left;
    /*font-size:16px;*/
}
.dashboard-tile-header 
{
    margin-top:0px;
  text-align:center;
  font-size:30px;
}
.project-text {
  margin-top:10px;
  text-align:center;
  font-size:16px;
}
.column-4 {
  float: left;
  width: 18%;
  padding: 10px;
  margin:10px;
  height: 100px;
}
.section-dashboard {
  
}
.clearfix:after {
  content:"";
  display:block;
  clear:both;
 }

.project-2 {
  background-color:#ddd;
}

.project-3 {
  background-color:#209BFF;
}

.project-4 {
  background-color:#112d4e;
}

.project-5 {
  background-color:#F9F7F7;
}

.project-6 {
  background-color:#209BFF;
}

.project-7 {
    background-color:#ffffff00;
}

.project-8 {
  background: url('../images/project-right.jpeg');
  background-size: cover;
}

/*section favorites*/
.section-favorites
{
    
}

.doctType
{
    
}
.doctType label
{
    min-width: 0px;
    float: none !important;
    margin-top: 0px;
    
    font-family: Vollkorn-Regular !important;
    display: inline;
    margin: 0px;
}

.checkBox
{
    
}
.checkBox label
{
    min-width: 0px;
    float: none !important;
    margin-top: 0px;
    
    font-family: Vollkorn-Regular !important;
    display: inline;
    margin: 0px;
}

/*chat style*/
 /* Chat containers */
.container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

/* Darker chat container */
.darker {
  border-color: #ccc;
  background-color: #ddd;
}

/* Clear floats */
.container::after {
  content: "";
  clear: both;
  display: table;
}

/* Style images */
.container img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

/* Style the right image */
.container img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

/* Style time text */
.time-right {
  float: right;
  color: #aaa;
}

/* Style time text */
.time-left {
  float: left;
  color: #999;
} 

.text-box-200
{
    width:160px !important;
}
.text-box-2000
{
    width:200px !important;
}

#overlay
{
    position:fixed;
    z-index:12002;
    top:0px;
    left:0px;
    background-color:#111111;
    width: 100%;
    height:100%;
    filter: alpha(opacity=80);
    opacity:0.80;
    -moz-opacity:0.80;
    transition: 1s;
                -moz-transition: 1s;
                -webkit-transition: 1s;
                -ms-transition: 1s;
                -o-transition: 1s;
}
#modalProgress
{
    position:absolute;
    top:50%;
    left:50%;
    margin: -11px 0 0 -55px;
    color:White;
}
#loading
{
    background-color:#111111;
    width:110px;
    height:24px;
    text-align:center;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity:1;    
}
body#modalProgress
{
    position:fixed;
}



/* data tables override*/

table.dataTable thead th, table.dataTable thead td {
  padding: 6px 6px;
}

.datatable2
{
    width: 100%;
    margin-top: 10px;
    border: solid 2px black;
}

.datatable3
{
    width: 100%;
    margin-top: 10px;
    border: solid 2px black;
}
/*.datatable2
{
width: 80%;
border: solid 2px black;
min-width: 80%;
}*/
.dgvheader
{
background-color: #646464;
font-family: Arial;
color: White;
border: none 0px transparent;
height: 25px;
text-align: center;
font-size: 14px;
}

.rows
{
background-color: #fff;
font-family: Arial;
font-size: 12px;
color: #000;
min-height: 18px;
text-align: left;
border: none 0px transparent;
}
/*.rows:hover
{
background-color: #ff8000;
font-family: Arial;
color: #fff;
text-align: left;
}*/
/*.selectedrow
{
background-color: #ff8000;
font-family: Arial;
color: #fff;
font-weight: bold;
text-align: left;
}*/
/** FOR THE PAGING ICONS **/
/*.datatable2 a 
{
background-color: Transparent;
padding: 5px 5px 5px 5px;
color: #fff;
text-decoration: none;
font-weight: lighter;
}*/
/** FOR THE PAGING ICONS HOVER STYLES**/
/*
.datatable2 a:hover 
{
background-color: #000;
color: #fff;
}*/
/** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
/*.datatable2 span 
{
background-color: #c9c9c9;
color: #000;
padding: 5px 5px 5px 5px;
}*/
/*.pager
{
background-color: #646464;
font-family: Arial;
color: White;
height: 30px;
text-align: left;
}*/

/*.datatable2 td
{
padding: 5px;
}
.datatable2 th
{
padding: 5px;
}*/

/* alerts */

/*.alert
{
    width: 100%;
    position: fixed;
    top:0;
    z-index: 1200000;
    padding:10px;
    font-size:15px;
}*/

/* accounts receivable */
.two_tables
{
    display:inline-flex;
    width:100%;
    background:lightgrey;    
}
.b1
{
    display: inline;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    padding: 6px;
    /*background:yellow;*/
}

/*radio button list*/
.radiobuttonlist
 {
     border:1px solid grey;
     text-align:left;
 }
.radiobuttonlist label
{
   display:inline;
   border-radius:2px;
}

.b1-title
{
    color:#696969;
    font-size:16px;
    font-weight: normal;
    padding: 10px 0px;    
}

.mb-1
{
   margin-bottom: 10px;
}

/* alert messages */
/*.alert-system
{
    position:fixed;
    top:20%;
    right:0;
}
.alert-no-display
{
    display:none;
    opacity:0;
}
.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}*/

/* alerts v2*/
.myAlert-top{
    position: fixed;
    top: 5px; 
    right:10px;
    /*width: 96%;*/
}
.myAlert-top-error
{
    position: fixed;
    top: 10px; 
    right:10px;   
    z-index:2; 
}

.myAlert-bottom{
    position: fixed;
    bottom: 5px;
    left:2%;
    width: 96%;
}

div.fullscreen {
  position: absolute;
  width:100%; 
  height:960px; 
  top: 0; 
  left: 0; 
  background-color: lightblue;
}

.alert{
    display: none;
    padding: 20px;
    color: white;
}
.alert-success {background-color: #04AA6D;}
.alert-error{background-color: #f44336;}
.close {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 20px;
  line-height: 16px;
  cursor: pointer;
  transition: 0.3s;
}

.desaprove-reason
{
    width: auto;
    background-color:Silver;
    margin-top: 10px;
}
.desaprove-reason p
{
    margin:0;
    padding:0;
}
.desaprove-reason h6
{
    margin:0;
    padding:0;
    text-align:left;
    font-size: 14px;
    font-style:italic;
}

.details-text
{
    background: #007BFF;
    color: White;
    margin-bottom: 8px;
    padding:6px;
}

.selectedRow
{
    background-color: #CBD5E1;
}

.radio-button-list-container
{
    display: inline;
    padding: 6px;
}
.radio-button-list-container label
{
    display: inline;
}
.radio-button-list-container .radio-button-item {
    display: block;
    padding: 6px;
    margin: 2px 0;
    border: 2px solid #007BFF; /* Blue border */
    border-radius: 5px; /* Rounded corners */
    background-color: #f0f8ff; /* Light blue background */
    color: #333; /* Text color */
    font-family: Arial, sans-serif; /* Font style */
}

.radio-button-list-container .radio-button-item input[type="radio"] 
{
    margin-right: 10px;
}

.radio-button-list-container .radio-button-item:hover 
{
    background-color: #e0e0e0; /* Hover effect */
}
.radio-button-list-container td
{
    padding:4px;
    border: 1px solid #007BFF; /* Blue border */
    border-radius: 3px; /* Rounded corners */
    background-color: #f0f8ff; /* Light blue background */
    color: #333; /* Text color */
}

/*.checkboxlist
 {
     border:1px solid grey;
 }
 .checkboxlist label
{
   display:inline;
   border-radius:2px;
}*/

.table-container{
    width: 100%;
    overflow: hidden; /* Clear floats */
}
.table-container table {
    float: left;
    margin-right: 80px; /* Space between tables */
}