body {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 30px;
    background-color: transparent;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 70px;
    padding-right: 1px;
    padding-top: 90px;
}

.environmentText {
    padding-left: 70px;
    padding-right: 1px;
    padding-top: 80px;
}

.testEnvironment {
    background-image: url("Test.png");
    background-repeat: repeat;
}

.navbar-header{
    padding-left: 10px;
    padding-right: 50px;
}

.navbar-header{
    padding-left: 10px;
    padding-right: 10px;
}

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

 .login  {
    max-width: 100%;
}

 .cross {
     text-align: right;
     display:none;
 }


 .modal-content {  width: 200%; margin-left:-50%; margin-top: 20px;}
.modal-body {
    max-height: 400px;
}

.modal-header {max-height: 125px;}
.modal-footer { max-height: 125px;}

.topNavIcon {display:none;}

.flat-blue .navbar.navbar-inverse .navbar-nav > li > a.topRightNavIcon {
    display:none;
}


a.topRightNavIcon {display: block; color: lightgray;}
#menuIconAdmin { display: none;}
#menuTextAdmin { display: inline;}
#menuTextHelp { display: inline;}
#menuIconHelp { display: none;}
#menuTextUser { display: inline;}
#menuTextFullScreen { display: inline;}
#menuTextRefresh { display: inline;}

@media screen and (max-width: 768px) {
  .topNavIcon {display: block; color:white;}
  .topNav {display:none;}
  //.topRightNav { display:none;}
   .topNav {display:none;}
   a.topRightNavIcon {display: block; color: red;}
   flat-blue .navbar.navbar-inverse .navbar-nav > li > a.topRightNavIcon {
    display:none;
}
}

@media screen and (min-width: 768px) and (max-width: 1202px)
{    
   #menuIconAdmin { display: inline; width: 6px;}
    #menuIconHelp { display: inline; width: 6px;}
   #menuIconRefresh { display: inline; width: 6px;}
   #menuIconUser { display: inline; width: 6px;}
   #menuIconFullScreen { display: inline; width: 6px;}

   a#menuAnchorHelp
   a#menuAnchorAdmin
   a#menuAnchorRefresh
   a#menuAnchorUser
   a#menuAnchorFullScreen
   {padding-right: 5px;padding-left:5px;}

   #menuTextAdmin { display: none;}
   #menuTextHelp { display: none;}
   #menuTextUser { display: none;}
   #menuTextFullScreen { display: none;}
   #menuTextRefresh { display: none;}

   .navbar .navbar-nav > li > a {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    padding: 0px 7px 0px 7px; }
  
  .topNavIcon {display: none;}
  .topNav  { display: block;}
  .topRightNav_not { display: none;}
   a.topRightNavIcon_not {display: block; color:orange;}
   .topRightNav.responsive { display: block;}
     .flat-blue .navbar.navbar-inverse .navbar-nav > li > a.topRightNavIcon_Not {
    color: lime;
    display:block;
}
}

@media screen and (max-width: 768px) {
  .topNav.responsive { display: block;}
    .topRightNav.responsive { display: block;}
      .topRightNav { display: none;}
  input.impersonate {max-width:100px;}
    .flat-blue .navbar.navbar-inverse .navbar-nav > li > a.topRightNavIcon {
        color: white;
    }
}

.myloader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}