body {
    color: #73879C;
    background: #2A3F54;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-weight: 400;
    line-height: 1.471;
}

.form-label {
    float: right
}

.alert-danger {
    background: none;
    color: red;
    padding-left: 0
}

.form-control {
    border-radius: 0;
    margin-right: 1rem
}

.tblData tr {
    vertical-align: top;
    border-bottom: 1px solid #DADADA
}

.tblData {
    margin-top: 20px;
    background: #FFFFFF;
    color: #4D4D4D;
    width: 100%;
    font: normal 11px/16px
}

    .tblData .trDataHdr {
        background: #EEEEEE;
        color: #3C4650
    }

    .tblData th {
        padding: 15px 10px;
        white-space: nowrap;
        text-align: left;
        font: normal 13px/18px
    }

    .tblData td {
        padding: 15px 10px;
        vertical-align: middle;
        font: normal 13px
    }

.frm_tbl {
    margin: 25px 40px;
    padding: 0
}

label {
    float: right
}

.dataTables_length label {
    float: left
}

.pm, p {
    text-align: right;
    padding-right: 3rem
}

.page-item.active .page-link {
    color: #fff;
    background-color: #5d6e7f;
    border-color: #5d6e7f
}

th {
    font-weight: normal;
}




div.dataTables_wrapper div.dataTables_paginate {
    font-size: .8rem;
    font-weight: 400;
}

.table td {
    padding: .6rem;
    font-size: .9rem;
}

.table th {
    padding: .6rem;
    font-size: .9rem;
    font-weight: normal;
}


.btndelete {
    border-color: #d9534f;
}

.btn-primary {
    color: #ffffff;
    background: #3498db;
    padding-left: 2%;
    padding-right: 2%;
}


.btn-success {
    color: #ffffff;
    background-color: #1abc9c;
    padding-left: 2%;
    padding-right: 2%;
}
.btn-outline-success {
    padding-left: 2%;
    padding-right: 2%;
}
.btn-outline-danger {
    padding-left: 2%;
    padding-right: 2%;
}
.btn-danger{
    padding-left: 2%;
    padding-right: 2%;
}
.btn-outline-secondary {
    padding-left: 2%;
    padding-right: 2%;
}

.btn-secondary {
    padding-left: 2%;
    padding-right: 2%;
}
    .btn-success:hover, .btn-outline-success:hover {
        background-color: #12806A;
    }


.btn-warning {
    background-color: #D9A407;
    color: #ffffff;
    border-color: #B38436;
    padding-left: 2%;
    padding-right: 2%;
}
.btn-outline-warning {
    border-color: #B38436;
    color: #B38436;
    padding: 1%;
    margin-top: 1%;
    margin-bottom: 1%;
}
    .btn-warning:hover, .btn-outline-warning:hover {
        color: #ffffff;
        background-color: #B38436;
        border-color: #B38436
    }



/*modal css xlg*/
/*these are media queries*/
@media (max-width:620px) {
    .row {
        padding-left: 15px;
        padding-right: 15px
    }

    label {
        float: left
    }


    .dataTables_length label {
        clear: left;
        margin-left: 28px
    }

    .dataTables_length select {
        margin-left: 6px
    }

    h1 {
        font-size: 1.5rem
    }

    .name {
        text-align: right
    }

    .pm, p {
        padding-right: 0
    }

    .breadcrumb {
        display: none
    }

    /* Force tables to not be like tables anymore */
    .table tfoot {
        display: none
    }

    .table {
        border: 0
    }

        .table caption {
            font-size: 1.3em
        }

        .table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em
        }

        .table td {
            border-bottom: 2px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
            margin-bottom: 15px
        }

            .table td:before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase
            }

            .table td:last-child {
                border-bottom: 0
            }


    /*document page media queries*/





}