.footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 130px;
    width: 100%;
    background: #E74C3C;    
}

/* change the background color */
.navbar-custom {
    background-color: #ffffff;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: black;
    }

    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: black;
    }

    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:focus .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: darkgrey;
    }

    /* for dropdowns only */
    .navbar-custom .navbar-nav .dropdown-menu {
        background-color: #f0fafe;
    }

    /* dropdown item text color */
    .navbar-custom .navbar-nav .dropdown-item {
        color: black;
    }

        /* dropdown item hover or focus */
        .navbar-custom .navbar-nav .dropdown-item:hover,
        .navbar-custom .navbar-nav .dropdown-item:focus {
            color: black;
            background-color: #b8d7fa;
        }

/*extra small - phones*/
@media screen and (max-width:767px) {

    .form-custom {
        margin-left: 5px;
        margin-right: 5px;
    }

    .irasIndexPage {
        margin-left: 5px;
        margin-right: 5px;
    }

    .customIndexPage {
        margin-left: 5px;
        margin-right: 5px;
    }

    .indexPage {
        margin-left: 5px;
        margin-right: 5px
    }
        
    .form-center {
        padding-left: 5%;
        padding-right: 5%;
    }

    .formSmall-center {
        padding-left: 5%;
        padding-right: 5%;
    }

    .formReport-center {
        padding-left: 5%;
        padding-right: 5%;
    }

    .form-account {
        padding-left: 20%;
        padding-right: 20%;
    }

    .form-parameter {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/*small - tablets*/
@media screen and (min-width:768px) and (max-width: 991px) {

    .form-custom {
        margin-left: 10px;
        margin-right: 10px;
    }

    .irasIndexPage {
        margin-left: 10px;
        margin-right: 10px;
    }

    .customIndexPage {
        margin-left: 10px;
        margin-right: 10px;
    }

    .indexPage {
        margin-left: 20px;
        margin-right: 20px
    }
        
    .form-center {
        padding-left: 10%;
        padding-right: 10%;
    }

    .formSmall-center {
        padding-left: 20%;
        padding-right: 20%;
    }

    .formReport-center {
        padding-left: 20%;
        padding-right: 20%;
    }

    .form-account {
        padding-left: 30%;
        padding-right: 30%;
    }

    .form-parameter {
        padding-left: 10%;
        padding-right: 10%;
    }
}

/*medium - small laptops*/
@media screen and (min-width:992px) and (max-width: 1199px) {

    .form-custom {
        width: var(--pix);
        margin-right: auto;
        margin-left: auto;
    }

    .irasIndexPage {
        margin-left: 20px;
        margin-right: 20px;
    }

    .customIndexPage {
        margin-left: calc(var(--percent)/2);
        margin-right: calc(var(--percent)/2);
    }

    .indexPage {
        margin-left: 30px;
        margin-right: 30px
    }
        
    .form-center {
        padding-left: 20%;
        padding-right: 20%;
    }

    .formSmall-center {
        padding-left: 30%;
        padding-right: 30%;
    }

    .formReport-center {
        padding-left: 30%;
        padding-right: 30%;
    }

    .form-account {
        padding-left: 35%;
        padding-right: 35%;
    }

    .form-parameter {
        width: 620px;
        margin-right: auto;
        margin-left: auto;
    }
}

/*large - laptops and desktops*/
@media screen and (min-width:1200px) {

    .form-custom {
        width: var(--pix);
        margin-right: auto;
        margin-left: auto;
    }

    .irasIndexPage {
        width: var(--pix);
        margin-left: auto;
        margin-right: auto;
    }

    .customIndexPage {
        margin-left: var(--percent);
        margin-right: var(--percent);
    }

    .indexPage {
        margin-left: 50px;
        margin-right: 50px
    }
        
    .form-center {
        padding-left: 30%;
        padding-right: 30%;
    }

    .formSmall-center {
        padding-left: 35%;
        padding-right: 35%;
    }

    .formReport-center {
        padding-left: 35%;
        padding-right: 35%;
    }

    .form-account {
        padding-left: 40%;
        padding-right: 40%;
    }

    .form-parameter {
        width: 620px;
        margin-right: auto;
        margin-left: auto;
    }
}

.form-fixed {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.form-horizontal { 
    padding-left: 30%;
    padding-right: 30%;
}

.form-control.error {
    border-color: #E74C3C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

/* Header/Logo Title */
.layoutHeader {
    margin: 0px 0px 0px 0px;
    padding-top: 54px;
    padding-bottom: 0px;
    text-align: center;
    background: #1549bd;
    color: white;
    font-size: 30px;
}

.successMessage {
    text-align: center;
    font-weight: bold;
    color: darkgreen
}

.ulCenter {
    text-align: center;
    list-style: inside;
}

.radio-inline {
    margin-left: 5px;
    margin-right: 10px;
}

.PageNofM {
    color: #0627c6;
    /*font-weight: bold;*/
}

/* Header/Logo Title */
.topMenu {
    background: #d9e1f2;
}

.applicationTitle {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    background: #1abc9c;
    color: white;
    font-size: 30px;
}

div.breakWord {
    word-wrap: break-word;
}

.btn {   
    white-space: nowrap;
}

.tableButton {
    width: 25px;
}

.wrapper {
    position: relative;
    overflow: hidden;
}

    .wrapper:after {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .wrapper img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

.entityDiv {
    padding-top: 0px;
}

    .entityDiv table thead {
        background-color: #b9c9fe; /*background-color: dodgerblue;*/
    }

        .entityDiv table thead tr {
            /*border: 1px solid black;*/
            border-color: #aabcfe;
            border-style: solid;
            border-width: 1px;
            /*border-color: black;*/
        }

    .entityDiv table tbody {
        /*background-color: lightsteelblue;*/
        background-color: #e8edff;
    }

        .entityDiv table tbody tr {
            /*border: 1px solid black;
            border-color: black;*/
            border-color: #aabcfe;
            border-style: solid;
            border-width: 1px;
        }

.tr-backcolor1 {
    /*background: #ededed;*/
}

.tr-backcolor2 {
    /*background: #ffffff;*/
}


.pagingDiv {
    background: #f2f2f2;
}

    .pagingDiv > a {
        display: inline-block;
        padding: 0px 9px;
        margin-right: 4px;
        border-radius: 3px;
        border: solid 1px #c0c0c0;
        background: #e9e9e9;
        box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
        font-size: .875em;
        font-weight: bold;
        text-decoration: none;
        color: #717171;
        text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    }

        .pagingDiv > a:hover {
            background: #fefefe;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
            background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
        }

        .pagingDiv > a.active {
            border: none;
            background: #616161;
            box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
            color: #f0f0f0;
            text-shadow: 0px 0px 3px rgba(0,0,0, .5);
        }


.dataGrid {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse; /*new*/
    border-color: #aabcfe; /*new*/
    border-style: solid; /*new*/
    border-width: 1px; /*new*/
}

    .dataGrid th {
        /*border: 1px solid black;*/
        /*border-color: #aabcfe;*/
        border-style: solid;
        border-width: 1px;
        background: #c5dafb;
        color: black;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        border-color: #aabcfe; /*new*/
    }

    .dataGrid td {
        /*border: 1px solid black;*/
        border-color: #aabcfe;
        border-style: solid;
        border-width: 1px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .dataGrid tr:nth-child(odd) {
        background: #ededed;
    }

    .dataGrid tr:nth-child(even) {
        background: white;
    }

.homepage_table {
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    width: 100%;
    /*border-collapse: collapse;*/ /*new*/
    /*border-color: #aabcfe;*/ /*new*/
    /*border-style: solid;*/ /*new*/
    /*border-width: 1px;*/ /*new*/
}

    .homepage_table th {
        /*border-style: solid;
        border-width: 1px;*/
        background: #c5dafb;
        color: black;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
        border-color: #aabcfe; /*new*/
    }

    .homepage_table td {        
        /*border-color: #aabcfe;
        border-style: solid;
        border-width: 1px;*/
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    /*.homepage_table tr:nth-child(odd) {
        background: #ededed;
    }

    .homepage_table tr:nth-child(even) {
        background: white;
    }*/

/*table {
    border-collapse: collapse;*/
    /* border: 1px solid black; */
    /*border-color: #aabcfe;
    border-style: solid;
    border-width: 1px;
}

th {*/
    /*border: 1px solid black;*/
    /*border-color: #aabcfe;
    border-style: solid;
    border-width: 1px;
}

td {*/
    /*border: 1px solid black;*/
    /*border-color: #aabcfe;
    border-style: solid;
    border-width: 1px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.dataGrid {
    table-layout: fixed;
    width: 100%;
}

    .dataGrid th {*/
        /*border: 1px solid black;*/
        /*border-color: #aabcfe;*/
        /*border-style: solid;
        border-width: 1px;
        background: #c5dafb;
        color: black;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .dataGrid td {*/
        /*border: 1px solid black;*/
        /*border-color: #aabcfe;
        border-style: solid;
        border-width: 1px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .dataGrid tr:nth-child(odd) {
        background: #ededed;
    }

    .dataGrid tr:nth-child(even) {
        background: white;
    }*/