.pointer {
    cursor: pointer;
}
.btn-primary {
    background-color: #009641;
}
body.public-qr-layout {
    margin-top: 100px;
}
body.public-layout {
    background-color: #009641;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}
body.public-layout h1 {
    font-size: 4em;
}
body.public-layout h2 {
    font-size: 3em;
    font-weight: bold;
}
body.public-layout input {
    background-color: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 10px;
    height: 45px;
    color: #ffffff;
    position: relative;
    margin-bottom: 20px;
}
body.public-layout button, body.public-layout button:hover {
    color: #ffffff;
    background-color: #00170c;
    padding: 5px 25px;
    border-radius: 20px;
    width: 150px;
}
body.public-qr-layout #register-qr-container button, body.public-qr-layout #register-qr-container button:hover {
    color: #ffffff;
    background-color: #00170c;
    padding: 5px 25px;
    border-radius: 20px;
}
body.public-layout ::placeholder {
    color: #eeeeee;
}
body.admin-layout {
    background-color: #FFF;
    color: #000;
}
#menu-container {
    margin-top: 120px;
}
.login-content a.reset-password-link{
    color: #ffffff;
}
.login-content a.reset-password-link:hover {
    text-decoration: none;
    font-weight: bold;
    color: #232627;
}
.btn-position-top {
    margin-top: 20px;
}
.btn-position-bottom {
    margin-bottom: 20px;
}
.btn-position-left {
    margin-left: 15px;
}
.checkbox-select-language {
    display: inline-block;
    margin-left: 15px;
}

a.arrow-link {
    color: #FFF;
    margin-top: -22px;
}
a.arrow-link:hover{
    color: #232627;
}
#register-container p.register-terms {
    margin: 0px;
    padding: 0px;
}
#footer a.footer-link{
    color: #FFF;
}
#footer a.footer-link:hover{
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}
#footer {
    background-color: #232627;
    color: #bbbbbb;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 25px 10px 10px;
}
.language-selector {
    background-color: #00170c!important;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 9px 4px;
    width: 150px;
}
select.language-selector {
    padding-left: 15px;
    text-indent: 25px;
}
.top-menu-bar {
    background-color: #009641;
    color: #ffffff;
    font-size: 1.2em;
    padding: 5px 20px;
}
#home-container button,
#installations-container button.create-new-element {
    padding: 0 !important;
    border-radius: 79px;
    border: none;
    background-color: transparent;
    color: #ffffff;
    margin-bottom: 10px;
    vertical-align: -7px;
}
#installations-container div.installation-button-register {
    display: inline-block;
    padding: 20px;
}
#installations-container div.installation-buttons-register{
    text-align: center;
    padding: 30px;
}

#installations-container .complete-record {
    padding-bottom: 80px;
}

.installation-new-list-devices ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.installation-new-list-devices li {
    margin-left: 20px;
}
.installation-new-list-devices div.list-devices-label {
    background-color: rgba(128, 128, 128, 0.1);
    border: none;
    border-radius: 15px;
    height: 45px;
    color: #8c8c8c;
    position: relative;
    margin-bottom: 10px;
    padding: 15px;
    font-size: 14px;
}
.form-error {
    color: #ff0000;
}
.home-user-customer {
    margin-top: 150px;
}
.panel.panel-installation {
    border: none !important;
    box-shadow: none !important;
}
.panel .panel-heading-installation {
    border: none !important;
    background-color: transparent !important;
    margin-top: 20px;
}
.panel .panel-body-installation {
    border: none !important;
    box-shadow: none !important;
}
.link-panel {
    color: #232627;
    font-weight: bold;
}
.link-panel:hover {
    text-decoration: none;
    color: #009641;
}
a.icon-download-firmware {
    text-decoration: none;
    color: #232627;
}
.navbar-mobile {
    background-color: #FFF;
    color: #232627;
}
.navbar-mobile .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-default {
    background-color: #009641;
    width: 100%;
}
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-default .navbar-brand:hover {
    color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
    margin-left: 15px;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.navbar-default .navbar-nav > li > a.active {
    color: #232627;
}
.navbar-default .navbar-nav > li > a.inactive {
    color: #FFF;
}
.navbar-toggle {
    background-color: transparent !important;
}
.navbar-header.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
#alerts-container .alert button {
    background-color: transparent;
    color: #000000;
    padding: 0px 5px;
    width: auto;
}

