﻿/* Sticky footer styles
        -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    /*line-height: 60px;*/ /* Vertically center the text there */
    background-color: #0078bf;
}

.nowrap{
    white-space:nowrap;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.color-white {
    color: #fff;
}
/*Header css*/

#login-logo {
    padding-left: 15px;
}

#login-logo img {
    float: left;
    width: 150px;
    height: 77px;
    padding-left: 7px;
}


div.login-time-clock {
    color: #eee;
    text-align: right;
}

#login-clock {
    font-size: 50px;
}

#login-date {
    font-size: 25px;
}
#login-header {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tc-img {
        height: 215px;
        width: 215px;
    }
#txt-footer {
       font-size: 14px;
    }

@media only screen and (max-width: 414px) {
    #login-clock {
        font-size: 27px;
        padding-right: 0px;
    }

    #login-date {
        font-size: 18px;
        padding-right: 0px;
    }

    #login-header {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #login-logo img {
        width: 97.3px;
        height: 50px;
        padding-left: 10px;
    }

    #page-content {
        padding: 0px;
    }
    #job-order-content {
        padding: 3px;
    }

    #tc-img-content {
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .tc-img {
        margin-top: 60px;
        height: 103.5px;
        width: 103.5px;
    }

   #txt-footer {
       font-size: 12px;
    }
}
@media only screen and (max-width: 769px) {
#page-content {
        padding: 0px;
    }
    #job-order-content {
        padding: 3px;
    }
}


/*Candidate Assignments css*/

/*! CSS Used from: http://usllocal.abdcloud.net/Content/clique.min.css */
td,th{padding:0;}
::-ms-clear{display:none;}
table{width:100%;max-width:100%;margin-bottom:22px;border-spacing:0;border-collapse:collapse;}
table:last-child{margin-bottom:0;}
table thead th{vertical-align:bottom;border-bottom:2px solid #ddd;font-weight:700;}
table td,table th{padding:5px 8px;text-align:left;}
table td{vertical-align:top;border-top:1px solid #ddd;}

/*! CSS Used from: http://usllocal.abdcloud.net/bundles/style?v=shyiIqcoGMJdg_cje7mCw--TCCERpFoVUpd7rTGUO781 */
table.data-table{width:100%!important;}
table.data-table.bordered{border:1px solid #ddd !important;}
table{max-width:100%;}
table thead th{border-bottom:none;}
table td{border-top:none;position:relative;}
table td,table th{padding:10px 8px 10px 12px;}
.data-table{font-size:13px;line-height:1.42857143;}
.data-table th{background-color:#0078bf;color:#fff;}
.data-table th+th{border-left:1px solid #005181;}
.data-table tr{overflow:hidden;}
.data-table td+td{border-left:1px solid #ebedee;}
.data-table>tbody>tr:nth-child(even){background-color:#f5f5f5;}
.data-table>tbody>tr:hover{background-color:#add8e6;}
.data-table>tbody>tr td{border-bottom:1px solid #ebedee;}



/*Keypad CSS*/


.vertical-center {
    min-height: calc(100% - 195px); /* Fallback for browsers do NOT support vh unit */
    min-height: calc(100vh - 195px); /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}


.flex-container {
    display: flex;
    justify-content: center;
    background-color: #0078bf;
}

    .flex-container > div {
        background-color: #f1f1f1;
        width: calc(100% - 130px);
        margin: 10px;
        text-align: center;
        line-height: 200px;
        font-size: 30px;
    }

.spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 6px solid;
    border-top-color: #005a9c;
    border-bottom-color: #005a9c;
    border-left-color: rgba(0, 90, 156, 0.15);
    border-right-color: rgba(0, 90, 156, 0.15);
    -webkit-animation: spinner 0.8s ease-in-out infinite alternate;
    animation: spinner 0.8s ease-in-out infinite alternate;
}

@keyframes spinner {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}
