/* app css stylesheet */

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

html, body{
     height: 100%;   
}

body {
    padding-top:20px;
    background-color: #f7f7f7 !important;

    color: #747579 !important
}
.container{
    width: 100% !important;
}
main {
    padding-top: 20px;
    padding-bottom: 25px;
    background-color: #f7f7f7;
}


a, a:hover, a:active, a:focus {
    outline: none;
}

/*select {
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
}
.main-scroll-pane {
    height: 100%;
    overflow: auto;
}*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.panel-body > h4 {
    margin-top: 0px;
}

footer {
    background-color: #fafafa;
    clear: both;
    position: relative;
}
#barra_inf{
    margin: 0 auto;
    width: 100%;
}
.smallprint {
    text-align: center;
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(../fonts/lobster.woff) format('woff');
}
.navbar{
    margin-bottom: 0px;
}
.navbar-elea {
    background-color: #FFF;
}
.nav.nav-tabs {
    font-size: 0.9em;
}
.navbar-brand {
    font-size: 2em;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow: 1px 1px #ddd;
}

.nav {
    font-size: 1.1em;
}


.navbar-nav a {
    color: #006699;
}

.navbar-nav > li > a {
    color: #333;
}

.navbar-nav > li > a:hover {
    background: transparent;
    color: #006699;
}

.navbar-nav > li > a.active {
    background: #c4e9f2;
}

.navbar-nav > li.active > a:hover {
    color: #006699;
}



.elea-navbar-btn {
    position: relative;
    top: 6px;
    line-height: 1;
    font-size: 25px; 
    background: none; 
    padding: 4px; 
    color: #00add6;
}
.navbar-collapse .nav.navbar-nav > li {
    background: #fafafa none repeat scroll 0 0;
    border-bottom: 1px solid #dedede;
}
.navbar-collapse .navbar-nav {
    margin: 0;
}
.elea-navbar-toggle {
    display: none;
}
html .navbar-collapse.collapse {
    display: none !important;
}
@media (max-width: 767px) {
    main {
        padding-top: 0px;
    }
    .elea-navbar-collapse {
        width: 300px;
        position: fixed;
        right: 0px;
        top: 50px;
        background-color: white;
        border: solid 1px #979735;
    }
    .elea-navbar-toggle {
        display: inline-block;
    }
    .container {
        margin: 0px !important;
        padding: 0px !important;
    }
    #maintenance_permissions, #programmed_permissions {
        overflow-x: scroll;
    }
    th, tr {
        background: none !important;
        text-indent: 0px !important;
    }
    .superior {
        margin-top: 31px;
        position: initial !important
    }
    .botones div{
        margin-bottom: 10px
    }
    .botones .col-md-3 {
    padding-left: 0px;
    }
    .urlapi div{
        margin-bottom: 10px
    }
    .urlapi .col-md-3 {
    padding-left: 0px;
    }
    .forminfo .col-sm-4 {
        padding-right: 0;
        padding-left: 0px;
    }
    .urlapi div{
        margin-bottom: 10px
    }
    .urlapi .col-md-3 {
    padding-left: 0px;
    }
}

@media (max-width: 320px) {
    #maintenance_permissions, #programmed_permissions {
        overflow-x: scroll;
    }
    th {
        background: none !important;
        text-indent: 0px !important;
    }
}
.table .alarmtype {
    padding-left: 35px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 6px 6px;
}

.falling {
    background-image: url(../img/ic_fallen.png);
}

.alarm {
    background-image: url(../img/ic_nursecall.png);
}
tr:hover .AccRequest, tr:hover .CloseDoor, tr:hover .PortalDoor, tr:hover .OpenDoor, tr:hover .AccRequest{
    background-position: 5px -111px
}
.AccRequest{
 background-image: url(../img/ic_alert.png);
}
.CloseDoor {
    background-image: url(../img/ic_door_close.png);
}
.PortalDoor{
    background-image: url(../img/ic_enterroom.png);  
}
.OpenDoor {
    background-image: url(../img/ic_door_open.png);
}

.bed {
    background-image: url(../img/ic_exitbed.png);
}

.fire {
    background-image: url(../img/ic_firealarm.png);
}

.activity {
    background-image: url(../img/ic_activity.png);
}

.LowBattery {
    background-image: url(../img/ic_battery.png);
}

.PortalDoorLowBAttery {
    background-image: url(../img/ic_battery.png);
}

.DongleFail {
    background-image: url(../img/ic_alert.png);
}

.reset {
    background-image: url(../img/ic_reset.png);
}

.activity_alarm {
    background-image: url(../img/ic_activity_alarm.png);
}

.activity_info {
    background-image: url(../img/ic_activity_info.png);
}

.alerts {
    background-image: url(../img/ic_alert.png);
}

.ConnError {
    background-image: url(../img/ic_alert.png);
}

.MotionDetected {
    background-image: url(../img/ic_activity_alarm.png);
}

.MotionNotDetected {
    background-image: url(../img/ic_activity_info.png);
}

.GatewayOffline {
    background-image: url(../img/ic_alert.png);
}

.DoorLocked {
    background-image: url(../img/ic_door_close.png);
}

.DoorUnlocked {
    background-image: url(../img/ic_door_open.png);
}

.PortalConnError {
    background-image: url(../img/ic_alert.png);
}




.btn-setup {
    width: 100px;
    margin-bottom: 5px;
}

.table-contacts td {
    vertical-align: middle !important;
}

.table .action {
    text-align: right;
}

/*.pending {
    font-weight: bold;
}
*/
.btn-save {
    position: relative;
    top: -7px;
}