#alerts-container.shared-alerts-container {
    margin-top: 60px;
}

#alerts-container.within-alerts-container {
    margin-top: 0px;
}

#navigation-title-container {
    background-color: #009641;
    color: #FFF;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    z-index: 2000;
}
#navigation-title-container h4{
    line-height: .5em;
    position: absolute;
    width: 100%;
    left: 0;
    top: 20;
    text-align: center;
    margin: auto;
}
#navigation-title-container h3 {
    margin-top: 22px;
}

#installations-container {
    margin-top: 100px;
}

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

.menu-dropdown-edit-replace {
    font-size: 30px;
}


#installation-configuration-form select,
#installation-configuration-form input {
    background-color:  rgba(128, 128, 128, 0.1);
}

#installation-replace-protection-device-form .input-group,
#installation-replace-data-logger-form .input-group,
#installation-edit-data-logger-form .input-group,
#installation-edit-protection-device-form .input-group,
#installation-edit-installation-form .input-group,
#installations-container .input-group {
    margin-top: 10px;
    margin-bottom: 20px;
}
#installation-replace-protection-device-form .input-group-addon,
#installation-replace-data-logger-form .input-group-addon,
#installation-edit-data-logger-form .input-group-addon,
#installation-edit-protection-device-form .input-group-addon,
#installation-edit-installation-form .input-group-addon,
#installations-container .input-group-addon {
    background-color: rgba(128, 128, 128, 0.1);
    border: none;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 45px;
    color: #9d9d9d;
    position: relative;
    font-size: 16px
}
#installation-replace-protection-device-form input,
#installation-replace-data-logger-form input,
#installation-edit-data-logger-form input,
#installation-edit-protection-device-form input,
#installation-edit-installation-form input,
#installations-container input {
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: none;
    border-radius: 15px;
    height: 45px;
    color: #232627;
    position: relative;
    font-size: 16px;
}

.no-border {
    border: none;
}

#installation-replace-protection-device-form textarea,
#installation-replace-data-logger-form textarea,
#installation-edit-data-logger-form textarea,
#installation-edit-protection-device-form textarea,
#installation-edit-installation-form textarea,
#installations-container textarea {
    background-color: rgba(128, 128, 128, 0.1);
    border: none;
    box-shadow: none;
    border-radius: 15px;
    height: 45px;
    color: #232627;
    position: relative;
    font-size: 16px;
    padding-top: 11px;
}

a.link-navigation {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
a.link-navigation:hover {
    text-decoration: none;
    font-weight: bold;
    color: #CCC;
}
a.link-cancel-navigation {
    margin-top: -2;
    padding-right: 10px;
    text-decoration: none;
    position: relative;
    color: #FFF;
}
a.link-cancel-navigation:hover {
    text-decoration: none;
    color: #000;
}
.select-device {
    background-color: rgba(128,128,128,0.1);
    color: #232627;
    border: none;
    border-radius: 12px;
    padding: 9px 4px;
    width: 100%;
    box-shadow: none;
}
select.select-device{
    height: 45px;
    padding-left: 15px;
    text-align-last: left;
}
.field-important {
    margin-left: -10px;
    font-size: 20px;
    color: red;
}
.field-important-height {
    color: red;
    position: relative;
    top: -1px;
    font-size: 10px;
    z-index: 9;
    margin-bottom: -25px;
}
#devices-my-devices-container {
    margin-top: 10px;
}

#installations-record-complete-container {
    margin-top: 120px;
}

