body {
    width : 100%
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 168px;
    padding-top: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.center-block {
  display: table;
  margin: 0 auto;
}


.app-bar {
    background: #ffffff 0% 0% no-repeat padding-box;
    color: #909090;
    box-shadow: 0px 3px 2px #0000000D;
    opacity: 1;
    /*border-bottom: 1px solid  #262f41;*/
    border-left: 1px solid rgba(255,255,255, 0.3);
}

.app-bar .app-bar-element:hover{
     background-color: #fff;
     border-bottom: 3px solid red;
}

.app-bar .app-bar-divider {
    background-color: rgba(255,255,255, 0.3);
}

.user-image {
    max-width : 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    margin-top : 18px;
    margin-bottom: 17px;
}

.panel .heading {
    background-color: #f1f2f4;
}
.panel .heading .icon{
    background-color: #46598B;
}

hr {
    background-color: #D7D9DF;
}

.image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height : 350px;
}


.preAnimate {
       opacity: 0;
       -webkit-transform : scale(.8);
       transform : scale(.8)
    }

.animate {
          opacity : 1;
          -webkit-transform : scale(1);
          transform: scale(1);
          -webkit-transition: .5s;
          transition: .5s
    }



.tile-label {
    text-align: center;
    font-size: 0.68em;
    margin-bottom : 80% !important;
    left: 0 !important; 
    right: 0 !important; 
    margin-left: auto !important; 
    margin-right: auto !important; 
    width: 100% !important;
}


.login-form {
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.smaller-font {
    font-size : 0.8rem;
    
}

#batchTable_processing {
    content: url(../Content/Images/gif.gif);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.dataTables_processing {
    content: url(../Content/Images/gif.gif);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.app-bar-element .icon {
    margin-right: 5px;
}

.app-bar .app-bar-element:hover, .app-bar .app-bar-element:active  {
    
    /*/border-right: 2px solid rgba(255,255,255, 0.3);*/
    border-bottom: 2px solid rgba(255,255,255, 0.3);
    background-color: #eee;   
}

.app-element-active {
    /*border-left: 2px solid rgba(255,255,255, 0.3);*/
    /* border-bottom: 2px solid rgba(255,255,255, 0.3);*/
    color: #505050 !important;
    border-bottom: 3px solid #e1000f !important;
    background-color: #eee;
}

.active a {
    color: #505050 !important;
    border-bottom: 3px solid #e1000f;
}

.malaslika {
    height : 25px !important;
    width : 25px !important;
    margin-top : -40px !important;
    margin-left : -40px !important;
}


.d-menu {
    border : none;
    /*border-bottom : 2px solid #262f41 !important;
    border-right : 2px solid #262f41 !important;
    border-left : 2px solid #262f41 !important;
    border-top : 0px solid transparent !important;*/
}

/*.triangle { 
    visibility: hidden;
    border-left: 8px solid transparent;
    border-right: 8px solid red;
    border-top: 8px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
*/
#batchTable tbody tr { cursor: pointer; }

.chartsloader {
    position: relative;
    top: 45%;
    left:47%;
}

.batchAlarrmButon {
    padding-top : 0 !important;
}

#chartImage {
    max-width : 800px !important;
    /*max-height : 800px !important;*/

    width:512px; 
    height:288px;

    /*height : unset;*/
    /*position : absolute;
    bottom : 180px;*/

}

.dnetlogo{
  max-width: 6%
}

.dashloader{
    position : absolute;
    left : 48%;
    top: 48%;
}

.infoButton{
    margin-top : 15px;
    margin-left : 5px;
    cursor : help;
}

.hint-title{
     font-size: 0.950rem !important;
}

.hint-text {
     font-size: 0.750rem !important;
}

.sizelimit{
    max-width : 695px;
}


.bottleTempHint {
    margin-bottom: 6px;
}
.factoryInfo {
    margin: 10px;
    font-size: 1.1rem;
}

#factory {
    background-color: #f6f7fa;
    color: #313a3d;
    width: 300px;
    text-align: center;
    font-size: 1rem;
    border-radius: 0px 0px 0px 25px;
    float: right;
    padding-top: 2px;
    padding-bottom: 2px;
}

#switchFactory {
    margin-left: 10px;
    color : white !important;
    
}

#switchFactoryLink {
    background-color: transparent !important;
}

/*.hint {
    border : 1px black solid;
}*/

/*.highcharts-tooltip span {
    width:500px;
    height:auto;
    overflow:auto;
    white-space:normal !important;
}*/


/*html, body {
    height : 100%;
}

#sWrapper {
    position : relative;
    min-height : 100%;
}

#sMain {
    padding-bottom : 22px;
}

#sFooter {
    height : 22px;
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
}*/