/* Final Styles By Author1111 */

#my-signin2 {
  align-content: center;  

}

#mainLoginButton {
  
width:250px;


}
#mainLogoutButton {

display:none;
width:250px;


}
#flipMenu {
  display:none;
  margin-top: 15px;
}

.transparent {
  background: transparent;
  border: 0px solid;
}

.transparent:hover {
  background: transparent;
  border: 0px solid;
}


.menu-spacing {
  margin:5px;
}



/*-----------------------------------------------*/

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -35px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 35px; /* .push must be the same height as .footer */
}

/*to make footer sticky and always shoealways showing uncomment this*/
body {
/*  margin-bottom: 55px;*/
}

.footer {       
  position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:55px;    /* must be the same height as .wrapper margin */
    margin-bottom:0px;
    opacity:.8;
}







/*---------------------*/

.footer {
  background: #e8e8e8;
}

.row {
  /* fix padding for boostrap issue on this app only */
  margin-right: 0;
  margin-left: 0;
}

.footer-content {
  text-align: right;

}


/*
SinnerDiv For Loading
 */
.cal-loader{
 pointer-events: none;
   background-color: #f1f1f1;
    opacity: 0.8;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 500;
    height: 100%;
    width: 100%;
    overflow: hidden;
    content:"Loading.........";
  background-image: url('/images/loader_3xx.gif');
    background-position: center;
    background-repeat: no-repeat;

}




.loader {

  float: left;
  height: 3px;
  /*width: 100%;*/
  position: relative;
  overflow: hidden;
  background-color: #ddd;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 3px;
  background-color: #2980b9;
  animation: loading .5s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
/*-----------------------
@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}



     
/*    background-color: #f1f1f1;
    opacity: 0.8;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    height: 100%;
    width: 100%;
    overflow: hidden;
  background-image: url('../images/loader_3xx.gif');
    background-position: center;
    background-repeat: no-repeat;*/
}



/*Jquery Tool Tip Custom Styles*/


 .ui-tooltip, .arrow:after {
    background: #286090;/* black;*/
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }


/* For the Footer Sliding Menu Navigation */
.shiftNavLeft {
  margin-bottom: -110px;
}

.toggleShow {
  opacity:.25;
  height:34px;
  position: fixed;
  bottom:15px;
}

.adjPos {
left:1px;
bottom:10px;
}


/*jquery Modal Modifications */
.ui-widget-header{
/*  border: 0;*/
  background: #286090;
      color: #ffffff;
}
.ui-dialog-titlebar-close {
  /*display:none;*/
}
.custom-ui-widget-header-warning {
  background: #EBCCCC;
  font-size: 1em;
}

.custom-ui-widget-header-accessible {
  background: #C2D7E9;
  font-size: 1em;
}

.ui-dialog-titlebar {
/*  background: #337AB7;
  background: #DADADA;*/
 /* display: none;*/
  background: #286090;
      color: #ffffff;
}

.d1-show-helpPo.ui-dialog-titlebar {
/*  background: #337AB7;
  background: #EBCCCC;*/
   background: #286090;
       color: #ffffff;



}


.ui-dialog-title{
  color:#eee;
 
  font-weight: normal;
}

#helpPODiv .ui-dialog-titlebar
{
   /* display:inherit;*/
}

.hide-titlebar{
  display: none;
}

.ui-dialog-buttonpane.ui-widget-content {

/*  background: #337AB7;
*/
}
.has-dialog > span {
  display: inline-table;
}

#loginMessagex,#loginMessage,.messages {
  
  font-size: .8em;
      color: #FFFFFF;

}

#containerx {
/*  margin-bottom:auto;
  margin-top:50%;*/
}
.footerInfo{
  margin:5px;
}

.logos-10 {

  width:15%;
}



/*-----------------------------------------------*/

/*

Footer on bottom of page **&***** DO NOT DELETE

*/

html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
.wrapperx {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 55px; /* .push must be the same height as .footer */
    opacity:.8;
}


/*to make footer sticky and always shoealways showing uncomment this Ssection*/

.footer {       
  position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:35px;    /* must be the same height as .wrapper margin */
    margin-bottom:0px;
    opacity:.8;
    background-color: #c33c33;
}
/*  End Section to uncomment ------------------------*/

.dumpDetail {
  display:none;
}


/*This section stays with the fotte r sticky no matter what it is for the nav section*/
.bottomMenu{

  bottom: 24px;   /*mist match the fottoer fix in this section*/
  /*float: left;*/
}
.footerDebug {

}

/*End modified section for sticky footer -------------------------*/


.footer {
     background-color: #000000;
    padding-top: 1px;
    padding-bottom: 5px;
    color:white;
    
}

.header {
    background-color: #FFFFFF;
    padding-top: 1px;
    padding-bottom: 3px;
    color:#000000;
    /*font-size:1.8em;*/
}



.footer-content {
  text-align: right;

}

.bottomPageInclude {
      /* bottom: 15px; */
    float: left;
  /*  margin-top: -8px  ;*/

}

.slideLeft {
  margin-left:-8888;
}

#slideOut{
  position:relative;
}
.d1-xx-small-text {
  font-size:xx-small;
}

.d1-x-small-text {
  font-size:x-small;
}

.d1-small-text {
  font-size:small;
}

/*//Calendar Sixe*/
div.ui-datepicker {
    font-size: 1.5em;
}
#ui-datepicker-div > table > thead {
    background-color: #286090;
    border-color: #000000;
    color: #ffffff;
}

/******************** KEY CLASSES - TO Stop Grids From Wrapping Add in the Container Div ******/
.container-fixed {
        white-space: nowrap;
      overflow: hidden; 
      width: 100%;
}


html,body{
    overscroll-behavior-y: contain; /* disable pull to refresh, keeps glow effects */
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 2px solid #d6d6d6;
}

/*Save Tile*/
 .logoutFooterx {     width: 246px !important;
    /*height: 64px !important;*/
    /* padding-top: 50px; */
    /*font-size: 2em !important;*/
    /* padding-bottom: 0px; */
    /* border-bottom-width: 0px; */
    /* border-top-width: 0px; */
    /*margin-bottom: 0px !important;*/
    /* margin-top: 10px;
}