.device-image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.falldetector {
    background-image: url(../img/Elea-Falling.jpg);
}

.pushbutton {
    background-image: url(../img/Elea-Switch.jpg);
}

.doorsensor {
    background-image: url(../img/doorswitch.jpg);
}

.bedsensor {
    background-image: url(../tmp/bed-occupancy-sensor1.jpg);
}

.smokedetector {
    background-image: url(../img/smokedetector.jpg);
}

.carephone {
    background-image: url(../img/carephone.jpg);
}

.presencebutton {
    background-image: url(../img/presencebutton.jpg);
}

.tactilebutton {
    background-image: url(../img/Elea-Touch.jpg);
}

.carpet {
    background-image: url(../img/Elea-StepOn.jpg);
}

.movesensor {
    background-image: url(../img/Elea-Move.jpg);
}

.eleawellcome {
    background-image: url(../img/EleaWellcome.jpg);
}

.eleaphone {
    background-image: url(../img/EleaPhone.jpg);
}


.elearing {
    background-image: url(../img/Elea-Ringnoise.jpg);
}

.puertaapartamento {
    background-image: url(../img/puerta_casa.png);
}

.puertaportal {
    background-image: url(../img/puerta_portal.png);
}
.site-image {
    width: 200px;
    margin-bottom: 5px;
    vertical-align: top;
}

tr.clickable:hover td {
    background-color: #ffff7f !important;
    cursor: pointer;
    color: blue;
}

h4.modal-title {
    font-family: Helvetica, Arial, sans;
    text-transform: uppercase;
    color: #4ea6e5;
}
h4.modal-title strong {
        line-height: 0.6em;
    color: #4f6c84;
    display: block;
    font-weight: 100;
}
button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    display: table-cell;
    font-size: 16px;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 17px;
    width: 32px;
}
.modal-header {
    background-color: #fff;
    border-bottom: dotted 2px #ccc;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-footer {
    text-align: center !important;
    background-color: #fff;
    border-top: none 1px #ccc;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-topleft: 5px;
    -moz-border-bottom-topright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
}

.status-bar {
    text-align: center;
    position: fixed;
    height: 0px;
    width: 100%;
    z-index: 2;
    background-color: #ddf;
    overflow: hidden;
}

.success {
    background-color: #94D81E !important;
    color: white;
}

.error {
    background-color: #fcc !important;
    color: red;
}

.recipient-icon {
    width: 30px;
}

.delivery-methods {
    display: inline-block;
    width: inherit;
}

.delivery-methods label {
    height: 55px;
    width: 55px;
}
.delivery-methods label .recipient-icon{
  width: 100%  
}
.delivery-methods .btn-default:nth-child(1):active,.delivery-methods .btn-default:nth-child(1).active{
    background-color: #aacd73;
}
.delivery-methods .btn-default:nth-child(2):active,.delivery-methods .btn-default:nth-child(2).active{
    background-color: #489cd8;
}
/*.delivery-methods label {
    width: 33.3%;
}
*/
.glyphicon-remove:hover {
    color: red;
}