#tests-view-container,
#event-view-container,
#installation-data-logger-view-container,
#installation-data-logger-edit-container,
#installation-data-logger-replace-container,
#installation-protection-device-view-container,
#installation-protection-device-edit-container,
#installation-protection-device-replace-container,
#installation-edit-container,
#updates-view-container {
    margin-top: 70px;
}

#event-view-container .panel-default,
#installation-protection-device-replace-container .panel-default,
#installation-protection-device-view-container .panel-default,
#installation-protection-device-edit-container .panel-default,
#installation-data-logger-replace-container .panel-default,
#installation-data-logger-view-container .panel-default,
#installation-data-logger-edit-container .panel-default,
#installation-edit-container .panel-default,
#installation-view-container .panel-default {
    border-color: #FFF;
}
#tests-container ul,
#installation-view-container ul,
#installation-data-logger-view-container ul,
#installation-data-logger-edit-container ul,
#installation-edit-container ul,
#installation-protection-device-edit-container ul,
#installation-protection-device-view-container ul {
    list-style-type: none;
    padding-left: 0;
}
#tests-container li.test-container,
#installation-view-container li.data-logger-container,
#installation-data-logger-view-container li.data-logger-container,
#installation-data-logger-edit-container li.data-logger-container,
#installation-edit-container li.data-logger-container,
#installation-protection-device-edit-container li.data-logger-container,
#installation-protection-device-view-container li.data-logger-container {
    margin-top: 17px;
}
#tests-container li.test-container > a,
#installation-view-container li.data-logger-container > a,
#installation-data-logger-view-container li.data-logger-container > a,
#installation-data-logger-edit-container li.data-logger-container > a,
#installation-edit-container li.data-logger-container > a,
#installation-protection-device-edit-container li.data-logger-container > a,
#installation-protection-device-view-container li.data-logger-container > a {
    width: 100%;
    display: block;
    background-color: #F5F5F5;
    color: #333333;
    text-decoration: none;
    font-size: 1.6em;
    font-weight: bold;
    padding: 15px 20px;
    height: 55px;
    margin-bottom: 15px;
}
#installation-view-container li.data-logger-container > ul > li > a,
#installation-data-logger-view-container li.data-logger-container > ul > li > a,
#installation-data-logger-edit-container li.data-logger-container > ul > li > a,
#installation-edit-container li.data-logger-container > ul > li > a,
#installation-protection-device-edit-container li.data-logger-container > ul > li > a,
#installation-protection-device-view-container li.data-logger-container > ul > li > a {
    width: calc(100% - 15px);
    display: block;
    color: #666666;
    text-decoration: none;
    padding: 5px 18px 25px 15px;
    margin-left: 15px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
}
#tests-container li.test-container > ul > li > a,
#updates-container li.test-container > ul > li > a {
    width: 100%;
    display: block;
    color: #666666;
    text-decoration: none;
    padding: 10px 15px;
    margin-left: 15px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
}

#tests-container li.test-container > ul > li > a .test-name {
    color: #000000;
}

#installation-view-container li.data-logger-container > ul > li > a > span,
#installation-data-logger-view-container li.data-logger-container > ul > li > a > span,
#installation-data-logger-edit-container li.data-logger-container > ul > li > a > span,
#installation-edit-container li.data-logger-container > ul > li > a > span,
#installation-protection-device-edit-container li.data-logger-container > ul > li > a > span,
#installation-protection-device-view-container li.data-logger-container > ul > li > a > span{
    font-size: 1.6em;
}

#installation-view-container h4.section-title,
#installation-data-logger-view-container h4.section-title,
#installation-data-logger-edit-container h4.section-title,
#installation-edit-container h4.section-title,
#installation-protection-device-edit-container h4.section-title,
#installation-protection-device-view-container h4.section-title {
    color: #FFFFFF;
    background-color: #009641;
    padding: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    font-size: 1.5em;
    vertical-align: middle;
    height: 55px;
}

