/*
Theme Name:  The Techy Hub Payroll
Theme URI:   http://www.thetechyhub.com;
Author:      The Techy Hub
Author URI:  http://www.thetechyhub.com;
Version:     1.0
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!
*/

/* WordPress Core -------------------------------------------------------------- */


body {
    font-family: Arial, serif;
    font-size:16px;
    line-height:30px;
    padding:0;
    margin:0;
}

.bg-header {
    width:100%;
    background:#222;
    margin:20px 0;
    color:#FFFFFF;
    text-align:center;
    font: bold 14px Arial, Sans-Serif;
    letter-spacing:20px;
    padding:8px 0;
    text-decoration:uppercase;
}

.container {
    padding-left:0px;
    padding-right:0px;
}



h1 {
    font-size:16px;
    font-weight:bold;
    text-transform: uppercase;
    font-family: Arial;
    margin-top:20px;
    margin-bottom:0;
}

.from, .to {
    margin-top:20px;
}

.logo {
    margin-top:10px;
}

.from span, .to span {
    font-size:12px;
}

.from p, .to p {
    padding:0;
    margin:0;
}

.quotation_info {
    margin-top:30px;
}

.data {
    clear:both;
    margin-top:40px;
}



.detail-sale {
    text-align:center;
}

.detail-sale th {
    background-color:black;
    color:white;
    border:1px solid white;
}

.text-center {
    text-align:center;
}

.right {
    text-align:right;
}

.push-right {
    padding-right:20px !important;
}

.left {
    text-align:left;
}

#terms {
    margin-top:20px;
}

#terms h5 {
    text-transform: uppercase;
    font: 13px Arial, Sans-Serif;
    letter-spacing: 10px;
    border-bottom: 1px solid black;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

.navi {
    padding-bottom:40px;
    margin-bottom:40px;
    border-bottom:1px solid #CCCCCC;
}

#signature {
    margin-top:60px;
}

.logo-header {
    margin-top:15px;
    float:left;
    font-size:20px;
}

/* Navigation */
    .navi-header {
        float:right;
        padding-right:20px;
    }

    .navi-header ul {
        list-style:none;
    }

    .navi-header ul li {
        float:left;
        padding-left:40px;
    }

    .navi-header ul li a {
        font-size:18px;
        text-decoration: none;
        color:#1D1D1B;
        border-bottom: 2px solid transparent;
        padding-bottom:10px; 
        width: 0px;
        transition: 0.5s ease;
        white-space: nowrap;
        height: 25px;
    }


    .navi-header ul li a:hover {
        border-bottom: 2px solid #732282;
        width: 200px;
    }

    .navi-header ul .current_page_item a, .single-quotation ul .page-item-10 a, .single-invoice ul .page-item-12 a, .single-payment ul .page-item-298 a{
        border-bottom: 2px solid #732282;
    }

    span a {
        text-decoration:none;
        color:#333333;
    }

    span a:hover {
        color:#CCCCCC;
    }

    #page span {
        line-height:25px;
    }

/* Arrows */
/* Back To Top */
.sprite {
    background:url('images/sprite.png');
    background-repeat:none;
}

.arrow-bg {
    width:100%;
    height:100px;
    position:relative;
    margin-top:40px;

}

.next, .previous {
    width:20px;
    height:36px;
    position:absolute;
}

.previous {
    background-position: -60px 0px;
    bottom:-8px;
    left:0px;
}

.next {
    background-position: 0px 0px;       
    bottom:-8px;
    right:0px;
}

.previous-arrow {
    position:absolute;
    bottom:40px;
    left:40px;
    padding-left:40px;
}

.next-arrow {
    position:absolute;
    bottom:40px;
    right:40px;
    padding-right:40px;
}

.previous-arrow a, .next-arrow a, .button-close a {
    color:#000000;
    text-decoration:none;
}

.previous-arrow a:hover, .next-arrow a:hover, .button-close a:hover {
    color:#CCCCCC;
}

.previous-arrow a:hover .previous {
    background-position: -40px 0px;
}

.next-arrow a:hover .next {
    background-position: -20px 0px;
}

a .close {
    width:28px;
    height:28px;
    background-position: -80px 0px;
}

a .close:after {
    
}

a:hover .close {
    width:28px;
    height:28px;
    background-position: -108px 0px;
}

.button-close {
    position:absolute;
    bottom:35px;
    left:48%;
}

.button-close a {
    font-size:20px;
}

.footer {
    margin-top:40px;
    text-align:center;
    border-top:1px solid #CCCCCC;
    padding-top:20px;
    padding-bottom:20px;
}


/* Jobs CSS */
.jobs a {
    text-decoration:none;
    color:#333333;
    transition: 0.1s ease;
}

.jobs a:hover {
    color:#732282;
}

.contract table, .contract tr, .contract td {
    border:none!important;
}