/* CSS Document */

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf')  format('truetype'); /* Legacy iOS */
}


body {
    font-family: Roboto;
    color: #333;
    background: #fff;
    font-size:14px;
}

* {
    margin: 0 auto;
}

/*p,
a,
ul li {
	letter-spacing: 1px;
}*/

/*header*/
header {
    background: #333 !important;
    border: 2px solid #000 !important;
    min-height: 30px !Important;
}

    header .navbar-brand {
        padding: 7px;
    }

    header .logo {
        background: url(../images/logo-jentec.png) no-repeat;
        width: 100px;
        height: 23px;
    }

    header .navbar-header {
        width:80%;
        float:left;
    }

    header .header-right {
    float:right;
    width:20%;
    text-align:right;
    padding: 7px;
            color:#fff;
    }

        header .header-right span,
        header .header-right a {
            color:#fff;
            text-decoration:none;
            margin:0px 5px;
        }

        header .header-right a:hover {
            color:#ccc;
            text-decoration:none;
        }

   

.content-holder {
    margin-top: 40px;
    min-height:500px;
}


.menu-holder {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

    .menu-holder ul {
        padding: 0px;
        margin: 0px;
        text-align: right;
    }

    .menu-holder li {
        display: inline-block;
        border-bottom: 1px solid #eee;
        padding: 0px;
        margin: 0px;
    }


        .menu-holder li.active,
        .menu-holder li:hover {
            background: #eeeeee; /* Old browsers */
            background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
            background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
            border-bottom: 1px solid #fff;
        }

        .menu-holder li a {
            display: inline-block;
            padding: 15px 40px;
            color: #888;
            text-decoration: none;
        }


.title-holder {
}


.btn-holder {
    margin: 20px 0px;
    text-align: right;
}

    .btn-holder .error-hint {
    display:inline;
    }

.btn-blue {
    background: #33c3f0;
    color: #fff;
    padding: 7px 15px;
    border-radius:3px;

    
}

input[type="file"].btn-blue {
    display:inline;
}

    .btn-blue:hover {
        background: #1eaedb;
        color: #fff;
    }


.form-group {
display: block;
margin-bottom: 10px;
clear: both;

}

.form-label {
width: 30%;
float:left;
margin-top:5px;
}

.form-control {
width:70%;
border-radius:0px;
padding:8px 12px;
height:34px;
float:left;
        margin-bottom:10px;
}

.sort-holder {
margin:20px 0px;

}

.margin20 {
margin:30px 0px;
}

/* pagination*/
.pagination {
text-align:right;
border-top:1px solid #ddd;
width:100%;
padding-top:30px;
}

.pagination #lblShowing {
margin-right:15px;
}


.col-md-1, .col-md-2, 
.col-md-3, .col-md-4, 
.col-md-5, .col-md-6, 
.col-md-7, .col-md-8, 
.col-md-9, .col-md-10,
.col-md-11, .col-md-12{
padding-right:0px !important;
}

/*table*/
.table th {
font-size:12px;
}

.table td {
font-size:12px;
}


/*login page*/

 .login-holder .col-md-12 {
     padding:20px !important;
}

.login-holder {
border:1px solid #ddd;
width:320px;
margin:0px auto;
padding:20px 15px !important;

}

    .login-holder .form-group .form-label {
    display:block;
    float:none;
    margin:0px 0px 10px 0px;
    text-align:left;
    }

    .login-holder .form-group .form-control {
    width:100%;
    }

    .login-holder .form-group .btn-blue {
    width:100%;
    margin-top:10px;
    text-transform:uppercase;
    }

.login-logo-holder {
width:300px;
margin:10px auto;
margin-top:50px;

    
}

    .login-logo-holder .logo {
        background:url(../images/jentec-login-logo.png) no-repeat;
        width:300px;
        height:67px;
    }

/*error message*/
.error-hint {
display:block;
width:100%;
background:#fde1e1;
border:1px solid #fbc8c8;
color:#8e0202;
font-size:12px;
padding:10px;
margin:10px 0px;

}

/*footer*/
footer .footer-line {
background:url(../images/footer-line.png) no-repeat;
width:162px;
height:5px;
float:right;

}


footer .footer-bg {
background:#111111;
padding:30px 0px;
width:100%;
color:#444;
font-size:13px;
font-weight:400;
}


    footer .footer-bg .left {
    float:left;
    }

    footer .footer-bg .right {
    float:right;
    }