#installation-view-container .link-configuration {
    color: #009641;
    text-decoration: underline;
}

#installation-view-container .create-installation-device,
#installation-data-logger-view-container .create-installation-device,
#installation-data-logger-edit-container .create-installation-device,
#installation-edit-container .create-installation-device,
#installation-protection-device-edit-container .create-installation-device,
#installation-protection-device-view-container .create-installation-device {
    background-color: #009641;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 3px 2px 4px 4px;
    text-align: center;
    font-size: .9em;

}
#installation-protection-device-view-container .panel-default > .panel-heading,
#installation-edit-container .panel-default > .panel-heading,
#installation-protection-device-edit-container .panel-default > .panel-heading,
#installation-data-logger-view-container .panel-default > .panel-heading,
#installation-data-logger-edit-container .panel-default > .panel-heading,
#installation-view-container .panel-default > .panel-heading {
    color: #FFFFFF;
    background-color: #009641;
    padding: 0px;
}
#installation-protection-device-view-container .panel-title h4,
#installation-edit-container .panel-title h4,
#installation-protection-device-edit-container .panel-title h4,
#installation-data-logger-view-container .panel-title h4,
#installation-data-logger-edit-container .panel-title h4,
#installation-view-container .panel-title h4 {
    padding: 20px;
}
#installation-protection-device-view-container .panel-title i.glyphicon,
#installation-edit-container .panel-title i.glyphicon,
#installation-protection-device-edit-container .panel-title i.glyphicon,
#installation-data-logger-view-container .panel-title i.glyphicon,
#installation-data-logger-edit-container .panel-title i.glyphicon,
#installation-view-container .panel-title i.glyphicon {
    margin-top: -45px;
    padding-right: 15px;
}
#installation-protection-device-view-container .panel-title > a,
#installation-edit-container .panel-title > a,
#installation-protection-device-edit-container .panel-title > a,
#installation-data-logger-view-container .panel-title > a,
#installation-data-logger-edit-container .panel-title > a,
#installation-view-container .panel-title > a {
    text-decoration: none;
    text-transform: uppercase;
}
#installation-protection-device-view-container,
#installation-edit-container,
#installation-protection-device-edit-container,
#installation-data-logger-edit-container,
#installation-data-logger-view-container,
#installation-view-container {
    margin-top: 40px;
}
#my-profile-container{
    margin-top: 40px;
}
#my-profile-container .input-group {
    margin-top: 10px;
    margin-bottom: 20px;
}
#my-profile-container .input-group-addon {
    background-color: rgba(128, 128, 128, 0.1);
    border: 0px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    height: 45px;
    color: #9d9d9d;
    position: relative;
    font-size: 16px
}
#my-profile-container input {
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: none;
    border: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    height: 45px;
    color: #232627;
    position: relative;
    font-size: 16px;
}
.select-languages {
    background-color: rgba(128,128,128,0.1);
    color: #232627;
    border: none;
    border-radius: 12px;
    padding: 9px 4px;
    width: 100%;
    box-shadow: none;
}
select.select-languages{
    height: 45px;
    padding-left: 15px;
    text-align-last: left;
}
div#tests-container {
    display: inline-block;
    background-color: #FFF;
    padding: 20px;
}
#tests-container button.button-test,
#updates-container button.button-update {
    width: 150px;
    padding: 4px 4px 6px 4px;
    border-radius: 10px;
    border: none;
    background-color: #232627;
    color: #ffffff;
    margin-bottom: 10px;
}

.button-cancel {
    width: 150px;
    padding: 4px 4px 6px 4px;
    border-radius: 10px;
    border: none;
    background-color: #232627;
    color: #ffffff;
    margin-bottom: 10px;
    margin-right: 10%;
    margin-left: 10%;
}