.alarmicon {
    margin-left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.validity-days {
    color: #bbb;
}

.validity-days .selected {
    color: black;
}

.fill-vertical {
    overflow: auto;
    height: inherit !important;
}

.validation-error {
    font-size: smaller;
    color: red;
}

.validation-success {
    font-size: smaller;
    color: green;
}


.rule-form-event-type {
    width: 33% !important;
    background-repeat: no-repeat; 
    background-position: right; 
    background-size: 30px; 
    padding-right: 40px;
}

.device-form-image {
    height: 200px; 
    background-repeat: no-repeat; 
    background-size: contain; 
    background-position: center;
}

/* Personalizacion del boton */
.button {
    background-color: #268181 ;
    border-radius: 6px;
    border: none;
    color: white;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    box-shadow: 0 9px #999;
}
.buttonAut {
    font-size: 14px;
    border: 2px solid #000000;
}
.button:hover {background-color: #1F6B6B}

.button:active {
  background-color: #1F6B6B;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/**********login*********/
.navbar-text.user{
    color: #01aed6
}
h1.ng-scope {
    display: none;
}
.login .logo{
    text-align: center;
}
.login h4.modal-title {
    font-size: 1.5em;
    text-align: center;
    font-style: italic;
    padding: 2px 0;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    margin: 10px 0;
    color: #989898;
}
.login .modal-dialog,  .modal-dialog {
    width: 320px;
}
#programmedPermissionDialog .modal-dialog, #maintenancePermissionDialog .modal-dialog {
    width: 388px;
}
.login .btn.btn-default.ng-scope {
    background: #94d81e;
    border: none;
    color: #fff;
    font-size: 1.1em;
}
.login .btn.btn-primary.ng-scope {
    width: 100% !important;
    font-size: 1.1em !important;
}
.modal-dialog .form-control, .nobr input {
    background: #dedede !important;
    border: none !important;
    color: #555555 !important;
}
.nobr input{
    padding: 4px;
}
/*******MAIN***********/
#loginDialog .modal-content{
    padding: 0px
}
.modal-content {
    padding: 23px;
}
.forminfo input, .forminfo select{
    margin-bottom: 6px
}
.forminfo .col-sm-4 {
    padding-right: 0;
}
.menu .nav > li > a, main .panel-default > .panel-heading .panel-title, .panel-title-online, .panel-title-offline, .panel-title.ng-scope{
    font-family:'Source Sans Pro', sans-serif;
}
.panel-title.ng-scope {
    text-transform: uppercase;
}
.menu .nav > li > a {
    font-weight: bold;
    position: relative;
    display: block;
    padding: 10px 0px;
    text-transform: uppercase;
    color: #637893;
    font-size: 14px;
    text-indent: 30px;
    background-repeat: no-repeat;
    background-position: 3px 8px;
}

.menu .nav > li > a.active {
    background-color: #f2f3f5;
    color: #93d720;
    border-radius: 5px;
    background-position: 3px -118px;
}
/*.menu .nav > li > a.active::after {
    content: "⚫";
    float: right;
    margin-right: 20px;
}*/
.Apartments {
    background-image: url('../img/apart.png');
}
.Contacts {
    background-image: url('../img/notis.png');
}
.Overview {
    background-image: url('../img/eyer.png');
}
.Historial {
    background-image: url('../img/histo.png');
}
.Account {
    background-image: url('../img/cuent.png');
}

.menu h4 {
    text-align: left;
    font-style: italic;
    color: #a9a9a9;
    font-size: 1.7em;
    background: url('../img/raya.jpg') no-repeat top left;
    padding-top: 14px;
}
.navbar .elea-navbar-btn {
    line-height: 1;
    font-size: 25px;
    color: #98a8b7;
}
main .btn.btn-default.btn-xs.ng-scope {
    background: #00639c;
    padding: 5px;
    color: #fff;
    border: none;
    border-radius: 5px;
}
main .panel {
    border: none;
    box-shadow: 0px 1px 9px rgba(0,0,0,0.4);
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 15px;
}
body .panel-heading {
    min-height: 40px;
    padding-left: 0px;
    padding-right: 0px;
    color: #1dbee6 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}
body .notices .panel-heading .panel-title {
    color: #747579 !important;
}
body .panel-title-online {
    color: #94d81e !important;
}
body .panel-title-offline {
    color: #DA1E1E !important;
}
.col-md-7.panel, .col-md-10.panel {
    min-height: 848px;
}
main .panel-default > .panel-heading .panel-title{
    text-transform: uppercase;
}
main .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}
main .table > thead > tr > th {
    vertical-align: bottom;
    color: #00639c;
    font-weight: inherit;
}
main .table > tbody > tr > td {
    border-top: 2px dotted #ddd;
    word-wrap: break-word;
}
main tr.clickable:hover td {
    background-color: #00add7 !important;
    cursor: pointer;
    color: #fff;
}
main .nav-tabs > li.active > a, main .nav-tabs > li.active > a:hover, main .nav-tabs > li.active > a:focus {
     cursor: default;
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #4ea8e5;
}
main .nav-tabs > li > a {
    border-bottom: 3px solid #fff;
    text-transform: uppercase;
    color: #a2a2a2;
}
main .nav-tabs > li > a:hover {
    color: #555;
}
.nav-tabs > li > a:hover {
    border-top: none;
    border-bottom: 3px solid #4ea8e5;
    border-color: #fff #fff #4ea8e5;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
main .nav-tabs > li.active > a {
color:#4ea8e5;}
::-webkit-input-placeholder {
   color: #848a90 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #848a90 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #848a90 !important;
}

:-ms-input-placeholder {  
   color: #848a90 !important;
}
.control {border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
}
.blue .form-control, .blue .control {
    color: #fff;
    background-color: #6081ae;
}
.blue *::-webkit-input-placeholder {
   color: #fff !important;
}
.blue *:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;
}
.blue *::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important; 
}
.blue *:-ms-input-placeholder {  
   color: #fff !important;
}
.green{
    color:#94d81e
}
.red{
    color: #ff0000
}
.verify:before {
    vertical-align: middle;
    content: url(../img/ico-confirm.png);
    display: inline-block;
}
.lock:before {
    vertical-align: middle;
    content: url(../img/ico-lock.png) ;
    display: inline-block;
}
.surname:before {
    vertical-align: middle;
    content: url(../img/ico-surname.png);
    display: inline-block;
}.start:before {
    vertical-align: middle;
    content: url(../img/ico-start.png);
    display: inline-block;
}.end:before {
    vertical-align: middle;
    content: url(../img/ico-end.png);
    display: inline-block;
}
.seen:before {
    vertical-align: middle;
    content: url(../img/ico-eye.png);
    display: inline-block;
}
.name:before {
    vertical-align: middle;
    content: url(../img/ico-nombre.png);
    display: inline-block;
}
.id:before {
    vertical-align: middle;
    content: url(../img/ico-id.png);
    display: inline-block;
}
.estado:before {
    vertical-align: middle;
    content: url(../img/ico-estado.png);
    display: inline-block;
}
.apartment:before {
    vertical-align: middle;
    content: url(../img/ico-house.png);
    display: inline-block;
}
.phone:before {
    vertical-align: middle;
    content: url(../img/ico-phone.png);
    display: inline-block;
}
.adress:before {
    vertical-align: middle;
    content: url(../img/ico-direccion.png);
    display: inline-block;
}
.service:before {
    vertical-align: middle;
    content: url(../img/ico-service.png);
    display: inline-block;
}
/*.verify{
    background: url(../img/ico-confirm.png) no-repeat  center left;
    text-indent: 12px;
}
.lock{
    background: url(../img/ico-lock.png) no-repeat  center left;
    text-indent: 12px;
}.surname{
    background: url(../img/ico-surname.png) no-repeat  center left;
    text-indent: 12px;
}.start{
    background: url(../img/ico-start.png) no-repeat  center left;
    text-indent: 12px;
}.end{
    background: url(../img/ico-end.png) no-repeat  center left;
    text-indent: 12px;
}
.seen{
    background: url(../img/ico-eye.png) no-repeat  center left;
    text-indent: 12px;
}
.name{
    background: url(../img/ico-nombre.png) no-repeat  center left;
    text-indent: 12px;
}
.id{
    background: url(../img/ico-id.png) no-repeat  center left;
    text-indent: 12px;
}
.estado{
    background: url(../img/ico-estado.png) no-repeat  center left;
    text-indent: 12px;
}
.apartment{
    background: url(../img/ico-house.png) no-repeat  center left;
    text-indent: 12px;
}
.phone{
    background: url(../img/ico-phone.png) no-repeat  center left;
    text-indent: 12px;
}
.adress{
    background: url(../img/ico-direccion.png) no-repeat  center left;
    text-indent: 12px;
}
.service{
    background: url(../img/ico-service.png) no-repeat  center left;
    text-indent: 12px;
}*/
#settingsDialog, #recipientDetails, #gatewayDialog, #programmedPermissionDialog, #maintenancePermissionDialog {
    background: rgba(109,196,251,0.6);
}
.information, .permission, .maintenance, .gateways{text-indent: 12px}

