* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
body, html, p, h1, h2, h3, section, article, div, figure, ul, li, nav, input, textarea, button { margin: 0px; padding: 0px; }
a, a:hover { text-decoration: none; }
image { border: none; }
img { vertical-align: middle; }
ul, li { list-style: none; }
input, textarea, button { outline: none; }
h35 { font-family: 'Open Sans', Arial, sans-serif; }
a:hover, a:focus { outline: none !important; color: #fff; text-decoration: none; }
a::-moz-focus-inner {
 border: 0;
}
th, td { padding: 0px; }
table { border-collapse: separate; border-spacing: 0px; }
th, td { vertical-align: middle; }
table { margin: 0 auto; }
html, body { height: 100%; }
.main_table { min-height: 100%; height: auto !important; height: 100%; /*margin: 0px auto -220px;*/ position: relative; }
.empty_table { clear: both; height: 220px; }
.footer { /*height: 220px;*/ /*margin: 220px 0 0;*/ margin-top: 20px; position: relative; width: 100%; }
.wrapper { width: 100%; float: left; }
.top_head { background: #1f1f1f; }
.container { width: 1200px; margin: 0px auto; }
.container1 { border-bottom: 1px solid #d8d8d8; }
.wel_user { text-align: right; font-size: 16px; font-weight: 600; color: #fff; font-family: 'Open Sans', Arial, sans-serif; line-height: 16px; padding: 15px 0px; }
.head { background: #000; }
.logo { width: 250px; float: left; padding: 23px 0px 7px; }
.logo a { display: block; }
.navigation { float: right; width: auto; }
.navigation ul { padding: 23px 0px; }
.navigation ul, .navigation ul li { float: left; width: auto; }
.navigation ul li { font-size: 14px; font-weight: 600; color: #fff; font-family: 'Open Sans', Arial, sans-serif; line-height: 36px; position: relative; max-width: 142px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.navigation ul li a { padding: 0px 15px; color: #fff; display: block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; position: relative; z-index: 2; }
.navigation ul li:before { content: "|"; position: absolute; left: 0px; font-size: 14px; font-weight: 600; color: #fff; font-family: 'Open Sans', Arial, sans-serif; line-height: 36px; width: 0px; margin-left: -4px; }
.navigation ul li:first-child:before { content: ""; }
#active, .navigation ul li:hover { background: #ffcb05; }
.navigation ul li:hover a, #active a { color: #000; }
.menu { width: 820px; float: left; padding-top: 45px; padding-bottom: 30px; }
.menu_y { width: 255px; float: left; background: #ffcb05; text-align: center; margin-right: 5px; border: 1px solid #ffcb05; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.menu_y:hover { background: #FFF7D7; }
.menu_y a { font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 48px; display: block; text-transform: uppercase; }
.right_corner { width: auto; float: right; margin-top: 28px; }
.add_balance { width: 125px; float: left; background: #efefef; font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 38px; margin-top: 27px; text-align: center; position: relative; z-index: 2; border: 1px solid #efefef; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.add_balance:hover { background: transparent; }
.add_balance a { color: #000; display: block; position: relative; z-index: 2; text-transform: uppercase; }
.myac_title { width: 220px; float: left; margin-right: 15px; text-align: right; }
.myac_title p { text-align: right; float: left; width: 100%; font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 24px; }
.myac_title p span { font-weight: 700; }
.page_title h2 { font-size: 18px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 62px; text-transform: uppercase; }
.page_stitle h3 { font-size: 14px; line-height: 36px; border-bottom: 1px solid #d8d8d8; font-weight: 700; color: #000; font-family: 'Open Sans', Arial, sans-serif; border-top: 1px solid #d8d8d8; }
.page_stitle h3 label { cursor: pointer; }
.half_form { width: 50%; float: left; margin-top: 10px; }
.half_form:nth-child(even) { padding-left: 30px; }
.half_form:nth-child(odd) { padding-right: 30px; }
.form_group label { font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 36px; width: 130px; float: left; text-align: right; padding-right: 15px; text-transform: capitalize; cursor: pointer; }
.form_group input { width: 440px; float: left; font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 7px 5px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.form_group input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.page_stitle1 { width: 760px; float: left; }
.page_stitle2 { width: 440px; float: left; }
.icheckbox_minimal, .iradio_minimal { display: block; margin: 0; padding: 0; width: 18px; height: 18px; background: url(../images/check_box.png) no-repeat -19px 0px; border: none; cursor: pointer; float: left; }
.icheckbox_minimal, .iradio_minimal { margin-top: 9px; margin-right: 10px; }
/*.icheckbox_minimal { background-position: -19px 0px; background-image:  url(../images/check_box.png) no-repeat  ;}*/
.icheckbox_minimal.hover { background-position: -27px -47px; }
.icheckbox_minimal.checked { background-position: 0px 0px; }
.form_break { padding-top: 30px; }
.form_submit input { background: #5e5e5e; padding: 10px 15px; width: auto; cursor: pointer; text-transform: uppercase; color: #fff; border: 0px solid; float: right; line-height: 16px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.form_submit input:hover { background: #272727; }
.change_pass { margin-top: 10px; }
.change_pass label { width: 180px; cursor: pointer; }
.change_pass input { width: 390px; }
.change_submit input { width: 100px; margin-left: 10px; }
.my_detail { width: 265px; background: #e6e6e6; line-height: 34px; font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; border: 1px solid #e6e6e6; padding: 0px 10px; text-align: left; margin-bottom: 5px; float: left; }
.my_credit { width: 142px; margin: 0px 10px; text-align: center; }
.my_debit { margin: 0px; }
.my_detail2 { background: #f5f5f5; }
 
.footer { background: #000000; padding-bottom: 25px; }
/*.flogo { width: 205px; float: left; margin-right: 30px; }*/
.flogo { width: 300px; float: left; }
.flogo a { display: block; }
.flogo a { width: 100%; }
/*.reach_us { width: 175px; float: left; margin-right: 30px; padding-top: 42px; }*/
.reach_us { width: 300px; float: left;  padding-top: 42px; }
.reach_us p { line-height: 28px; font-size: 14px; font-weight: 400; color: #fff; font-family: 'Open Sans', Arial, sans-serif; }
.reach_us p span { background: #d4d4d4; color: #000; padding: 0px 3px; margin: 0px 1px; font-weight: bold; }
.reach_us p a { color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.reach_us p a:hover { color: #ffcb05; }
/*.working_hour { width: 475px; }*/
.foot_button { width: 255px; margin-right: 0px; font-weight: 600; padding-top: 50px; margin-left:45px }
.foot_button p a { color: #000; line-height: 36px; display: block; text-align: center; text-transform: uppercase; font-weight: 600; }
.foot_button p a:hover { color: #000; }
#provide_feedback, #provide_reference:hover { background: #fff; margin-bottom: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
#provide_reference, #provide_feedback:hover { background: #ffcb05; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.login_wrap { background: #ffcb05; padding: 140px 0px; height:100% }
.login_logo, .login_welcome { text-align: center; padding-bottom: 22px; }
.login_welcome span { width: auto; display: inline-block; padding: 0px 38px 1px; background: #000; color: #ffcb05; line-height: 45px; font-size: 24px; font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; position: relative; }
.login_welcome span em { font-family: 'Pacifico', cursive; font-weight: 400; font-style: normal; }
.login_welcome span:before { content: ""; width: 0px; height: 0px; border-right: 23px solid #000; border-top: 23px solid #000; border-left: 23px solid transparent; border-bottom: 24px solid #000; position: absolute; left: -23px; top: 0px; }
.login_welcome span:after { content: ""; width: 0px; height: 0px; border-left: 23px solid #000; border-top: 23px solid #000; border-right: 23px solid transparent; border-bottom: 24px solid #000; position: absolute; right: -23px; top: 0px; }
.login_half { width: 340px; float: left; }
.login_half:nth-child(odd) { margin-right: 29px; }
.login_half:nth-child(even) { margin-left: 29px; }
.login_content { width: 740px; margin: 0px auto; }
.existing { padding-left: 75px; float: left; width: 100%; }
.existing_user h2 { color: #000; line-height: 20px; font-size: 18px; font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; padding-top: 10px; padding-bottom: 15px; }
.login_form { margin-bottom: 10px; }
.login_form input { width: 100%; background: #fff; border: 2px solid #000; padding: 7px 10px; line-height: 20px; font-size: 12px; font-weight: 400; font-family: 'Open Sans', Arial, sans-serif; color: #2b2b2b; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.login_form input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.login_form label { font-size: 14px; font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; color: #2b2b2b; cursor: pointer; }
.login_form .icheckbox_minimal { margin-top: 0px; background-position: 0px -23px; width: 20px; }
.login_form .icheckbox_minimal.hover { background-position: -20px -23px; }
.login_form .icheckbox_minimal.checked { background-position: -20px -23px; }
.login_submit input { width: 130px; float: left; background: #000; text-align: center; text-transform: uppercase; font-size: 14px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; color: #fff; border: 1px solid #000; cursor: pointer; padding: 7px 10px; }
.login_submit input:hover { background: transparent; }
.login_form a { font-weight: 700; color: #2b2b2b; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.login_form a:hover { color: #fff; }
.right_ul ul, .right_ul ul li { float: left; width: 100%; }
.right_ul ul li { font-weight: 400; color: #2b2b2b; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; position: relative; padding-left: 15px; }
.right_ul ul li:before { content: ""; background: url(../images/check_box.png) no-repeat; width: 10px; height: 10px; position: absolute; left: 2px; top: 7px; background-position: 0px -42px; }
.right_ul p { font-weight: 400; color: #2b2b2b; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; line-height: 18px; float: left; width: 100%; margin-top: 10px; }
.right_ul p a { color: #2b2b2b; font-weight: bold; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.right_ul p a:hover { color: #fff; }
.page_title_main { border-top: 1px solid #d8d8d8; margin-bottom:10px }
.page_title_main1 { width: 782px; padding-top: 27px; float: left; }
.page_title_main1 h2 { line-height: 38px; }
.page_title_main2 { width: auto; float: right; padding-top: 27px; }
.form_date { float: left; width: auto; }
.form_date label { float: left; width: auto; font-weight: 700; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 36px; padding-right: 5px; cursor: pointer; }
.form_date input { float: left; width: 115px; border: 2px solid #ffcb05; background: #f5f5f5; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 20px; padding: 6px 5px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.form_date input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
table.jCalendar { background: #fff; border-spacing: 0; border-collapse: collapse; }
table.jCalendar th { background: #FFF; color: #000; font-weight: bold; padding: 5px; border-bottom: 1px solid #000; margin-bottom: 5px; }
table.jCalendar td { background: #fff; color: #000; padding: 5px 10px; text-align: center; }
table.jCalendar td.other-month { background: #fff; color: #aaa; }
table.jCalendar td.today { background: #666; color: #fff; }
table.jCalendar td.selected { background: #f66; color: #fff; }
table.jCalendar td.selected.dp-hover { background: #f33; color: #fff; }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; }
table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #fff; color: #888; }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }
div.dp-popup { position: relative; background: #ffcb05; font-size: 12px; font-family: 'Open Sans', Arial, sans-serif; padding: 0px; width: 240px; line-height: 20px; padding-bottom: 3px; }
div#dp-popup { position: absolute; z-index: 199; }
div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; line-height: 30px; }
a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; }
a#dp-close:hover { text-decoration: underline; }
div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; }
div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; }
div.dp-popup div.dp-nav-prev a { float: left; }
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }
div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; }
div.dp-popup div.dp-nav-next a { float: right; }
div.dp-popup a.disabled { cursor: default; color: #aaa; }
div.dp-popup td { cursor: pointer; }
div.dp-popup td.disabled { cursor: default; }
a.dp-choose-date { float: left; width: 21px; height: 36px; padding: 0; margin: 0px 10px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/check_box.png) no-repeat; background-position: -57px -30px; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
.to_date { margin-right: -10px; margin-left: 5px; }
.tab_menu { width: 100%; float: left; list-style: none; }
.tab_menu div { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 600; float: left; background: #5e5e5e; text-transform: uppercase; width: 126px; text-align: center; }
.tab_menu .current_tab { position: relative; background: #ffcb05; }
.tab_menu div a { line-height: 36px; color: #fff; display: block; text-decoration: none; }
.tab_menu div.current_tab a { color: #000; }
.tab_wrap { float: left; width: 100%; }
.tab_content { float: left; width: 100%; display: none; }
#tab-1 { display: block; }
.invoice_title_left { width: 650px; float: left; margin-top: 22px; }
.invoice_title_right {
    float: right;
    margin-right: 177px;
    margin-top: 22px;
    width: auto;
}
.invoice_form { width: auto; float: left; }
.invoice_ord i { width: 21px; height: 36px; background: url(../images/check_box.png) no-repeat; background-position: -2px -65px; float: left; margin-right: 8px; margin-top: -2px; }
.invoice_form label { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #000; line-height: 36px; font-weight: 400; float: left; cursor: pointer; }
.tab_menu .invoice_form { background: #fff; width: auto; margin-left:5px }
.invoice_form .icheckbox_minimal { margin-left: 23px; }
.invoice_ticket { margin-left: 24px; }
.invoice_ticket i { width: 27px; background-position: -42px 2px; }
.icheck { width: auto; float: left; margin-right: 18px; }
.icheck label { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #000; line-height: 36px; font-weight: 400; float: left; cursor: pointer; }
.isearch { position: relative; margin-right: 0px; }
.isearch_box { float: left; width: 165px; border: 2px solid #ffcb05; background: #f5f5f5; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; line-height: 20px; padding: 6px 30px 6px 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.isearch_box:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.isearch_button { float: left; width: 22px; height: 22px; border: 0px solid #ffcb05; background: url(../images/check_box.png) no-repeat; background-position: -3px -111px; position: absolute; right: 0px; margin-top: 6px; cursor: pointer; padding: 14px 14px; }
.invoice_table div, .invoice_table div { font-weight: 700; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 37px; text-align: left; float: left; }
.tab_menu .invoice_form .icheckbox_minimal { width: auto; background: rgba(0, 0, 0, 0) url("../images/check_box.png") no-repeat scroll 0 0; border: medium none; cursor: pointer; display: block; float: left; height: 18px; width: 18px; background-position: -19px 0; }
.tab_menu .invoice_form .icheckbox_minimal.hover { background-position: -27px -47px; }
.tab_menu .invoice_form .icheckbox_minimal.checked { background-position: 0 0; }
.tab_menu .invoice_form .icheckbox_minimal { margin-left: 23px; }
.tab_menu .icheckbox_minimal, .iradio_minimal { margin-right: 10px; margin-top: 9px; }
.invoice_table th { background: #f5f5f5; }
.invoice_table td { font-weight: 400; border-top: 1px solid #d8d8d8; line-height: 57px; position: relative; }
.invoice_table { border-bottom: 1px solid #d8d8d8; position: relative; }
.invoice_table .iicon { width: 80px !important; padding-left: 20px; padding-bottom: 13px; }
.invoice_table th.iicon { padding-bottom: 0px; }
.iid_title { width: 400px !important; padding-right: 10px; }
.invoiceID { width: 100px !important; padding-right: 10px; }
.icreated { width: 185px !important; padding-right: 10px; }
.ilast_replay { width: 115px !important; padding-right: 10px; }
.datetime { width: 105px !important; padding-right: 10px; }
.itype { width: 192px !important; padding-right: 10px; }
.istatus { width: 92px !important; padding-right: 10px; }
.iby { width: 75px !important; padding-right: 5px; }
.imail { width: 60px; }
.iicon i img, .imail i img { width: auto; }
.iicon i img { float: left; margin-top: -2px; padding-top: 3px; }
.imail span { font-size: 10px; line-height: 13px; background: url(../images/check_box.png) no-repeat right #ffcb05; background-position: 16px -53px; padding-left: 3px; padding-right: 8px; }
.imail i { float: left; }
.iview_more { text-align: right; }
.iview_more a { background: #5e5e5e; border: 1px solid #5e5e5e; font-weight: 600; color: #fff; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 35px; width: 142px; display: inline-block; text-align: center; text-transform: uppercase; margin-left: 20px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.iview_more a:hover { background: #fff; color: #5e5e5e; }
.due_info { display: none; position: absolute; left: 0px; width: auto; background: #ffcb05; line-height: 18px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14.5px; padding: 3px 10px; float: left; left: -145px; top: 8px; }
.due_info:after { content: ""; position: absolute; border-left: 5px solid #ffcb05; border-bottom: 5px solid transparent; border-top: 5px solid transparent; width: 0px; height: 0px; right: -5px; top: 16px; }
.due_info b { display: block; }
.due_info2 { left: 0px; top: auto; }
.invoice_table tr { cursor: pointer; }
.invoice_table tr:hover .due_info { display: block; }
.re_open { background: #dedddd; }
.new { background: #ebe9e9; }
.open { background: #f6f5f5; }
.due_info2:after { border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #ffcb05; border-top: 0px solid; left: 5px; top: -5px; }
.close { background: #f6f5f5; }
.pagination { float: right; width: auto; margin-top: 12px; }
.pagination li { width: auto; float: left; line-height: 13px; font-weight: 600; color: #aaaaaa; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; margin: 0px 10px; }
.pagination li a { color: #aaaaaa; display: block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.pag_pre { background: #ffcb05; }
.pag_pre i { background: url(../images/check_box.png) center no-repeat; background-position: -9px -54px; width: 10px; height: 13px; float: left; }
.pag_next i { background-position: 2px -54px; }
.pagination li a:hover, #pag_active a { color: #000; }
.overdue_wrap { width: 185px; float: right; position: absolute; right: 0px; top: 155px; z-index: 2; }
.overdue_top { background: #000; line-height: 18px; font-weight: 600; color: #fff; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; padding: 7px 0px; }
.overdue_top p { margin-bottom: 7px; }
.overdue_top span { font-size: 26px; }
.overdue_price { background: #f5f5f5; border: 2px solid #ffcb05; line-height: 18px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; text-align: center; padding: 7px 10px; }
.overdue_price p { margin-bottom: 7px; }
.overdue_price span { font-size: 18px; font-weight: 600; }
.overdue_pay_now { background: #ffcb05; border: 1px solid #ffcb05; line-height: 30px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.overdue_pay_now:hover { background: #FFF7D7; }
.overdue_pay_now a { display: block; color: #000; }
.overdue_remind { border-top: 2px solid #fff; }
.picon { width: 90px; }
.pid_title { width: 135px }
.pcreated { width: 125px }
.plast_replay { width: 155px }
.ptype { width: 315px; line-height: 20px !important; }
th.ptype { line-height: 37px !important; }
.pby { width: 95px }
.ppay { width: 95px; padding-right: 10px; }
.porder { width: 105px; }
.invoice_table td { line-height: 27px; padding-top: 5px; padding-bottom: 8px; }
.pending_total { line-height: 36px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; float: left; margin-right: 25px; }
.invoice_table td { vertical-align: top; }
.ppay .icheckbox_minimal, .ppay .iradio_minimal { margin-top: 6px; }
.ppay label { cursor: pointer; }
.plast_replay p { width: 100%; float: left; font-size: 12px; line-height: 18px; }
.plast_replay p span { background: #ffcb05; padding: 0px 5px; position: relative; margin-left: 3px; }
.plast_replay p span:after { content: ""; position: absolute; border-right: 4px solid #ffcb05; border-bottom: 4px solid transparent; border-top: 4px solid transparent; width: 0px; height: 0px; left: -4px; top: 5px; }
.ptype1 { width: 335px; }
.pby1 { width: 115px; }
.pcreated1 { width: 135px; }
.pid_title1 { width: 150px; }
.invoice_paid_total { float: right; width: auto; margin-right: 60px; margin-left: 20px; }
.team_left { width: 820px; float: left; padding-right: 40px; }
.team_right { width: 380px; float: right; padding-top: 6px; }
.team_title { width: 98px; }
.team_title h2 { font-size: 18px; font-weight: 700; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 62px; text-transform: uppercase; line-height: 38px; }
.team_icheck { margin-right: 14px; }
.team_name { width: 225px !important; float: left; padding-left: 30px; }
.medium_th { width: 175px !important; float: left; padding-left: 30px; min-height: 1px;}
.small_th { width: 80px !important; float: left; padding-left: 12px;min-height: 1px; }

.team_email { width: 310px !important; float: left; padding-right: 10px; }
.team_designation { width: 245px !important; float: left; padding-right: 10px; }
.team_table tr { background-color: #f5f5f5; border-bottom: 1px solid #d8d8d8; float: left; }
.team_table tr:last-child { border-bottom: 0px solid #d8d8d8; }
.team_table th, .team_table td { font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 36px; text-align: left; }
.team_table td { font-weight: 400; line-height: 72px; }
.team_table { padding-top: 30px; }
.pending_total2 .pagination li:last-child { margin-right: 0px; }
.creat_user { padding-top: 33px; }
.creat_user h2 { font-size: 14px; font-weight: 700; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 36px; background: #ffcb05; padding-left: 15px; }
.top_border { border-top: 1px solid #d8d8d8; }
.no_border { border-top: 0px solid #d8d8d8; }
.invoice_title_right1 { margin-top: 21px; }
.creat_user_form { background: #f5f5f5; padding: 15px; }
.creat_form_group { margin-bottom: 10px; }
.creat_user_form1 { border: 1px solid #e6e6e6; border-top: 0px solid; /*min-height: 329px;*/ }
.creat_form_group1 p { font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; }
.creat_form_group input { width: 100%; background: #fffdfd; font-size: 12px; padding: 7px 15px; }
.creat_form_submit input { width: 85px; float: right; font-size: 14px; padding: 7px 5px; background: #ffcb05; font-weight: 700; text-align: center; margin-bottom: 15px; cursor: pointer; border-color: #ffcb05; }
.creat_form_submit input:hover { background: #FFF7D7; }
.update_detail { padding-top: 20px; }
.user_details { font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; margin-top: 20px; text-align: right; }
.user_details a { color: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.user_details a:hover { color: #ffcb05; }
.user_designation { font-weight: 600; margin-bottom: 10px; }
.project_detail { border-bottom: 1px solid #d8d8d8; padding-bottom: 7px; margin-bottom: 0px; font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 24px; padding-top: 20px; }
.project_detail_left { width: 550px; float: left; }
.project_detail_right { width: 230px; float: right; text-align: right; }
.project_detail1 { font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 24px; }
.projct_form { font-size: 14px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; }
/*.projct_form textarea{margin-bottom:50px;}*/
.projct_form h3 { font-size: 16px; padding-bottom: 20px; font-weight: 600; text-transform: uppercase; }
.projct_form textarea { width: 100%; float: left; background: #f5f5f5; border: 1px solid #e6e6e6; resize: none; height: 165px; padding: 7px 5px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.projct_form textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.projct_form input, .projct_form label { line-height: 36px; }
.projct_form label { cursor: pointer; }
.projct_form1 { width: auto; float: left; line-height: 36px; padding-right: 10px; }
.projct_form2 { padding-top: 20px; }
.projct_form3 input { margin-bottom: 0px; }
.chat_wrap { background: #f5f5f5; border: 1px solid #e6e6e6; padding: 10px; margin-top: 20px; margin-bottom:50px; max-height:370px; overflow: auto;}
.user_img { width: 50px; float: left; border: 1px solid #e6e6e6; }
.user_img img { width: 100%; }
.user_msg { width: 505px; float: left; padding: 0px 10px; }
.user_empty { width: 200px; float: left; }
.user_msg p { width: auto; max-width: 505px; float: left; background: #fff; border: 1px solid #e6e6e6; font-size: 12px; font-weight: 400; color: #2b2b2b; font-family: 'Open Sans', Arial, sans-serif; line-height: 16px; position: relative; padding: 10px; }
.user_msg p:before { content: ""; width: 7px; height: 12px; position: absolute; background: url(../images/chat_arrow.png) no-repeat; /*
	border-right: 8px solid #fff;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
*/ left: -7px; top: 10px; }
.user_msg span { width: 100%; float: left; }
.msg_time { color: #848282; margin-top: 10px; }
.msg_even .user_img, .msg_even .user_msg, .msg_even .user_empty, .msg_even .user_msg p { float: right; }
.msg_even .user_msg p:before { opacity: 0; }
.msg_even .user_msg p:after { content: ""; width: 7px; height: 12px; position: absolute; background: url(../images/chat_arrow1.png) no-repeat; right: -7px; top: 10px; }
.msg_even, .msg_odd { margin-bottom: 10px; float: left; width: 100%; }
.chat_update_msg { text-align: center; }
.chat_update_msg span { width: auto; text-align: center; background: #ffcb05; padding: 0px 16px; line-height: 30px; font-size: 12px; font-weight: 400; color: #000; font-family: 'Open Sans', Arial, sans-serif; display: inline-block; }

.cus_upl * { font-size: 12px; font-weight: 400; color: #2b2b2b; font-family: 'Open Sans', Arial, sans-serif; }
.cus_upl { width: 300px; background: #fff; }
.upl_wrap input { width: 175px; line-height: 20px; font-size: 12px; }
.upl_wrap { position: relative; padding: 0; float:left; width:265px;}
.file_name, .file_upload { margin: 0; padding: 0; }
.file_upload { display: inline-block; width: 80px; color: #fff; cursor: pointer; border: 1px solid #5e5e5e; line-height: 20px; padding: 7px 0px; background: #5e5e5e; font-size: 12px; font-weight: 600; font-family: 'Open Sans', Arial, sans-serif; text-transform: uppercase; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.file_upload:hover { background: #ffcb05; }
body { overflow-x: hidden; }
.pop_cont { position: absolute; top: 158px; display: none; z-index: 1; }
#popup_window { padding: 10px; background: #267E8A; cursor: pointer; color: #FCFCFC; margin: 200px 0px 0px 200px; }
/*.popup-overlay { width: 100%; height: 100%; position: fixed; background: rgba(255, 255, 255, 0.8); top: 0; left: 100%; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; z-index: 9; }*/
#example-popup { width: 640px; z-index: -5; }
.overlay .popup-overlay { left: 0 }
 
.mfp-cont { width: 100%; float: left; }
.mfp-cont form { background: #000; width: 100%; float: left; padding: 15px; }
.mfp-cont h2 { background: #ffcb05; padding: 1px 18px; font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 48px; display: block; text-transform: uppercase; padding-left: 46px; }
 .mfp-body { opacity: 1; min-height: 330px; width: 100%; float: left; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -ms-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; position: relative; }
.popup.visible, .popup.transitioning { z-index: 9999; }
.popup.visible .mfp-body { opacity: 1; }
.mfp-exit { background: url("../images/close.png") no-repeat; cursor: pointer; display: block; height: 11px; position: absolute; right: 18px; top: 18px; width: 11px; }
.mfp-cont p { width: 100%; float: left; position: relative; z-index: 2; margin-bottom: 5px; }
.mfp-cont p textarea { width: 100%; height: 175px; resize: none; border: 1px solid #e6e6e6; background: #f5f5f5; padding: 10px; line-height: 20px; font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.mfp-cont p textarea:focus, .mfp-cont .upl_wrap input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.mfp-cont .upl_wrap input { width: 530px; float: left; font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 7px 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.mfp-cont .upl_wrap { margin-bottom: 5px; width:100%;}
.s-hidden { visibility: hidden; padding-right: 10px; }
.select { cursor: pointer; display: inline-block; position: relative; }
.cusSel { position: relative; top: 0; right: 0; bottom: 0; left: 0; font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 7px 10px; width: 270px; }
.cusSel:after { content: ""; width: 36px; height: 36px; background: url(../images/select_arrow.png) no-repeat; position: absolute; top: -1px; right: -2px; }
.cusSel:active, .cusSel.active { background-color: #eee; }
.opto { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0 0; padding: 0 0; list-style: none; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.opto li { font-size: 14px; font-weight: 600; color: #000; font-family: 'Open Sans', Arial, sans-serif; line-height: 20px; background: #f5f5f5; border: 1px solid #e6e6e6; padding: 7px 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.opto li:hover { background-color: #FFF7D7; color: #000; }
.projct_form4 input { width: 100px; }
.project_detail_right_button { width: auto; background: #000; text-align: center; color: #fff; border: 1px solid #000; line-height: 34px; text-transform: uppercase; font-weight: 600; float: right; min-width: 180px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.project_detail_right_button a { color: #fff; display: block; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.project_detail_right_button:hover { background: transparent; }
.project_detail_right_button:hover a { color: #000; }
.cus_upl32 { width: 285px; }
.creat_form_submit32 input { width: 125px; }
@-moz-document url-prefix() {
 .login_welcome span:before, .login_welcome span:after {
 border-width: 24px;
}
 .popup-content .upl_wrap input {
 line-height:21px;
}
 .popup-content p {
 margin-bottom: 10px;
}
 .popup-content .upl_wrap {
 margin-bottom: 0px;
}
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .isearch_box {
 padding-top:10px;
}
}
.invoice_table th, .invoice_table td { color: #000; float: left; font-family: "Open Sans", Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 37px; text-align: left; }
.invoice_table td { border-top: 1px solid #d8d8d8; font-weight: 400; line-height: 27px; position: relative; }
.dataTable .re_open { background: #dedddd none repeat scroll 0 0; }
.dataTable th.iicon { padding-bottom: 0; }
table.dataTable tbody th.imail { padding-right: 0; }
table.dataTable tbody th.iby { padding-right: 5px; }
.dataTable th.iicon { padding-right: 0; }
#demo_info { display: none; }
.dataTables_length { left: 580px; position: relative; top: -36px; color: #000; cursor: pointer; float: left; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px; text-transform:uppercase;}
.dataTables_length select{width:50px; height:25px;}
.dataTables_filter input[type="search"] { background: #f5f5f5; border: 2px solid #ffcb05; height:36px; color: #000; float: left; font-family: "Open Sans", Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; padding: 6px 30px 6px 10px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 165px; -webkit-appearance:inherit }
#example_info{font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px;}
#example_paginate{font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px;}
.no_border .project_detail{padding-top:0;}
.team_left {padding-bottom:30px;}
.check {margin-top: 11px ;  margin-left: 5px; float:right;}
.popup_input{background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    color: #000;
    float: left;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 7px 10px;
    transition: all 0.5s ease 0s;
    width: 100%; }
.filename{width: 140px !important; padding-right: 5px; }
.title{width: 30%; padding-right: 3px; font-weight: bold !important;}
.desc{width: 70% ; float: left; }
.type{width: 88px !important; padding-right: 5px; }
.size{width: 80px !important; padding-left: 5px; }
.down{width: 27px !important; padding-right: 37px; }
#team_table_length{ left: 130px; position: relative; top: -36px; color: #000; cursor: pointer; float: left; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 36px; text-transform:uppercase; }
#mid-container { background: #e6b705; width: 100%; float: left; }
.main { width: 1170px; margin: 0 auto }

/*-----------thank you styles goes here---------------*/



.thanku-block { text-align: center; margin: 0px auto; padding: 0px 0px; width: 770px; }



.thanku-content { padding: 60px 0px 97px 0px; }



.thanku-top { margin-bottom: 67px; }



.thanku-monk { float: left; width: 24%; margin-left: 40px; }



.thanku-description { float: right; width: 58%; margin-top: 114px; text-align: left; }



.thanku-description h2 { font-size: 72px; color: #000; text-transform: uppercase; line-height: 72px; font-family: 'pt_sansbold', arial, sans-serif; }



.thanku-description h2 span { color: #fff; }



.thanku-words { font-size: 30px; color: #000; margin-left: 0; }



.thanku-slogan { line-height: 30px; margin-bottom: 15px; }



.thanku-service { font-size: 20px; line-height: 30px; }



.break { clear: both; }



.db { display: block; }



.thankuemail-block { width: 766px; margin: 0px auto; border: dotted 1px #000; border-left: none; border-right: none; padding: 30px 0px 27px 0px; font-size: 18px; color: #000; }



.thankuemail-block a { font-family: 'pt_sansbold', arial, sans-serif; font-style: italic; display: inline-block }



.thankuemail-block a span { display: block; padding-right: 10px; color: #000; }



.thankuemail-block a:hover span { color: #fff; }

.login_form input[type="checkbox"]{ width:auto;}
.existing_user .alert{ padding:0; margin:0;}
.existing_user .alert ul{ width:100%;}
.existing_user .alert ul li{ padding:0 0 12px; color:#F00}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{ color:#fff !important}
table.dataTable thead th{ border:1px solid #d8d8d8; border-bottom:none; padding:0 5px;}
table.dataTable.invoice_table thead th:last-child{ width:60px !important;}
.paging_simple_numbers a{ border:#000 solid 1px !important;}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current, div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, div.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color:#fff !important; background:#000 !important}
table.dataTable.no-footer{ margin-top:20px}
.chat_wrap.NoMSg{ display:none;}
.form_submit { margin-top:10px}
.login_wrap .login-form{ float:none;}
.login_wrap .close{ display: block;position: absolute;top: 0; bottom: 0;right: 4px;}
.login_wrap .login_half .alert{border-radius: 0; background: rgba(255,159,159,0.3); color: #d9534f; position: relative; border-left: red solid 3px; margin-bottom: 10px;}
.login_wrap .login_half .alert li{ padding:5px 15px; display:block;}
.login_form .common-error-msg li{background: rgba(255,159,159,0.5); color: #d9534f; padding:5px; font-size:12px}