/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17 Jan, 2014, 3:17:48 PM
    Author     : netcon
*/

@font-face {
    font-family: 'tszfont';
    src: url('../fonts/font.woff');
}

@font-face
{
    font-family:'helvetica';
    src : url('../fonts/helveticaneue-webfont.woff');
}


html, body {
    margin: 0;
    padding: 0;
    color: #666;
    font-size:16px;
    -webkit-font-smoothing: antialiased;
    width:100%;
    overflow:auto;
    font-family: 'tszfont';
    height:100%;
    font-weight: 300;
    background: #e9ecf0;
    overflow-x: hidden;
    overflow-y: scroll;
}

*:focus 
{
    outline: 0;
}

.error
{
    display:block;
    text-align:center;
    font-size:14px;
    padding:5px 0;
    color: #dd4b39;
} 

h1{
    font-weight: 300;
    font-size: 28px;
    line-height: 29px;
    padding: 10px;
    text-align:center;
    font-family: 'tszfont';
}

h2
{
    font-weight: 300;
    font-size:24px;
    padding:5px;
}
.pg_tit{
    margin:0;text-align: center;font-size: 24px;
    line-height: normal;
    padding-bottom: 0;
}
.username_tit{
    margin: 10px;
    float:right;text-decoration:underline;color:#006cab;
}
#server_time{
    text-align: right;font-size:12px;color:#006cab;display: block;
}
#bacmain
{
    position:absolute;top:15px;left:15px;
}

#loginfrm
{
    width:100%;
    text-align:center;

}
.tbl
{
    width:100%;  
    display:table;
    text-align: left;
}

.tblrow
{
    display:table-row;
    border-bottom: 1px solid black;
}

.tblcell
{
    display:table-cell;
}

.btnsubmit
{
    /*margin-top:20px;*/

    background:#006cab;

    font-family:'tszfont';
    font-size:20px;
    padding:2% 5%;
    width:90%;
    color:#fff;
    -webkit-appearance:none;
    /* width: 100%;
      padding:10px 0;
       display: block;
       margin:0 auto;
       z-index: 1;
       position: relative;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       border:none;
     font-size:20px;
     
    */
}

.btnsubmit:focus
{
    outline:none;
    border:1px solid white;
}

.logintextbox
{
    padding:5%;

    border:1px solid white;
    width:90%;
    text-align:center;
    font-weight: 300;
    font-size: 24px;
    text-align:center;
    font-family: 'tszfont';
    outline: none;

}
.uname
{
    /*border-radius:5px 5px 0px 0px;*/
}

.upwd
{
    /*border-radius:0px 0px 5px 5px;*/
    margin-top:2px;
}

.menus
{
    text-align:center;
    overflow:auto;
    display:block;
    padding-bottom:20px;
    border-bottom:1px solid #006cab;
}


.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
}

.profileimg {
    width: 36px;
    height: 36px;
    background:#fff;
    border:0;
    border-radius: 50%;
    margin-top: 5px;
}


.exceldropdown,.saledropdown
{
    width:200px;padding:10px;background:white;width:auto;position:relative;float:right;
    margin-top:10px;    
    display:none;
    text-align: center;
}


.exceldropdown:after,.saledropdown:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    right:8px;
    margin-left: -10px;
    border-top-color: transparent;
    border-bottom: 10px solid #fff;
    top: -20px;
    bottom: auto;

}

.exceldownloadbox{
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-family:tszfont;
    width:100px;

}

.goobuttons
{
    -webkit-box-shadow: none;
    box-shadow: none;
    height:29px;
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
    background-image: linear-gradient(top,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    text-transform: uppercase;
}


.m_ico
{
    border:0;max-width:100%;padding-top:10px;
}

.m_txt
{
    padding:5px;
}


.menu_button
{
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
}

.right_page
{
    width:80%;
    float:left;
    margin-left:20%;
    position:relative;
    z-index:80;
    height:100%;
    display:block;
    overflow:auto;
    background:#e9ecf0;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#pagecontent
{
    width:100%;
    margin:0;
    height:100%;
    display:inline-block;
    position:absolute;
}

#header
{
    background:white;
}

hr
{
    margin:0;
    height:3px;
}

a
{
    text-decoration:none;
    color:#fff;

}
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
    /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0);    */
} 