.button-test-accept {
    width: 150px;
    padding: 4px 4px 6px 4px;
    border-radius: 10px;
    border: none;
    background-color: #009641;
    color: #ffffff;
    margin-bottom: 10px;
    margin-left: 13%;
    margin-right: 10%;
}

#updates-container button.button-update {
    width: auto;
    padding: 4px 10px 6px 10px;
}
#tests-container .device-test {
    border-top: solid 1px #232627;
    margin-top: 10px;
    padding: 5px;
}
#tests-container .show-calendar {
    visibility: visible;
    display: block !important;
}
#tests-container .hide-calendar {
    visibility: hidden;
    display: block !important;
}
#tests-container button.button-link {
    border:none;
    outline:none;
    background:none;
    cursor:pointer;
    color:#232627;
    padding:0;
    text-decoration:none;
    font-family:inherit;
    font-size:inherit;
    font-weight: bold;
}
#reports-device-table tr > td {
    border-top: none;
}

#installations-record-complete-container button.create-new-installation,
#installations-my-installations-container button.create-new-installation {
    padding: 0 !important;
    border-radius: 79px;
    border: none;
    background-color: transparent;
    color: #ffffff;
    margin-bottom: 10px;
    vertical-align: -7px;
}

#installations-record-complete-container button.return-my-installations {
    padding: 0 !important;
    border-radius: 79px;
    border: none;
    background-color: transparent;
    margin-bottom: 10px;
    vertical-align: -7px;
}

.return-home-icon {
    color: #C1C1C1;
}

#installations-reports-container .input-group,
#installations-my-events-container .input-group,
#installations-my-installations-container .input-group,
#devices-my-devices-container .input-group,
#devices-my-devices-search .input.group,
#installations-my-installations-search .input-group {
    margin-top: 10px;
    margin-bottom: 20px;
}
#installations-reports-container .input-group-addon,
#installations-my-events-container .input-group-addon,
#installations-my-installations-container .input-group-addon,
#devices-my-devices-container .input-group-addon,
#devices-my-devices-search .input-group-addon,
#installations-my-installations-search .input-group-addon {
    background-color: rgba(128, 128, 128, 0.1);
    border: 0px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 45px;
    color: #9d9d9d;
    position: relative;
    font-size: 25px;
}
#installations-reports-container input,
#installations-my-events-container input,
#installations-my-installations-container input,
#devices-my-devices-container input,
#devices-my-devices-search input,
#installations-my-installations-search input {
    background-color: rgba(128, 128, 128, 0.1);
    box-shadow: none;
    border: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    height: 45px;
    color: #232627;
    position: relative;
    font-size: 16px;
}
#installations-reports-container .panel-default,
#installations-my-events-container .panel-default,
#installations-my-notifications-container .panel-default,
#installations-my-installations-container .panel-default,
#devices-my-devices-container .panel-default,
#installations-my-installations-container .panel-default {
    border-color: #FFF;
}
#installations-reports-container .panel-body,
#installations-my-events-container .panel-body,
#installations-my-notifications-container .panel-body,
#installations-my-installations-container .panel-body,
#devices-my-devices-container .panel-body,
#installations-my-installations-container .panel-body {
    background-color: #F5F5F5;
    border-radius: 10px;
}
#installations-container .inactive,
#devices-my-devices-container .panel-body .inactive,
#installations-my-installations-container .panel-body .inactive,
#installation-data-logger-edit-container .panel-body .inactive,
#installation-protection-device-edit-container .panel-body .inactive,
#installation-edit-container .panel-body .inactive {
    color: #696767;
}
#installations-reports-table.table,
#installations-my-events-table.table,
#installations-my-devices-table.table,
#devices-my-devices-table.table,
#installations-my-notifications-table.table,
#installations-my-installations-table.table {
    margin-bottom: 0px;
}
#installations-reports-table tr > td,
#installations-my-events-table tr > td,
#installations-my-devices-table tr > td,
#devices-my-devices-table tr > td,
#installations-my-notifications-table tr > td,
#installations-my-installations-table tr > td {
    border-top: none;
    vertical-align: middle;
}
#installations-my-events-table .icon-exclamation-sign,
#installations-my-devices-table .icon-exclamation-sign,
#devices-my-devices-table .icon-exclamation-sign,
#installations-my-installations-table .icon-exclamation-sign {
    background-image: url('/images/icons/state-yellow.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 122px;
    width: 122px;
}
#installations-my-events-table .icon-remove-circle,
#installations-my-devices-table .icon-remove-circle,
#devices-my-devices-table .icon-remove-circle,
#installations-my-installations-table .icon-remove-circle {
    background-image: url('/images/icons/state-red.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 122px;
    width: 122px;
}
#installations-my-events-table .icon-ok-circle,
#installations-my-devices-table .icon-ok-circle,
#devices-my-devices-table .icon-ok-circle,
#installations-my-installations-table .icon-ok-circle {
    background-image: url('/images/icons/state-green.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 122px;
    width: 122px;
}
#installations-my-events-table .icon-chevron,
#installations-my-devices-table .icon-chevron,
#devices-my-devices-table .icon-chevron,
#installations-my-notifications-table .icon-chevron,
#installations-my-installations-table .icon-chevron {
    font-size: 30px;
    color: #232627;
}
#tests-container .icon-chevron,
#updates-container .icon-chevron {
    margin-left: 30px;
    margin-top: -20px;
    font-size: 1.6em;
}
.icon-replace {
    font-size: 30px;
    color: #232527;
    margin-top: -50px;
    margin-right: 20px;
}
.icon-download {
    font-size: 16px;
    color: #232527;
}

