@charset "utf-8";

/* CSS Document */



* {

    padding: 0px;

    margin: 0px;

}



h3 {

    font-family: 'Fjalla One', sans-serif;

    font-size: 25px;

    font-weight: normal;

    text-transform: uppercase;

    line-height: 32px;

    color: #2f2828;

}

img {

    border: none;

}

h4 {

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 12px;

    font-weight: normal;

    color: #fff;

    text-shadow: 1px 1px #000066;

}

a {

    color: #1071b9;
    text-decoration: none;

    font-family: Tahoma, Geneva, sans-serif;

    letter-spacing: 1px;

}
a:hover{
    color: #ce5f83;
}

.clear {

    clear: both;

}

li {

    list-style: none;

}

p {

}

body {

}

/*-------------------------------------- Login ------------------------*/



#log-in-carry {

    width: 275px;

    height: auto;

    margin: 13% auto 0 auto;

}

#log-in-carry #top_logo {

    width: 177px;

    height: 67px;

    background: url(../images/logo.png);

    margin: 0 auto 0 auto;

}

#fulform_erp {

    width: auto;

    height: auto;

    font-family: 'Abel', sans-serif;

    font-size: 16px;

    color: #fff;

    text-align: center;

}

#round-logo {

    width: 126px;

    height: 126px;

    background: url(../images/round_logo.jpg);

    margin: 10px auto 0 auto;

}

#form-cary {

    width: 275px;

    height: auto;

    margin: 30px auto 0 auto;

}

#form-cary table {

    margin: 0 0 0 16px;

}

#form-cary table tr td {

    padding: 5px 0;

}

.log_text-icon {

    width: 200px;

    height: 33px;

    background: #fff;

    border: none;

    padding: 0 10px;

}

.log_submit-icon {

    width: 103px;

    height: 31px;

    background: url(../images/log-but.jpg);

    border: none;

    float: right;

    cursor: pointer;

    margin: 10px 0 0 0;

}

#error_login {

    width: 250px;

    height: auto;

    padding: 5px 0px;

    color: #fff;

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 12px;

    background: #cb4e39;

    margin: 20px 0 0 20px;

    text-align: center;

}

/*----------------------------------- Templt ------------------*/









#tmpl_carry {

    width: 1000px;

    height: 100%;

    border-left: 1px #CCC solid;

    border-right: 1px #CCC solid;

    margin: 0px auto 0 auto;

    border-bottom: 1px #1071b9 solid;

    padding: 0 0 0px 0;

}

#tem_head {

    width: 1000px;

    height: auto;

    margin: 0px auto 0 auto;

    background: #1071b9;

    padding: 10px 0 10px 0;

    text-align: right;

}

#logo-image {

    width: 115px;

    height: 44px;

    background: url(../images/tmpl_logo.png);

    margin: 0 0 0 20px;

    float: left;

}

#navigation {

    width: 800px;

    height: auto;

    float: right;

    margin: 0px 20px 0 0;

}

#navigation a {

    color: #fff;

    background: #0961a3;

    padding: 2px 10px 3px 10px;

    margin: 0 0 0 2px;

    font-size: 14px;

}

#navigation a.logout_a {

    color: #fff;

    background: #d92020;

    margin: 0 0 0 2px;

    font-size: 14px;

    text-shadow: 1px 1px #990000;

}

#navigation a.logout_a:hover {

    background: #FF3300;

}

#navigation a:hover {

    background: #11588d;

}
#punch {

    /*	width: 800px;*/

    height: auto;

    float: left;
    /*        position: absolute;*/

    /*	margin: 0px 20px 0 0;*/

}

#punch a {

    color: #fff;

    background: #0961a3;

    padding: 2px 10px 3px 10px;

    margin: 0 0 0 2px;

    font-size: 14px;

}

#punch a.punchout_a {

    color: #fff;

    background: #d92020;

    margin: 0 0 0 2px;

    font-size: 14px;

    text-shadow: 1px 1px #990000;

}

#punch a.punchout_a:hover {

    background: #FF3300;

}
#punch a.punchin_a {

    color: #fff;

    background: #009933;

    margin: 0 0 0 2px;

    font-size: 14px;

    text-shadow: 1px 1px #990000;

}

#punch a.punchin_a:hover {

    background: #2EB82E;

}
#punch a:hover {

    background: #11588d;

}
#main_cntnt_area {

    width: 950px;

    height: auto;

    margin: 0 auto 0 auto;

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 12px;

    color: #000;

}

#main_cntnt_area #head-cntnt {

    font-size: 20px;

    color: #666;

    margin: 15px 0 0 0;

}

#cntnt {

    margin: 5px 0 0 0;

    border-top: 1px #CCC dashed;

    padding: 25px 0 0 0;

    min-height: 450px;

}

#cntnt .studio_form_txt {

    width: 250px;

    height: 25px;

    background: #e8edf0;

    padding: 0 8px;

    border: none;

    margin: 10px 0 0 0;

}



#cntnt .studio_form_submit {

    padding: 5px 10px;

    margin: 25px 0 0 0;

    background: #1071b9;

    border: none;

    color: #fff;

    border-radius: 5px;

    cursor: pointer;

    text-shadow: 1px 1px #0f334e;

    text-transform: uppercase;

}

