/* Start Main css */
html {
   margin: 0;
   padding: 0;
   height: 100%;
}

header {
   padding: 5px;
   background-color: #454e59;
   display: grid;
   grid-column-gap: 10px;
   grid-template-columns: auto auto;
   width: 100%;
}

body {
   margin: 0;
   padding: 0;
   height: 100%;
   background-image: url("./background");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

footer {
   bottom: 0;
   position: absolute;
   background-color: #454e59;
   width: 100%;
   color: white;
   font-size: 14px;
   padding: 10px 0;
}

.container-full {
   padding: 10px 10px 100px 10px; /* Height of the footer == bottom padding (100px) */
}

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

#footer {
   width: 100%;
   height: 100px;   /* Height of the footer */
}
/* End Main css */

/* Start Generic css */
.font-white {
   color: white;
}

.font-bold {
   font-weight: bold;
}

.margin-bottom-10 {
   margin-bottom: 10px;
}
/* End Generic css */

/* Start Components css */
.logo {
   height: auto;
   width: 100%;
   max-width: 300px;
   max-height: 300px;
   margin: auto auto;
}

.logout-btn > a {
   color: white;
}

.logout-btn {
   font-weight: bold;
   float: right;
}

.btn-block {
   margin-top: 25px;
}

.status-message {
   font-weight: bold;
   color: white;
   margin-top: 5px;
   word-wrap: break-word;
   text-align: center;
}

.alert {
   padding: 10px;
}

.alert > a {
   font-weight:bold;
}

.login-panel {
   margin-top: 0;
}

.form-layout {
   margin-top: 20px;
}

.form-label {
   font-size: 14px;
   color: white;
   font-weight: bold;
}

.captcha-form {
   margin: 15px 5px;
}

.cc-form {
   width: 27%;
   float: left;
}

.cc-form > input {
   padding-right: 16px;
}


.telephone-form {
   padding: 0 0 0 5px;
   width: 73%;
   float: left;
}

.captcha-form > a {
   font-size: 1.6em;
   color: white;
   margin: 5px 0;
}

.captcha-form > a > i {
   vertical-align: top;
}

.social-media-image {
   cursor: pointer;
   width: 35px;
}

.agent-icon {
   cursor: pointer;
   width: 35px;
}

.panel-social-media {
   background-color: #454e59;
}

.device-info-title {
   font-weight: bold;
}

@media (max-width: 1024px) {
   .footer-container-device-info{
      max-height: 52px; 
      overflow:auto;
   }
}
@media (min-width: 1024px) {
   .footer-container-device-info{
      max-height: 96px; 
      overflow:auto;
   }
}

/* End Components css */