#userpanel
{
    display:inline-block;
    width:100%;
    color:#454545;
    text-align:left;
}

#time,#date,#currentuser
{
    font-size:20px;
    font-family:'helvetica';
    line-height:30px;
    padding:10px;
    display:inline-block;
    float:left;
}

#time span,#date span
{
    font-size:15px;
    color:#b5b5b5;
}

#currentuser
{
    float:right;
    padding:5px 20px;
    font-family:'tszfont';
}

#currentuser span
{
    line-height:30px;
}

.btn.dropdown-toggle{
    height: 60px;
    padding-top: 40px;
    border-radius: 0px;
    font-size: 17px;	
    color:#666;

}

#container
{
    overflow:auto;
}


#empcount
{
    width:98%;
    background:white;
    margin:1%;
    color:#666;
    padding-bottom:20px;
}

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 5px;
    font-size:12px;
    font-family: arial;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}


#pagination_header
{
    text-align:right;padding:5px 10px;
    -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

#pagination_header span{
    vertical-align:middle;
}

#pagination_header .icons_span{
    padding:0px 5px;height:24px;display:inline-block;
}

#pagination_header .checkbox_span
{
    -webkit-user-select: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,.05);
    border: 1px solid #c6c6c6;
    border: 1px solid rgba(155,155,155,.57);
    font-size: 1px;
    height: 11px;
    margin: 0 4px 0 1px;
    outline: 0;
    vertical-align:middle;
    width: 11px;
    display: inline-block;


}

#pagination_header .checkbox_span:hover
{
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);
}

.T-Jo-auh {
    height: 15px;
    outline: 0;
    width: 15px;
    left: 0;
    position: relative;
    top: -3px;
}



#backtotop
{
    position: fixed;
    bottom:20px;
    right:20px;
    height:52px;
    width: 52px;
    background: url('../images/backtotop.png');
}

#backtotop:hover
{
    background: url('../images/backtotop_hover.png');
}