li.gateways:hover, li.information:hover, li.permission:hover, li.maintenance:hover, li.information.active, li.permission.active, li.maintenance.active{background-position: left 9px;}
.information{ background: url(../img/nav-info.png) no-repeat  left -113px}
.permission{ background: url(../img/nav-permis.png) no-repeat  left -113px}
.maintenance{ background: url(../img/nav-maintain.png) no-repeat  left -113px}
.gateways{ background: url(../img/nav-gateways.png) no-repeat  left -113px}
.botones{
    margin-top: 1em;
    border-top: 1px solid #dedede;
    padding-top:1em; 
}
.urlapi{
    margin-top: 1em;
    padding-top:1em; 
}
.row.botones > div {
    display: inline-block;
    color: #94d81e;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}
.row.urlapi > div {
    display: inline-block;
    color: #94d81e;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}
.botones .col-md-3 {
    padding-left: 0px;
}

.urlapi .col-md-3 {
    padding-left: 0px;
}
.alert-warning{
    margin-top: 1em
}.status {
    padding-top: 11px;
}
.status div {
    display: inline-block;
    margin-right: 12px;
}
.botones button{
    width: 100%;
}
.botones button img {
    max-width: 15%;
}
.urlapi button{
    width: 100%;
}
.urlapi button img {
    max-width: 15%;
}
.btn{
    /*text-transform: uppercase;*/
}
.btn:active, .btn.active{
    box-shadow: 0 0 0;    
}
.btn-primary.btn-close:hover, .btn-primary.btn-open:hover, .btn-primary.btn-portal:hover, .btn-primary.btn-gateway:hover {
    opacity: 0.8;
    border-color: #3c5679;
}
.btn-primary.btn-close {
    background-color: #14b3da;
    border-color: #14b3da;
}.btn-primary.btn-open {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-portal {
    background-color: #d58020;
    border-color: #d58020;
}.btn-primary.btn-gateway {
    background-color: #b239b3;
    border-color: #b239b3;
}.btn-primary.btn-linklight {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-lighton {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-lightoff {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-addeno {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-forgeteno {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-enableapi {
    background-color: #aacd74;
    border-color: #aacd74;
}.btn-primary.btn-disableapi {
    background-color: #aacd74;
    border-color: #aacd74;
}
.superior {
    position: absolute;
    right: 20px;
    top: 31px;
}.superior.blue .form-control {
    display: inline-block;
}
.newbtn {
    height: 28px;
    width: 28px;
}
#progPermTable th, #maintenance_permissions th {
    background-position: left 6px !important;
}
#progPermTable td, #maintenance_permissions td ,#progPermTable th, #maintenance_permissions th {
    text-align: center;
}

.indentado tr td:first-child {
    text-indent: 9px;
}
.indentado label{
    font-weight: inherit;
}
th label, th {
    font-weight: normal;
}
.table{
    table-layout: fixed;
    width: 100%;
}
th {
    text-align: center !important;
}

div br {
    display: none;
}

#divleft {
    text-align: left !important;
    padding-left: 15%;
    padding-bottom: 30px;
}

#divright {
    text-align: right !important;
    padding-right: 15%;
}

ul {
    list-style-type: none !important;
    text-align: left;
    padding-left: 20px;
}

li {
    margin-bottom: 15px;
    margin-top: 15px;
}

.div-left {
    float: left;
    margin-left: 20px;
}

.div-right {
    float: right;
    margin-right: 20px;
}

.custom-width {
    font-size: 12px !important;
}

.dt-buttons {
    margin-bottom: 20px;
}

.buttons-excel {
    margin-right: 10px;
}