body {
    padding-top: 50px;
    padding-bottom: 20px;
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

/*--------------------------------------------------------------------*/
.loginCard {
    margin-top: 10vh;
    padding-top: 30px;
    padding-bottom: 20px;
    border-radius: 1%;
   /* box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26);*/
}
#footerPage {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 20px;
    font-size: 8px;
    font-weight: bold;
    color: white;
}

#footerA {
    font-size: 8px;
    font-weight: bold;
    color: white;
}


.alertMessage {
    font-size: 11px;
    color: crimson;
    font-weight: bold;
}

.loginCard img {
    position: absolute;
    top: 20px;
    right: 15px;
    max-height: 120px;
}
.card-1 {
    background-image: url(https://soluciones360.isa.com.mx/chaparritas/Content/Img/Chaparritas1.jpg);
    /*   background-image: url(https://ionicframework.com/img/getting-started/ionic-native-card.png);*/
    background-repeat: no-repeat;
    background-position: right;
    background-size: 400px;
}

.borderTextForLogin {
    /*text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff  ;*/
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff, 2px 0px 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff;
}
/*------------------message alert---------------------*/

.menssageAlertSuccessBtn {
    background-color: #304C3C;
    color: #C0E8D1;
    border: none;
}
.menssageAlertDangerBtn {
    background-color: #8D4242;
    color: #F9E1E1;
    border: none;
}
.menssageAlertSuccessBtn:hover {
    background-color: #223229;
    color: #C0E8D1;
    border: none;
}
.menssageAlertDangerBtn:hover {
    background-color: #642F2F;
    color: #F9E1E1;
    border: none;
}
/*-------------------------------Table------------------------------------------------------*/
.myTable {
    font-size: 10px;
    text-align: center;
    margin-top: 25px;
}

/*------------------first-row---------------------*/
.table-first-row {
    background-color: #0389AB;
}

.labelTable {
    /*margin-bottom: 7px;*/
    color: #BAE2EC;
}

.btnTable {
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #BAE2EC;
}

    .btnTable:hover {
        text-decoration: none;
        font-weight: bold;
        color: #31A9C8;
    }

/*--------------------striped----------------------*/
/*.my-table-striped > tbody > tr:nth-child(odd) > td,
.my-table-striped > tbody > tr:nth-child(odd) > th {
    background-color: white;
}*/
.my-table-striped > tbody > tr:nth-child(even) > td,
.my-table-striped > tbody > tr:nth-child(even) > th {
    background-color: #E8F0F3;
}

/*------------------first-column-------------------*/
.myTable > tbody > tr > td:nth-child(1) {
    background-color: #FF8F00; /*#3FCFF5*/
    font-weight: bold;
    color: white; /*#F3FCFF*/
}
.myTable > tbody > tr:nth-child(even) > td:nth-child(1) {
    background-color: #EC8500; /*#3FCFF5*/
    font-weight: bold;
    color: white; /*#F3FCFF*/
}
/*-------------------border-lines------------------------*/
tr {
    border: none;
}

th, td {
    border-collapse: collapse;
    border: 11px solid #E7E7E7;
    padding-top: 0;
    padding-bottom: 0;
}
/*-------------------------------------------------------*/

.btnTableActions {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px 0;
    font-size: 12px;
    line-height: 1.428571429;
}
.btnTableActions2 {
    height: 25px;
    text-align: center;
    padding: 2px 4px 2px 4px;
    font-size: 12px;
    line-height: 1.428571429;
    font-weight:bold;
}
/*--------------last row for deleting------------------*/
.td-no-border {
    border: none !important;
    background-color: inherit !important;
}

.td-border-active {
    border: solid !important;
    border-color: #e0e4e4 !important;
    border-width: 1px !important;
}
/*--------------Sorting / Ordering ASC DESC------------------*/
th {
    cursor: pointer;
}
/*-------------------SUBMENU-----------------------*/
.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}
/*-------------------OTROS-----------------------*/
.formDiv{
    margin-top:15px;
}