.taskview_container{
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000000;
    position: absolute;
    z-index: 80;
    /*
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
}

.task_holder
{
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
    -moz-transition: background 0.15s ease-out, top 0s 0.15s;
    transition: background 0.15s ease-out, top 0s 0.15s;
}

.task_frame
{
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 666px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.task_holder,
.task_frame {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
}

.task_wrap {
    display: table;
    width: 100%;
    height: 100%;
}

#fso_no, #fso_date, #fso_qtr, #fso_cusid, #fso_branch, #fso_ot, #fso_cd, #fcus_name, #fcus_place, #fcus_address, #vertical, #region, #fcus_cno, #sug_txtarea, #txt_captcha, #fso_grade, #fso_pmhrs, #fso_ochrs, #fso_admhrs, #fso_manhrs, #fst_date, #fed_date, #fvalue_appr, #ftravel_cost, #flodge_cost, #ffood_cost, #fother_cost, #fso_desc, #po_date, #op_no, #fop_cusid, #fop_ot, #fop_branch, #fop_desc, #fop_date ,#fexp_date,#fop_expvalue, #con_per1, #desg1, #con_no1, #con_mail1,#fcus_country,#fcus_state,#wcc_receive_date ,#warranty_sdate,#warranty_edate,#text_comm,#so_cls_reason,#op_cls_reason, #fop_owner, #facc_mngr,#fprj_owner,#wcc_datefor_close, #fso_expc, #fso_expc_cost,#currencyval,#po_class_type,#profit_centre_type,#canceled_poval,#so_cancel_reason,#fop_presales,#op_level, #pop_inv_sono, #pop_invoice_type, #pop_invoiceno, #pop_invoicedt, #pop_invoiceamt, #pop_invoicevat, #pop_invoicestax, #pop_invoicevalue, #pop_payduedt, #pop_dcno, #pop_invoice_desc,#pop_inv_branch,#tender_no,#tender_date,#bg_customer_name,#bg_customer_loc,#bg_amount,#bg_req_dt,#bg_duration,#bg_exp_dt,#bg_so_no,#bg_po_no,#bg_acc_mngr,#bg_prj_mngr,#bg_type,#bg_pay_mode,#bg_desc,#bg_other_det, #reduced_amt,#revised_desc,#approved_by,#podate,#loidate,#ponumber,#bg_amount_type,#bg_customer_web,#pop_invoice_status,#pop_dc_status, #deleg_sono, #deleg_comm, #deleg_to,#pop_invrecdt,#pop_dcrecdt,#pop_others,#pop_invoicegst,#rel_op_id
{
    border:1px solid #f1f1f1;margin:5px 2.5%;
}

@media (min-height: 33.875em) {
    .task_wrap {
        display: block;
    }
}

@media (min-height: 33.875em) {
    .task_frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%;
    }
}
@media (min-height: 40.125em) {
    .task_frame {
        margin-bottom: 7.5%;
    }
}

.task_box {
    background: #ffffff;
    display: table-cell;
    vertical-align: middle;
    padding: 0 1em;
}

.task_header
{
    padding:5px;
    text-align: center;
}

@media (min-height: 26.5em) {
    .task_box {
        font-size: 1.25em;
    }
    .task_details
    {
        font-size:0.4em;
    }
}
@media (min-height: 33.875em) {
    .task_box {
        display: block;
        font-size: 1.33em;
        border: 1px solid #777777;
        border-top-color: #898989;
        border-bottom-width: 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    }
}
@media (min-height: 40.125em) {
    .task_box {
        font-size: 1.5em;
        border-bottom-width: 1px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

.popup__button--ok,
.popup__button--cancel {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
}
.popup__button--ok:hover,
.popup__button--cancel:hover {
    cursor: pointer;
    color: #000000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb;
}
.popup__button--ok:focus,
.popup__button--cancel:focus {
    background: #b1dcfb;
    border-color: #0089ec;
    outline: none;
}
.popup__button--ok:before,
.popup__button--cancel:before {
    position: relative;
    display: inline-block;
    height: 0;
}
.popup__button--ok:before {
    content: " ";
    margin-right: .45em;
    top: -0.05em;
    width: 0;
    border-top: 0.66em solid #0059bc;
    border-left: .66em solid transparent;
}
.popup__button--cancel:before {
    content: "\D7";
    margin-right: .35em;
    top: -0.1em;
    color: #ee2200;
    vertical-align: top;
    font-size: 1.1em;
}

.popup__footer {
    text-align: center;
}


.popup__button--ok, .popup__button--cancel {
    border: 1px solid #ffffff;
    background: #ffffff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: bold;
    width: 33.3%;
    display: inline-block;
    vertical-align: bottom;
}

.tbldata{
    cursor:pointer;
    /*
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    */
}

.task--opened .task_holder {
    top: 0;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
    zoom: 1;
    background: rgba(0, 0, 0, 0.32);
    -webkit-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}
.task--opened .task_frame {
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media (min-height: 33.875em) {
    .task--opened .task_frame {
        top: auto;
        bottom: 0;
    }
}

.task_details
{
    display: table;
    width:100%;
    font-size:0.8em;
    text-align: center;
    border-spacing:10px;
}

.leftcell
{
    width:30%;
    text-align:left;
}

.rightcell
{
    width:100%;
    text-align:left;
}

/*.cb_checked
{
    background: url('../images/checkmark.png') no-repeat -5px -3px;
}
*/

@media screen and (max-width: 500px) {


    .logintextbox
    {
        font-size: 18px;
        width:80%;

    }
    .btnsubmit
    {
        font-size:19px;
        width:80%;

        margin:0 auto;

    }
    h1
    {
        font-size:24px;
    }

    h2
    {
        font-size:20px;
    }

    .username_tit{
        margin-top: 40px;
}
    #server_time{
        padding-top: 30px;
    }
    #pagination_header{
        margin-top: 12px;
    }
}

@media screen and (max-width: 1044px) {

    .m_ico
    {
        width:65px;
        padding:2px;
        vertical-align:middle;
        padding-top:20px;
    }

}

@media screen and (max-width:980px)
{

    #bacmain
    {
        position:absolute;top:45px;left:10px;
    }

}

@media screen and (max-width: 768px) {



}