#footer-main {

    width: 950px;

    padding: 10px 0;

    text-align: center;

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 12px;

    color: #999;

    border-top: 1px #CCC dashed;

    margin: 20px auto 0 auto;

}

/*

###################################################################################

*/

.page-msg{

    color: red;

    margin-bottom: 10px;

    text-align: center;



}
/* --------------------------------------css pull_down_menu--------------------- */
#primary_nav_wrap
{
    margin-top:15px;
    float: right;

}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    /*color:#333;*/
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    line-height:32px;
    padding:0 15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

#primary_nav_wrap ul li:hover
{
    background:#f6f6f6
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:160px
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    display:block
}
table{
    width: 100%;
    height: 100%;
    /*    border: 1px solid #000;*/
}
table td{
    /*  width: 25%; 
      border: 1px solid #000;*/
}
table.punch_class{
    margin: 10px 0 0 0 !important;
}
/*--------------------------------dilip--------------------------------*/
table.home_table{
    width:100%;
    margin:50px 0 0 0;
}
table.home_table tr td{
    width:33%;
    text-align:center;
}




.punch_in{
    width:50%;
    padding:10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:20px;
    letter-spacing:1px;
    color:#fff;
    margin:0 auto 25px;
    border-radius:4px;
    background:#3fc18b;
    cursor:pointer;
}
.punch_in a{
    color: #fff;
}
.punch_out{
    width:50%;
    padding:10px 0;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:20px;
    letter-spacing:1px;
    
    margin:0 auto 25px;
    border-radius:4px;
    background:#d92020;
    cursor:pointer;
}
.punch_out a{
    color:#ffffff !important;
}
.punch_out a:hover{
/*    color:#795fce !important;*/
}
table.tme_in_out_tbl{
    width:100%;
    margin:5px auto 25px;
    border:1px #ddd solid;
    height: auto!important;
}
table.tme_in_out_tbl tr th{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
    background:#e9e9e9;
    padding:4px 0;
    border-left:1px #cecece solid;
    color:#a0a0a0;
}
table.tme_in_out_tbl tr td{
    border-left:1px #cecece solid;
    padding:5px 0;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:20px;
}
table.prvs_tbl{
    width:100%;
    margin:5px auto 0 auto;
    height: auto!important;
    /*border:1px #ddd solid;*/
}
table.prvs_tbl tr th{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
    background:#e9e9e9;
    padding:4px 0;
    border-left:1px #fff solid;
    color:#a0a0a0;
}
table.prvs_tbl tr.alert_nofill{
    background:#ffdfdf !important;
    color:#fff !important;
}

table.prvs_tbl tr{
    cursor:pointer;
}
table.prvs_tbl tr:nth-child(odd){
    background:#f2f2f2;
}
table.prvs_tbl tr td{
    border-left:1px #fff solid;
    padding:10px 0;
    text-align:center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:11.5px;
}
table.prvs_tbl{
    border-bottom:1px #f0f0f0 solid;
    margin-top:  5px;
}

.punchin_page_h5{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#666;
    width:100%;
    text-align:center;
    text-transform:uppercase;
}
.punch_msg_bx{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#ee7c79;
    margin:15px 0 25px 0;
    padding:0 0 15px 0;
    border-bottom:1px #ececec solid;
}
.go_to_time_sheet_but{
    width:100%;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:25px 0 0 0;}
.go_to_time_sheet_but a{
    text-decoration:none;
    color:#7d7d7d;
    padding:2px 4px;
}
.go_to_time_sheet_but a:hover{
    color:#545454;
}
.sun_color{
    color: red;
}



td.d234{
    width: 5% !important;
}

td.d235{
    width: 8% !important;
}
td.d236{
    width: 8% !important;
}
td.d237{
    width: 8% !important;
}
td.d238{
    width: 30% !important;
}
td.d239{
    width: 20% !important;
}


td.d240{
    width: 5% !important;
}

td.d241{
    width: 5% !important;
}
td.d242{
    width: 5% !important;
}
td.d243{
    width: 5% !important;
}
td.d244{
    width: 30% !important;
}
td.d245{
    width: 10% !important;
}




.print_table table{
    border:1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}

.print_table td{
    vertical-align:middle;
    border:1px solid #999;
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding:7px;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}

.print_table tr:first-child td{

    background-color:#666;
    border:0px solid #ccc;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.select_time_emp {
/*    background: none repeat scroll 0 0 #e8edf0;
    border: medium none;
    margin: 10px 0 0;*/
    padding: 4px;
    height: 32px !important;
}

.a_link_on_hash_color {
    color: #ffffff !important;
}
.a_link_on_hash_color:hover {
    color: #ce5f83 !important;
}
/* #####################    f-popup      ################################## */
#f-popup{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    position: fixed;
    display: none;
}
#f-popup .fcontainer{
    background-color: white;
    width: 700px;
    height: 400px;
    margin: 30px auto;
    position: relative;
    
    
}
#f-popup .fcontainer .close{
    background-color: red;
    color: white;
    width: 20px;
    height: 20px;
    padding: 5px;
    position: absolute;
    right: -30px;
    text-align: center;
    
    
}
#f-popup .fcontainer .fcontent{
    padding: 20px;
    width: 660px;
    height: 360px;
}


/* ##################################################################### */