/* mobile menu*/
span.icon-menu-mobile-home {
    background-image: url('/images/mobile-menu/home30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-profile {
    background-image: url('/images/mobile-menu/profile30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-installations {
    background-image: url('/images/mobile-menu/installations30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-devices {
    background-image: url('/images/mobile-menu/devices30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-notifications {
    background-image: url('/images/mobile-menu/notifications30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-reports {
    background-image: url('/images/mobile-menu/reports30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-events {
    background-image: url('/images/mobile-menu/events30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}

span.icon-menu-mobile-configuration {
    background-image: url('/images/mobile-menu/configuration30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: -5px;
}


span.installation-icon-create-new,
span.home-icon-create-new {
    background-image: url('/images/icons/create-new.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    height: 25px;
    width: 25px;
}

span.installation-icon-return-my-installations {
    background-image: url('/images/mobile-menu/installations30x30.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90%;
    display: block;
    height: 30px;
    width: 30px;
}

.menu-device {
    margin-top: 40px;
}
.menu-button-device {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 40px;
}
.icon-record-complete {
    font-size: 150px;
    color: lightgrey;
}
.menu-device.btn-group.open .dropdown-toggle {
    box-shadow: none;
}
#installations-container .location-dimensions,
#installation-edit-container .location-dimensions {
    width: 100%;
    height: 280px;
}

#tests-container .test-programming-container input.test-programming-date {
    max-width: 250px;
    display: inline;
    margin-bottom: 6px;
}

.menu-profile {
    margin-top: 7px;
    margin-right: 15px;
    padding: 15px;
    float: right;
}

ul.menu-profile li {
    list-style-type: none;
}

ul.menu-profile li > a.dropdown-toggle {
    color: white;
}

ul.menu-profile li > a.dropdown-toggle {
    text-decoration: none;
}

.panel.panel-installation-record-complete {
    border: none !important;
    box-shadow: none !important;
    margin-top: 120px;
}

.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none;
}

.btn.btn-primary {
    background-color: #009641;
    border: none;
}

.btn.btn-primary:hover {
    background-color: rgba(0, 128, 61, 0.78);
    border: none;
}

.btn.btn-primary:active {
    background-color: rgba(0, 128, 61, 0.78) !important;
    border: none;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.hide-create-installation,
.hide-schedule-test,
.hide-no-tests,
.hide-menudevice-installation,
.hide-protectiondevice-installation,
.hide-datalogger-installation {
    display: none;
}

.logout-home.btn.btn-primary {
    background-color: transparent !important;
    box-shadow: none;
    color: #232627;
    border: none !important;
    text-align: left;
    padding-left: 20px;
}

.logout-home.btn.btn-primary:link,
.logout-home.btn.btn-primary:hover {
    background-color: #f5f5f5 !important;
    border: none;
}
.admin-users-scroll {
    overflow-x: scroll;
}
#users-logout-form {
    margin-bottom: 0;
}

.well-text {
    margin: 0px;
}

.well-position {
    min-height: 75px !important;
}

.pac-container {
    z-index: 2050;
}

.qr-register-checkbox {
    float: left;
}

.qr-register-span {
    margin-left: 20px;
}

.qr-verification-result-ok {
    background-image: url('/images/icons/state-green.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 50px;
    width: 50px;
}

.qr-verification-result-info {
    background-image: url('/images/icons/state-yellow.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 50px;
    width: 50px;
}

.qr-verification-result-ko {
    background-image: url('/images/icons/state-red.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px;
    height: 50px;
    width: 50px;
}

.qr-verification-table-cell {
    height: 60px;
    width: 60px;
}

.modal {
    z-index: 3000 !important;
}

.steps-menu {
    margin-top: 80px;
    margin-bottom: -30px;
    text-align: center;
    width: 100%;
}
.steps-menu .steps-container {
    max-width: 750px;
    display: inline-block;
    position: relative;
    margin: 0 10%
}
.steps-menu .steps-container img {
    max-width: 100%;
}
.steps-menu span.step {
    position: absolute;
    top: 45px;
    width: 25%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #9f9f9f;
    text-transform: uppercase;
}
.steps-menu span.step-installation {
    left: -10.5%;
}
.steps-menu span.step-dl {
    left: 21.5%;
}
.steps-menu span.step-dp {
    right: 21.5%;
}
.steps-menu span.step-submit {
    right: -10.5%;
}
.steps-menu span.done {
    color: #000000;
}

.device-container {
    margin-left:1%;
}

.device-container-update {
    text-align: center;
}

.device-container-update img,
.device-container img {
    width: 1%;
    margin-bottom: 0.2%;
}

.help-title {
    font-size: 22px;
}

.help-text {
    text-align: justify;
}

.float-right {
    float: right;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.pagination>li>a {
    color:#009641;
}

.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>.active>a {
    background-color: #009641;
    border-color: #009641;
}

.align-center {
    text-align: center;
}

.box {
    border:2px solid #009641;
    border-radius: 10px;
}

.container-box {
    margin: 1%;
}

.container-image-box {
    margin-bottom: 2%;
}

.app-store-logo {
    width: 9%;
}

.mandatory-element {
    border: 1px solid red;
}

.landing-image {
    max-width: 500px;
    height: auto;
}

.inline {
    display: inline;
}

@media only screen and (max-width: 768px) {
    .steps-menu span.step {
        top: 25px;
        font-size: 12px;
    }

    .device-container {
        margin-left:4%;
    }

    .device-container-update img,
    .device-container img {
        width: 6%;
        margin-bottom: 1.5%;
    }

    .app-store-logo {
        width: 28%;
    }

    .button-test-accept {
        width: 150px;
        padding: 4px 4px 6px 4px;
        border-radius: 10px;
        border: none;
        background-color: #009641;
        color: #ffffff;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 0;
    }
    .button-cancel {
        width: 150px;
        padding: 4px 4px 6px 4px;
        border-radius: 10px;
        border: none;
        background-color: #232627;
        color: #ffffff;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 0;
    }

    .landing-image {
        max-width: 361px;
        height: auto;
    }

    .navbar-logo {
        max-width: 343px;
        height: auto;
    }
}