@media screen and (max-width: 1180px) {
    
    .right_page
    {
        width:75%;
        margin-left:25%;
    }
}

@media screen and (max-width: 980px) {

    .menu_button
    {
        display:block;
    }

    .right_page
    {
        width:100%;
        margin-left:0;
    }

    h2
    { 
        font-size:22px;
    }

}

/* Resposive table on employee logsheet screen */

/* 
Generic Styling, for Desktops/Laptops 
*/
.so_tbl, .overalldata { 
    width: 100%; 
    border-collapse: collapse;
}
 .overalldata th{
            color: #fff;
        }
/* Zebra striping 
tr:nth-of-type(odd) { 
  background: #eee; 
}*/

.option_img
{
    vertical-align:middle;padding:2px;border:1px solid #666;border-radius:50%;
    cursor: pointer;
}

.so_tbl th, .overalldata th { 
    background: #8a8a8a; 
    color: white; 

}
.so_tbl td,.so_tbl th, .overalldata th, .overalldata td { 
    padding: 6px; 
    border-bottom: 1px solid #ccc; 
    text-align: left; 
    font-size:0.6em;
    text-align: center;
}

.tot_align
{
    text-align:left;
}

.tblreportcell
        {
            border-bottom:1px solid #e3e3e3;
        }


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    .so_tbl table, .so_tbl thead, .so_tbl tbody,.so_tbl th,.so_tbl td,.so_tbl tr, .overalldata table { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .so_tbl thead tr, .overalldata thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .so_tbl tr, .overalldata tr{ border: 1px solid #ccc; }

    .so_tbl td, .overalldata td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }

    .so_tbl tr td:last-child , .overalldata tr td:last-child {
        border: none;
    }

    .so_tbl td:before, .overalldata td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .overalldata th{
            color: #666;
    }

    /*
    Label the data
    */
    .so_tbl td:nth-of-type(1):before { content: "Grade"; }
    .so_tbl td:nth-of-type(2):before { content: "Preventive maintenance"; }
    .so_tbl td:nth-of-type(3):before { content: "On call Support"; }
    .so_tbl td:nth-of-type(4):before { content: "Admin and Logistics"; }
    .so_tbl td:nth-of-type(5):before { content: "Total hours"; }
    
    .tbody_proj1 td:nth-of-type(1):before { content: "Grade"; }
    .tbody_proj1 td:nth-of-type(2):before { content: "Man day in hrs"; }
    .tbody_proj1 td:nth-of-type(3):before { content: "Travel Cost"; }
    .tbody_proj1 td:nth-of-type(4):before { content: "Lodging Cost"; }
    .tbody_proj1 td:nth-of-type(5):before { content: "Food Cost"; }
    .tbody_proj1 td:nth-of-type(6):before { content: "Other Cost"; }
    .tbody_proj1 td:nth-of-type(7):before { content: "Total hours";text-align:center; }
    

    
    
    .amc_type td:nth-of-type(1):before { content: "Grade"; }
    .amc_type td:nth-of-type(2):before { content: "Preventive maintenance"; }
    .amc_type td:nth-of-type(3):before { content: "On call Support"; }
    .amc_type td:nth-of-type(4):before { content: "Admin and Logistics"; }
    .amc_type td:nth-of-type(5):before { content: "Travel Cost"; }
    .amc_type td:nth-of-type(6):before { content: "Lodging Cost"; }
    .amc_type td:nth-of-type(7):before { content: "Food Cost"; }
    .amc_type td:nth-of-type(8):before { content: "Other Cost"; }
    .amc_type td:nth-of-type(9):before { content: "Total hours"; }
    
    
    .tbody_proj td:nth-of-type(1):before { content: "Grade"; }
    .tbody_proj td:nth-of-type(2):before { content: "Man day in hrs"; }
    .tbody_proj td:nth-of-type(3):before { content: "Total hours";text-align:center; }
    
    

    .tot_align
    {
        text-align:center;vertical-align: middle;
    }


    /*td:nth-of-type(6):before { content: "Porn Name"; }
    td:nth-of-type(7):before { content: "Date of Birth"; }
    td:nth-of-type(8):before { content: "Dream Vacation City"; }
    td:nth-of-type(9):before { content: "GPA"; }
    td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}