/* background */
body > div.background
{
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
body > div.background img.sims-background-img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

/* login box */
#simsDivLogin {
  width: 360px;
  margin: 0 auto;
}

#simsDivLogin .form-control {
	border: 1px solid #eeefee;
	height: 40px;
	box-shadow: none;
}

#simsDivLogin .input-group {
  padding-bottom: 15px;
}

#simsDivLogin .input-group .fa {
  width: 20px;
}

/*login box languages menu*/
#simsDivLogin .languages-menu {
  padding: 0;
  width: 100%;
  height: 40px;
}

#simsDivLogin .languages-menu:before,
#simsDivLogin .languages-menu:after {
  display: table;
  content: " ";
}

#simsDivLogin .languages-menu > .languages-button {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width:calc(100% - 30px);
  height: 40px;
}

#simsDivLogin .languages-menu > .dropdown-toggle {
  width:30px;
  height: 40px;
}

#simsDivLogin .languages-menu > .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 10px 3px;
  border-top-width: 0;
  margin-left:1px;
  width:99%;
}

#simsDivLogin .languages-menu > .dropdown-menu:after {
  bottom: 100%;
  right: 4px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

#simsDivLogin .languages-menu > .dropdown-menu > li {
}

#simsDivLogin .languages-menu > .dropdown-menu li.divider {
  background: #f1f3f6;
}

#simsDivLogin .languages-menu > .dropdown-menu li > a {
  padding: 8px;
  color: #555;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
}

#simsDivLogin .languages-menu > .dropdown-menu li > a:hover,
#simsDivLogin .languages-menu > .dropdown-menu .active > a,
#simsDivLogin .languages-menu > .dropdown-menu .active > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #f6f6f6;
  color: #555;
  filter: none;
}

#simsDivLogin .input-group-addon {
    background-color: #fff;
    border: 1px solid #cccccc54;
    border-right: 0;
}

#simsDivLogin .btn-default {
    border: 1px solid #cccccc54;
    box-shadow: none;
}

#simsDivLogin #pwd {
    border-radius: 0 4px 4px 0;
}

#pwd + .glyphicon {
    cursor: pointer;
    pointer-events: all;
    top: 3px;
    right: 3px;
}

#myDivLoginAlert {
    margin: -15px 15px 15px 15px;
}

#simsMobileApps { text-align: center; margin: 15px 0; }
#simsMobileApps a { display: table-cell !important; height: auto; width: 50%; padding: 5px; }
#simsMobileApps a img { width: 100%; }

.sims-app-body {
    background-color: #2D3D4B;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(45,61,75,1) 0%, rgba(45,61,75,0.55) 18%, rgba(45,61,75,0.53) 19%, rgba(45,61,75,0.87) 32%, rgba(45,61,75,1) 54%, rgba(45,61,75,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45,61,75,1) 0%,rgba(45,61,75,0.55) 18%,rgba(45,61,75,0.53) 19%,rgba(45,61,75,0.87) 32%,rgba(45,61,75,1) 54%,rgba(45,61,75,1) 100%);
    background: linear-gradient(to bottom, rgba(45,61,75,1) 0%,rgba(45,61,75,0.55) 18%,rgba(45,61,75,0.53) 19%,rgba(45,61,75,0.87) 32%,rgba(45,61,75,1) 54%,rgba(45,61,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d3d4b', endColorstr='#2d3d4b',GradientType=0 );
}

.sims-app-body .background {
    display: none;
}

.sims-app .panel {
    background-color: transparent;
}

.sims-app .sims-language-group {
    display: none;
}

.sims-app .sims-language-classic,
.sims-app .sims-user,
.sims-app .sims-password {
    margin-bottom: 15px;
}

.sims-app .sims-language-classic select,
.sims-app .sims-language-classic select option,
.sims-app .sims-user,
.sims-app .sims-password {
    color: #fff;
    background-color: transparent;
}

.sims-app .input-group-addon {
    display: none;
}

.sims-app #pwd {
    border-radius: 4px !important;
}

.sims-app .form-control,
.sims-app .form-control::placeholder {
    color: #fff !important;
    background-color: transparent;
}

.sims-app #simsDivSmartClassInfo,
.sims-app .panel-footer {
    display: none;
}

.sims-app a {
    color: #fff !important;
    font-weight: 600;
}

.sims-app #myButtonLogin {
    position: relative;
    height: 55px;
    margin-top: 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.bg-mektebim {
    background-color: #e42831 !important;
}