/*=================================*/
/* Gilbert Pellegrom
/* June 2009
/* http://due.com
/*=================================*/


/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
    font:62.5% proxima_nova_alt_rgregular;
    font-size:.9em;
    line-height:1.4em;
    color:#3F4650;
    min-width:1170px 
    
}

a, a:visited {
    text-decoration:none;
}
a:hover {
    color:#000;
    text-decoration:none;
}

h1 {
    font-size:24px;
    font-weight:bold;
    line-height:30px;
    margin-bottom:5px;
    text-shadow:1px 1px 0px #fff;
}
h2 {
    font-size:20px;
    font-weight:bold;
    line-height:25px;
    margin-bottom:5px;
}
h3 {
    font-size:18px;
    line-height:22px;
    /*margin-bottom:5px;*/
}
h4 {
    font-size:16px;
    line-height:18px;
    margin-bottom:5px;
    font-weight:bold;
}

p {
    margin-bottom:10px;
}
ol {
    list-style:decimal;
    padding-left:20px;
    padding-bottom:7px;
}
ul {
    list-style: none outside none;
    padding-left:25px;
    padding-bottom:7px;
}
li {
    padding:2px;
}

b, strong {
    font-weight:bold;
    color:#000;
}
i, em {
    font-style:italic;
}
u {
    text-decoration:underline;
}
code {
    background:#333;
    color:#fff;
    padding:0px 2px;
}
pre {
    background:#333;
    padding:0px 20px;
    margin:20px;
}
blockquote {
    font-style:italic;
    font-size:14px;
    padding:0 10px;
    margin:0 0 10px 20px;
    border-left:3px solid #000;
}

/*========================*/
/*=== Structure Styles ===*/
/*========================*/
#wrapper {

}

#header {
    width:100%; padding-bottom:15px
}
#header h1#logo {width:180px; height:47px; float:left}
#header h1#logo a {display:block; height:41px; width:200px; margin-top:0px}
.inner {
    width:870px;
    margin:0 auto;
    position:relative;
}

#nav {    list-style:none;    margin:0;    padding:5px; display:block; float:left;    /*float:right;    margin-top:33px;*/}
#nav li {
    display:inline;
    padding:0;
}
#nav a {
     color:#ddd;
     margin-left:5px;
    /*display:block;
    width:105px;
    height:31px;
    float:left;
    margin-left:5px;
   
    border:0;
    text-indent:-9999px;
    background:url(../images/nav.png) no-repeat;
    position:relative;*/
}
#nav a:active {
    top:1px;
}

#nav a#home {
    background-position:0px 0px;
}
#nav a#home:hover, #nav a#home.active {
    background-position:-106px 0px;
}
#nav a#blog {
    background-position:0px -32px;
}
#nav a#blog:hover, #nav a#blog.active {
    background-position:-106px -32px;
}
#nav a#login {
    background-position:0px -64px;
}
#nav a#login:hover, #nav a#login.active {
    background-position:-106px -64px;
}
#nav a#signup {
    background-position:0px -96px;
}
#nav a#signup:hover, #nav a#signup.active {
    background-position:-106px -96px;
}
#nav a#tasks {
    background-position:0px -128px;
}
#nav a#tasks:hover, #nav a#tasks.active {
    background-position:-106px -128px;
}
#nav a#projects {
    background-position:0px -160px;
}
#nav a#projects:hover, #nav a#projects.active {
    background-position:-106px -160px;
}
#nav a#clients {
    background-position:0px -192px;
}
#nav a#clients:hover, #nav a#clients.active {
    background-position:-106px -192px;
}
#nav a#reports {
    background-position:0px -224px;
}
#nav a#reports:hover, #nav a#reports.active {
    background-position:-106px -224px;
}
#nav a#invoices {
    background-position:0px -256px;
}
#nav a#invoices:hover, #nav a#invoices.active {
    background-position:-106px -256px;
}

#sub-nav {
    background:url(../images/sub_nav.png) repeat-x;
    width:100%;
    height:43px;
    display:none;
}
#sub-nav.on {
    display:block;
}
#sub-nav ul {
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}
#sub-nav li {
    display:inline;
    padding:0;
}
#sub-nav a {
    display:block;
    float:left;
    height:31px;
    width:119px;
    line-height:31px;
    border:0;
    margin-right:5px;
    background:url(../images/sub_nav_buttons.png) no-repeat;
    text-align:center;
    margin-top:5px;
    font-weight:bold;
    color:#777;
}
#sub-nav a:hover {
    color:#333;
}
#sub-nav a:active {
    background-position:-119px 0px;
}

#info-bar {
    width:870px;
    margin:0 auto;
    margin-top:30px;
}

#yoggrt {
    width:400px;
    float:left;
}
/*#yoggrt br {
    display:none;
}
#yoggrt .yoggrtad {
    float:left;
    width:170px;
}
#yoggrt .yoggrtad a {
    border:0;
}
#yoggrt .yoggrttext,
#yoggrt .adby {
    float:right;
    display:block;
    width:200px;
    margin-right:30px;
}
#yoggrt .adby {
    margin-bottom:0;
}
#yoggrt .adby a {
    border:0;
    color:999;
    font-style:italic;
    font-size:12px;
}*/

/*css added by Irfan*/
ul.login_area{ display:block; float:right; padding-left:25px !important;padding-bottom:0;}
ul.login_area li{ display:block; float:left; padding-top:5px; padding-right: 9px;}
ul.login_area a{ color:#fff; border:none;}
ul.login_area li .button_link {background:url(../images/new_leftbtnsprite.png) 0 -140px no-repeat; height:36px; cursor:pointer; float:left; padding-left:5px; display:block; color:#fff; font-size:13px}
ul.login_area li .button_link span {background:url(../images/new_rightbtnsprite.png) 100% -140px no-repeat; height:36px; cursor:pointer; padding:0 5px 0 0; text-transform:uppercase; float:left; margin:0; font-family:montserratregular; display:block; text-align:center; line-height:36px}
ul.login_area li .button_link:hover {background:url(../images/new_leftbtnsprite.png) 0 -92px; color:#fff}
ul.login_area li .button_link:hover span {background:url(../images/new_rightbtnsprite.png) 100% -92px; color:#fff}
ul.login_area li .button_link1 {background:url(../images/new_leftbtnsprite.png) 0 -188px no-repeat; height:37px; cursor:pointer; float:left; padding-left:7px; display:block; color:#fff; font-size:13px}
ul.login_area li .button_link1 span {background:url(../images/new_rightbtnsprite.png) 100% -188px no-repeat; height:37px; cursor:pointer; padding:0 5px 0 0; text-transform:uppercase; float:left; margin:0; font-family:montserratregular; display:block; text-align:center; line-height:37px}
ul.login_area li .button_link1:hover {background:url(../images/new_leftbtnsprite.png) 0 -238px no-repeat; color:#fff}
ul.login_area li .button_link1:hover span {background:url(../images/new_rightbtnsprite.png) 100% -238px no-repeat; color:#fff}

#home_menu{display:block; float:right; padding:5px 0 0px 0}
#home_menu li{display:block; float:left; padding:0 0 0 5px;} 
#home_menu a{border:none; color: #FFFFFF; display: block; font-family:montserratregular; line-height:36px; font-size:13px; height:37px; padding:0 20px 0 15px}
#home_menu li:hover,#home_menu li.active {background:url(../images/menu_leftbg.png) 0 0 no-repeat}
#home_menu li:hover a,#home_menu li.active a {background:url(../images/menu_rightbg.png) 100% 0 no-repeat}


.slider_wrapper{width:100%; margin:auto}
.slide-container{position:relative; width:1000px;margin:auto; min-height:200px;}
.slide-content{}
.slide-text{margin:auto; color:#616264; font-size:21px; width:100%; text-align:center; padding-top: 23px}
.slide-text div{ display:block; margin:auto; text-align:center !important; }
.slide-text div span{color:#2d89c5; font-size:21px;}
.slides_control img{display:block;margin:auto;position:relative;}

#mainbody {  margin:50px auto 0;width:100%;}
#maincontent{margin:auto;}
.track-your-time{color: #616264; margin: auto;    position: relative;  text-align: center; width: 100%;}
tracking-examples span{display:block;padding-top:10px;}
.tracking-examples{position:relative; margin-bottom:75px; width:100%}
.tracking-time{display:block; width:328px; float:left; margin-right:30px; background:#f6f6f6; padding:20px; position:relative}
.tracking-interface{display:block; width:328px; float:left; margin-right:30px; background:#f6f6f6; padding:20px; position:relative}
.tracking-invoice{display:block; width:328px; float:left; background:#f6f6f6; padding:20px; position:relative}
.testimonials{position: relative; text-align:center}
.tracking-time h4,.tracking-interface h4,.tracking-invoice h4 {color:#3f4650; font-size:16px; text-transform:capitalize; font-family:proxima_nova_alt_rgbold; margin:0 0 10px; padding-top:5px; font-weight:normal}
.tracking-time p,.tracking-interface p,.tracking-invoice p {color:#888d93; font-family:droid_sansregular; font-size:13px}
.tracking-time a.plus_icon,.tracking-interface a.plus_icon,.tracking-invoice a.plus_icon {background:url(../images/plus_icon.gif) 0 0 no-repeat; width:29px; height:29px; display:block; position:absolute; right:0; bottom:0}
.testimonials-examples{margin-bottom:100px}
.testimonials-one{display:block; width:368px; float:left; margin-right:30px}
.testimonials-one.marginnone {margin-right:0}
.testimonials-one .imgsec {width:68px; margin-right:20px}
.testimonials-one .testmon_desc {width:280px; font-family:droid_sansregular; font-size:13px; color:#7d8590}
.testimonials-one .testmon_desc .blueclr {margin-bottom:0}
.testimonials-one .testmon_desc .blueclr a {color:#1789ca}
.testimonials-one .testmon_desc .grclr a {color:#7d8590}
.news-letter{background:#3a4049; padding:20px 0}
.right-panle-menu{  float: left; width: 153px;}
#pagination a , #pagination strong{background:#e3e3e3;padding:4px 7px; text-decoration:none;border:1px solid #cac9c9; color:#292929;font-size:13px;}
#pagination strong{font-weight:normal; background:#cac9c9;}
#projectdropdown{cursor: pointer; font-size:11px ;  height: 19px;  margin: 0;  min-width: 48px; padding: 0;
    position: relative;
    width: inherit;
    z-index: 2;}
    #tablesearchbox{border: 1px solid #CECECE;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    margin: 0;
    outline: medium none;
    padding: 4px 24px 4px 12px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;}
/*END: css added by Irfan*/

body .yoggrt{background:#fff;padding:15px;margin:15px 0 0;border:3px solid #eee;}
body .one .bsa_it_ad{background:transparent;border:none;padding:0 20px 0 0;margin:0;}
body .one .bsa_it_ad img{float:left;margin:0 10px 0 0;}
body .one .bsa_it_ad:hover img{-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;box-shadow:0 0 3px #000;}
body .one .bsa_it_ad .bsa_it_i{display:block;padding:0;float:none;margin:0 0 5px;}
body .one .bsa_it_ad .bsa_it_i img{padding:0;border:none;}
body .one .bsa_it_ad .bsa_it_t{padding:6px 0 0 0;}
body .one .bsa_it_p{display:none;}
body #bsap_aplink,body #bsap_aplink:hover{display:block;font-size:10px;margin:0;border:0;}

#latest-blog {
    width:470px;
    float:left;
    color:#555;
}
#latest-blog h3 {
    font-size:16px;
    font-weight:bold;
}

#login-info {
    background:url(../images/Sprite.png) no-repeat -352px 11px;
    padding:10px 0 0 23px;
    color:#666;
    margin-left:3px;
}
#login-info span.logged-in-as {
    cursor:help;
}

#body {
    background:#eff3f6;
    border:1px solid #B5B5B5;
    width:870px;
    margin:0 auto;
    margin-top:30px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0px 0px 5px #bbb;
    -moz-box-shadow:0px 0px 5px #bbb;
    box-shadow:0px 0px 5px #bbb;
}
#content {
    padding:30px;
}

#body.wide {
    background:#fff url(../images/background.png) repeat-x 0px -100px;
    width:100%;
    padding-top:35px;
    margin-top:0;
    border:0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}
#body.wide #content {
    background:transparent;
    width:870px;
    margin:0 auto;
}

#foot {
    font-size:10px;
    background:#3f4650
}
#foot.wide {
    font-size:10px;
    font-family:droid_sansregular; font-size:13px
}
#foot p {
    color:#9aa2af;
    margin:0
}
#foot p span {color:#fefefe}
#foot.wide p {
    color:#9aa2af;
}
#foot a {
    border:0;
}
#foot a:hover {
    border-bottom:1px solid #777;
}

.sidebar {
    float:right;
    width:280px;
    background:#D1D9DF;
    padding:10px 20px;
    border:1px solid #B5B5B5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#status-box {
    position:absolute;
    top:45px;
    left:106px;
    display:none;
}

div.home-box {
    background:#eff3f6;
    border:1px solid #B5B5B5;
    padding:20px;
    margin:30px 0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0px 0px 5px #bbb;
    -moz-box-shadow:0px 0px 5px #bbb;
    box-shadow:0px 0px 5px #bbb;
}

#home-bottom {
    margin-bottom:0;
}
#home-bottom h4 {
    margin-bottom:10px;
}
#hb-left {
    width:40%;
    float:left;
    margin-top:30px;
}
#hb-right {
    width:48%;
    float:right;
    margin-bottom:0;
}
#hb-right blockquote {
    border:0;
    margin:0;
    padding:0;
    font-size:16px;
    color:#555;
    margin:10px 0;
}
#hb-right a.quoted {
    float:right;
}
#hb-right .double-quote {
    font-size:24px;
    font-weight:bold;
    margin:0 3px;
}

#hb-bot {background:#E0E3E8; border:1px solid #B8BDC7; padding:10px; margin:30px 0 10px 0; font-size:16px; line-height:57px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

#user-feedback {}
#user-feedback div {border-bottom:1px dashed #B8BDC7; padding-bottom:13px; margin-bottom:10px;}
#user-feedback div.last {border-bottom:0; padding-bottom:5px; margin-bottom:0;}
#user-feedback div p {margin:0;}
#user-feedback div span {display:block; float:right; margin-top:3px;}

#special-feature {background:#FEFF9F; border:1px solid #CECF74; padding:10px; margin-bottom:35px; font-size:16px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#special-feature a {font-weight:bold; border:0;}
a#twitter-follow {display:block; background:url(../images/twitter_32.png) no-repeat; height:32px; line-height:32px; padding-left:39px; border:0; font-weight:bold;}
/*table css*/

/* New CSS Added BY Akhi (14th jan 2013) */
/*** COMMON CLASSES ***/
.fl {float:left} .fr {float:right} .clr {clear:both; width:0; height:0; overflow:hidden} .strong {font-weight:bold} .reset {list-style:none} .centerAlign {text-align:center} .ovflhidden {overflow:hidden} .allcaps {text-transform:capitalize} .uppercase {text-transform:uppercase} .normal {font-weight:normal} .rightalign {text-align:right} .smlTxt {font-size:11px} .margBtm {margin-bottom:10px} .posrel {position:relative}

/* Font Face */
@font-face {font-family:'montserratregular'; src:url('../fontface/montserrat-regular-webfont.eot'); src:url('../fontface/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/montserrat-regular-webfont.woff') format('woff'), url('../fontface/montserrat-regular-webfont.ttf') format('truetype'), url('../fontface/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight:normal; font-style:normal;
}

@font-face {font-family:'montserratbold'; src:url('../fontface/montserrat-bold-webfont.eot'); src:url('../fontface/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/montserrat-bold-webfont.woff') format('woff'), url('../fontface/montserrat-bold-webfont.ttf') format('truetype'), url('../fontface/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'proxima_nova_alt_rgbold'; src:url('../fontface/proximanovaalt-bold-webfont.eot'); src:url('../fontface/proximanovaalt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/proximanovaalt-bold-webfont.woff') format('woff'), url('../fontface/proximanovaalt-bold-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-bold-webfont.svg#proxima_nova_alt_rgbold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'proxima_nova_alt_ltregular'; src:url('../fontface/proximanovaalt-light-webfont.eot'); src:url('../fontface/proximanovaalt-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fontface/proximanovaalt-light-webfont.woff') format('woff'), url('../fontface/proximanovaalt-light-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-light-webfont.svg#proxima_nova_alt_ltregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family:'proxima_nova_alt_rgregular'; src:url('../fontface/proximanovaalt-reg-webfont.eot'); src:url('../fontface/proximanovaalt-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/proximanovaalt-reg-webfont.woff') format('woff'), url('../fontface/proximanovaalt-reg-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-reg-webfont.svg#proxima_nova_alt_rgregular') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'proxima_nova_alt_thbold'; src:url('../fontface/proximanovaalt-xbold-webfont.eot'); src:url('../fontface/proximanovaalt-xbold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/proximanovaalt-xbold-webfont.woff') format('woff'), url('../fontface/proximanovaalt-xbold-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-xbold-webfont.svg#proxima_nova_alt_thbold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'droid_sansregular'; src:url('../fontface/droidsans-webfont.eot'); src:url('../fontface/droidsans-webfont.eot?#iefix') format('embedded-opentype'),        url('../fontface/droidsans-webfont.woff') format('woff'), url('../fontface/droidsans-webfont.ttf') format('truetype'), url('../fontface/droidsans-webfont.svg#droid_sansregular') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'proxima_nova_alt_ltbold'; src:url('../fontface/proximanovaalt-sbold-webfont.eot'); src:url('../fontface/proximanovaalt-sbold-webfont.eot?#iefix') format('embedded-opentype'),     url('../fontface/proximanovaalt-sbold-webfont.woff') format('woff'), url('../fontface/proximanovaalt-sbold-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-sbold-webfont.svg#proxima_nova_alt_ltbold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'droid_sansbold'; src:url('../fontface/droidsans-bold-webfont.eot'); src:url('../fontface/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fontface/droidsans-bold-webfont.woff') format('woff'), url('../fontface/droidsans-bold-webfont.ttf') format('truetype'), url('../fontface/droidsans-bold-webfont.svg#droid_sansbold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'proxima_nova_altthin'; src:url('../fontface/proximanovaalt-thin-webfont.eot'); src:url('../fontface/proximanovaalt-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/proximanovaalt-thin-webfont.woff') format('woff'), url('../fontface/proximanovaalt-thin-webfont.ttf') format('truetype'), url('../fontface/proximanovaalt-thin-webfont.svg#proxima_nova_altthin') format('svg'); font-weight:normal; font-style:normal;}

/* Top Form Sec */
.topform_sec {background:#3a4049 url(../images/topbg.png) 0 100% repeat-x; padding:30px 0}
.wrapper {width:1170px; margin:0 auto}

.close_icon {background:url(../images/close_icon.png) 0 0 no-repeat; display:block; height:26px; width:26px; border:none}

.form_title {font-family:proxima_nova_alt_ltregular; font-size:30px; color:#fff; text-transform:uppercase; margin:8px 30px 0 10px}
.emailbg {background:url(../images/inputbg_big.png) 0 0 no-repeat; width:314px; height:48px; margin-right:20px}
.emailbg input {background:none; border:none; color:#4b4b4b; font-size:14px; font-family:droid_sansregular; padding:12px 10px; margin:0; width:294px}
.pwdbgbg {background:url(../images/inputbg_sml.png) 0 0 no-repeat; width:252px; height:48px; margin-right:20px}
.pwdbgbg input {background:none; border:none; color:#4b4b4b; font-size:14px; font-family:droid_sansregular; padding:12px 10px; margin:0; width:232px}
.btnwid {width:86px; margin-right:25px}
a.fgtpwd {color:#1789ca; font-size:14px; border:none; display:inline-block; margin-top:14px}

/* button */
.button {background:url(../images/new_leftbtnsprite.png) 0 -520px no-repeat; height:52px; cursor:pointer; float:left; padding-left:7px}
.button input {background:url(../images/new_rightbtnsprite.png) 100% -520px no-repeat; height:52px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:14px; text-transform:uppercase; float:left; margin:0; font-family:montserratregular}
.button:hover {background:url(../images/new_leftbtnsprite.png) 0 -584px no-repeat}
.button:hover input {background:url(../images/new_rightbtnsprite.png) 100% -584px no-repeat}

.button4 {background:url(../images/new_leftbtnsprite.png) 0 -744px no-repeat; height:36px; cursor:pointer; float:left; padding-left:7px}
.button4 input {background:url(../images/new_rightbtnsprite.png) 100% -744px no-repeat; height:36px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:14px; text-transform:uppercase; float:left; margin:0; font-family:proxima_nova_alt_rgregular}
.button4:hover {background-position:0 -799px}
.button4:hover input {background-position:100% -799px}

.button_link {background:url(../images/new_leftbtnsprite.png) 0 -744px no-repeat; height:36px; cursor:pointer; float:left; padding-left:7px; display:block; color:#fff; font-size:14px}
.button_link span {background:url(../images/new_rightbtnsprite.png) 100% -744px no-repeat; height:36px; cursor:pointer; padding:0 7px 0 0; text-transform:uppercase; float:left; margin:0; font-family:proxima_nova_alt_rgregular; display:block; text-align:center; line-height:36px}
.button_link:hover {background:url(../images/new_leftbtnsprite.png) 0 -799px no-repeat; color:#fff}
.button_link:hover span {background:url(../images/new_rightbtnsprite.png) 100% -799px no-repeat; color:#fff}

.button_link1 {background:url(../images/new_leftbtnsprite.png) 0 -188px no-repeat; height:37px; cursor:pointer; float:left; padding-left:7px; display:block; color:#fff; font-size:14px}
.button_link1 span {background:url(../images/new_rightbtnsprite.png) 100% -188px no-repeat; height:37px; cursor:pointer; padding:0 5px 0 0; text-transform:uppercase; float:left; margin:0; font-family:proxima_nova_alt_rgregular; display:block; text-align:center; line-height:37px}
.button_link1:hover {background:url(../images/new_leftbtnsprite.png) 0 -238px no-repeat; color:#fff}
.button_link1:hover span {background:url(../images/new_rightbtnsprite.png) 100% -238px no-repeat; color:#fff}

.upgradebtn_price {background:url(../images/new_leftbtnsprite.png) 0 -848px no-repeat; height:37px; cursor:pointer; float:left; padding-left:7px; display:block; color:#fff; font-size:14px}
.upgradebtn_price span {background:url(../images/new_rightbtnsprite.png) 100% -848px no-repeat; height:37px; cursor:pointer; padding:0 7px 0 0; text-transform:uppercase; float:left; margin:0; font-family:proxima_nova_alt_rgregular; display:block; text-align:center; line-height:37px}
.upgradebtn_price:hover {background:url(../images/new_leftbtnsprite.png) 0 -902px no-repeat; color:#fff}
.upgradebtn_price:hover span {background:url(../images/new_rightbtnsprite.png) 100% -902px no-repeat; color:#fff}

.button2 {background:url(../images/new_leftbtnsprite.png) 0 -648px no-repeat; height:38px; cursor:pointer; float:left; padding-left:7px}
.button2 input {background:url(../images/new_rightbtnsprite.png) 100% -648px no-repeat; height:38px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:14px; text-transform:uppercase; float:left; margin:0; font-family:proxima_nova_alt_rgregular}
.button2:hover {background-position:0 -695px}
.button2:hover input {background-position:100% -695px}

.button3 {background:url(../images/new_leftbtnsprite.png) 0 -288px no-repeat; height:46px; cursor:pointer; float:left; padding-left:5px}
.button3 input {background:url(../images/new_rightbtnsprite.png) 100% -288px no-repeat; height:46px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:14px; text-transform:uppercase; float:left; margin:0; font-family:montserratregular}
.button3:hover {background-position:0 -347px}
.button3:hover input {background-position:100% -347px}

.button_link2 {background:url(../images/btn_leftbg.png) 0 -306px no-repeat; height:39px; cursor:pointer; float:left; padding-left:5px; display:block; font-family:montserratregular; color:#7d8590; font-size:14px}
.button_link2 a {background:url(../images/btn_rightbg.png) 100% -306px no-repeat; height:39px; cursor:pointer; padding:0 5px 0 0; text-transform:uppercase; float:left; margin:0; font-family:montserratregular; display:block; text-align:center; line-height:39px; color:#7d8590; text-shadow:0 1px 1px #fff}

.button_red {background:url(../images/new_leftbtnsprite.png) 0 -1088px no-repeat; height:38px; cursor:pointer; float:left; padding-left:5px}
.button_red input {background:url(../images/new_rightbtnsprite.png) 100% -1088px no-repeat; height:38px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:13px; float:left; margin:0; font-family:montserratbold; text-shadow:0 1px 1px #f05b40; margin:0}
.button_red:hover {background-position:0 -1138px}
.button_red:hover input {background-position:100% -1138px}

.button_inv {background:url(../images/new_leftbtnsprite.png) 0 -1372px no-repeat; height:39px; cursor:pointer; float:left; padding-left:5px}
.button_inv input {background:url(../images/new_rightbtnsprite.png) 100% -1372px no-repeat; height:39px; border:none; cursor:pointer; padding:0 5px 0 0; color:#7d8590; font-size:14px; float:left; margin:0; font-family:montserratregular; text-shadow:0 1px 1px #fff}
.button_inv:hover {background-position:0 -1421px}
.button_inv:hover input {background-position:100% -1421px}

.button_linkred {background:url(../images/new_leftbtnsprite.png) 0 -1088px no-repeat; height:38px; cursor:pointer; float:left; padding-left:5px; display:block; font-family:montserratbold; color:#7d8590; font-size:13px}
.button_linkred a {background:url(../images/new_rightbtnsprite.png) 100% -1088px no-repeat; height:38px; cursor:pointer; padding:0 5px 0 0; text-transform:capitalize; float:left; margin:0; font-family:montserratregular; display:block; text-align:center; line-height:38px; color:#fff; text-shadow:0 1px 1px #f05b40}
.button_linkred:hover {background-position:0 -1138px}
.button_linkred:hover a {background-position:100% -1138px}

.dashboard_savebtn {background:url(../images/new_leftbtnsprite.png) 0 -1470px no-repeat; padding-left:7px; cursor:pointer; height:41px; float:left}
.dashboard_savebtn input {background:url(../images/new_rightbtnsprite.png) 100% -1470px no-repeat; padding:0 7px 0 0; cursor:pointer; height:41px; border:none; font-size:13px; color:#fff; text-shadow:0 1px 1px #1e2227; font-family:montserratbold; float:left}
.dashboard_savebtn:hover {background-position:0 -1521px}
.dashboard_savebtn:hover input {background-position:100% -1521px}

.content_topbg {background:#eff0f1; position:relative; width:100%; padding-top:90px}
.content_topbg.homepage_header {background:#eff0f1 url(../images/content_topbg.gif) 0 0 repeat-x; padding-top:15px}

.title_samp {font-family:proxima_nova_alt_thbold; font-size:36px; font-weight:bold; color:#fefeff; margin-bottom:15px; line-height:36px; font-weight:normal}
.title_samp span {font-family:proxima_nova_alt_ltregular; color:#fefeff !important; font-size:36px !important}
.sub_title {background:url(../images/line_bg.png) center center no-repeat; color:#c6ced9; font-size:18px; font-family:proxima_nova_alt_ltregular; text-align:center; margin-bottom:34px; font-weight:normal}

.slides_container {position:relative; width:100%}
.takeatour {background:url(../images/takeatour_btn.png) 0 0 no-repeat; width:371px; height:62px; position:absolute; bottom:-3px; left:400px}
.takeatour a {display:inline-block; height:62px; width:166px}
.takeatour a.free_signup {margin-right:35px}

.cont_title {font-size:24px; font-weight:normal; font-family:proxima_nova_alt_rgbold; margin-bottom:15px; color:#3f4650; font-weight:normal}
.track-your-time .cont_title {margin-top:10px}
.cont_title span {font-family:proxima_nova_alt_ltregular}
.contsub_title {background:url(../images/line_bg1.png) 0 center no-repeat; color:#7d8590; font-size:16px; font-family:proxima_nova_alt_ltregular; text-align:center; margin-bottom:60px}

.clientsec {margin-bottom:50px}
ul.client_logolist {padding:0}
ul.client_logolist li {float:left; margin:0 14px}
ul.client_logolist li td {height:65px; vertical-align:middle}

/* Newsletter Block */
.newsletter {width:200px; padding:5px 20px 5px 0; margin-right:20px; border-right:1px solid #434c58} 
.newsletter span {background:url(../images/newsletter_icon.png) 0 0 no-repeat; padding-left:39px; height:32px; line-height:40px; color:#fff; font-size:18px; display:block; font-family:proxima_nova_alt_rgbold}

.newsletter_text {width:225px; color:#fff; font-family:droid_sansregular; font-size:13px; margin-right:25px}
.newsletter_form {width:570px}
.newsletter_form .inputbg {background:url(../images/inputbg_sml1.png) 0 0 no-repeat; width:212px; height:38px; margin-right:15px}
.newsletter_form .inputbg input {background:none; border:none; font-size:12px; color:#4b4b4b; font-family:droid_sansregular; padding:9px 10px; width:192px; margin:0}

.footertop {background:#3f4650; padding:50px 0}
.qiucklink_sec {width:368px; margin-right:30px}
.footertop h3 {color:#e1e5eb; font-size:18px; margin-bottom:20px; font-family:proxima_nova_alt_rgbold; font-weight:normal}
.qiucklinkcol {width:160px; margin:0 20px 20px 0}

ul.quick_link {padding:0}
ul.quick_link li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #434c58; color:#9aa2af}
ul.quick_link li a {color:#9aa2af; font-size:13px; font-family:droid_sansregular; background:url(../images/arrw.png) 0 4px no-repeat; padding-left:15px}
ul.quick_link li a:hover {text-decoration:underline}

.latest_updateblock {width:370px; margin-right:30px}
.arw_divide {background:url(../images/arrw.png) 0 7px no-repeat; display:inline-block; margin:0 5px}
.bredcrumb_ltst {margin-bottom:15px}
.bredcrumb_ltst a {color:#2b9ad9; font-family:droid_sansregular; font-size:13px; font-weight:bold; display:inline-block; line-height:normal}
.updt_condtxt {font:normal 13px droid_sansregular; color:#9aa2af; margin-bottom:20px}

.latest_tweets {width:370px}
ul.tweet_link {padding:0}
ul.tweet_link li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #434c58; color:#9aa2af; font:normal 13px droid_sansregular; line-height:20px}
ul.tweet_link li.last {border:none}
ul.tweet_link li span {color:#2b9ad9}
ul.tweet_link li a {color:#c1c5cc}
ul.tweet_link li a:hover {text-decoration:underline}

.socialsec h3 {margin-top:7px}
.social_iconblock {border-left:1px solid #434c58; margin-left:20px; padding:5px 0 5px 20px}
.social_icon {width:85px; height:25px}
.social_icon a {display:block; width:26px; height:25px; float:left; background:url(../images/social_icon.png) 0 0 no-repeat}
.social_icon a.fb {background-position:0 0; margin-right:4px}
.social_icon a.tweet {background-position:-30px 0; margin-right:3px; width:25px}
.social_icon a.rss {background-position:-58px 0; margin:0; width:25px}

/* SignUp */
.signup_top {margin-bottom:20px}
.title_txt {font-size:21px; color:#697586; margin:8px 0 0 10px; font-family:proxima_nova_alt_rgregular; font-weight:normal}

.signup_form {margin-bottom:20px}
.emailbg_signup {background:url(../images/inputbg_vbig.png) 0 0 no-repeat; height:48px; width:374px; margin-right:20px; margin-left:10px}
.emailbg_signup input {background:none; border:none; color:#4b4b4b; font-size:14px; font-family:droid_sansregular; padding:11px 10px; margin:0; width:348px}
.signup_emailbg {width:374px; margin-right:20px; margin-left:10px}
.signup_emailbg input {background:#fff; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#818181; font-size:13px; font-family:droid_sansregular; padding:8px 10px; margin:0; width:348px}
.login_emailbg{width:370px; margin:0 0 20px 0}
.login_emailbg input {background:#fff; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#818181; font-size:13px; font-family:droid_sansregular; padding:8px 10px; margin:0; width:348px}
.login_emailbg input.error {background:#fff; border:1px solid #f15b40; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 4px #fdebe7; -webkit-box-shadow:0 0 4px #fdebe7; -o-box-shadow:0 0 4px #fdebe7; box-shadow:0 0 4px #fdebe7; color:#818181; font-size:14px; font-family:droid_sansregular; padding:8px 10px; margin:0; width:348px}

.login_pwdsec{width:370px; margin:0 0 20px 0}

/* For Checkbox */
.login_pwdsec .custom-checkbox {position: relative}
.login_pwdsec .custom-checkbox input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
.login_pwdsec .custom-checkbox label {position: relative; z-index: 1;  margin: 0; cursor:pointer; padding-left:24px; padding-right:5px}
.login_pwdsec .custom-checkbox label {background:url(../images/checkboxbg.gif) 0 2px no-repeat; color:#bebebe; font-size:13px; font-family:droid_sansregular; font-weight:normal}

.login_pwdsec .custom-checkbox label.checked {background:url(../images/checkboxbg.gif) 0 -42px no-repeat}
.login_pwdsec a.forgotpwd {color:#bebebe; font-size:13px; font-family:droid_sansregular; font-weight:normal}
a.link_backtxt {display:inline-block; margin-top:10px;color:#BEBEBE !important;}
.reg_form #login-form {width:auto}
.reg_form .text_right {text-align:right; margin-right:10px}

.simple_track {width:290px; margin:0 20px 0 10px}
.timebg {background:url(../images/icon_sprite.png) 0 0 no-repeat; width:33px; height:33px; margin-right:12px}
.trackdesc {width:238px; font-family:proxima_nova_alt_rgregular; color:#49515d; font-size:14px}
.trackdesc p {margin:0}
p.titletxt {color:#7f8ea4}

.invoice {width:282px; margin:0 20px 0 0}
.invoicebg {background:url(../images/icon_sprite.png) 0 -73px no-repeat; width:31px; height:30px; margin-right:12px}

.reportbg {background:url(../images/icon_sprite.png) 0 -145px no-repeat; width:31px; height:33px; margin-right:12px}

.iphoneblock {width:245px}
.iphonebg {background:url(../images/icon_sprite.png) 0 -221px no-repeat; width:27px; height:39px; margin-right:12px}
.iphonedesc {width:206px; font-family:proxima_nova_alt_rgregular; color:#49515d; font-size:14px}
.iphonedesc p {margin:0}

.inner_contener {background:#fff; width:100%; min-width:400px; padding:20px 0 0; margin-top:10px}
.reg_form {width:382px; margin:0 auto; padding-top:40px; min-height:400px}
.reg_form a {color:#1789CA}
.reg_form a:hover {text-decoration:underline}
.reg_form .signup_emailbg {margin:0 0 20px 0}
.reg_form label {display:inline-block; margin-bottom:4px; color:#3F4650}

/* Dashboard Page */
.maintitlebg {background:#eff0f2; height:81px}
.maintitlebg .page_title {margin:0; line-height:80px}
.page_title {font-size:21px; font-weight:normal; font-family:proxima_nova_alt_thbold; color:#3f4650; font-weight:normal; margin:0 0 25px; line-height:21px}
.inpage_contener {background:#fff; min-height:740px; padding:30px 0 0; position:relative}
.inpage_contener .change-template {top:30px}

.dashboard_menusec {padding:0 30px; margin-bottom:30px; background:#fff}
/*.fixed {position:fixed; top:0; left:0; right:0; z-index:1000; padding-top:20px; border-bottom:1px solid #f0f0f0; padding-bottom:35px}
.dashboard_menusec.fixed ul.dashboard_menu {width:1010px; margin:0 auto}*/

ul.dashboard_menu{
      height: 36px;
        padding: 0;
}
ul.dashboard_menu li {
  float: left;
  width: 46%;
  height: 36px;
  text-align: center;
  padding: 0;
  position: relative;
  background-color: rgb(242, 243, 244);
  border-radius: 2px;
}
ul.dashboard_menu li#settings {margin-left:-1px}
ul.dashboard_menu li#payment {margin-left:-1px}
ul.dashboard_menu li#clients {margin-left:-1px}
ul.dashboard_menu li#projects {margin-left:-1px}
ul.dashboard_menu li#tasks {margin-left:-1px}
ul.dashboard_menu li#thankyou {margin-left:-1px}
ul.dashboard_menu li a {display:block; color:#6f7d8f; height:74px; padding:12px 22px 0; text-transform:capitalize; font-size:12px; font-family:proxima_nova_alt_rgregular; line-height:normal}
ul.dashboard_menu li a span {display:block; margin:0 auto}
ul.dashboard_menu li a span.video_guide,ul.dashboard_menu li a span.pers_info,ul.dashboard_menu li a span.payment_terms,ul.dashboard_menu li a span.first_client,ul.dashboard_menu li a span.add_project,ul.dashboard_menu li a span.add_task,ul.dashboard_menu li a span.thankyou {background:url(../images/dashboard_menuicn.png) 0 0 no-repeat}
ul.dashboard_menu li a span.video_guide {height:23px; width:22px; margin-bottom:15px}
ul.dashboard_menu li a span.pers_info {background-position:0 -48px; width:24px; height:24px; margin-bottom:10px}
ul.dashboard_menu li a span.payment_terms {background-position:0 -99px; width:27px; height:20px; margin-bottom:13px}
ul.dashboard_menu li a span.first_client {background-position:0 -152px; width:31px; height:24px; margin-bottom:8px}
ul.dashboard_menu li a span.add_project {background-position:0 -208px; width:32px; height:24px; margin-bottom:14px}
ul.dashboard_menu li a span.add_task {background-position:0 -270px; width:27px; height:29px; margin-bottom:10px}
ul.dashboard_menu li a span.thankyou {background-position:0 -330px; width:27px; height:20px; margin-bottom:19px}
ul.dashboard_menu li:hover,ul.dashboard_menu li.active {
     z-index: 1;
  background-color: rgb(253, 114, 70);
}
ul.dashboard_menu li:hover a,ul.dashboard_menu li.active a {color:#fff; text-shadow:1px -1px 1px #be4933}
ul.dashboard_menu li:hover span.video_guide,ul.dashboard_menu li.active span.video_guide {background-position: -63px 0}
ul.dashboard_menu li:hover span.pers_info,ul.dashboard_menu li.active span.pers_info {background-position: -63px -49px}
ul.dashboard_menu li:hover span.payment_terms,ul.dashboard_menu li.active span.payment_terms {background-position: -63px -100px}
ul.dashboard_menu li:hover span.first_client,ul.dashboard_menu li.active span.first_client {background-position: -63px -152px}
ul.dashboard_menu li:hover span.add_project,ul.dashboard_menu li.active span.add_project {background-position: -71px -209px}
ul.dashboard_menu li:hover span.add_task,ul.dashboard_menu li.active span.add_task {background-position: -65px -270px}
ul.dashboard_menu li:hover span.thankyou,ul.dashboard_menu li.active span.thankyou {background-position: -63px -330px}



.left_col {width:100%/*820px*/}
        
.right_col {width:285px; background:url(../images/leftcolbg.png) 0 0 no-repeat; padding-left:25px}

.title1 {font-size:21px; font-weight:normal; font-family:proxima_nova_alt_thbold; color:#3f4650; font-weight:normal; margin:0 0 10px; line-height:21px}
.feat_title {font-size:24px; font-weight:normal; font-family:proxima_nova_alt_thbold; color:#3f4650; font-weight:normal; margin:0 0 10px}

.allcont_title {font-size:21px; font-weight:normal; font-family:proxima_nova_alt_thbold; color:#3f4650; font-weight:normal; margin:0 0 10px; border-bottom:1px solid #eff0f1; padding-bottom:10px; text-shadow:none}
.allcont_subtxt {font-family:proxima_nova_alt_ltregular; font-size:14px; margin-bottom:30px; color:#818181}

.video_subtxt {font-family:proxima_nova_alt_ltregular; font-size:18px; margin-bottom:30px; line-height:18px}

.video_sec {width:652px; margin:0 auto}
.pageslide {position:relative; min-height:375px; -webkit-user-select:none; -moz-user-select:none; user-select:none}
.prev_arrw,.next_arrw {background:url(../images/nextprev_btn.png) 0 0 no-repeat; width:105px; height:39px; position:absolute; bottom:0; display:block; z-index:100}
.prev_arrw {left:0}
.prev_arrw:hover {background-position:0 -42px}
.next_arrw {right:0; background-position:-126px 0; width:79px}
.next_arrw:hover {background-position:-126px -42px}

.prev_arrw.prev_arrwfixed,.next_arrw.next_arrwfixed {bottom:0; display:block; z-index:100}

/* Nav Menu */
ul.topnav {float:right; margin:0 0 30px; padding:0}
ul.topnav li {float:left; padding:0 0 0 5px}
ul.topnav li a {float:left; display:block; color:#fff; font-family:montserratregular; font-size:13px; border:none; height:36px; line-height:36px; text-transform:uppercase; padding:0 20px 0 15px}
ul.topnav li.logout {padding-right:0}
ul.topnav li.logout a {background:url(../images/logout_btn.png) 0 0 no-repeat; width:38px; padding:0}
ul.topnav li:hover,ul.topnav li.active {background:url(../images/menu_leftbg.png) 0 0 no-repeat}
ul.topnav li:hover a,ul.topnav li.active a {background:url(../images/menu_rightbg.png) 100% 0 no-repeat}
ul.topnav li.logout:hover {background:none}
ul.topnav li.logout:hover a {background:url(../images/logout_btn.png) 0 0 no-repeat}

/* Slide content */
ul.cont_slide {padding:0; position:relative; width:1018px; overflow:hidden;}
ul.cont_slide li {width:1012px; padding:0; position:absolute; left:0px; top:0}
ul.cont_slide li.active-li {z-index:10}
ul.cont_slide li .feat_subtxt {margin-bottom:30px; color:#7d8590; font-family:droid_sansregular; font-size:13px}
ul.cont_slide li ul.feat_list {padding:0; margin:0}
ul.cont_slide li ul.feat_list li {background:url(../images/list_arrw.png) 0 6px no-repeat; padding-left:25px; margin-bottom:20px; width:auto; color:#7d8590; font-family:droid_sansregular; font-size:13px; position:relative}

/* For Slide Effect */
/* Video Guide */
.pageslide .video_guide {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.pageslide .animate_colL {position:absolute; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all 1000ms cubic-bezier(0.25, 0, 0.25, 1);-moz-transition:all 1000ms cubic-bezier(0.25, 0, 0.25, 1);-o-transition:all 1000ms cubic-bezier(0.25, 0, 0.25, 1);transition:all 1000ms cubic-bezier(0.25, 0, 0.25, 1);-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .pageslide .video_sec {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
.video_guide .video_sec {left:200px;top:0; height:401px; width:651px}
.persinfo_scene .video_guide .video_sec,.payment_scene .video_guide .video_sec,.firstcl_scene .video_guide .video_sec,.addproj_scene .video_guide .video_sec,.addtask_scene .video_guide .video_sec,.thanku_scene .video_guide .video_sec{-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .persinfo_scene .video_guide .video_sec,.ie .payment_scene .video_guide .video_sec,.ie .firstcl_scene .video_guide .video_sec,.ie .addproj_scene .video_guide .video_sec,.ie .addtask_scene .video_guide .video_sec,.ie .thanku_scene .video_guide .video_sec,.ie .converter_scene .video_guide .video_sec,.ie .defaultinvo_scene .video_guide .video_sec {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.videosec_scene .video_guide .video_sec {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .videosec_scene .video_guide .video_sec {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.videosec_scene .video_guide .video_sec {-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}

/* Personal info */
.pageslide .personal_info {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.personal_info .pers_info {-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .personal_info .pers_info {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.persinfo_scene .personal_info .pers_info {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .persinfo_scene .personal_info .pers_info {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.videosec_scene .personal_info .pers_info {-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .personal_info .pers_info {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
.persinfo_scene .personal_info .pers_info {-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}

/* Payment sec */
.pageslide .payment_term {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.payment_term .payment_slide{top:0;left:0;height:auto;width:auto}
.payment_scene .payment_term .payment_slide {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .payment_scene .payment_term .payment_slide {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.payment_scene .payment_term .payment_slide {-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.firstcl_scene .payment_term .payment_slide,.addtask_scene .payment_term .payment_slide,.thanku_scene .payment_term .payment_slide,.converter_scene .payment_term .payment_slide,.defaultinvo_scene .payment_term .payment_slide {-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .firstcl_scene .payment_term .payment_slide,.ie .addtask_scene .payment_term .payment_slide,.ie .thanku_scene .payment_term .payment_slide,.ie .converter_scene .payment_term .payment_slide,.ie .defaultinvo_scene .payment_term .payment_slide {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.addproj_scene .payment_term .payment_slide {-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .addproj_scene .payment_term .payment_slide {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.videosec_scene .payment_term .payment_slide,.persinfo_scene .payment_term .payment_slide {-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .payment_term .payment_slide,.ie .persinfo_scene .payment_term .payment_slide {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}

/* Add First Client */
.pageslide .add_firstclient {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.firstcl_scene .add_firstclient .firstclient_col{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .firstcl_scene .add_firstclient .firstclient_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.addproj_scene .add_firstclient .firstclient_col,.addtask_scene .add_firstclient .firstclient_col,.thanku_scene .add_firstclient .firstclient_col,.converter_scene .add_firstclient .firstclient_col,.defaultinvo_scene .add_firstclient .firstclient_col{-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .addproj_scene .add_firstclient .firstclient_col,.ie .addtask_scene .add_firstclient .firstclient_col,.ie .thanku_scene .add_firstclient .firstclient_col,.ie .converter_scene .add_firstclient .firstclient_col,.ie .defaultinvo_scene .add_firstclient .firstclient_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.videosec_scene .add_firstclient .firstclient_col,.payment_scene .add_firstclient .firstclient_col,.persinfo_scene .add_firstclient .firstclient_col,.payment_scene .add_firstclient .firstclient_col{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .add_firstclient .firstclient_col,.ie .payment_scene .add_firstclient .firstclient_col,.ie .persinfo_scene .add_firstclient .firstclient_col,.ie .payment_scene .add_firstclient .firstclient_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
.add_firstclient .firstclient_col {width:100%}

ul.cont_slide li ul#addfirstclienform li label.error {background:#ff0000; color:#fff; height:25px; width:206px; line-height:25px; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:0 10px; position:absolute; right:-12px; top:30px; z-index:1000;text-align:center;}

/*
 error message
 328px
*/
div.firstclientcountry_div label {right: -20px !important;width: 198px !important;}
div.statediv label {right: -10px !important;width: 170px !important;  font-size: 12px !important}
div.citydiv label {right: -12px !important;width: 198px !important;}
div.postalcodediv label {right: -11px !important;width: 171px !important; font-size: 12px !important}  
div.addressdiv label {right: -12px !important;width: 206px !important; top:64px !important;}
div.mobilediv label {right: -12px !important;width: 198px !important;}
div.phonediv label {right: -12px !important;width: 198px !important;}
div.faxdiv label {right: 1px !important;width: 171px !important; font-size: 12px !important}


/* Add Project */
.pageslide .add_project {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.add_project .project_col{left:0;top:0; height:auto; width:100%}
.addproj_scene .add_project .project_col{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .addproj_scene .add_project .project_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.addproj_scene .add_project .project_col{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.addtask_scene .add_project .project_col,.defaultinvo_scene .add_project .project_col,.thanku_scene .add_project .project_col,.converter_scene .add_project .project_col {-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .addtask_scene .add_project .project_col,.ie .defaultinvo_scene .add_project .project_col,.ie .thanku_scene .add_project .project_col,.ie .converter_scene .add_project .project_col {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.videosec_scene .add_project .project_col,.firstcl_scene .add_project .project_col,.persinfo_scene .add_project .project_col,.payment_scene .add_project .project_col,.firstcl_scene .add_project .project_col{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .add_project .project_col,.ie .firstcl_scene .add_project .project_col,.ie .persinfo_scene .add_project .project_col,.ie .payment_scene .add_project .project_col,.ie .firstcl_scene .add_project .project_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}

/* Add Task */
.pageslide .add_task {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.add_task .taskslide{left:0;top:0; height:auto; width:100%}
.addtask_scene .add_task .taskslide{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .addtask_scene .add_task .taskslide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.addtask_scene .add_task .taskslide{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.thanku_scene .add_task .taskslide {-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .thanku_scene .add_task .taskslide {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.videosec_scene .add_task .taskslide,.addproj_scene .add_task .taskslide,.persinfo_scene .add_task .taskslide,.payment_scene .add_task .taskslide,.firstcl_scene .add_task .taskslide,.addproj_scene .add_task .taskslide{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .add_task .taskslide,.ie .addproj_scene .add_task .taskslide,.ie .persinfo_scene .add_task .taskslide,.ie .payment_scene .add_task .taskslide,.ie .firstcl_scene .add_task .taskslide,.ie .addproj_scene .add_task .taskslide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}

/* Thank You */
.pageslide .thanks_li {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.thanks_li .thankscol{left:0; top:0; height:auto; width:auto}
.thanku_scene .thanks_li .thankscol{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .thanku_scene .thanks_li .thankscol{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.thanku_scene .thanks_li .thankscol{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.videosec_scene .thanks_li .thankscol,.addtask_scene .thanks_li .thankscol,.persinfo_scene .thanks_li .thankscol,.payment_scene .thanks_li .thankscol,.firstcl_scene .thanks_li .thankscol,.addproj_scene .thanks_li .thankscol,.addtask_scene .thanks_li .thankscol{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .videosec_scene .thanks_li .thankscol,.ie .addtask_scene .thanks_li .thankscol,.ie .persinfo_scene .thanks_li .thankscol,.ie .payment_scene .thanks_li .thankscol,.ie .firstcl_scene .thanks_li .thankscol,.ie .addproj_scene .thanks_li .thankscol,.ie .addtask_scene .thanks_li .thankscol{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}

/* Form */
ul.cont_slide li ul.form {padding:0; position:relative}
ul.cont_slide li ul.form li,ul.cont_slide li ul.form_radio li {float:left; clear:both; width:100%; margin-bottom:30px; position:relative}
ul.cont_slide li ul.form li label {float:left; display:block; width:150px; color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold; text-align:right; margin:5px 20px 0 0; font-weight:normal; line-height:normal}
ul.cont_slide li ul.form li .inputbg {background:url(../images/inputbgvbig.png) 0 0 no-repeat; width:840px; height:34px;}
ul.cont_slide li ul.form li .inputbg2 {background:url(../images/inputboxsml.png) 0 0 no-repeat; width:300px; height:34px;vertical-align:bottom;}
ul.cont_slide li ul.form li .inputbg input {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:820px; position:relative; z-index:1}
ul.cont_slide li ul.form li .inputbg2 input {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:820px; position:relative; z-index:1}
ul.cont_slide li ul.form li .clientformbg {background:url(../images/inputsmlclientbg.png) 0 0 no-repeat; width:522px; height:34px}
ul.cont_slide li ul.form li .clientformbg input {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:502px; position:relative; z-index:1}
ul.cont_slide li ul.form li .inputbg.readonlybox {background:url(../images/inputfieldbg_inactive.png) 0 0 no-repeat}
ul.cont_slide li ul.form li .inputbg.readonlybox_persinfo {background:url(../images/persinfoinput_inactive.png) 0 0 no-repeat}
ul.cont_slide li ul.form li label.pay_label {color:#3f4650}
ul.cont_slide li ul.form li .pay_term {margin:5px 6px 0 0}
ul.cont_slide li ul.form li .pay_term label {width:auto; margin:0; text-align:left}
ul.cont_slide li ul.form li .textareabg {background:url(../images/textareabg.png) 0 0 no-repeat; width:550px; height:68px}
ul.cont_slide li ul.form li .textareabg textarea {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:530px; height:54px; overflow:auto; overflow-x:hidden}
ul.cont_slide li ul.form li .textareabg_client {background:url(../images/textareabg_client.png) 0 0 no-repeat; width:522px; height:68px;resize:none;}
ul.cont_slide li ul.form li .textareabg_client textarea {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:502px; height:54px; overflow:auto; overflow-x:hidden;resize:none;}
ul.cont_slide li ul.form li .inputbg_sml {background:url(../images/inputfieldbg_sml.png) 0 0 no-repeat; width:233px; height:34px}
ul.cont_slide li ul.form li .inputbg_sml input {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:213px}
ul.cont_slide li ul.form li label.label_wid {width:56px}
ul.cont_slide li ul.form li .phonesec {margin-bottom:30px}
ul.cont_slide li ul.form li .cross_icon {background:url(../images/closeicon_sml.png) 0 0 no-repeat; width:17px; height:17px; position:absolute; right:14px; top:8px; display:inline-block; z-index:100}


ul.cont_slide li ul.form_radio {margin-left:70px; padding:20px 0 0}
ul.cont_slide li ul.form_radio label {display:inline-block; color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold; margin:3px 28px 0 0; font-weight:normal; width:auto}
ul.cont_slide li ul.form li label.error {background:#ff0000; color:#fff; height:25px; width:206px; line-height:25px; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:0 10px; position:absolute; right:-20px; top:30px; z-index:1000;text-align:center;}

ul.invoice_style li label.error {background:#ff0000; color:#fff; height:25px; width:206px; line-height:25px; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:0 10px; position:absolute; right:294px; top:6px; z-index:100;text-align:center;}
ul.invoice_style li {position:relative}

.da-form-row .da-form-item,.da-form-row .da-form-msg {position:relative}
.da-form-row .da-form-item label.error,.da-form-row .da-form-msg label.error {background:#ff0000; color:#fff; height:25px; width:206px; line-height:25px; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:0 10px; position:absolute; right:3px; top:6px; z-index:100;text-align:center;}


ul.cont_slide li ul.form li .inputbglarge {background:url(../images/inputbgvbig.png) 0 0 no-repeat; width:840px; height:35px}
ul.cont_slide li ul.form li .inputbglarge input {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:8px 10px; margin:0; width:820px; position:relative; z-index:1}
ul.cont_slide li ul.form li .textareabglarge {background:url(../images/textareabg_vbig.png) 0 0 no-repeat; width:840px; height:84px}
ul.cont_slide li ul.form li .textareabglarge textarea {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:820px; height:70px; overflow:auto; overflow-x:hidden;resize:none;}

/* For Selectbox */
ul.cont_slide li ul.form li .jquery-selectbox.selecthover {z-index:700}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:34px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:12px; padding-left:5px; color:#818181}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:34px; color:#818181; text-align:left; padding-left:10px; height:34px}

ul.cont_slide li ul.form li .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectbox_vbig.png) 0 0 no-repeat; height:34px; width:840px; float:left; font-family:droid_sansregular}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.cont_slide li ul.form li .jquery-selectbox .jquery-selectbox-list {width:830px; top:34px; left:5px; font-family:droid_sansregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Checkbox */
ul.cont_slide li ul.form li .pay_term .custom-checkbox,ul.cont_slide li ul.form_radio li .custom-radio,.invoice_grid .prev_check .custom-checkbox,.invoice_grid .prev_check .custom-radio{position: relative}
ul.cont_slide li ul.form li .pay_term .custom-checkbox input,ul.cont_slide li ul.form_radio li .custom-radio input,.invoice_grid .prev_check .custom-checkbox input,.invoice_grid .prev_check .custom-radio input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
ul.cont_slide li ul.form li .pay_term .custom-checkbox label,ul.cont_slide li ul.form_radio li .custom-radio label,.invoice_grid .prev_check .custom-checkbox label,.invoice_grid .prev_check .custom-radio label {position: relative; z-index: 1;  margin: 0; cursor:pointer; padding-left:24px; padding-right:5px}
ul.cont_slide li ul.form li .pay_term .custom-checkbox label,.invoice_grid .prev_check .custom-checkbox label,.invoice_grid .prev_check .custom-radio label {background:url(../images/custome_checkbox.png) 0 2px no-repeat}
ul.cont_slide li ul.form li .pay_term .custom-checkbox label.checked,.invoice_grid .prev_check .custom-checkbox label.checked,.invoice_grid .prev_check .custom-radio label.checked {background:url(../images/custome_checkbox.png) 0 -59px no-repeat}

ul.cont_slide li ul.form_radio li .custom-radio label {background:url(../images/radio_button.png) 0 2px no-repeat}
ul.cont_slide li ul.form_radio li .custom-radio label.checked {background:url(../images/radio_button.png) 0 -58px no-repeat}
.invoice_grid .prev_check .custom-radio label {background-position:0 0}
.invoice_grid .prev_check .custom-radio label.checked {background-position:0 -61px}

/* Transition */
.personal_info .animate_colL{/*opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate(0, 0);z-index:3*/}
.animate_colL {position:relative; left:0}

.personal_info .animate_colR {/*-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate(0px, 0);*/}
.animate_colR {position:relative}

/* Contact Us */
.contact_pagebg {background:url(../images/cont_pagebg.jpg) center top no-repeat; min-height:528px; padding-top:30px}
.cont_formbg {background:url(../images/cont_formbg.png) 0 0 no-repeat; width:820px; height:547px; margin:0 auto 60px}
.cont_formsec {padding:55px}
h2.contact_title {font-family:proxima_nova_alt_rgbold; color:#3f4650; font-size:24px; margin-bottom:10px; font-weight:normal}
.cont_subtitle {font-family:proxima_nova_alt_ltregular; font-size:16px; color:#7d8590; margin-bottom:15px}

.cont_col {width:350px}
.cont_toppad {padding-top:20px}
.colpad {padding:10px 0 0}
.da-form-row {margin-bottom:12px}
.da-form-row label {color:#7d8590; font-family:montserratregular; font-size:14px; display:inline-block; margin-bottom:8px; font-weight:normal}
.da-form-row label span {color:#da1b10}
.da-form-row .da-form-item {background:url(../images/cont_inputbg.png) 0 0 no-repeat; width:331px; height:42px}
.da-form-row .da-form-item input {background:none; border:none; padding:10px; color:#7d8590; font-family:montserratregular; font-size:14px; width:311px; font-weight:normal}
.da-form-row .da-form-msg {background:url(../images/cont_textareabg.png) 0 0 no-repeat; width:331px; height:112px}
.da-form-row .da-form-msg textarea {background:none; border:none; padding:10px; color:#7d8590; font-family:montserratregular; font-size:14px; width:311px; height:92px; font-weight:normal; resize:none}
.cont_button {background:url(../images/submit_btn.png) 0 0 no-repeat; width:330px; height:42px; border:none; cursor:pointer}

.cont_social {height:25px; width:141px}
.cont_social a {display:block; float:left; width:25px; height:25px; margin-right:4px; background:url(../images/social_icon1.png) 0 0 no-repeat}
.cont_social a.fb {background-position:0 0; width:26px; margin-right:3px}
.cont_social a.in {background-position:-30px 0}
.cont_social a.google {background-position:-58px 0}
.cont_social a.twit {background-position:-87px 0}
.cont_social a.flickr {background-position:-116px 0; margin:0}
.cont_social a.fb:hover {background-position:0 -25px}
.cont_social a.in:hover {background-position:-30px -25px}
.cont_social a.google:hover {background-position:-58px -25px}
.cont_social a.twit:hover {background-position:-87px -25px}
.cont_social a.flickr:hover {background-position:-116px -25px; margin:0}

/* Take a Tour */
.tour_midgradbg {background:url(../images/tour_gradbg.gif) 0 100% repeat-x; padding-bottom:40px; margin-bottom:30px}
.video_shadow {background:url(../images/video_shadowbg.png) 0 100% no-repeat; margin:0 auto; padding:30px; width:649px}

.tourlist_grid {width:898px; margin:0 auto}
ul.tour_list {padding:0}
ul.tour_list li {float:left; width:385px; margin:0 30px 30px}
ul.tour_list li .time_icon,ul.tour_list li .interface_icon,ul.tour_list li .report_icon,ul.tour_list li .invoice_icon,ul.tour_list li .intgr_icon,ul.tour_list li .iphone_icon {background:url(../images/tour_iconbg.png) 0 0 no-repeat; width:48px; height:48px; margin-right:20px}
ul.tour_list li .interface_icon {background-position:-66px 0}
ul.tour_list li .report_icon {background-position:0 -130px}
ul.tour_list li .invoice_icon {background-position:-66px -130px}
ul.tour_list li .intgr_icon {background-position:0 -250px}
ul.tour_list li .iphone_icon {background-position:-66px -250px}
ul.tour_list li .desc_sec {width:315px; font-family:proxima_nova_alt_ltregular; font-size:16px; color:#7d8590}

/* Pricing Sec */
.pricing_sec {/*width:850px890px;*/ margin:0 0 0 12px; padding-bottom:20px}
.pricing_sec.pricing_detail {width:1048px; margin:0 auto}
.price_grid {width:270px}
.price_grid h2.top_title {background:url(../images/list_title1.png) 0 0 repeat-y; font-family:montserratbold; font-weight:normal; font-size:24px; color:#8e949d; text-transform:uppercase; height:70px; line-height:70px; text-align:center; margin:0}
.price_grid h3.scnd_title {background:url(../images/list_title2.png) 0 0 repeat-y; font-family:proxima_nova_alt_thbold; font-weight:normal; font-size:18px; color:#fff; text-transform:capitalize; height:68px; line-height:68px; text-align:center; text-shadow:0 1px 1px #4d5764; margin:0}
.price_grid h3.scnd_title1 {background:url(../images/list_title2.png) 0 0 repeat-y; font-family:proxima_nova_alt_thbold; font-weight:normal; font-size:18px; color:#fff; text-transform:capitalize; text-align:center; text-shadow:0 1px 1px #4d5764; margin:0; padding:12px 0}
.price_grid .subtxt {font-size:14px; text-shadow:0 1px 1px #4d5764; font-family:proxima_nova_alt_rgregular; text-align:center}
.price_listsec {background:url(../images/pricing_bg.png) 0 0 repeat-y; padding:0 12px}
.price_btmshadow {background:url(../images/pricingbtm_bg.png) 0 0 no-repeat; height:13px}
.price_topshadow {background:url(../images/pricingtop_bg.png) 0 0 no-repeat; height:11px}
.plus_listsec {background:url(../images/pluslistbg.png) 0 0 repeat-y; padding:0 13px}
.plus_topshadow {background:url(../images/plustop_bg.png) 0 0 no-repeat; height:11px}
.plus_btmshadow {background:url(../images/plusbtm_bg.png) 0 0 no-repeat; height:14px}

.price_grid.plus_grid {width:302px; position:relative; margin:-14px 0 0 -32px; z-index:1}
.price_grid h2.plus_title {background:url(../images/plus_titlebg.png) 0 0 repeat-y; font-family:montserratbold; font-weight:normal; font-size:24px; color:#fff; text-transform:uppercase; height:70px; line-height:70px; text-align:center; margin:0; text-shadow:0 1px 1px #e24124}
.price_grid h3.plus_title1 {background:url(../images/plus_titlebg1.png) 0 0 repeat-y; font-family:proxima_nova_alt_thbold; font-weight:normal; font-size:18px; color:#fff; text-transform:capitalize; text-align:center; text-shadow:0 1px 1px #e24124; margin:0; padding:12px 0}
.price_grid .doltxt {font-size:18px; font-family:proxima_nova_alt_rgregular}
.price_grid .doltxt_org {font-size:18px; font-family:proxima_nova_alt_rgregular; color:#8E949D}
.price_grid .orginal_price {color:#8E949D; text-decoration:line-through}
.price_grid .subtxt {font-size:14px; text-shadow:0 1px 1px #e24124; font-family:proxima_nova_alt_rgregular; text-align:center}
.price_grid .subtxt1 {font-size:14px; text-shadow:0 1px 1px #4d5764; font-family:proxima_nova_alt_rgregular; text-align:center}

.price_grid.ultimate_grid {position:relative; margin-left:-32px}

ul.pricing_list {margin:0; padding:0}
ul.pricing_list li {font-family:montserratregular; font-size:14px; color:#7d8590; padding:12px 18px}
ul.pricing_list li.alter_bg {background:#f6f6f6}
ul.pricing_list li .free {background:url(../images/pricing_icon.png) 0 0 no-repeat; padding:0 0 0 30px; display:block; line-height:16px}
ul.pricing_list li .paid {background:url(../images/pricing_icon.png) 0 -98px no-repeat; padding:0 0 0 30px; display:block; line-height:16px}
ul.pricing_list li .btnwid {width:113px; margin:0 auto}
ul.pricing_list li.endbtnbg {/*background:url(../images/list_btnbg.gif)*/
background-color:#EEE; 0  0 repeat-x; height:67px}

/* Terms & Condition */
dl.termncondlist dt {color:#f15b40; font-size:18px; font-family:proxima_nova_alt_thbold; margin-bottom:15px}
dl.termncondlist dt span {color:#727d8c}
dl.termncondlist dd {color:#7d8590; font-size:13px; font-family:droid_sansregular; margin-bottom:15px; line-height:22px}
dl.termncondlist dd p {margin-bottom:10px}
dl.termncondlist dd a {color:#f15b40 !important;}
dl.termncondlist dd ul.feat_list {padding:0; margin:0}
dl.termncondlist dd ul.feat_list li {background:url(../images/list_arrw.png) 0 6px no-repeat; padding:0 0 0 20px; margin-bottom:10px; width:auto; color:#7d8590; font-family:droid_sansregular; font-size:13px; position:relative; line-height:normal}

/* Popup Message */
#info {position:fixed; width:100%; top:15px; left:0; right:0; z-index:10000}
.msg_popup {width:480px; margin:0 auto; background:#000; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; -o-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999; padding:10px 12px; opacity:.8; filter:alpha(opacity-80); position:relative}
.close_btn {position:absolute; right:5px; top:2px; color:#fff; font-size:15px; display:block}
.close_btn:hover {color:#fff}
 
/* Drag Drop */
#filedragndrop {/*right:0; position:absolute; top:174px; */width:304px}
#filedragndrop .dropsec {width:276px; background:url(../images/drag_dropbgsml.png) 0 0 no-repeat; color:#818181; font-size:14px; font-family:droid_sansregular; padding:15px; height:176px; position:relative}
#filedragndrop .dropsec span {position:absolute; top:80px; left:0; right:0; text-align:center; color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold}
#filedragndrop .img_preview {width:58px; height:58px; border:1px solid #D7D7D7; float:left; padding:1px}
#filedragndrop .img_preview img {width:58px; height:58px}

#filedragndrop .fade canvas {height:90px !important; width:100px !important; border:1px solid #D7D7D7; padding:1px}
.btn-primary {background:url(../images/startbtn.png) 0 0 no-repeat; width:45px; height:16px; border:none; cursor:pointer; margin-bottom:5px}
.btn-warning {background:url(../images/cancelbtn.png) 0 0 no-repeat; width:45px; height:16px; border:none; cursor:pointer }
.btn-danger {background:url(../images/remove_btn.png) 0 0 no-repeat; width:77px; height:16px; border:none; cursor:pointer }
.dropinputsec {float:left; width:250px}
#filedragndrop #file_up_status_logo {width:252px; position:absolute; left:30px; top:180px; line-height:18px; font-size:14px}
#filedragndrop .template-download {position:absolute; left:40px; top:60px; width:230px; float:none}
#filedragndrop .cond_msgtxt {font-size:13px; color:#f15d43}


.table-striped td {vertical-align:middle}
.success_msg {color:#0d9d32; margin:0; font-size:11px}
.error_msg {color:#ff000c; margin:0; font-size:11px}

#filedragndrop .template-upload {width:230px; position:absolute; top:50px; left:60px}
#filedragndrop .preview {float:left; width:104px; height:90px; margin-right:10px}
.errorclass {position:absolute; left:70px; top:20px; width:280px; color:#ff000c; font-size:11px}
.errorclass span {font-weight:bold} 
.preview img {border:1px solid #D7D7D7; padding:1px}
#filedragndrop #new_upload_msg {position:absolute; left:-31px; top:96px;  width:200px; color:#F15D43; font-size:14px; line-height:18px}
/* Clients */
.addbtn {width:136px; position:absolute; right:0; top:14px}
.add_btn {background:url(../images/btn_sprite.png) 0 0 no-repeat; width:114px; height:38px; border:none; cursor:pointer}

/* Client Statistics */
.statistic_sec {padding:0 29px 30px}
.clientsec_grid {width:200px; margin:0 20px 0 0; position:relative; border:1px solid #E0E0E0; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; float:left}
.clientsec_grid.client_actsec {margin:0}
.clientsec_grid p {text-align:center; color:#7d8590; font-size:12px; font-family:montserratbold; margin:0}
.total_client,.counter_val,.timespent,.clientactive,.total_invoice,.paid_invoice,.pending_invoice,.total_projects,.total_task,.comp_projects,.comp_tasks {background:url(../images/statistic_icons.png) center 0 no-repeat; height:72px; margin-bottom:10px}
.counter_val {background-position:center -150px}
.timespent {background-position:center -298px}
.clientactive {background-position:center -448px}

.countbg {background:#e44d32; background-image:url(images/fallback-gradient.png); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e44d32), to(#f76b52));   background-image:-webkit-linear-gradient(top, #e44d32, #f76b52); background-image:-moz-linear-gradient(top, #e44d32, #f76b52); background-image:-ms-linear-gradient(top, #e44d32, #f76b52); background-image:-o-linear-gradient(top, #e44d32, #f76b52); height:20px; height:20px; line-height:20px; display:inline-block; color:#fff; font-size:13px; font-family:montserratregular; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; border:1px solid #e5482c; text-align:center; display:inline-block; padding:0 10px; margin-bottom:10px; -moz-box-shadow:0 0 1px #7d8590, inset 0 0 1px #fff; -webkit-box-shadow:0 0 1px #7d8590, inset 0 0 1px #fff; -o-box-shadow:0 0 1px #7d8590, inset 0 0 1px #fff; -ms-box-shadow:0 0 1px #7d8590, inset 0 0 1px #fff; box-shadow:0 0 1px #7d8590, inset 0 0 1px #fff}

.serach_sec {background:url(../images/round_headerbg.png) 0 0 no-repeat; width:970px; height:50px; padding:20px 20px 0}
.searchbox {background:url(../images/searchbox1.png) 0 0 no-repeat; width:340px; height:34px; margin-right:25px}
.searchbox input {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold; padding:8px 10px 6px 30px; width:300px}

.resetform {margin-right:24px}
.resetform label {float:left; display:block; color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold; margin:5px 15px 0 0; font-weight:normal}
.resetform .datebg {background:url(../images/inputboxsml.png) 0 0 no-repeat; width:218px; height:34px; position:relative}
.resetform .datebg input {color:#929393; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:174px; position:relative; z-index:1; border:none; background:none}
.resetbtn {background:url(../images/new_leftbtnsprite.png) 0 -996px no-repeat; height:34px; border:none; cursor:pointer; padding-left:7px; float:left}
.resetbtn input {background:url(../images/new_rightbtnsprite.png) 100% -996px no-repeat; padding:0 7px 0 0; cursor:pointer; border:none; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #f05b40; float:left; height:34px; text-transform:capitalize}
.resetbtn:hover {background-position:0 -1042px}
.resetbtn:hover input {background-position:100% -1042px}
.searchbtnsec {width:90px; margin-right:20px}
.searchbtnsec input {text-transform:none}

a.filter_arw {background:url(../images/manage-list-icons.png) 0 8px no-repeat; display:inline-block; width:10px}
a.filter_arw.filter_up {background-position:-17px 0}
.resetform .datebg span.calicon {background:url(../images/cal_smlicon.png) 0 0 no-repeat; width:14px; height:14px; position:absolute; right:10px; top:10px; display:block}

/* For Selectbox */
.resetform .jquery-selectbox.selecthover {z-index:700}
.resetform .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:34px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
.resetform .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
.resetform .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.resetform .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:16px; padding-left:5px; color:#818181}
.resetform .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:34px; color:#818181; text-align:left; padding-left:10px; height:34px}

/* For Client Selectbox */
.resetform.client .jquery-selectbox {position:relative; z-index:100; font-size:16px; color:#818181; padding:0; background:url(../images/selectbox.png) 0 0 no-repeat; height:34px; width:200px; float:left; font-family:proxima_nova_alt_ltbold}
.resetform.client .jquery-selectbox .jquery-selectbox-currentItem {text-align:left; overflow: hidden; width: 146px;}
.resetform.client .jquery-selectbox .jquery-selectbox-list {width:190px; top:34px; left:5px; font-family:proxima_nova_alt_ltbold; height:70px; overflow:auto; overflow-x:hidden}

/* For Status Selectbox */
.resetform.status .jquery-selectbox {position:relative; z-index:100; font-size:16px; color:#818181; padding:0; background:url(../images/selectboxbg_sml.png) 0 0 no-repeat; height:34px; width:150px; float:left; font-family:proxima_nova_alt_ltbold}
.resetform.status .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.resetform.status .jquery-selectbox .jquery-selectbox-list {width:140px; top:34px; left:5px; font-family:proxima_nova_alt_ltbold; height:70px; overflow:auto; overflow-x:hidden}

/* title_sec */
.title_sec {background:url(../images/round_headerbg.png) 0 -71px no-repeat; width:1010px; height:62px}
.allclient_col {background:url(../images/col_devider.png) 100% 0 no-repeat; width:228px; padding:20px 5px 0 20px; height:39px; margin-top:1px}
.clientdet_col {background:url(../images/col_devider.png) 100% 0 no-repeat; width:465px; padding:15px 5px 0 20px; height:44px; margin-top:1px}
.clientproj_col {width:265px; height:59px; margin-top:1px; position:relative}
.clientproj_col .countersec {position:absolute; top:25px; left:214px}
.clientproj_col .countersec .countbg {box-shadow:0 1px 1px #000, inset 0 0 1px #fff}
.title_sec h2 {font-size:16px; font-family:proxima_nova_alt_ltbold; color:#fff; text-shadow:0 1px 1px #1e2227; font-weight:normal}
.title_sec h2.allclient,.title_sec h2.clientdet {background:url(../images/icons.png) 0 0 no-repeat; line-height:24px; padding-left:40px}
.title_sec h2.clientdet {background-position:0 -131px; padding-left:55px; line-height:36px}
.title_sec h2.clientprojtitle {background:url(../images/round_headerbg.png) 0 -167px no-repeat; width:250px; height:50px; text-align:center; line-height:52px; margin:9px 0 0 8px}
.allclient_col .plusicon {background:url(../images/icons.png) 0 -805px no-repeat; width:26px; height:28px; display:block}
.allclient_col .plusicon:hover {background-position:0 -592px}
.plusicon_addtask {background:url(../images/icons.png) 0 -525px no-repeat; width:34px; height:35px; display:block; margin-right:0}

.client_listmid {border:1px solid #1e2227; border-width:0 1px; width:1008px; height:440px; overflow:hidden}
.client_btmbg {background:url(../images/round_headerbg.png) 0 -138px no-repeat; height:4px; width:1170px}
.allclient_listcol {width:228px; height:339px; overflow:hidden}
ul.allclient_list {padding:0}
ul.allclient_list li {border-bottom:1px solid #d9d9d9; height:34px; line-height:34px; padding:0 10px 0 20px; position:relative; text-transform:capitalize}
ul.allclient_list li a {display:block; color:#3f4650; font-family:droid_sansbold; font-size:14px; outline:none}
ul.allclient_list li:hover,ul.allclient_list li.active {background:url(../images/list_overbg.png) 0 0 repeat-x}
ul.allclient_list li:hover a {color:#178acd}
ul.allclient_list li.active a {color:#178acd}
ul.allclient_list li .ribon {background:url(../images/red_ribon.png) 100% 0 no-repeat; display:inline-block; width:22px; height:21px; position:absolute; right:3px; top:0; z-index:10}

.bookbg {background:url(../images/book_bg.png) 0 0 no-repeat; width:708px; height:397px; padding:10px; margin:10px 1px 0 10px}

/* For Scroller */
.scroll-pane {height:384px; width:230px}
.jspContainer {overflow:hidden; position:relative}
.jspPane {position:absolute}
.jspVerticalBar {position:absolute; top:0; right:0; width:10px; height:100%;}
.jspVerticalBar *{margin:0; padding:0}
.jspCap {display:none}
.jspTrack {background:url(../images/scrillbar_bg.png) 0 0 no-repeat; position:relative; overflow:hidden; border-radius:20px}
.jspDrag {background:url(../images/slider_bar.gif) 0 0 repeat-y; position:relative; top:0; left:0; cursor:pointer; border:1px solid #979797; border-radius:20px}
.jspHorizontalBar .jspDrag {float:left; height:100%}
.jspArrow {background:#50506d; text-indent:-20000px; display:none; cursor:pointer}
.jspArrow.jspDisabled {cursor:default; background:#80808d}
.jspVerticalBar .jspArrow {height:16px}
.jspVerticalBar .jspArrow:focus {outline:none}
.jspCorner {background:#eeeef4; float:left; height:100%}

.client_details {width:438px; padding:20px; height:308px; position:relative}
.client_title {color:#3f4650; font-size:21px; font-weight:normal; font-family:droid_sansbold; margin-bottom:25px}
ul.detaillist {padding:0}
ul.detaillist li {margin-bottom:5px; font-family:droid_sansbold; float:left; display:block; width:100%; font-size:14px; border:none; padding:0}
ul.detaillist li a {color:#3f4650}
ul.detaillist li label {float:left; display:block; color:#929393; width:65px; margin-right:15px; font-weight:normal; text-align:right}
ul.detaillist li span {float:left; display:block; color:#3f4650; width:310px; font-weight:normal;word-wrap:break-word;}
.editbtnpos {position:absolute; bottom:20px; left:20px; width:72px}
.editbtn {background:url(../images/editremove_btn.png) 0 0 no-repeat; border:none; cursor:pointer; height:35px; padding:0 0 0 25px; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #f05b40; text-transform:capitalize; width:72px}
.editbtn:hover {background-position:0 -50px}
.editbtn_link {background:url(../images/editremove_btn.png) 0 0 no-repeat; height:35px; padding:0 0 0 25px; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #f05b40; text-transform:capitalize; width:47px; display:inline-block; line-height:35px; text-align:center;}
.editbtn_link:hover {background-position:0 -50px; color:#FFFFFF}
/*.editbtn {background:url(../images/plus_leftbg1.png) 0 -139px no-repeat; height:35px; float:left; padding-left:25px; cursor:pointer}
.editbtn input {background:url(../images/plus_rightbg1.png) 100% -138px no-repeat; border:none; cursor:pointer; height:35px; float:left; padding:0 6px 0 0; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #f05b40; text-transform:capitalize}
.editbtn:hover {background-position:0 -184px}
.editbtn:hover input {background-position:100% -183px}*/
.removebtnpos {position:absolute; bottom:20px; left:112px}
.removebtn {background:url(../images/editremove_btn.png) 0 -100px no-repeat; border:none; cursor:pointer; height:35px; text-transform:capitalize; font-family:montserratbold; font-size:13px; color:#818181; text-shadow:0 1px 1px #fff; padding:0 0 0 -25px; width:112px}
.removebtn:hover {background-position:0 -150px}
/*.removebtn {background:url(../images/plus_leftbg1.png) 0 -230px no-repeat; height:35px; float:left; cursor:pointer; padding-left:25px}
.removebtn input {background:url(../images/plus_rightbg1.png) 100% -229px no-repeat; border:none; cursor:pointer; height:35px; float:left; text-transform:capitalize; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #fff; padding:0 6px 0 0}
.removebtn:hover {background-position:0 -275px}
.removebtn:hover input {background-position:100% -274px}*/

.crntproj_sec {width:238px; padding:0 11px}
.current_projblock {width:248px;  height:244px; border:1px solid #d9d9d9; border-width:0 1px}
.current_projblock.scroll-pane2 {height:241px;}
.current_projblock.scroll-pane2 .jspTrack {background:url(../images/scrollbar_bg241.png) 0 0 no-repeat}

.btmrndbg {background:url(../images/btm_roundbg.gif) 0 0 no-repeat; height:5px; width:250px}
ul.proj_list {padding:0}
ul.proj_list li {border-bottom:1px solid #d9d9d9; padding:8px 10px; position:relative}
ul.proj_list li a {display:block; color:#929393; font-family:droid_sansbold; font-size:13px; background:url(../images/list_arrw1.png) 100% 6px no-repeat}
ul.proj_list li a.toogle {background:url(../images/togle_arw.png) 100% 6px no-repeat}
ul.proj_list li.last {border:none}

.projblock_togle ul.detaillist li {border:none; padding:5px}
.projblock_togle ul.detaillist li span {width:118px; word-wrap:break-word}
.projblock_togle ul.detaillist li label {width:80px; text-align:left}
.projblock_togle ul.detaillist li label a.toogle {background:none}
.projblock_togle ul.detaillist li .task_result {margin:0 0 5px 32px}
.projblock_togle ul.detaillist li .task_result span {width:92px}
.projblock_togle ul.detaillist li .task_result label {float:left; display:block; width:75px; color:#3F4650; font-size:13px; text-align:left}

a.loadmore {background:#fff; border:1px solid #d9d9d9; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; width:250px; height:36px; display:block; margin:10px 0; font-family:droid_sansbold; color:#929393; text-align:center; line-height:36px; font-size:14px; font-weight:normal}

a.loading {background:url(../images/load_morebtn.png) 0 0 no-repeat; width:280px; height:36px; display:block; margin:10px 0 15px; font-family:droid_sansbold; color:#929393; text-align:center; line-height:36px; font-size:14px; font-weight:normal}
/*a.export_client {display:block; height:34px; line-height:34px; color:#3f4650; font-size:12px; font-family:droid_sansregular;  margin:10px 0 58px; text-align:center; position:relative; left:0; right:0; width:304px}*/
a.export_client_loadmore {background:#fff; border:1px solid #d9d9d9; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; width:250px; height:36px; display:block; margin:0; font-family:droid_sansbold; color:#929393; text-align:center; line-height:36px; font-size:14px; font-weight:normal}

a.cancel {color: #818181; display: inline-block;margin-top: 7px;}

.client_table th {background:url(../images/list_tablebg.png) -50px 0 no-repeat; font-family:proxima_nova_alt_ltbold; color:#3f4650; font-size:16px; font-weight:normal; text-align:left; padding:0 20px; height:51px; line-height:50px; border-right:1px solid #d7d7d7}
.client_table th.first {background:url(../images/list_tablebg.png) 0 0 no-repeat}
.client_table th.last {background:url(../images/list_tablebg.png) 100% 0 no-repeat; border:none}
.client_table th.centerAlign,.client_table td.centerAlign {text-align:center}
.client_table td {color:#7d8590; font-size:14px; font-family:droid_sansregular; padding:15px 20px; vertical-align:top; border:1px solid #d7d7d7; border-width:0 1px 1px 0}
.client_table td .namesec {word-wrap:break-word; width:324px}
.client_table td .descsec {word-wrap:break-word; width:558px}
.client_table td.last {border-right:none}
.client_table td .clientname a {color:#3f4650; display:block; background:url(../images/toggle_arrw.png) 100% 9px no-repeat; padding-right:10px}
.client_table td .clientname a.togle,.client_table td .clientname a:hover {background:url(../images/toggle_arrw.png) 100% -41px no-repeat; color:#ef5b3d}
.client_sec {border:1px solid #d7d7d7; border-width:0 1px 1px; width:1166px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px}
.client_table td a.edit {background:url(../images/edt_dlticon.png) 0 0 no-repeat; display:inline-block; height:14px; width:14px}
.client_table td a.delete {background:url(../images/edt_dlticon.png) 0 -54px no-repeat; display:inline-block; height:14px; width:12px}
.client_table td ul.client_detail {padding:15px 0 0; display:none}
.client_table td ul.client_detail li {float:left; clear:both; width:100%; padding:0; margin-bottom:5px}
.client_table td ul.client_detail li label {float:left; display:block; width:62px; margin-right:15px; color:#3f4650; font-size:14px; text-align:left; font-weight:normal}
.client_table td ul.client_detail li .addrcol {width:210px}
.client_table td ul.client_detail li .addrcol a {color:#ef5b3d}
.client_table tr.last td {border-bottom:none}

/* Invoice */
.editivo_txt {padding:20px 0; position:relative}
.invoice_tempsec {border-bottom:1px solid #F0F0F0; padding:0 0 20px; margin-bottom:40px}
.invoice_tempsec .email_templt {width:200px; margin-right:30px}
.invoice_tempsec .invoice_style {width:170px; margin-right:30px}
.invoice_tempsec .button_templat {background:url(../images/btn_leftbg.png) 0 -306px no-repeat; height:39px; cursor:pointer; float:left; padding-left:5px; display:block; font-family:montserratregular; color:#7d8590; font-size:14px}
.invoice_tempsec .button_templat a {background:url(../images/btn_rightbg.png) 100% -306px no-repeat; height:39px; cursor:pointer; padding:0 5px 0 0; float:left; margin:0; font-family:montserratregular; display:block; text-align:center; line-height:39px; color:#7d8590; text-shadow:0 1px 1px #fff}

.invoice_gridsec {margin-left:30px}
.invoice_grid {width:200px; margin:0 38px 36px 0; height:317px; padding:10px 12px; position:relative}
.invoice_grid.gridlast {margin-right:0}
.invoice_grid.select {background:url(../images/round_headerbg.png) 0 -653px no-repeat}
.invoice_grid .inv_img {border:1px solid #b7b7b7; margin-bottom:10px}
.invoice_grid .preview {font-weight:normal; color:#3f4650; font-size:16px; font-family:proxima_nova_alt_thbold; height:auto; width:90px; float:left}
.invoice_grid .preview a {background:url(../images/preview_icon.png) 0 4px no-repeat; padding-left:30px; color:#3f4650; font-size:16px; display:block}
.invoice_grid .prev_check {width:16px}
.invoice_grid .prev_check .custom-checkbox {padding-bottom:0}
.invoice_grid .prev_check .custom-checkbox label {padding:0; width:16px; display:block}
.invoice_grid .mid_check {background:url(../images/round_headerbg.png) -601px -168px no-repeat; width:35px; height:35px; position:absolute; top:135px; left:96px; display:block}
.invoice_grid .newinvobtn_pos {position:absolute; top:185px; left:48px; width:130px}
.invoice_grid .tempdeftheme_set {background:url(../images/temp_deficon.png) 0 0 no-repeat; width:12px; height:14px; display:block; float:right; margin-top:5px}
.invoice_grid .tempdeftheme_set:hover,.invoice_grid .tempdeftheme_set.select_temp {background-position:0 -40px}
.invoice_grid .temploader {float:right; background:url(../images/temp_loader.gif) 0 0 no-repeat; width:20px; height:20px; display:block}

/* Search Tab */
ul.search_tabs {margin:0; padding:0 0 0 2px; position:relative; top:2px}
ul.search_tabs li {float:left; background:url(../images/tab_leftbg.png) 0 -88px no-repeat; padding:0 0 0 29px; height:37px; cursor:pointer; margin-right:-29px; position:relative}
ul.search_tabs li a {float:left; display:block; font-family:proxima_nova_alt_ltbold; font-size:16px; color:#818181; background:url(../images/tab_rightbg.png) 100% -88px no-repeat; height:37px; line-height:36px; padding:0 32px 0 3px}
ul.search_tabs li.first {z-index:1}
ul.search_tabs li.first:hover,ul.search_tabs li.second:hover,ul.search_tabs li.first.active,ul.search_tabs li.second.active {z-index:2}
ul.search_tabs li.first:hover,ul.search_tabs li.second:hover,ul.search_tabs li.first.active,ul.search_tabs li.second.active {background-position:0 -141px}
ul.search_tabs li.first:hover a,ul.search_tabs li.second:hover a,ul.search_tabs li.first.active a,ul.search_tabs li.second.active a {background-position:100% -141px}

/* 14th Feb 2013 */
ul.invoice_style {margin:0; padding:0}
ul.invoice_style li {float:left; clear:both; width:100%; margin-bottom:20px}
ul.invoice_style li label {float:left; width:132px; margin-right:20px; color:#3f4650; font-size:16px; font-family:proxima_nova_alt_ltbold; text-align:right; font-weight:normal}
ul.invoice_style li label.lebel_wid {width:155px}
ul.invoice_style li .inputbg {background:url(../images/inputfieldbg.png) 0 0 no-repeat; width:550px; height:34px; margin-right:10px}
ul.invoice_style li .inputbg input {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:530px; position:relative; z-index:1}
ul.invoice_style li .input_sml {background:url(../images/input_smlbg.png) 0 0 no-repeat; width:98px; height:34px; margin-right:20px}
ul.invoice_style li .input_sml input {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:78px; position:relative; z-index:1}
ul.invoice_style li .textareabg {background:url(../images/textareabg.png) 0 0 no-repeat; width:550px; height:84px}
ul.invoice_style li .textareabg textarea {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:530px; height:53px; overflow:auto; overflow-x:hidden}
ul.invoice_style li span.inv_id {display:inline-block; margin-top:5px; font-size:13px}
ul.invoice_style li label.colr {color:#818181}
.invoice_form {padding-bottom:30px}
.invoice_setting {padding-bottom:30px; width:930px; margin:0 auto}
ul.invoice_style li .multi_select select {background:#fff; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#818181; font-size:13px; font-family:droid_sansregular; padding:8px 10px; margin:0; width:250px; height:80px}
ul.invoice_style li .dragdrop_sec {width:550px} 
ul.invoice_style li .upload_infosec {overflow:hidden; margin-top:10px}
ul.invoice_style li .upload_infosec span {display:block; font-size:13px; margin-right:3px; float:left}
ul.invoice_style li .upload_infosec .imgsec {width:34px; height:34px; border:1px solid #d7d7d7; padding:2px; margin-right:3px; text-align: center}
ul.invoice_style li .upload_infosec .upcontname {margin:20px 10px 0; width:300px}
ul.invoice_style li .upload_infosec .upcontsize {margin:20px 10px 0; width:152px}
ul.invoice_style li .upload_infosec .upcont_delete {background:url(../images/delete_icon.png) 0 0 no-repeat; width:12px; height:14px; display:inline-block; margin-top:18px}
ul.invoice_style li .upload_infosec .delete_loader {background:url(../images/delete_loader.png) 0 0 no-repeat; width:12px; height:12px; display:inline-block; margin-top:22px}

/* new */
ul.invoice_style li .cur-main-sec {width:705px}
ul.invoice_style li .currency-select {width:310px; margin-right:20px}
ul.invoice_style li .currency-select label,ul.invoice_style li .amount label {float:none; margin-bottom:5px; text-align:left; display:block}
ul.invoice_style li .currency-select {}
ul.invoice_style li .currency-select .cur-selectbox {background:url(../images/selectbox_pay.png) 0 0 no-repeat; width:300px; height:34px; position:relative}
ul.invoice_style li .currency-select .cur-selectbox select {opacity:0; filter:alpha(opacity=0); width:300px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_rgregular; color:#818181}
ul.invoice_style li .currency-select .cur-selectbox span {position:absolute; top:6px; left:10px; right:10px; width:256px; font-family:proxima_nova_alt_rgregular; color:#818181; overflow:hidden}
ul.invoice_style li .switch_curr {margin-bottom:10px}
ul.invoice_style li .switch_curr label {float:none}
ul.invoice_style li .amount {width:315px}
ul.invoice_style li .amount .changing-price {color:#818181; font-family:proxima_nova_alt_ltbold; margin:0 0 5px;}
ul.invoice_style li .amount .priceinput {background:url(../images/input_smlbg1.png) 0 0 no-repeat; width:117px; height:34px}
ul.invoice_style li .amount .priceinput input[type=text] {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:97px; position:relative; z-index:1}
ul.invoice_style li .amount a.set-icon, .change-curr-icon, .change-curr-code-icon {background:url(../images/setting.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:10px 0 0}
ul.invoice_style li .curr-loader {background:url(../images/curr_loader.gif) 0 0 no-repeat; width:16px; height:16px; display:inline-block}

/* 19th Feb 2013 */
/* For Selectbox */
ul.invoice_style li .jquery-selectbox.selecthover,.qty_selectinvo .jquery-selectbox.selecthover {z-index:700}
ul.invoice_style li .jquery-selectbox .jquery-selectbox-list,.qty_selectinvo .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:34px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
ul.invoice_style li .jquery-selectbox .jquery-selectbox-moreButton,.qty_selectinvo .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
ul.invoice_style li .jquery-selectbox .jquery-selectbox-item.listelementhover,.qty_selectinvo .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
ul.invoice_style li .jquery-selectbox .jquery-selectbox-item,.qty_selectinvo .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:16px; padding-left:5px; color:#818181}
ul.invoice_style li .jquery-selectbox .jquery-selectbox-currentItem,.qty_selectinvo .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:34px; color:#818181; text-align:left; padding-left:10px; height:34px}

/* For large Selectbox */
ul.invoice_style li .client_sel .jquery-selectbox {position:relative; z-index:100; font-size:14px; color:#818181; padding:0; background:url(../images/selectboxbg.png) 0 0 no-repeat; height:34px; width:550px; float:left; font-family:proxima_nova_alt_rgregular}
ul.invoice_style li .client_sel .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.invoice_style li .client_sel .jquery-selectbox .jquery-selectbox-list {width:540px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Date */
ul.invoice_style li .date .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/date_selectbox.png) 0 0 no-repeat; height:34px; width:72px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
ul.invoice_style li .date .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.invoice_style li .date .jquery-selectbox .jquery-selectbox-list {width:62px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Month */
ul.invoice_style li .month .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/month_selectbox.png) 0 0 no-repeat; height:34px; width:126px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
ul.invoice_style li .month .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.invoice_style li .month .jquery-selectbox .jquery-selectbox-list {width:116px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Year */
ul.invoice_style li .year .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/year_selectbox.png) 0 0 no-repeat; height:34px; width:86px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
ul.invoice_style li .year .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.invoice_style li .year .jquery-selectbox .jquery-selectbox-list {width:76px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Due */
ul.invoice_style li .due .jquery-selectbox {position:relative; font-size:14px; color:#818181; padding:0; background:url(../images/selectboxbg_sml.png) 0 0 no-repeat; height:34px; width:150px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
ul.invoice_style li .due .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.invoice_style li .due .jquery-selectbox .jquery-selectbox-list {width:140px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

/* For Checkbox */
ul.invoice_style li .dis_country label {float:none; display:block; width:auto; color:#3f4650; font-size:14px; font-weight:normal; font-family:proxima_nova_alt_rgregular}
ul.invoice_style li .dis_country .custom-checkbox{position: relative; padding-top:2px}
ul.invoice_style li .dis_country .custom-checkbox input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
ul.invoice_style li .dis_country .custom-checkbox label {position: relative; z-index: 1;  margin: 0; cursor:pointer; padding-left:24px; padding-right:5px; text-align:left}
ul.invoice_style li .dis_country .custom-checkbox label {background:url(../images/custome_checkbox.png) 0 2px no-repeat}
ul.invoice_style li .dis_country .custom-checkbox label.checked {background:url(../images/custome_checkbox.png) 0 -59px no-repeat}


/* For Checkbox */
ul.invoice_style li .dis_recurring label {float:none; display:block; width:auto; color:#3f4650; font-size:14px; font-weight:normal; font-family:proxima_nova_alt_rgregular}
ul.invoice_style li .dis_recurring .custom-checkbox{position: relative; padding-top:2px}
ul.invoice_style li .dis_recurring .custom-checkbox input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
ul.invoice_style li .dis_recurring .custom-checkbox label {position: relative; z-index: 1;  margin: 0; cursor:pointer; padding-left:24px; padding-right:5px; text-align:left}
ul.invoice_style li .dis_recurring .custom-checkbox label {background:url(../images/custome_checkbox.png) 0 2px no-repeat}
ul.invoice_style li .dis_recurring .custom-checkbox label.checked {background:url(../images/custome_checkbox.png) 0 -59px no-repeat}


.top_rnd {background:url(../images/invoice_newbg.png) 0 0 no-repeat; height:76px; line-height:55px; text-indent:20px; font-family:proxima_nova_alt_thbold; color:#fff; font-size:18px}
.btm_rnd {background:url(../images/invoice_newbg.png) 0 -85px no-repeat; height:6px}
.midbox {background:#fff; border:1px solid #d7d7d7; border-width:0 1px; padding:30px 39px}
.editinvosec {width:1010px; margin:0 auto}

.create_invoform {width:1010px; margin:0 auto}
.form_toprnd {background:url(../images/invoice_newbg.png) 0 -117px no-repeat; height:27px}
.form_btmrnd {background:url(../images/invoice_newbg.png) 0 -155px no-repeat; height:12px}
.form_midbg {background:#eff0f1; border:1px solid #d7d7d7; border-width:0 1px; padding:20px; position:relative; width:888px}
.invoice_tog {display:inline-block; position:absolute; top:-18px; left:166px; font-size:13px; color:#7d8590; font-family:montserratbold; background:url(../images/toggle_arrw1.png) 100% -6px no-repeat; padding-right:24px; cursor:pointer}
.invoice_tog.uparrw {background:url(../images/toggle_arrw1.png) 100% 9px no-repeat}
.invotblform {border:1px solid #d7d7d7; border-width:0 1px}

.inv_save {width:105px}
.draftbtn {width:285px; margin:0 0 0 225px; float:left}
.savetaskbtn {width:205px; margin:0}

.invotemp_btn {overflow:hidden; padding-bottom:20px}
.inoice_contener {background:url(../images/invoice_bg.gif) 0 0 repeat; width:100%; padding:0 0 30px; position:relative; min-height:715px}
.inoice_contener .invoice_tempsec {background:#fff; padding-top:20px}

.invoice_qtytitle {background:url(../images/title_roundbg.png) 0 -175px no-repeat; height:51px; width:1090px; line-height:50px; color:#3f4650; font-family:proxima_nova_alt_ltbold}
.invoice_qtybtm {background:url(../images/tblbtmbg.png) 0 0 no-repeat; height:7px; width:941px}
.invoice_qtymid {background:#fff; border:1px solid #d7d7d7; border-width:0 1px; width:1088px; padding:30px 0}
.qty {width:266px; padding:0 20px}
.description {width:434px; padding:0 20px 0 0}
.price {width:120px; padding:0 20px 0 0}
.total {width:80px}

.qty_input {background:url(../images/input_smlbg1.png) 0 0 no-repeat; width:117px; height:34px}
.qty_input input {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:97px; position:relative; z-index:1}
.desc_area {background:url(../images/textareabg_desc.png) 0 0 no-repeat; width:332px; height:94px}
.desc_area textarea {background:none; border:none; color:#818181; font-size:16px; font-family:proxima_nova_alt_rgregular; padding:7px 10px; margin:0; width:312px; height:80px; overflow:auto; overflow-x:hidden}
.price_input {margin:0 0 20px 20px}
span.total_line {margin-left:20px}
p.subtotal_display, p.tax_two_display, p.shipping_display, p.discount_display, p.tax_one_display,p.total,p#subtotal_result,p#tax_one_result,p#total_display, p#discount_result, p#tax_two_result, p#shipping_result, p#shipping_result {margin:0 0 0 20px}

/* For Year */
/* For Selectbox */
/* For QTY Selectbox */
.qty_selectinvo .jquery-selectbox {position:relative; z-index:100; font-size:14px; color:#818181; padding:0; background:url(../images/qty_selectbox.png) 0 0 no-repeat; height:34px; width:117px; float:left; font-family:proxima_nova_alt_rgregular}
.qty_selectinvo .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.qty_selectinvo .jquery-selectbox .jquery-selectbox-list {width:107px; top:34px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

.qty_select, .currency_select, .currency_code_select {background:url(../images/qty_selectbox.png) 0 0 no-repeat; width:117px; height:34px; position:relative; margin-left:20px}
.qty_select select, .currency_select select, .currency_code_select select {opacity:0; filter:alpha(opacity=0); width:117px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_rgregular; color:#818181}
.qty_select span, .currency_select span, .currency_code_select span{position:absolute; top:6px; left:10px; right:10px; width:71px; font-family:proxima_nova_alt_rgregular; color:#818181; overflow:hidden}

/* Select Invoice Template */
.enablefeature {padding:0 24px 30px}
.invoice_msgbox {background:url(../images/invoice_msgbox.png) 0 0 no-repeat; width:450px; height:379px; padding:15px 20px; float:right; position:relative}
.inv_msgtitle {font-family:proxima_nova_alt_rgbold; font-size:24px; font-weight:normal; color:#3f4650; margin-bottom:20px; text-shadow:0 1px 1px #fff; text-transform:uppercase}
.inv_msgtitle span {font-family:proxima_nova_alt_rgregular}
.inv_condtxt {font-size:13px; font-family:droid_sansregular; color:#3f4650; margin-bottom:20px; text-shadow:0 1px 1px #fff}
.inv_condcol {padding-bottom:15px}
.inv_condcol1 {width:232px; padding-bottom:15px}
ul.inv_condlist {margin:0; padding:0}
ul.inv_condlist li {background:url(../images/arrw_gray.png) 0 3px no-repeat; padding:0 0 0 20px; color:#3f4650; margin-bottom:15px; text-shadow:0 1px 1px #fff; font-size:13px; font-family:proxima_nova_alt_ltregular; line-height:normal}
ul.inv_condlist li a {color:#3f4650; text-shadow:0 1px 1px #fff}
.upgrade_btn {background:url(../images/upgradeplan_btn.png) 0 0 no-repeat; width:197px; height:48px; display:block; margin:0 auto}
.inv_closeicon {background:url(../images/closebtn.png) 0 0 no-repeat; width:30px; height:31px; display:block; position:absolute; right:-15px; top:-15px}

/* Payment Detail */
.paymentformsec {padding:20px 24px; overflow:hidden}
.payform_title {border-top:1px solid #eff0f1; position:relative; margin-bottom:40px}
.payform_title label {position:absolute; display:inline-block; left:0; top:-17px; height:30px; line-height:30px; background:#fff; width:146px; padding:0 30px 0 0; color:#3f4650; font-weight:normal; font-family:proxima_nova_alt_ltbold; font-size:16px; text-align:right}
.payment_txt {font-family:proxima_nova_alt_ltregular; font-size:14px; margin-bottom:30px; text-align:center; color:#818181}
.paymentform {padding-bottom:15px}
.paymentsec {padding-bottom:25px; margin-right:40px;position: relative;}
.paymentsec label {float:left; display:block; color:#818181; font-family:proxima_nova_alt_ltbold; font-size:16px; font-weight:normal; width:145px; margin-right:25px; text-align:right}
.paymentsec .inputbg {background:url(../images/inputbg_pay.png) 0 0 no-repeat; width:300px; height:34px;position:relative;}
.paymentsec .inputbg input[type="text"] {background:none; border:none; padding:7px 10px; width:280px; font-family:droid_sansregular; color:#818181; font-size:14px}
.paymentsec .textareabg {background:url(../images/textareabg_pay.png) 0 0 no-repeat; width:860px; height:68px}
.paymentsec .textareabg textarea {background:none; border:none; padding:7px 10px; width:840px; font-family:droid_sansregular; color:#818181; font-size:14px; height:58px}
.paymentsec .example_message {left:174px}

/* For Selectbox */
.paymentsec .jquery-selectbox.selecthover {z-index:700}
.paymentsec .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:34px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
.paymentsec .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
.paymentsec .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.paymentsec .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:14px; padding-left:5px; color:#818181}
.paymentsec .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:34px; color:#818181; text-align:left; padding-left:10px; height:34px}
.paymentsec .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectbox_pay.png) 0 0 no-repeat; height:34px; width:300px; float:left; font-family:droid_sansregular}
.paymentsec .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.paymentsec .jquery-selectbox .jquery-selectbox-list {width:290px; top:34px; left:5px; font-family:droid_sansregular; height:70px; overflow:auto; overflow-x:hidden}
.paymentform .paymentsec label.error { background: none repeat scroll 0 0 #FF0000; border-radius: 3px 3px 3px 3px;  color: #FFFFFF; font-size: 13px; height: 30px; line-height: 25px; padding: 0 10px; position: absolute; margin:0px; right: 3px; top: 2px; z-index: 100;}
.button_save {background:url(../images/btn_leftbg.png) 0 0 no-repeat; height:46px; cursor:pointer; float:left; padding-left:5px}
.button_save input {background:url(../images/btn_rightbg.png) 100% 0 no-repeat; height:46px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:13px; float:left; margin:0; font-family:montserratbold; font-weight:bold}

#clientdetailsajaxloader {background:url(../images/page_spinner_black.gif) center center no-repeat; position:absolute; left:0; right:0; top:0; bottom:0}

/* Invoice List */
.total_invoice {background-position:center -592px}
.paid_invoice {background-position:center -730px}
.pending_invoice {background-position:center -872px}

.id_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:170px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.date_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:110px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.client_heading {background:url(../images/col_devider.png) 100% 0 no-repeat; width:200px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.amount_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:153px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.status_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:110px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}

ul.invoicelist {overflow:hidden; margin:0; padding:0}
ul.invoicelist li {border-bottom:1px solid #d9d9d9; height:auto; line-height:25px; float:left; clear:both; width:100%; color:#3f4650; font-size:13px; font-family:droid_sansbold; padding:5px 0 10px}
ul.invoicelist li a {color:#3f4650}
ul.invoicelist li .invoice-id {margin:0 5px 0 20px; width:170px; float:left; font-weight:normal}
ul.invoicelist li .invoice-id a {background:url(../images/list_idicon.png) 0 5px no-repeat; display:inline-block; padding-left:22px; width:135px;}
ul.invoicelist li .invoice-client {margin:0 5px 0 20px; width:200px; float:left; word-wrap:break-word}
ul.invoicelist li .invoice-date {margin:0 5px 0 20px; width:110px; float:left}
ul.invoicelist li .invoice-amount {margin:0 5px 0 20px; width:153px; float:left; font-weight:normal}
ul.invoicelist li .invoice-status {margin:0 5px 0 20px; width:110px; float:left}
ul.invoicelist li:hover {background:url(../images/list_overbg.gif) 0 0 repeat-x}
ul.invoicelist li .editbtn {background:url(../images/list_editbtn.png) 0 0 no-repeat; width:72px; height:31px; cursor:pointer; border:none; margin:0 0 0 10px; display:none; font-family:montserratbold; font-size:13px; color:#fff; text-shadow:0 1px 1px #f05b40; text-transform:capitalize}
ul.invoicelist li .editbtn:hover {background-position:0 -44px}

.createbtnwid {width:170px; position:absolute; right:0; top:14px}
.createinvobtn {}
/*.newinvobtn {background:url(../images/btn_sprite.png) 0 -204px no-repeat; border:none; cursor:pointer; width:128px; height:38px; margin-top:20px}
.closeinvobtn {background:url(../images/btn_sprite.png) 0 -296px no-repeat; border:none; cursor:pointer; width:82px; height:38px; margin-top:20px}*/
.client_listmid.scroll-pane {width:1008px}
.quote {background:url(../images/quote.png) 0 0 no-repeat; width:95px; height:93px; display:block; position:absolute; right:0; top:0}

/* Project List */
.total_projects {background-position:center -1008px}
.total_task {background-position:center -1154px}
.comp_projects {background-position:center -1310px}
.comp_tasks {background-position:center -1467px}

.proj_searchsec,.proj_header,.proj_btmrnd,.add_projbg,.proj_detailhead,.detail_reset,.list_title,.listbtmbg,.detailbtmbg,.editdltblock,.unarchive_block {background:url(../images/round_headerbg.png) 0 -244px no-repeat}
.proj_searchsec {padding:20px 20px 0; height:55px; margin-bottom:10px; position:relative}
.filter_close {background:url(../images/fancy_close.png) 0 0 no-repeat; width:30px; height:30px; position:absolute; right:-10px; top:-10px; display:block}

.all_procol {width:240px; float:left}
.proj_header {background-position:0 -449px; width:210px; height:48px; padding:15px 15px 0}
.projtitle,.add_proj,.detail_title,.editdltblock .deteditbtn,.editdltblock .deletebtn,.editdltblock .archive,.editdltblock .project_invoice,.unarchive_block .deletebtn,.unarchive_block .unarchive {background:url(../images/icons.png) 0 -203px no-repeat}
.projtitle,.detail_title {padding-left:45px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; font-weight:normal; color:#fff; font-size:16px}
.proj_listmid {border:1px solid #1e2227; border-width:0 1px; width:238px; background:#fff; position:relative; height:510px}
.searchsec {background:#eff0f1; padding:10px}
.searchbg {background:url(../images/search_listbg.png) 0 0 no-repeat; width:218px; height:31px}
.searchbg input {background:none; border:none; font-family:proxima_nova_alt_ltbold; color:#818181; font-size:14px; padding:7px 10px 5px 30px; width:178px}
.proj_btmrnd {background-position:0 -518px; padding:0; margin:0; height:5px}
.add_projbg {padding:10px 10px 0; background-position:-304px -168px; height:38px; width:53px; position:absolute; left:-1px; bottom:-5px}
.add_proj {background-position:0 -805px; height:28px; width:28px; display:block}
.add_proj:hover {background-position:0 -592px}

.proj_listmid .scroll-pane {width:238px; height:422px; overflow:hidden}
.proj_listmid .scroll-pane .jspTrack {background:url(../images/scrollbar_bg422.png) 0 0 no-repeat}

.proj_rightcol {width:761px; float:right}
.proj_detailhead {background-position:0 -344px; padding:15px 20px 0; height:54px}
.detail_title {background-position:0 -262px}
.detail_midcol {background:#f0f9ff; border:1px solid #1e2227; border-width:0 1px; width:715px; padding:10px 22px 14px; height:480px; position:relative}
.detailbtmbg {background-position:0 -420px; height:5px}
.detailtitle {color:#3F4650; font-family:droid_sansbold; font-weight:normal; font-size:21px; margin-bottom:10px}
.detailtitle.title_width {margin-right:20px; background:url(../images/brdimg.gif) 100% center no-repeat; padding-right:20px; line-height:normal}
.detailtitle a {color:#3F4650}

ul.detaillist.client_det {padding:6px 0 0; width:448px}
ul.detaillist.client_det li {font-family:droid_sansbold; float:left; display:block; font-size:13px; border:none; padding:0; margin:0; width:auto}
ul.detaillist.client_det li.clientname {background:url(../images/brdimg.gif) 100% center no-repeat; padding:0 20px 0 0; margin-right:20px}
ul.detaillist.client_det li a {color:#3f4650}
ul.detaillist.client_det li label {color:#3f4650; width:auto; margin-right:15px; font-weight:normal; font-family:droid_sansregular}
ul.detaillist.client_det li span {float:left; display:block; color:#3f4650; font-weight:normal; width:auto}
ul.detaillist.client_det li a {color:#f15c3c; text-decoration:underline}
ul.detaillist.client_det li a:hover {text-decoration:none}
ul.detaillist.client_det li a.clientname {color:#178acd; text-decoration:none}
.create_invoicelink {color:#f15c3c; text-decoration:underline; font-family:droid_sansbold; float:right}
.create_invoicelink:hover {text-decoration:none; color:#f15c3c}

ul.list_tabs {margin:0; padding:0 0 0 10px; position:relative; top:1px}
ul.list_tabs li {float:left; background:url(../images/tab_leftbg.png) 0 0 no-repeat; padding:0 0 0 26px; height:33px; cursor:pointer; margin-right:-29px; position:relative}
ul.list_tabs li a {float:left; display:block; font-family:proxima_nova_alt_ltbold; font-size:16px; color:#fff; text-shadow:0 1px 1px #1e2227; background:url(../images/tab_rightbg.png) 100% 0 no-repeat; height:33px; line-height:33px; padding:0 32px 0 3px; outline:none}
ul.list_tabs li.first {z-index:1}
ul.list_tabs li.first:hover,ul.list_tabs li.second:hover,ul.list_tabs li.first.active,ul.list_tabs li.second.active {z-index:2}
ul.list_tabs li.first:hover,ul.list_tabs li.second:hover,ul.list_tabs li.first.active,ul.list_tabs li.second.active {background-position:0 -42px}
ul.list_tabs li.first:hover a,ul.list_tabs li.second:hover a,ul.list_tabs li.first.active a,ul.list_tabs li.second.active a {background-position:100% -42px}

.detail_reset {background-position:0 -544px; padding:10px 10px 0; width:836px; height:40px}
.detail_search {background:url(../images/detail_searchbg.png) 0 -1px no-repeat; width:294px; height:35px; margin-right:20px; float:left}
.detail_search input[type='text'] {background:none; border:none; color:#818181; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:9px 10px 7px 30px; width:254px}
.client_resetform {float:left; margin-right:15px; float:left}
.client_resetform label {float:left; display:block; font-size:14px; color:#fff; text-shadow:0 1px 1px #1e2227; font-family:proxima_nova_alt_ltbold; margin:6px 8px 0 0; font-weight:normal}

.searchresetsec {width:392px; margin-top:-4px}

/* Client-Reset For Selectbox */
.client_select .jquery-selectbox.selecthover {z-index:700}
.client_select .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:33px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #1e2227; border-top:none}
.client_select .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:33px; cursor:pointer; position:absolute; left:0; top:0}
.client_select .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.client_select .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:14px; padding-left:5px; color:#818181}
.client_select .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:33px; color:#818181; text-align:left; padding-left:10px; height:33px}
.client_select .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/client_selectbox.png) 0 0 no-repeat; height:33px; width:146px; float:left; font-family:proxima_nova_alt_ltbold}
.client_select .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.client_select .jquery-selectbox .jquery-selectbox-list {width:142px; top:27px; left:1px; font-family:proxima_nova_alt_ltbold; height:70px; overflow:auto; overflow-x:hidden}

/* Project-Reset For Selectbox */
.peoject_select .jquery-selectbox.selecthover {z-index:700}
.peoject_select .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:33px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #1e2227; border-top:none}
.peoject_select .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:33px; cursor:pointer; position:absolute; left:0; top:0}
.peoject_select .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.peoject_select .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:14px; padding-left:5px; color:#818181}
.peoject_select .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:33px; color:#818181; text-align:left; padding-left:10px; height:33px}
.peoject_select .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/project_selectbox.png) 0 0 no-repeat; height:33px; width:154px; float:left; font-family:proxima_nova_alt_ltbold}
.peoject_select .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.peoject_select .jquery-selectbox .jquery-selectbox-list {width:150px; top:27px; left:1px; font-family:proxima_nova_alt_ltbold; height:70px; overflow:auto; overflow-x:hidden}

.btnreset {background:url(../images/btn_leftbg.png) 0 -416px no-repeat; padding-left:6px; height:32px; cursor:pointer; float:left}
.btnreset input {background:url(../images/btn_rightbg.png) 100% -413px no-repeat; padding:0 6px 0 0; height:32px; cursor:pointer; border:none; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:14px; font-family:proxima_nova_alt_ltbold; float:left}

.btnreset_new {background:url(../images/new_leftbtnsprite.png) 0 -1290px no-repeat; padding-left:6px; height:31px; cursor:pointer; float:left}
.btnreset_new input {background:url(../images/new_rightbtnsprite.png) 100% -1290px no-repeat; padding:0 6px 0 0; height:31px; cursor:pointer; border:none; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:14px; font-family:proxima_nova_alt_ltbold; float:left}
.btnreset_new:hover {background-position:0 -1331px}
.btnreset_new:hover input {background-position:100% -1331px}

.list_title {background-position:0 -593px; height:41px}
.taskcol,.startdate_col,.dudate_col,.timecol,.actioncol {width:302px; height:39px; line-height:39px; background:url(../images/devider.png) 100% 0 no-repeat; padding:0 15px; float:left; font-size:14px; font-family:proxima_nova_alt_ltbold; color:#fff; text-transform:capitalize; text-shadow:0 1px 1px #1e2227}
.startdate_col {width:81px}
.dudate_col {width:81px}
.timecol {width:55px}
.actioncol {width:65px; padding:0; text-align:center; background:none}
.list_mid {background:#f7f7f7; border:1px solid #1e2227; border-width:0 1px; width:713px}
.listbtmbg {background-position:0 -641px; height:5px}

/* Project list scroll */
.projectlist.scroll-pane2 {height:246px}
.projectlist.scroll-pane2 .jspTrack {background:url(../images/scrillbarbg_proj.png) 0 0 no-repeat; position:relative; overflow:hidden; border-radius:20px}
.projectlist.scroll-pane2 .jspDrag {background:url(../images/slider_bar.gif) 0 0 no-repeat; position:relative; top:0; left:0; cursor:pointer; border:1px solid #979797; border-radius:20px}

ul.task_listdetail {padding:0}
ul.task_listdetail li {float:left; clear:both; width:100%; height:34px; border-bottom:1px solid #d9d9d9; color:#3f4650; font-family:droid_sansbold; font-size:13px; padding:0; line-height:34px}
ul.task_listdetail li .detailtask,ul.task_listdetail li .startdate,ul.task_listdetail li .dudate,ul.task_listdetail li .timesec,ul.task_listdetail li .actionsec {border-right:1px solid #d9d9d9; padding:0 15px; width:299px; float:left; font-weight:normal}
ul.task_listdetail li .startdate {width:80px}
ul.task_listdetail li .dudate {width:80px}
ul.task_listdetail li .timesec {width:54px}
ul.task_listdetail li .actionsec {width:60px; text-align:center; border:none; padding:0}
ul.task_listdetail li a.delete {background:url(../images/delete_icon.png) 0 0 no-repeat; width:12px; height:14px; display:block; margin:10px 0 0 4px; float:left}
ul.task_listdetail li a.listeditbtn {background:url(../images/edit_icon.png) 0 0 no-repeat; width:14px; height:15px; display:block; margin:9px 0 0 4px; float:left}
ul.task_listdetail li a.archive {background:url(../images/archive_icon.png) 0 0 no-repeat; width:19px; height:14px; display:block; margin:10px 0 0 4px; float:left}
ul.task_listdetail li a.complete {background:url(../images/complete_icon.png) 0 0 no-repeat; width:19px; height:14px; display:block; margin:10px 0 0 4px; float:left}
ul.task_listdetail li a.unarchive_task {background:url(../images/un_archiveicon.png) 0 0 no-repeat; width:14px; height:14px; display:block; margin:10px 0 0 4px; float:left}

/* For Checkbox */
ul.task_listdetail li .detailtask label {color:#3f4650; font-size:13px; font-weight:normal}
ul.task_listdetail li .detailtask .custom-checkbox{position: relative; padding-top:2px}
ul.task_listdetail li .detailtask .custom-checkbox input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
ul.task_listdetail li .detailtask .custom-checkbox label {position: relative; z-index: 1;  margin: 0; cursor:pointer; padding-left:24px; padding-right:5px; text-align:left}
ul.task_listdetail li .detailtask .custom-checkbox label {background:url(../images/custome_checkbox.png) 0 2px no-repeat}
ul.task_listdetail li .detailtask .custom-checkbox label.checked {background:url(../images/custome_checkbox.png) 0 -59px no-repeat}

.total_sec {padding:10px}
.totalblock {width:216px; font-family:droid_sansbold}
.totalblock label {font-weight:normal; color:#939393; font-size:13px; float:left; margin-right:20px; width:52px; text-align:left}
.totalblock span {float:left; display:block; width:120px; color:#25292d}
.roundbtn {background:url(../images/plus_leftbg.png) 0 0 no-repeat; padding-left:24px; height:31px; line-height:31px; color:#fff; font-size:13px; font-family:montserratbold; text-shadow:0 1px 1px #f05b40; text-align:center; float:left; display:block}
.roundbtn span {background:url(../images/plus_rightbg.png) 100% 0 no-repeat; padding:0 15px 0 0; float:left; display:block; cursor:pointer; height:31px}
.roundbtn:hover {color:#fff; background-position:0 -49px}
.roundbtn:hover span {background-position:100% -49px}

.editdltblock {background-position:-394px -168px; height:38px; width:138px; position:absolute; right:-1px; bottom:-5px; padding:10px 10px 0 36px}
.editdltblock .deteditbtn {background-position:0 -325px; float:left; display:block; width:26px; height:26px; margin-right:10px}
.editdltblock .deletebtn,.unarchive_block .deletebtn {background-position:0 -391px; display:block; width:26px; height:26px; float:left}
.editdltblock .archive {background-position:0 -474px; display:block; width:26px; height:26px; float:left; margin-right:10px}
.editdltblock .deteditbtn:hover {background-position:0 -646px}
.editdltblock .deletebtn:hover,.unarchive_block .deletebtn:hover {background-position:0 -699px}
.editdltblock .archive:hover {background-position:0 -751px}
.editdltblock .project_invoice {background-position:0 -864px; float:left; display:block; width:27px; height:22px; margin-right:10px; text-align:center; padding-top:5px}
.editdltblock .project_invoice img {background:#fff; padding:2px}
.editdltblock .project_invoice:hover {background-position:0 -922px}

.unarchive_block {background-position:-625px -449px; padding:10px 10px 0 36px; height:38px; width:64px; position:absolute; right:-1px; bottom:-5px}
.unarchive_block .unarchive {background-position:0 -1108px; width:27px; height:26px; float:left; margin-right:10px}
.unarchive_block .unarchive:hover {background-position:0 -1173px}

.addprojclient {background:url(../images/plus_leftbg1.png) 0 0 no-repeat; padding-left:24px; height:38px; line-height:38px; color:#fff; font-size:13px; font-family:montserratbold; text-shadow:0 1px 1px #f05b40; text-align:center; float:left; display:block}
.addprojclient span {background:url(../images/plus_rightbg1.png) 100% 0 no-repeat; padding:0 10px 0 0; float:left; display:block; cursor:pointer; height:38px}
.addprojclient:hover {color:#fff}
#project-list-title {margin-top:20px}

/* Dashboard Client New Design Integrate */
.add_firstclient .left_col,.thanks_li .left_col,.add_project .left_col,#addtaskli .left_col {width:100%}
.upload_vcard {width:456px; margin:0 auto}

#filevcarddrop {position:relative; width:456px; height:356px; margin:0 auto}
#filevcarddrop .dropinputsec {width:456px; margin:0 auto; float:none; position:relative}
#filevcarddrop .dropsec {width:426px; background:url(../images/drag_dropbg.png); font-size:14px; font-family:droid_sansregular; padding:15px; height:326px; position:relative}
#filevcarddrop .dropsec span {position:absolute; top:150px; left:0; right:0; text-align:center; color:#818181; font-size:18px; font-family:proxima_nova_alt_ltbold}
#filevcarddrop .img_preview {width:58px; height:58px; border:1px solid #D7D7D7; float:left; padding:1px}
#filevcarddrop .img_preview img {width:58px; height:58px}
#filevcarddrop .drop_msgtxt {font-size:21px; font-family:proxima_nova_alt_thbold; color:#f15d43; background:url(../images/up_arrw.png) center top no-repeat; padding-top:40px; text-align:center; margin:15px 0 30px}
#filevcarddrop .vcardbtn {width:230px; margin:0 auto}
#filevcarddrop .vcardbtn a {text-transform:none}
#filevcarddrop .template-upload {position:absolute; left:455px; top:115px; width:340px; float:none}
#filevcarddrop .preview {float:left; width:104px; height:90px; margin-right:10px}
#filevcarddrop .errorclass {position:absolute; left:70px; top:20px; width:280px; color:#ff000c; font-size:11px}
#filevcarddrop .errorclass span {font-weight:bold} 
#filevcarddrop .preview img {border:1px solid #D7D7D7; padding:1px}
#filevcarddrop #new_upload_msg {position:absolute; left:0; top:80px; width:224px; color:#F15D43; font-size:14px; line-height:18px; font-family:proxima_nova_alt_ltregular}
#filevcarddrop .fade canvas {height:90px !important; width:100px !important; border:1px solid #D7D7D7; padding:1px}
#filevcarddrop #file_up_status_vcard {width:340px; position:absolute; left:98px; top:230px; line-height:18px; font-size:14px; font-family:proxima_nova_alt_ltregular}
#filevcarddrop .template-download {position:absolute; left:455px; top:115px; width:340px; float:none}

.client_leftform {width:700px; float:left}
.uplaod_form  {float:right; width:410px}
.uplaod_form ul.form li label {text-align:left !important; float:none}

ul.cont_slide li ul.form li .formcol {width:396px; margin-bottom:30px; position:relative;}
ul.cont_slide li ul.form li .formcol.widthsml {width:288px; margin-left:16px}
ul.cont_slide li ul.form li label.smlwid {width:68px}
ul.cont_slide li ul.form li .formcol.mobile {margin:0}

ul.cont_slide li ul.form li .customeselect {background:url(../images/selectbox_client.png) 0 0 no-repeat; width:218px; height:34px; position:relative}
ul.cont_slide li ul.form li .customeselect select {opacity:0; filter:alpha(opacity=0); width:218px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
ul.cont_slide li ul.form li .customeselect span {position:absolute; top:6px; left:10px; right:10px; width:174px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}
ul.cont_slide li ul.form li .formcol .postcodebox {background:url(../images/stateinputbg.png) 0 0 no-repeat; width:190px; height:34px}
ul.cont_slide li ul.form li .formcol .cityinput {background:url(../images/cityinputbg.png) 0 0 no-repeat; width:218px; height:34px}
ul.cont_slide li ul.form li .formcol .postcodebox.errordiv_sml,ul.cont_slide li ul.form li .inputbg_sml.errordiv_sml {background:url(../images/errorbg_sml.png) 0 0 no-repeat}
ul.cont_slide li ul.form li .formcol .postcodebox input {color:#929393; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:170px; position:relative; z-index:1; border:none; background:none}
ul.cont_slide li ul.form li .formcol .cityinput input {color:#929393; font-size:14px; font-family:proxima_nova_alt_ltbold; padding:7px 10px; margin:0; width:198px; position:relative; z-index:1; border:none; background:none}
ul.cont_slide li ul.form li .inputbg.errordiv {background:url(../images/errorbg.png) 0 0 no-repeat}
ul.cont_slide li ul.form li .textareabg.errortextarea {background:url(../images/errorbg_textarea.png) 0 0 no-repeat}
ul.cont_slide li ul.form li .errormsg {background:#e60e23; color:#fff; font-size:14px; padding:6px 15px; position:absolute; right:0px; top:0px; width:135px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; font-family:proxima_nova_alt_ltbold; z-index: 1;}
ul.cont_slide li ul.form li .errormsg span {background:url(../images/error_msgarrw.png) 0 0 no-repeat; display:inline-block; position:absolute; left:-6px; top:10px; width:6px; height:12px;}
ul.cont_slide li ul.form li .customeselect1 {background:url(../images/selectbox_vbig.png) 0 0 no-repeat; width:840px; height:34px; position:relative}
ul.cont_slide li ul.form li .customeselect1 select {opacity:0; filter:alpha(opacity=0); width:840px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
ul.cont_slide li ul.form li .customeselect1 span {position:absolute; top:6px; left:10px; right:10px; width:506px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

.infograybtn {margin-right:20px; width:200px}
.graybtnlinkplus {background:url(../images/plus_leftbg1.png) 0 -42px no-repeat; padding-left:24px; height:38px; line-height:38px; color:#818181; font-size:13px; font-family:montserratbold; text-shadow:0 1px 1px #fff; text-align:center; float:left; display:block}
.graybtnlinkplus span {background:url(../images/plus_rightbg1.png) 100% -42px no-repeat; padding:0 10px 0 0; float:left; display:block; cursor:pointer; height:38px}

.graybtnplus {background:url(../images/plus_leftbg1.png) 0 -42px no-repeat; padding-left:24px; height:38px; line-height:38px; float:left; cursor:pointer}
.graybtnplus input {background:url(../images/plus_rightbg1.png) 100% -42px no-repeat; padding:0 10px 0 0; float:left; display:block; cursor:pointer; height:38px; color:#818181; font-size:13px; font-family:montserratbold; text-shadow:0 1px 1px #fff; border:none}

.thanks_msg {background:url(../images/green_icon.png) center top no-repeat; padding-top:100px; text-align:center; font-family:proxima_nova_alt_thbold}
.thanks_msg .redtxt {color:#f15d43; font-size:30px; margin-bottom:10px; font-weight:normal}
.thanks_msg .blacktxt {color:#3f4650; font-size:21px; font-weight:normal; margin-bottom:50px}

.redbtninput {background:url(../images/plus_leftbg1.png) 0 0 no-repeat; padding-left:24px; height:38px}
.redbtninput input {background:url(../images/plus_rightbg1.png) 100% 0 no-repeat; padding:0 10px 0 0; float:left; cursor:pointer; height:38px; color:#fff; font-size:13px; font-family:montserratbold; text-shadow:0 1px 1px #f05b40; border:none}
.redbtninput:hover {background-position:0 -321px}
.redbtninput:hover input {background-position:100% -320px}

.invoicebtn {width:135px; margin:0 auto 10px}
.upgradebtncent {width:135px; margin:0 auto}
.upgradebtn {background:url(../images/new_leftbtnsprite.png) 0 -744px no-repeat; height:36px; cursor:pointer; float:left; padding-left:7px}
.upgradebtn input {background:url(../images/new_rightbtnsprite.png) 100% -744px no-repeat; height:36px; border:none; cursor:pointer; padding:0 5px 0 0; color:#fff; font-size:13px; float:left; margin:0; font-family:montserratbold; text-shadow:0 1px 1px #1e2227}
.upgradebtn:hover {background-position:0 -799px}
.upgradebtn:hover input {background-position:100% -799px}

/* Popup Content */
.popupcol {width:300px; margin:0 30px 15px 0; float:left}
.popupcol.last {margin:0 0 15px}
.popupcol .gray_top {background:url(../images/round_headerbg.png) -665px -168px no-repeat; width:300px; height:4px}
.popupcol .gray_btm {background:url(../images/round_headerbg.png) -665px -179px no-repeat; width:300px; height:4px}
.popupcol .popupmid {background:#eff0f1; padding:30px 50px; text-align:center; color:#3f4650; font-family:droid_sansregular; font-size:13px; line-height:20px; overflow:hidden; height:350px; position:relative}
.popupcol .popupmid p {margin:0; padding-bottom:20px}
.popupcol .upgrade_btnpos {position:absolute; bottom:30px; left:87px; width:120px}

/* popup */

.poupsecdelete {background:url(../images/pop_transbg.png) 0 0 repeat; -webkit-box-shadow:0px 0 5px #333; -moz-box-shadow:0px 0 5px #333; box-shadow:0px 0 5px #333; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:570px; padding:10px; position:absolute; top:0%; left:28%; z-index:1000}
.poupsecdelete .popup_title {background:url(../images/pop_titlebg.gif) 0 0 repeat-x; height:47px; line-height:47px; border:1px solid #1e2227; border-width:1px 1px 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:16px; font-weight:normal; font-family:proxima_nova_alt_thbold; overflow:hidden}
.poupsecdelete .popup_title h2 {font-weight:normal; line-height:47px; text-indent:15px; font-size:16px}
.poupsecdelete .popup_title .closesec {background:url(../images/col_devider.png) 0 0 no-repeat; height:40px; margin-top:1px; width:42px; height:44px; text-align:center; line-height:40px}
.poupsecdelete .popup_title .closesec a {display:inline-block; margin-top:15px}
.poupsecdelete .popup_contsec {background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px; margin-bottom:10px; height:450px; overflow-y:auto; overflow-x:hidden}
.poupsecdelete.sddjh {}

.poupsecsmall {background:url(../images/pop_transbg.png) 0 0 repeat; -webkit-box-shadow:0px 0 5px #333; -moz-box-shadow:0px 0 5px #333; box-shadow:0px 0 5px #333; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:570px; padding:10px; position:absolute; top:0%; left:28%; z-index:1000}
.poupsecsmall .popup_title {background:url(../images/pop_titlebg.gif) 0 0 repeat-x; height:47px; line-height:47px; border:1px solid #1e2227; border-width:1px 1px 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:16px; font-weight:normal; font-family:proxima_nova_alt_thbold; overflow:hidden}
.poupsecsmall .popup_title h2 {font-weight:normal; line-height:47px; text-indent:15px; font-size:16px}
.poupsecsmall .popup_title .closesec {background:url(../images/col_devider.png) 0 0 no-repeat; height:40px; margin-top:1px; width:42px; height:44px; text-align:center; line-height:40px}
.poupsecsmall .popup_title .closesec a {display:inline-block; margin-top:15px}
.poupsecsmall .popup_contsec {background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px; margin-bottom:10px; height:450px; overflow-y:auto; overflow-x:hidden}
.poupsecsmall.sddjh {}


.createprojecttrigger {background:url(../images/pop_transbg.png) 0 0 repeat; -webkit-box-shadow:0px 0 5px #333; -moz-box-shadow:0px 0 5px #333; box-shadow:0px 0 5px #333; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:570px; padding:10px; position:absolute; top:0%; left:28%; z-index:1000}
.createprojecttrigger .popup_title {background:url(../images/pop_titlebg.gif) 0 0 repeat-x; height:47px; line-height:47px; border:1px solid #1e2227; border-width:1px 1px 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:16px; font-weight:normal; font-family:proxima_nova_alt_thbold; overflow:hidden}
.createprojecttrigger .popup_title h2 {font-weight:normal; line-height:47px; text-indent:15px; font-size:16px}
.createprojecttrigger .popup_title .closesec {background:url(../images/col_devider.png) 0 0 no-repeat; height:40px; margin-top:1px; width:42px; height:44px; text-align:center; line-height:40px}
.createprojecttrigger .popup_title .closesec a {display:inline-block; margin-top:15px}
.createprojecttrigger .popup_contsec {background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px; margin-bottom:10px; height:450px; overflow-y:auto; overflow-x:hidden}
.createprojecttrigger.sddjh {}

.poupsec {background:url(../images/pop_transbg.png) 0 0 repeat; -webkit-box-shadow:0px 0 5px #333; -moz-box-shadow:0px 0 5px #333; box-shadow:0px 0 5px #333; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:570px; padding:10px; position:absolute;top:0%;left:28%; z-index:100000}
.poupsec .popup_title {background:url(../images/pop_titlebg.gif) 0 0 repeat-x; height:47px; line-height:47px; border:1px solid #1e2227; border-width:1px 1px 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#fff; text-shadow:0 1px 1px #1e2227; font-size:16px; font-weight:normal; font-family:proxima_nova_alt_thbold; overflow:hidden}
.poupsec .popup_title h2 {font-weight:normal; line-height:47px; text-indent:15px; font-size:16px}
.poupsec .popup_title .closesec {background:url(../images/popup_devider.png) 0 0 no-repeat; margin-top:1px; width:42px; height:44px; text-align:center; line-height:40px}
.poupsec .popup_title .closesec a {display:inline-block; margin-top:15px}
.poupsec .popup_contsec {background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px; margin-bottom:10px;  height:450px; overflow-y:auto; overflow-x:hidden; position:relative}

/* For Dashboard summary reports popup*/
.poupsec .summary_popup_contsec {background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px; margin-bottom:10px; position:relative}

.poupsec.sddjh {}
.summeryview_popup ul.reportlist li .clientdetail_sec {margin-left:18px}
.summeryview_popup ul.reportlist li {border:none}
.summeryview_popup ul.reportlist li .clientdetail_sec ul li {border-bottom:1px solid #D9D9D9}
.summeryview_popup.poupsec .popup_contsec {margin-bottom:0;background:#fff; border:1px solid #1e2227; border-width:0 1px 1px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:15px;}

ul.popup_form {padding:0}
ul.popup_form li {float:left; clear:both; width:100%; margin-bottom:25px; position:relative}
ul.popup_form li label {color:#818181; font-size:16px; font-family:proxima_nova_alt_ltbold; float:left; display:block; width:130px; margin:4px 30px 0 0; font-weight:normal; text-align:right}
ul.popup_form li .formtextbg {background:url(../images/inputfield_poup.png) 0 0 no-repeat; width:350px; height:35px}
ul.popup_form li .formtextbg input {background:none; border:none; padding:8px 10px; width:330px; color:#929393; font-family:proxima_nova_alt_ltbold; font-size:14px}
ul.popup_form li .formtextarea {background:url(../images/textarea_popup.png) 0 0 no-repeat; width:350px; height:68px}
ul.popup_form li .formtextarea textarea {background:none; border:none; padding:8px 10px; width:330px; color:#929393; font-family:proxima_nova_alt_ltbold; font-size:14px; outline:none; resize:none;}

ul.popup_form li .formtextbg.addclientreadonly {background:url(../images/reonlybox_input.png) 0 0 no-repeat}
ul.popup_form li .cross_icon {background:url(../images/closeicon_sml.png) 0 0 no-repeat; width:17px; height:17px; position:absolute; right:-4px; top:10px; display:inline-block}
/* Country Selectbox(popup) */
ul.popup_form li .jquery-selectbox.selecthover {z-index:700}
ul.popup_form li .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:33px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
ul.popup_form li .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
ul.popup_form li .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
ul.popup_form li .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:14px; padding-left:5px; color:#929393}
ul.popup_form li .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:33px; color:#818181; text-align:left; padding-left:10px; height:33px}
ul.popup_form li .countrysel .jquery-selectbox {position:relative; font-size:14px; color:#929393; padding:0; background:url(../images/selectbox_popup.png) 0 0 no-repeat; height:34px; width:350px; float:left; font-family:proxima_nova_alt_ltbold}
ul.popup_form li .countrysel .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.popup_form li .countrysel .jquery-selectbox .jquery-selectbox-list {width:340px; top:33px; left:5px; font-family:proxima_nova_alt_ltbold; height:70px; overflow:auto; overflow-x:hidden}
.cancelbtnwid {width:78px}
ul.popup_form li label.error {background:#ff0000; color:#fff; height:25px; width:330px; line-height:25px; font-size:13px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:0 10px; position:absolute; right:16; top:33px; z-index:1000;text-align:center;}


.project_desc_div   label.error {top:67px !important;}

/*Add Client*/

/*div.clientemailid_div label.error {width:210px !important;  height:50px !important; }*/
 
div.addclientdiv label.error {width:351px !important;  height:28px !important; right:-18px !important; top:31px !important; padding: 0px 0px !important; }
div.clientdescdiv label.error {width:370px !important;  height:28px !important; right:-38px !important; top:67px !important; padding: 0px 0px !important; }
div.clientaddress_div label.error {width:370px !important;  height:27px !important; right:-38px !important; top:67px !important; padding: 0px 0px !important; }
div.clientcompany_div label.error {width:352px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.clientemailid_div label.error {width:352px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.addclientcountry_div label.error {width:217px !important;  height:27px !important; right:-28px !important; top:31px !important; padding: 0px 0px !important; }
div.clientcity_div label.error {width:370px !important;  height:27px !important; right:-38px !important; top:33px !important; padding: 0px 0px !important; }
div.clientstate_div label.error {width:370px !important;  height:27px !important; right:-38px !important; top:33px !important; padding: 0px 0px !important; }

/* Edit Client*/
div.editclient_div label.error {width:351px !important;  height:28px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.editcompnay_div label.error {width:351px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.editclientemailid_div label.error {width:351px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }

div.editclientcity_div label.error {width:351px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.editclientstate_div label.error {width:351px !important;  height:27px !important; right:-18px !important; top:33px !important; padding: 0px 0px !important; }
div.editclientdesc_div label.error {width:370px !important;  height:28px !important; right:-38px !important; top:67px !important; padding: 0px 0px !important; }
div.editclientaddress_div label.error {width:370px !important;  height:27px !important; right:-38px !important; top:67px !important; padding: 0px 0px !important; }


/* Dashboard_view Add Your First Project*/ 

div.firstproject_div label.error {top:80px !important;}

/*Client_view Dopdown
EditClient PopUp 
*/
.client_view_customeselect2,.currency_customeselect {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectbox_client.png) 0 0 no-repeat; height:34px; width:220px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.client_view_customeselect2 select,.currency_customeselect select {opacity:0; filter:alpha(opacity=0); width:72px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.client_view_customeselect2 span,.currency_customeselect span {position:absolute; top:6px; left:10px; right:10px; width:72; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

/*Project_view Dopdown
EditClient PopUp*/
.project_view_customeselect2 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectbox_popup.png) 0 0 no-repeat; height:34px; width:350px; float:left; font-family:proxima_nova_alt_rgregular}
.project_view_customeselect2 select {opacity:0; filter:alpha(opacity=0); width:350px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.project_view_customeselect2 span {position:absolute; top:6px; left:10px; right:10px; width:72; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

/*  invoice_details_view.php    */


.invo_details_view_customeselect2 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectboxbg.png) 0 0 no-repeat;  height:34px; width:550px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.invo_details_view_customeselect2 select {opacity:0; filter:alpha(opacity=0); width:550px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.invo_details_view_customeselect2 span {position:absolute; top:6px; left:10px; right:10px; width:550px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}


/*customSelect for invoice_edit_view Date*/
 /* Day */
.customeselect2 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/date_selectbox.png) 0 0 no-repeat; height:34px; width:72px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.customeselect2 select {opacity:0; filter:alpha(opacity=0); width:72px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.customeselect2 span {position:absolute; top:6px; left:10px; right:10px; width:72; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

/* Month */
.customeselect3 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/month_selectbox.png) 0 0 no-repeat; height:34px; width:126px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.customeselect3 select {opacity:0; filter:alpha(opacity=0); width:126px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.customeselect3 span {position:absolute; top:6px; left:10px; right:10px; width:126px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

/* year */
.customeselect4 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/year_selectbox.png) 0 0 no-repeat; height:34px; width:86px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.customeselect4 select {opacity:0; filter:alpha(opacity=0); width:86px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.customeselect4 span {position:absolute; top:6px; left:10px; right:10px; width:86px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

/* Invoice Right Col */
.invosentmenu {float:right; width:205px}
.invotempl_sec {padding:0 24px}
.invoice_rightcol {position:relative; width:205px; float:right; margin-bottom:30px}
.invomenualign {float:right}
.invoice_rightcol.fixed_pos {position:fixed; top:90px; width:205px}
.hangimg {background:url(../images/round_headerbg.png) -286px -653px no-repeat; height:89px; width:44px; margin-top:-20px}
.invoice_rightcol.fixed_pos .hangimg {margin-top:0} 
ul.invoice_edtmenu {padding:0}
ul.invoice_edtmenu li {position:relative; margin:0; padding:0; cursor:pointer; width:44px}
ul.invoice_edtmenu li a {display:block; width:44px; height:43px; background:url(../images/invoice_icons.png) no-repeat; outline:none}
ul.invoice_edtmenu li.edit a {background-position:0 0}
ul.invoice_edtmenu li.delete a {background-position:0 -43px}
ul.invoice_edtmenu li.permalink a {background-position:0 -86px}
ul.invoice_edtmenu li.send_invoice a {background-position:0 -129px}
ul.invoice_edtmenu li.markpaid a {background-position:0 -172px}
ul.invoice_edtmenu li.printinvoice a {background-position:0 -215px}
ul.invoice_edtmenu li.sendquote a {background-position:0 -258px}
ul.invoice_edtmenu li.rec_invoice a {background-position:0 -301px}
ul.invoice_edtmenu li.pdf a {background-position:0 -695px}
ul.invoice_edtmenu li.chg_template a {background-position:0 -867px}
ul.invoice_edtmenu li.pay_receipt a {background-position:0 -952px}

ul.invoice_edtmenu li.edit:hover a,ul.invoice_edtmenu li.edit.active a {background-position:0 -351px}
ul.invoice_edtmenu li.delete:hover a,ul.invoice_edtmenu li.delete.active a {background-position:0 -394px}
ul.invoice_edtmenu li.permalink:hover a,ul.invoice_edtmenu li.permalink.active a {background-position:0 -437px}
ul.invoice_edtmenu li.send_invoice:hover a,ul.invoice_edtmenu li.send_invoice.active a {background-position:0 -480px}
ul.invoice_edtmenu li.markpaid:hover a,ul.invoice_edtmenu li.markpaid.active a {background-position:0 -523px}
ul.invoice_edtmenu li.printinvoice:hover a,ul.invoice_edtmenu li.printinvoice.active a {background-position:0 -566px}
ul.invoice_edtmenu li.sendquote:hover a,ul.invoice_edtmenu li.sendquote.active a {background-position:0 -609px}
ul.invoice_edtmenu li.rec_invoice:hover a,ul.invoice_edtmenu li.rec_invoice.active a {background-position:0 -652px}
ul.invoice_edtmenu li.pdf:hover a,ul.invoice_edtmenu li.pdf.active a {background-position:0 -738px} {background-position:0 -695px}
ul.invoice_edtmenu li.chg_template:hover a {background-position:0 -910px}
ul.invoice_edtmenu li.pay_receipt:hover a {background-position:0 -995px}

ul.invoice_edtmenu li:hover > .overbg {display:block}
ul.invoice_edtmenu li.active .overbg {display:block}
ul.invoice_edtmenu li .overbg {background:url(../images/round_headerbg.png) -286px -763px no-repeat; width:180px; height:44px; position:absolute; top:0; right:37px; display:none; line-height:44px; text-indent:30px; color:#fff; text-shadow:0 1px 1px #1788ca; font-size:15px; font-size:15px; font-family:montserratbold; z-index:1}

/* Default_template */
/* Template 1 */
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:800; src:local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');}

.template_wrap1 {width:800px; float:left; margin-top:55px; font-family:Open Sans}
.template_header1 {margin:0 0 10px; padding:20px; position:relative; background:#e4e7ea; width:760px}

span.quote_invo {position:absolute; left:-4px; top:-4px; display:block; width:127px; height:129px}
span.quote {background:url(../images/quote_icons.png) 0 0 no-repeat; position:absolute; left:-4px; top:-4px; display:block; width:127px; height:129px}
span.ready_invo {background:url(../images/quote_icons.png) 0 -148px no-repeat;position:absolute; left:-4px; top:-6px; display:block; width:127px; height:129px}
span.sent_invo {background:url(../images/quote_icons.png) 0 -302px no-repeat; position:absolute; left:-4px; top:-6px; display:block; width:127px; height:129px}
span.draft_invo {background:url(../images/quote_icons.png) 0 -456px no-repeat; position:absolute; left:-4px; top:-6px; display:block; width:127px; height:129px}
span.overdue_invo {background:url(../images/quote_icons.png) 0 -603px no-repeat; position:absolute; left:-4px; top:-6px; display:block; width:127px; height:129px}
span.paid_invo {background:url(../images/quote_icons.png) 0 -750px no-repeat; position:absolute; left:-4px; top:-6px; display:block; width:127px; height:129px}

.logocol {width:400px; padding:45px 0 0 40px}
.proj_nametitle {font-weight:300; color:#69747f; font-size:32px; line-height:normal}
.right_infocol {float:right; width:250px; padding-top:40px;}
.info_title {margin:0 0 20px; font-weight:300; color:#f05a3f; font-size:32px; text-transform:uppercase; line-height:38px}
.infolist {margin:0 0 5px; color:#02010f; font-size:13px}
.infolist span {display:inline-block}
.infolist .info_lbl {font-weight:800; width:110px}
.infolist .info_desc {font-weight:normal; display:inline-block; width:136px}
.cont_sec {padding:20px 20px 10px}
.info_addrsec {padding:0 0 15px; overflow:hidden}
.addr_to {color:#02010f; font-size:14px; width:370px}
.addr_to span.strong {font-weight:800}

.project_table {width:760px}
.project_table th {background:#e4e7ea; color:#02010f; font-size:13px; text-align:left; padding:10px; font-weight:800; text-transform:uppercase}
.project_table td {color:#02010f; font-size:12px; text-align:left; padding:15px 10px; font-weight:normal; border-bottom:1px solid #e4e7ea}
.project_table td p {margin:0 0 5px; padding:0; font-weight:600; text-transform:uppercase}
.project_table tr.brdnone td {border:none}
.project_table tr.totalcol td {border:none; background:#f05a3f; color:#fff; font-size:13px; text-align:left; padding:15px 10px; font-weight:normal}
.project_table tr.totalcol td.strong {font-weight:800}

.thankyou_sec {margin:0 0 30px; padding:20px; background:#e4e7ea; color:#02010f; font-size:13px; text-transform:uppercase}
.thankyou_sec p {margin-bottom:5px}

.payment_sec {padding:10px 0 0; overflow:hidden}
.payment_title {margin:0 0 20px; padding:0; font-weight:800; font-size:20px; color:#02010f}
.payment_block {margin:0 0 20px; padding:0; color:#02010f; font-size:13px; width:380px; float:left; min-height:130px}
.payment_block1 {margin:0 0 20px; padding:0; color:#02010f; font-size:13px; width:380px; float:left; min-height:130px}
.payment_heading {font-weight:bold; font-size:13px; margin:0}
.payment_cond {margin:0 0 15px; padding:0; font-size:13px}
.payment_list {margin:0; padding:0; color:#02010f; overflow:hidden; line-height:normal}
.payment_list span {display:block; float:left}
.payment_list span.list_lbl {width:160px; font-weight:800}
.payment_list span.listdesc {width:190px;}
.bank_card {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card p {margin-bottom:5px}
.bank_desccol {float:left; margin:0; padding:0; font-size:13px; color:#02010f; width:238px}
.btm_logo {padding-top:30px}

/* red template */
/* invoice_templ2 */
@font-face {font-family:'ubuntubold'; src:url('../fontface/ubuntu-b-webfont.eot'); src:url('../fontface/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ubuntu-b-webfont.woff') format('woff'), url('../fontface/ubuntu-b-webfont.ttf') format('truetype'), url('../fontface/ubuntu-b-webfont.svg#ubuntubold') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'ubuntulight'; src:url('../fontface/ubuntu-l-webfont.eot'); src:url('../fontface/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),url('../fontface/ubuntu-l-webfont.woff') format('woff'), url('../fontface/ubuntu-l-webfont.ttf') format('truetype'), url('../fontface/ubuntu-l-webfont.svg#ubuntulight') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'ubunturegular'; src: url('../fontface/ubuntu-r-webfont.eot'); src:url('../fontface/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/ubuntu-r-webfont.woff') format('woff'), url('../fontface/ubuntu-r-webfont.ttf') format('truetype'), url('../fontface/ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight:normal; font-style:normal;}

.payment_sec_red {padding:10px 0 30px; overflow:hidden}
.payment_title_red {margin:0 0 20px; padding:0; font-weight:normal; font-size:25px; font-family:'ubuntubold'; }
.payment_block_red {margin:0; padding:0; color:#02010f; font-size:15px}
.payment_block1_red {margin:0; padding:0; color:#02010f; font-size:15px}
.payment_heading_red {font-weight:ubuntubold; font-size:15px}
.payment_cond_red {margin:0 0 20px; padding:0; font-size:15px}
.payment_list_red {margin:0; padding:0; color:#02010f; overflow:hidden}
.payment_list_red span {display:block; float:left}
.payment_list_red span.list_lbl_red {width:160px; font-weight:normal; font-family:ubuntubold}
.payment_list_red span.listdesc_red {width:190px;}
.bank_card_red {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_red p {margin-bottom:5px}
.bank_desccol_red {float:left; margin:0; padding:0; font-size:15px; color:#02010f; width:215px}
.btm_logo_red {padding-top:30px}

#invoice_templ2 {width:800px; float:left; font-family:ubuntulight; margin-top:55px}
.template_header2 {background:#dc0c33; padding:20px; padding-left:61px; padding-top:61px;}

.logocol_temp2 {margin:0 0 20px; padding:45px 0 0 45px}
.cominfosec_temp2 {/*overflow:hidden*/ padding-left:45px;}
.comptitle_temp2 {margin:0 0 15px; padding:0; font-weight:100; color:#fff; font-size:32px; text-transform:uppercase; line-height:38px}
.projtitle_temp2 {margin:0 0 15px; padding:0; font-weight:100; color:#f46e87; font-size:24px; line-height:normal}
.projlist_temp2 {margin:0; padding:0; color:#fff; font-size:13px; overflow:hidden}
.projlist_temp2 .list_lbltemp2 {display:block; width:140px; color:#f46e87; float:left}
.projlist_temp2 .list_desctemp2 {display:block; width:200px; float:left}
.paymentcol_temp2_red {color:#02010f; font-size:13px; float:left; width:380px; min-height:130px; margin-bottom:20px}
.paymenttitle_temp2_red {font-size:20px; font-family:ubuntubold; margin-bottom:15px; font-weight:normal; color:#dc0c33}
.banktitle_temp2_red {color:#02010f; font-size:13px; font-family:ubuntubold; margin:0}
.content_temp2 {padding:0 20px 0}
.addrndetail_temp2 {overflow:hidden}
.addrcol_temp2 {float:left; padding:20px 0 30px; color:#02010f; font-size:13px; width:180px}
.addrto_temp2 {margin:0 0 40px}
.totxt_temp2 {font-family:ubuntubold}
.colortxt_temp2 {color:#dc0c33}
.notescol_temp2 {margin:0 0 30px; color:#02010f; font-size:13px}
.notestitle_temp2 {margin:0 0 5px; color:#dc0c33; font-family:ubuntubold}
.pricedetailcol_temp2 {padding:0 0 20px; overflow:hidden; float:right; width:580px}
.pricetbl_temp2 {width:580px; border:1px solid #e4e7ea; border-width:0 1px 1px; font-family:ubunturegular}
.pricetbl_temp2 th {color:#02010f; font-size:13px; text-align:left; padding:10px; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #e4e7ea}
.pricetbl_temp2 td {color:#02010f; font-size:13px; text-align:left; padding:15px 10px; font-weight:normal; border-bottom:1px solid #e4e7ea}
.pricetbl_temp2 tr.pricingsec td {border:1px solid #e4e7ea; border-width:1px 0}
.pricetbl_temp2 td .pricinglist {margin:0 0 5px; padding:0; font-weight:400}
.pricetbl_temp2 td.totalcol {color:#dc0c33; font-size:13px; text-align:left; text-transform:uppercase; font-family:ubuntubold}
.paymenttitle_temp2 {margin:0 0 20px; font-family:ubuntubold; font-size:25px; color:#dc0c33; font-weight:normal}
.pricetbl_temp2 td.totalprice p {margin-bottom:5px}
.paymentcol_temp2 {color:#02010f; font-size:18px}
.banktitle_temp2 {font-family:ubuntubold}
.condtxt_temp2 {margin:0 0 20px}
.bankfasccol {margin:0 15px 0 0; padding:0; width:140px; float:left}
.bankfasccol p {margin-bottom:10px}
.bankcond_col {width:225px; float:left; font-size:15px; color:#02010f}

/* Blue template  done*/
/* invoice_templ3 */
@font-face {font-family:'museo300'; src:url('../fontface/museo300-regular-webfont.eot'); src:url('../fontface/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),   url('../fontface/museo300-regular-webfont.woff') format('woff'), url('../fontface/museo300-regular-webfont.ttf') format('truetype'), url('../fontface/museo300-regular-webfont.svg#museo300') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'museo700'; src:url('../fontface/museo700-regular-webfont.eot'); src:url('../fontface/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),   url('../fontface/museo700-regular-webfont.woff') format('woff'), url('../fontface/museo700-regular-webfont.ttf') format('truetype'), url('../fontface/museo700-regular-webfont.svg#museo700') format('svg'); font-weight:normal; font-style:normal;}

.payment_sec_blue {padding:10px 0 0; overflow:hidden}
.payment_title_blue {margin:0 0 20px; padding:0; font-weight:normal; font-size:15px;color:#1788ca; font-family:museo700}
.payment_block_blue {margin:0; padding:0; color:#02010f; font-size:13px; width:380px; float:left; min-height:130px; margin-bottom:20px}
.payment_block1_blue {margin:0; padding:0; color:#02010f; font-size:13px; width:380px; float:left; min-height:130px; margin-bottom:20px}
.payment_heading_blue {font-weight:normal; font-size:13px;font-family:museo700; margin:0}
.payment_cond_blue {margin:0 0 15px; padding:0; font-size:13px;}
.payment_list_blue {margin:0; padding:0; color:#02010f; overflow:hidden; line-height:normal}
.payment_list_blue span {display:block; float:left}
.payment_list_blue span.list_lbl_blue {width:160px; font-weight:normal;font-family:museo700}
.payment_list_blue span.listdesc_blue {width:190px;}
.bank_card_blue {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_blue p {margin-bottom:5px}
.bank_desccol_blue {float:left; margin:0; padding:0; font-size:13px; color:#02010f; width:240px}
.btm_logo_blue {padding-top:30px}

#invoice_templ3 {width:800px; float:left; font-family:museo300; margin-top:55px}
.header_tmpl3 {padding:20px}

.projinfo_temp3 {float:left; width:250px; padding-left:35px; padding-top:43px;}
.projtitle_temp3 {margin:0 0 20px; font-weight:normal; color:#1788ca; font-size:24px; text-transform:uppercase; line-height:38px; font-family:museo300}
.projinfo_listtemp3 {margin:0; color:#303640; font-size:14px; overflow:hidden}
.projinfo_listtemp3 span {float:left; display:block}
.projinfo_listtemp3 span.projlbl {width:120px; color:#303640}
.projinfo_listtemp3 span.projdesc {width:130px} 
.projinfo_listtemp3 span.projdesc .datetxt {font-weight:normal; font-size:10px; color:#000; font-family:museo700}
.projname_temp3 {margin:10px 0 20px; font-weight:normal; color:#303640; font-size:24px; line-height:normal}

.fromsec {float:right; width:200px; font-size:13px;margin-top: 45px;}
.fromsecin {margin:0;}
.fromtitle_temp3 {color:#1788ca; font-family:museo700}

.logosec_temp3 {margin:45px 220px 0 260px; width:280px; min-height:100px; text-align:right}

.content_topsec_temp3 {padding:20px 20px 0; background:#f0f3f5; overflow:hidden}
#invoice_templ3 .tosec {float:left; width:200px; font-size:13px}
#invoice_templ3 .to_title {color:#1788ca; font-family:museo700}
#invoice_templ3 .totalsec {float:right; width:520px}
#invoice_templ3 .totalblock {background:#1788ca; padding:20px; width:480px}
#invoice_templ3 .totaltitle {margin:0 0 5px; color:#fff; font-size:13px; text-transform:uppercase; font-family:museo700}
#invoice_templ3 .totalprice {color:#fff; font-size:32px; font-weight:normal; text-align:right; font-family:museo700}
#invoice_templ3 .title_tbl {width:520px}
#invoice_templ3 .title_tbl th {color:#1788ca; font-size:13px; text-align:left; padding:10px; font-weight:normal; border-left:1px solid #fff; font-family:museo700; text-transform:uppercase}
#invoice_templ3 .title_tbl th.last {border:1px solid #fff; border-width:0 1px}
#invoice_templ3 .midcontentsec {padding:0 20px 20px}
#invoice_templ3 .pricingcont {overflow:hidden; padding:0 0 40px}
#invoice_templ3 .notesblock {float:left; padding:20px 0 30px; color:#02010f; font-size:13px; width:180px}
#invoice_templ3 .notestitle {color:#1788ca; margin-bottom:5px; font-family:museo700}
#invoice_templ3 .detailsecdiv {padding:0 0 20px; overflow:hidden; float:right; width:520px}
#invoice_templ3 .detailtbl {width:520px}
#invoice_templ3 .detailtbl td {color:#02010f; font-size:13px; text-align:left; padding:15px 0; font-weight:normal; border-bottom:1px solid #f0f3f5}
#invoice_templ3 .detailtbl tr.pricingdesc td {border-bottom:none}
#invoice_templ3 .detailtbl tr.pricingdesc td p {margin-bottom:5px; font-family:museo300; padding:0 5px}
#invoice_templ3 .detailtbl tr.pricingdesc td p.total {color:#1788ca; font-size:13px; text-align:left; text-transform:uppercase; font-family:museo700; margin:0}

/* green template */
/* invoice template green */
@font-face {font-family:'muliregular'; src:url('../fontface/muli-regular-webfont.eot'); src:url('../fontface/muli-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/muli-regular-webfont.woff') format('woff'), url('../fontface/muli-regular-webfont.ttf') format('truetype'), url('../fontface/muli-regular-webfont.svg#muliregular') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'mulilight'; src:url('../fontface/muli-light-webfont.eot'); src:url('../fontface/muli-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/muli-light-webfont.woff') format('woff'), url('../fontface/muli-light-webfont.ttf') format('truetype'), url('../fontface/muli-light-webfont.svg#mulilight') format('svg'); font-weight:normal; font-style:normal;}

.payment_sec_green {padding:10px 0 0; overflow:hidden}
.payment_title_green {margin:0 0 15px; padding:0; font-weight:normal;font-family:mulilight; font-size:24px;color: #0a512e;}
.payment_block_green {margin:0; padding:0; color:#02010f; font-size:13px; width:360px; float:left; margin-bottom:20px; min-height:140px}
.payment_block1_green {margin:0; padding:0; color:#02010f; font-size:13px; float:left; margin-bottom:20px; min-height:140px; width:360px}
.payment_heading_green {font-weight:normal;font-family:muliregular; font-size:13px;color: #0a512e; margin:0}
.payment_cond_green {margin:0 0 15px; padding:0; font-size:13px}
.payment_list_green {margin:0; padding:0; color:#02010f; overflow:hidden}
.payment_list_green span {display:block; float:left}
.payment_list_green span.list_lbl_green {width:160px; font-weight:normal;font-family:mulilight;color:#0a512e}
.payment_list_green span.listdesc_green {width:190px; color:##02010f;}
.bank_card_green {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_green p {margin-bottom:5px}
.bank_desccol_green {float:left; margin:0; padding:0; font-size:13px; color:#02010f; width:215px}
.btm_logo_green {padding-top:30px}

#invtemp_green {width:800px; float:left; font-family:mulilight; background:#f0f3f5; margin-top:55px}
#invtemp_green .header {background:#5db88b url(../images/greentemp_brdbg.gif) 0 100% repeat-x; padding:20px 20px 100px}
#invtemp_green .logosec {margin-bottom:20px; padding:45px 0 0 40px;}
#invtemp_green .invdetailsec {float:left; width:300px; padding-left:40px;}
#invtemp_green .invo_title {margin:0 0 20px; font-weight:normal; color:#fff; font-size:24px; text-transform:uppercase; font-family:muliregular}
#invtemp_green .projname_title {margin:0 0 20px; font-weight:normal; color:#fff; font-size:24px; font-family:muliregular}
#invtemp_green .invopaydate {margin:0 0 3px; color:#0a512e; font-size:16px}
#invtemp_green .toptotal_sec {float:right; width:300px}
#invtemp_green .toptotal_sec h2 {color:#fff; font-size:24px; font-weight:normal; text-align:right;  font-family:muliregular}
#invtemp_green .contentsec {margin:-80px 20px 0; padding:20px 20px 0; background:#fff; position:relative}
#invtemp_green .topcontsec {overflow:hidden; padding:0 0 10px}
#invtemp_green .pricetblsec {padding:0 0 20px; overflow:hidden; width:720px}
#invtemp_green .pricetbl {width:720px}
#invtemp_green .pricetbl th {color:#0a512e; font-size:13px; text-align:left; padding:20px 10px; font-weight:normal; font-family:muliregular; text-transform:uppercase}
#invtemp_green .pricetbl td {color:#02010f; font-size:13px; text-align:left; padding:15px 10px; font-weight:normal}
#invtemp_green .pricetbl td .pricedisclist {margin-bottom:5px}
#invtemp_green .pricetbl td .disc_marg {margin-left:-5px}
#invtemp_green .pricetbl td.totalsec {color:#83670e; font-size:24px; text-align:center; padding:15px 10px; background:#f6e3a8; font-family:muliregular}
#invtemp_green .notessec {margin:0 0 10px; padding:0 0 10px; color:#02010f; font-size:13px}
#invtemp_green .notessec .notes_title {margin:0 0 5px; font-family:muliregular; color:#0a512e}
#invtemp_green .addr_fromto {padding:20px 0 10px; color:#303640; font-size:13px; overflow:hidden; border-bottom:1px solid #f0f3f5}
#invtemp_green .addr_fromto .tocol {float:left; width:280px}
#invtemp_green .addr_fromto .tocol .totxt {color:#0a512e; font-family:muliregular}
#invtemp_green .addr_fromto .fromcol {float:right; width:280px}
#invtemp_green .addr_fromto .fromcol .fromtxt {color:#0a512e; font-family:muliregular}

/* Template Gray */
/* gray_template */
.payment_sec_gray{padding:10px 0 0 20px; overflow:hidden}
.payment_title_gray {margin:0 0 15px; padding:0; font-weight:normal; font-family:montserratbold; font-size:18px; color:#02010f;}
.payment_block_gray {margin:0; padding:0; color:#575757; font-size:12px; float:left; width:370px; min-height:130px; margin-bottom:20px}
.payment_block1_gray {margin:0; padding:0; color:#575757; font-size:12px; float:left; width:370px; min-height:130px; margin-bottom:20px}
.payment_heading_gray {font-weight:normal;font-family:montserratbold; font-size:12px;color:#02010f; margin-bottom:0}
.payment_cond_gray {margin:0 0 15px; padding:0; font-size:12px}
.payment_list_gray {margin:0; padding:0; color:#575757; overflow:hidden}
.payment_list_gray span {display:block; float:left}
.payment_list_gray span.list_lbl_gray {width:160px; font-weight:bold}
.payment_list_gray span.listdesc_gray {width:190px; color:#575757;}
.bank_card_gray {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_gray p {margin-bottom:5px}
.bank_desccol_gray {float:left; margin:0; padding:0; font-size:15px; color:#575757; width:235px}
.btm_logo_gray {padding-top:30px}
#template_gray {width:800px; background:#f0f3f5 url(../images/template_topimg.png) 0 0 no-repeat; float:left; font-family:montserratregular; padding-top:18px; margin:55px 0 30px}
#template_gray .header {padding:20px; width:760px}
#template_gray .logosec {width:250px; float:left; padding:40px 0 0 40px;}
#template_gray .invoicesec {float:right; width:252px; padding-top:40px;}
#template_gray .invoice_title {margin:0 0 10px; font-weight:normal; color:#02010f; font-size:20px; text-transform:uppercase; font-family:montserratbold}
#template_gray .projname_title {margin:10px 0 10px; font-weight:normal; color:#02010f; font-size:20px; font-family:montserratbold}
#template_gray .datepaylist {margin:0; color:#575757; font-size:12px; overflow:hidden}
#template_gray .datepaylist span {display:block; float:left}
#template_gray .datepaylist span.involbl {width:120px}
#template_gray .datepaylist span.invodesc {width:130px}
#template_gray .contentsec {padding:0 20px 20px}
#template_gray .pricerblsec {padding:0 0 20px; overflow:hidden; width:760px}
#template_gray .pricetbl {width:760px}
#template_gray .pricetbl th {color:#02010f; font-size:13px; text-align:left; padding:10px; font-weight:normal; background:#fff; border-right:2px solid #e3e5e7; text-transform:uppercase}
#template_gray .pricetbl th.last {border:none}
#template_gray .pricetbl td {color:#575757; font-size:11px; text-align:left; padding:15px 10px; font-weight:normal; border-right:2px solid #e3e5e7}
.desc-wrap, .desc_temp{width:350px; word-wrap:break-word; position:relative}
.desc-wrap .edit-desc {background:url(../images/edit_icon.png) 0 0 no-repeat; width:14px; height:15px; display:inline-block; margin-left:10px}
.desc-wrap textarea, .desc_temp textarea,.desc-wrap textarea, .desc_temp input[type=text] {border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#7d868f; padding:7px 10px 10px; font-size:13px; font-family:proxima_nova_alt_rgregular; width:300px; height:50px; resize:vertical}
.desc_temp input[type=text] {height:auto; padding:4px 5px}
#template_gray .pricetbl td .desc_temp .settings-desc {background:url(../images/setting.png) 0 0 no-repeat; height:16px; width:16px; display:inline-block; margin-left:8px}
#template_gray .pricetbl td.last {border:none}
#template_gray .pricetbl tr.totalsec td {background:#fff; color:#02010f; text-transform:uppercase; font-size:16px; text-align:center}
#template_gray .notestitle {margin:0; color:#02010f; font-family:montserratbold; font-size:12px}
#template_gray .thankstxt {margin:0 0 5px; color:#02010f; font-family:montserratregular}
#template_gray .pricedisclist {margin-bottom:5px; font-family:montserratbold; color:#02010f; font-size:12px; text-transform:uppercase; text-align:center}
#template_gray .fromtoaddr {margin:0 0 30px; padding:20px; color:#02010f; font-size:13px; overflow:hidden; background:#fff}
#template_gray .fromtoaddr .tosec {float:left; width:280px; color:#02010f; font-size:13px}
#template_gray .fromtoaddr .totxt {color:#3888ff; font-family:montserratbold; font-size:13px}
#template_gray .fromtoaddr .fromsecinvo {float:right; width:280px; color:#02010f; font-size:13px}
#template_gray .fromtoaddr .fromtxt {color:#ff4848; font-family:montserratbold; font-size:13px}
#template_gray .pricetbl td.center,#template_gray .pricetbl th.center {text-align:center}
.ivo-loader {background:url(../images/delete_loader.png) 0 0 no-repeat; width:12px; height:12px; position:absolute; right:10%; top:5px; display:inline-block}
.ivo-closeicon {background:url(../images/close_icon2.png) 0 0 no-repeat; width:12px; height:12px; display:inline-block; position:absolute; top:-1px; right:20px; z-index:1}

/* Light Red template */
/* Template Lighred */
@font-face {font-family:'gudearegular'; src:url('../fontface/gudea-regular-webfont.eot'); src:url('../fontface/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),     url('../fontface/gudea-regular-webfont.woff') format('woff'), url('../fontface/gudea-regular-webfont.ttf') format('truetype'), url('../fontface/gudea-regular-webfont.svg#gudearegular') format('svg'); font-weight:normal; font-style:normal;}

@font-face {font-family:'gudeabold'; src:url('../fontface/gudea-bold-webfont.eot'); src:url('../fontface/gudea-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/gudea-bold-webfont.woff') format('woff'), url('../fontface/gudea-bold-webfont.ttf') format('truetype'), url('../fontface/gudea-bold-webfont.svg#gudeabold') format('svg'); font-weight:normal; font-style:normal;}

.payment_sec_lightred {padding:10px 0 0; overflow:hidden}
.payment_title_lightred {margin:0 0 15px; padding:0; font-weight:bold; font-size:20px;color:#6a6a6a;}
.payment_block_lightred {margin:0; padding:0; color:#02010f; font-size:13px; float:left; width:352px; min-height:130px; margin-bottom:20px}
.payment_block1_lightred {margin:0; padding:0; color:#02010f; font-size:13px; float:left; width:352px; min-height:130px; margin-bottom:20px}
.payment_heading_lightred {font-weight:normal;font-family:gudeabold; font-size:13px;color:#6a6a6a; margin:0}
.payment_cond_lightred {margin:0 0 15px; padding:0; font-size:13px;color:#949494}
.payment_list_lightred {margin:0; padding:0; color:#02010f; overflow:hidden; line-height:normal}
.payment_list_lightred span {display:block; float:left}
.payment_list_lightred span.list_lbl_lightred {width:160px; font-weight:normal; font-family:gudeabold;color:#949494}
.payment_list_lightred span.listdesc_lightred {width:190px; color: #949494;}
.bank_card_lightred {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_lightred p {margin-bottom:5px}
.bank_desccol_lightred {float:left; margin:0; padding:0; font-size:13px; color:#02010f; width:215px}
.btm_logo_lightred {padding-top:30px}

#template_redL {width:800px; float:left; font-family:gudearegular; margin:55px 0 30px}
#template_redL .header {background:#ca4f51; overflow:hidden; padding:0 47px}
#template_redL .header .topbrd {border-top:10px solid #732e2f; overflow:hidden; padding:20px 0 80px}
#template_redL .logocol {width:300px}
#template_redL .logocol .logo {margin-bottom:20px}
#template_redL .projnametitle {margin:0 0 15px; font-weight:normal; color:#fff; font-size:20px; font-family:gudeabold}
#template_redL .projinvoicecol {float:right; width:300px; padding-top:40px;}
#template_redL .projinvolist {color:#8b3439; font-size:14px; overflow:hidden; margin-bottom:0}
#template_redL .projinvolist span {float:left; display:block}
#template_redL .projinvolist span.projlbl {width:120px}
#template_redL .projinvolist span.projdesc {width:130px}
#template_redL .contentstart {padding:0 47px}
#template_redL .pagetopcont {background:#e5e1d6}
#template_redL .pricetblsec {overflow:hidden; width:706px; position:relative; margin-top:-24px}
#template_redL .pricetbl {width:706px}
#template_redL .tblheader {background:url(../images/tbl_headerbgredL.png) 0 0 no-repeat; height:45px}
#template_redL .tblcolm {background:url(../images/table_colbg.png) 0 0 repeat-y}
#template_redL .pricetbl th {color:#6a6a6a; font-size:13px; text-align:left; font-weight:normal; line-height:45px; padding-left:20px; font-family:gudeabold}
#template_redL .pricetbl td {color:#949494; font-size:12px; text-align:left; padding:15px 10px 15px 20px; font-weight:normal}
#template_redL .pricetbl td .notetitle {margin:0 0 5px; font-family:gudeabold; color:#6a6a6a}
#template_redL .pricetbl td .thntxt {color:#6a6a6a}
#template_redL .pricetbl th.center,#template_redL .pricetbl td.center {text-align:center; padding-left:0; padding-right:0}
#template_redL .pricetbl td .pricedisc {font-family:gudeabold; margin-bottom:5px; text-align:center; color:#6a6a6a}
#template_redL .pricetbl td .priceoffer {font-family:gudearegular; margin-bottom:5px; text-align:center; color:#949494}
#template_redL .pricetbl td.totalsec {padding:0}
#template_redL .pricetbl td .totalcol {background:url(../images/totalcolbg.png) 0 0 repeat-x; height:53px; line-height:52px; color:#fff; text-align:center; font-family:gudeabold}
#template_redL .invobtmsec {margin:0 47px; padding:20px 20px 0; border-bottom:10px solid #e5e1d6}
#template_redL .addrtofrom {padding:20px 0 30px; color:#949494; font-size:14px; overflow:hidden}
#template_redL .tocol {float:left; width:280px; color:#949494}
#template_redL .totitle {color:#6a6a6a; font-family:gudeabold; color:#6a6a6a}
#template_redL .frominvocol {float:right; width:280px; color:#949494}
.uppercase {text-transform:uppercase}
.pricetbl td.totalprice p {margin:0 0 5px} 

/* Template White */
/* white template */
.payment_sec_white {padding:10px 0 0; overflow:hidden}
.payment_title_white {margin:0 0 15px; padding:0; font-weight:normal; font-family:montserratbold; font-size:18px; color:#02010f}
.payment_block_white {margin:0; padding:0; color:#949494; font-size:12px; font-family:montserratregular; float:left; width:350px; min-height:130px; margin-bottom:20px}
.payment_block1_white {margin:0; padding:0; color:#949494; font-size:12px; float:left; width:350px; min-height:130px; margin-bottom:20px; font-family:montserratregular}
.payment_heading_white {font-weight:noraml; font-size:12px; color:#02010f; font-family:montserratregular; margin:0}
.payment_cond_white {margin:0 0 15px; padding:0; font-size:12px}
.payment_list_white {margin:0; padding:0; color:#949494; overflow:hidden; line-height:normal; font-family:montserratregular}
.payment_list_white span {display:block; float:left}
.payment_list_white span.list_lbl_white {width:160px; font-weight:normal; font-family:montserratbold; color:##949494;}
.payment_list_white span.listdesc_white {width:190px; color:##949494;}
.bank_card_white {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_white p {margin-bottom:5px}
.bank_desccol_white {float:left; margin:0; padding:0; font-size:15px; color:#949494; width:215px; word-wrap:break-word}
.btm_logo_white {padding-top:30px}
#template_white {width:800px; float:left; font-family:montserratregular;position:relative; margin:55px 0 30px}
#template_white .temp_brd {border:10px solid #ebebeb; border-width:10px 0; padding:30px 0 0; margin:0 48px}
#template_white .header {overflow:hidden; padding:0 0 30px}
#template_white .logosec {width:300px; float:left; padding:20px 0 0 20px;}
#template_white .projinvosec {float:right; width:300px;padding-top:20px;}
#template_white .projinvo_title {font-family:montserratbold; margin:0 0 15px; color:#02010f; font-size:20px; font-weight:normal}
#template_white .nameinvo_title {font-family:montserratbold; margin:10px 0 0; color:#02010f; font-size:20px; font-weight:normal}
#template_white .projinvo_list {color:#949494; font-size:13px; overflow:hidden; margin:0; font-family:montserratregular}
#template_white .projinvo_list span {float:left; display:block}
#template_white .projinvo_list span.involbl {width:120px}
#template_white .projinvo_list span.invodesc {width:135px}
#template_white .pricedetailsec {padding:0 0 20px; overflow:hidden; position:relative}
#template_white .pritblheader div {margin:0 2px 0 0; padding:0; background:url(../images/temp_titlebg.gif) 0 0 repeat-x; border:1px solid #caced0; height:40px; line-height:40px; color:#02010f; font-size:13px; text-align:center; float:left; font-family:montserratbold; text-transform:uppercase}
#template_white .pritblheader div.qty {width:94px}
#template_white .pritblheader div.desc {width:372px}
#template_white .pritblheader div.price {width:128px}
#template_white .pritblheader div.total {width:94px; margin-right:0}
#template_white .pricetbl {width:705px}
#template_white .pricetbl td {color:#949494; font-size:11px; text-align:center; padding:15px 10px 15px 20px; font-weight:normal}
#template_white .pricetbl .disclisttxt {font-family:montserratbold; color:#02010f; margin-bottom:5px; font-size:12px; text-transform:uppercase}
#template_white .pricetbl .disclistprice {font-family:montserratbold; color:#949494; margin-bottom:5px; font-size:12px}
#template_white .notestitle {font-family:montserratbold; color:#02010f; text-align:left; margin:0; font-size:12px}
#template_white .thnktxt {color:#02010f; text-align:left}
#template_white .temppricebg {float:right; background:url(../images/temp_pricebg.gif) 0 0 repeat-x; height:42px; border:1px solid #27638b; line-height:40px; color:#fff; text-align:center; font-size:15px; width:105px; font-family:montserratbold}
#template_white .temptotalbg {float:right; background:url(../images/temp_totalbg.gif) 0 0 repeat-x; height:42px; border:1px solid #434b53; line-height:42px; color:#fff; text-align:center; font-size:15px; width:150px; text-transform:uppercase; font-family:montserratbold}
#template_white .addrsec {padding:20px 0 30px; color:#949494; overflow:hidden}
#template_white .tosec {float:left; width:280px; border:1px solid #caced0; padding:15px; border-radius:10px; min-height:100px; font-family:montserratregular; font-size:13px}
#template_white .addrtitle {color:#02010f; font-family:montserratbold}
#template_white .fromsec {float:right; width:280px; border:1px solid #caced0; padding:15px; border-radius:10px; min-height:100px; font-family:montserratregular; font-size:13px}

/* white parror green */
/* Template Parotgreen */
@font-face {font-family:'RokkittRegular'; src:url('../fontface/Rokkitt-webfont.eot'); src:url('../fontface/Rokkitt-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/Rokkitt-webfont.woff') format('woff'), url('../fontface/Rokkitt-webfont.ttf') format('truetype'), url('../fontface/Rokkitt-webfont.svg#RokkittRegular') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:'rokkittbold'; src:url('../fontface/rokkitt-bold-webfont.eot'); src:url('../fontface/rokkitt-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fontface/rokkitt-bold-webfont.woff') format('woff'), url('../fontface/rokkitt-bold-webfont.ttf') format('truetype'), url('../fontface/rokkitt-bold-webfont.svg#rokkittbold') format('svg'); font-weight:normal; font-style:normal;}

.payment_sec_pgreen {padding:10px 55px 0; overflow:hidden}
.payment_title_pgreen {margin:10px 0 15px; padding:0; font-weight:normal; font-family:rokkittbold; font-size:20px;color:#6a6a6a;}
.payment_block_pgreen {margin:0; padding:0; color:#949494; font-size:15px; float:left; width:350px; min-height:130px; margin-bottom:20px}
.payment_block1_pgreen {margin:0; padding:0; color:#949494; font-size:15px; float:left; width:340px; min-height:130px; margin-bottom:20px}
.payment_heading_pgreen {font-weight:normal; font-family:rokkittbold; font-size:15px;color:#6a6a6a; margin:0}
.payment_cond_pgreen {margin:0 0 15px; padding:0; font-size:14px}
.payment_list_pgreen {margin:0; padding:0; color:#949494; overflow:hidden}
.payment_list_pgreen span {display:block; float:left}
.payment_list_pgreen span.list_lbl_pgreen {width:160px; font-weight:normal; font-family:rokkittbold;}
.payment_list_pgreen span.listdesc_pgreen {width:190px;}
.bank_card_pgreen {margin:0 15px 0 0; padding:0; width:120px; float:left}
.bank_card_pgreen p {margin-bottom:5px}
.bank_desccol_pgreen {float:left; margin:0; padding:0; font-size:15px; color:#02010f; width:205px}
.btm_logo_pgreen {padding-top:30px}

#templ_partgreen {width:800px; font-family:RokkittRegular; float:left;position:relative; margin:55px 0 30px}
#templ_partgreen .addrsecpart {padding:20px 70px; color:#949494; font-size:14px}
#templ_partgreen .tosec {float:left; width:280px;font-size:15px;}
#templ_partgreen .addrtitle {color:#6a6a6a}
#templ_partgreen .fromsec {float:right; width:280px;font-size:15px;}
#templ_partgreen .tempcontwrap {background:#e5e1d6}
#templ_partgreen .header {background:#98c08e url(../images/template_topimg1.png) 0 0 no-repeat; padding:20px 48px 80px}
#templ_partgreen .logocol {float:left; width:300px}
#templ_partgreen .nametitle {color:#fff; font-size:18px; font-family:rokkittbold; line-height:normal; font-weight:normal}
#templ_partgreen .projinvocol {float:right; width:300px; padding-top:40px;}
#templ_partgreen .projinvotitle {color:#fff; font-size:20px; font-family:rokkittbold; line-height:normal; font-weight:normal; margin-bottom:10px}
#templ_partgreen .projinvolist {margin:0; color:#688363; font-size:14px; overflow:hidden}
#templ_partgreen .projinvolist span {float:left; display:block}
#templ_partgreen .projinvolist span.involbl {width:120px}
#templ_partgreen .projinvolist span.invodesc {width:130px}
#templ_partgreen .parrtcont {padding:0 48px}
#templ_partgreen .pricetblsec {margin:-24px 0 0; overflow:hidden; width:706px; position:relative}
#templ_partgreen .tblheaderbg {background:url(../images/tbl_headerbgredL.png) 0 0 no-repeat; height:45px}
#templ_partgreen .tblcolm {background:url(../images/table_colbg.png) 0 0 repeat-y}
#templ_partgreen .pricetbl th {color:#6a6a6a; font-size:15px; text-align:left; font-weight:normal; line-height:45px; padding-left:20px; font-family:rokkittbold}
#templ_partgreen .pricetbl td {color:#949494; font-size:14px; text-align:left; padding:15px 10px 15px 20px; font-weight:normal}
#templ_partgreen .pricetbl td.centertxt,#templ_partgreen .pricetbl th.centertxt {text-align:center}
#templ_partgreen .pricetbl td.totalsec {padding:0}
#templ_partgreen .pricetbl td .totalcol {background:url(../images/totalcolbg.png) 0 0 repeat-x; height:53px; line-height:52px; color:#fff; text-align:center; font-family:rokkittbold}
#templ_partgreen .pricetbl td .desclist {color:#6a6a6a; font-family:rokkittbold; margin-bottom:5px}
#templ_partgreen .pricetbl td .descpricelist {color:#949494; margin-bottom:5px}
#templ_partgreen .pricetbl td .notestitle {font-family:rokkittbold; color:#6a6a6a; margin:0}

/* For Checkbox */
.recuringopt .custom-checkbox {position: relative}
.recuringopt .custom-checkbox input {position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; opacity:0; filter:alpha(opacity=0)}
.recuringopt .custom-checkbox label {position: relative; z-index: 1;  margin: 0; cursor:pointer; width:16px; height:18px; display:block}
.recuringopt .custom-checkbox label {background:url(../images/custome_checkbox.png) 0 2px no-repeat; color:#bebebe; font-size:13px; font-family:droid_sansregular; font-weight:normal}
.recuringopt .custom-checkbox label.checked {background:url(../images/custome_checkbox.png) 0 -59px no-repeat}

/* Buttons */
.redbtn_new {background:url(../images/new_leftbtnsprite.png) 0 0 no-repeat; padding-left:6px; height:35px; cursor:pointer}
.redbtn_new input {background:url(../images/new_rightbtnsprite.png) 100% 0 no-repeat; padding:0 6px 0 0; height:35px; color:#fff; font-size:13px; font-family:montserratregular; border:none; cursor:pointer}
.redbtn_new:hover {background-position:0 -238px}
.redbtn_new:hover input {background-position:100% -238px}

.blackbtn_new {background:url(../images/new_leftbtnsprite.png) 0 -45px no-repeat; padding-left:6px; height:35px; cursor:pointer}
.blackbtn_new input {background:url(../images/new_rightbtnsprite.png) 100% -45px no-repeat; padding:0 6px 0 0; height:35px; color:#fff; font-size:13px; font-family:montserratregular; border:none; cursor:pointer}
.blackbtn_new:hover {background-position:0 -92px}
.blackbtn_new:hover input {background-position:100% -92px}

/* Link */
.redbtn_newlink {background:url(../images/new_leftbtnsprite.png) 0 0 no-repeat; padding-left:6px; height:35px; cursor:pointer; color:#fff; font-size:13px; font-family:montserratregular; line-height:35px; float:left; display:block; text-align:center}
.redbtn_newlink span {background:url(../images/new_rightbtnsprite.png) 100% 0 no-repeat; padding:0 6px 0 0; height:35px; color:#fff; font-size:13px; font-family:montserratregular; cursor:pointer; float:left; display:block; line-height:35px}

/* Footer */
.footer_cont {border-top:1px solid #434c58; padding:20px 0; font-family:droid_sansregular; font-size:13px}

.error-message{color:#ff0000; font-size:15px; font-family:proxima_nova_alt_rgbold}
.error-success{color:#fff; font-size:15px; font-family:proxima_nova_alt_rgbold}
.error-error{color:#ff0000; font-size:15px; font-family:proxima_nova_alt_rgbold}

/* On - Off*/
#create-invoice label.switch-toggle {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
#create-invoice label.switch-toggle.on { background:url(../images/yesbtn.png); } 
#create-invoice label.switch-toggle.off { background:url(../images/nobtn.png); } 
#create-invoice label.switch-toggle.hidden { display: none; }
#create-invoice .switch input[type="checkbox"] {display:none;}

#create-invoice label.switch-toggle_country {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
#create-invoice label.switch-toggle_country.on { background:url(../images/yesbtn.png);} 
#create-invoice label.switch-toggle_country.off { background:url(../images/nobtn.png);} 
#create-invoice label.switch-toggle_country.hidden { display: none; }
#create-invoice .switch_country input[type="checkbox"] {display:none}

#create-invoice label.switch-toggle_invoice {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
#create-invoice label.switch-toggle_invoice.on { background:url(../images/yesbtn.png);} 
#create-invoice label.switch-toggle_invoice.off { background:url(../images/nobtn.png);} 
#create-invoice label.switch-toggle_invoice.hidden { display: none; }
#create-invoice .switch_invoice input[type="checkbox"] {display:none}

#create-invoice label.switch-toggle_edit_invoice {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
#create-invoice label.switch-toggle_edit_invoice.on { background:url(../images/yesbtn.png);} 
#create-invoice label.switch-toggle_edit_invoice.off { background:url(../images/nobtn.png);} 
#create-invoice label.switch-toggle_edit_invoice.hidden { display: none; }
#create-invoice .switch_edit_invoice input[type="checkbox"] {display:none}


#create-invoice label.switch-toggle_upload,.switch_curr label.switch-curr-btn {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
#create-invoice label.switch-toggle_upload.on, .switch_curr label.switch-curr-btn.on { background:url(../images/yesbtn.png);} 
#create-invoice label.switch-toggle_upload.off, .switch_curr label.switch-curr-btn.off { background:url(../images/nobtn.png);} 
#create-invoice label.switch-toggle_upload.hidden, .switch_curr label.switch-curr-btn.hidden { display: none; }
#create-invoice .switch_upload input[type="checkbox"] {display:none}

label.switch-toggle {display: block !important; height:30px; cursor: pointer; display: none; width:96px } 
label.switch-toggle.on { background:url(../images/yesbtn.png); } 
label.switch-toggle.off { background:url(../images/nobtn.png); } 
label.switch-toggle.hidden { display: none; }
.switch input[type="checkbox"] {display:none;}

/* Header */
/* Welcome sec */
.welcomesec {float:right; margin-top:3px}
.welcomesec .userprofsec {float:right; width:72px; margin-top:2px}
.welcomesec .userprofsec .userphoto {border:1px solid #1e2227; border-width:1px 0 1px 1px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; width:35px; height:33px; overflow:hidden; float:left; box-shadow:inset 1px 0 0 #7d868a}
.welcomesec .userprofsec .profsec {width:35px; height:37px; float:left; position:relative}
.welcomesec .userprofsec .profsec a.arrw {background:url(../images/user_profarrw.png) 0 0 no-repeat; width:35px; height:37px; display:block}

/* Notification sec */
.welcomesec .notific_sec {width:198px/*94px*/; float:right}
.welcomesec .notific_sec .nofic_icon,.welcomesec .notific_sec .claender_icon,.welcomesec .notific_sec .clock_icon,.welcomesec .notific_sec .helpicon,.welcomesec .notific_sec .curricon {width:42px; height:41px; position:relative; float:left; margin-right:10px}
.welcomesec .notific_sec .nofic_icon a.notificationicon {display:block; background:url(../images/notification_icon.png) 0 0 no-repeat; width:41px; height:41px}
.welcomesec .notific_sec .nofic_icon a.notificationicon:hover {background:url(../images/notification_iconover.png) 0 0 no-repeat}
.welcomesec .notific_sec .claender_icon {margin-right:10px}
.welcomesec .notific_sec .claender_icon a.calender {display:block; background:url(../images/calender_icon.png) 0 0 no-repeat; width:41px; height:41px}
.welcomesec .notific_sec .claender_icon a.calender:hover {background:url(../images/calender_iconover.png) 0 0 no-repeat}
/*.welcomesec .notific_sec .clock_icon {margin:0}*/
.welcomesec .notific_sec .clock_icon a.clock {display:block; background:url(../images/clock_icon.png) 0 0 no-repeat; width:41px; height:41px}
.welcomesec .notific_sec .clock_icon a.clock:hover {background:url(../images/clock_iconover.png) 0 0 no-repeat}
.welcomesec .notific_sec .helpicon {margin:0}
.welcomesec .notific_sec .helpicon a.help_icon {background:url(../images/help_icon.png) 0 0 no-repeat; display:block; width:41px; height:41px}
.welcomesec .notific_sec .helpicon a.help_icon:hover {background:url(../images/help_iconover.png) 0 0 no-repeat}
.welcomesec .notific_sec .curricon a.curr_icon {background:url(../images/dollar-icon.png) 0 0 no-repeat; display:block; width:41px; height:41px}
.welcomesec .notific_sec .curricon a.curr_icon:hover {background:url(../images/dollar-activeicon.png) 0 0 no-repeat}
.welcomesec .notifnosec {position:absolute; top:-10px; right:-10px; z-index:1}
.welcomesec .notifno {background:url(../images/round_lbg.png) 0 0 no-repeat; padding-left:13px; float:left; display:block; height:24px}
.welcomesec .notifno span {background:url(../images/round_rbg.png) 100% 0 no-repeat; padding:0 13px 0 0; height:24px; line-height:24px; color:#fff; font-size:13px; font-family:montserratregular; float:left; display:block}
.welcomesec .notif_dropdown,.welcomesec .currn_dropdown {border:1px solid #1e2227; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; border-radius:6px; position:absolute; right:0; top:40px; width:300px; overflow:hidden; background:url(../images/dropbox_transbg.png) 0 0 repeat; min-height:100px; box-shadow:0 0 30px #31353a; display:none}
.welcomesec .currn_dropdown {width:320px}
.welcomesec .notif_title,.welcomesec .currn_title {background:url(../images/titlebg_notif.png) 0 0 repeat-x; height:46px; line-height:42px; text-align:center; color:#fff; font-size:18px; font-family:proxima_nova_alt_rgbold; text-transform:capitalize; text-shadow:0 0 1px #000}
.welcomesec .currn_title {text-align:left}
.welcomesec .notif_title a,.welcomesec .currn_title a {color:#fff; font-size:14px; margin-right:10px; text-transform:capitalize; font-family:proxima_nova_alt_rgregular}
.welcomesec .notif_title a:hover,.welcomesec .currn_title a:hover {text-decoration:underline}
.welcomesec .notif_title span,.welcomesec .currn_title span {margin-left:10px}
.welcomesec ul.notif_list {margin:0; padding:0}
.welcomesec ul.notif_list li {background:url(../images/brdbg_notlist.png) 0 100% repeat-x; padding:5px 10px; font-size:14px; color:#fff; font-family:proxima_nova_alt_rgregular}
.welcomesec ul.notif_list li a {color:#fff; text-shadow:0 0 1px #000; background:none; width:auto}
.welcomesec ul.notif_list li a:hover {text-decoration:underline}
.welcomesec ul.notif_list li.last {background:none}
.welcomesec .notific_sec .nofic_icon ul.notif_list li a,.welcomesec .notific_sec .nofic_icon ul.notif_list li a:hover {background:none; width:auto; height:auto; display:inline-block}
.welcomesec .currency_block {padding:0 10px}
.welcomesec .currency_block .curncy_calc {margin-bottom:10px; position:relative}
.welcomesec .currency_block .curncy_calc label {color:#fff; font-family:proxima_nova_alt_rgregular; display:inline-block; font-weight:normal; margin:0 0 5px}
.welcomesec .currency_block .curncy_calc input[type=text] {background:#fff; border:1px solid #1e2227; border-radius:3px; box-shadow:inset 0 1px 2px #454b54; padding:8px 10px; color:#4b4b4b; font-family:droid_sansregular; font-size:14px; width:280px}
.welcomesec .currency_block .cur-selectbox {background:url(../images/selectbox_curncy.png) 0 0 no-repeat; width:271px; height:35px; position:relative}
.welcomesec .currency_block .cur-selectbox select {opacity:0; filter:alpha(opacity=0); width:271px; height:34px; margin-top:1px; cursor:pointer; font-family:droid_sansregular; color:#4b4b4b}
.welcomesec .currency_block .cur-selectbox span {position:absolute; top:6px; left:10px; right:10px; width:235px; font-family:droid_sansregular; color:#4b4b4b; overflow:hidden}
.welcomesec .currency_block .total-amount {background:#fff; border:1px solid #1e2227; border-radius:3px; box-shadow:inset 0 1px 2px #454b54; padding:8px 10px; color:#4b4b4b; font-family:droid_sansregular; font-size:30px; width:280px; height:60px; line-height:60px; text-align:center}
.welcomesec .currency_block span.comp-amount {display:inline-block; color:#7D8590; font-size:14px; font-family:droid_sansregular; width:148px}
.welcomesec .currency_block .switch_icon {position:absolute; right:0; top:-20px}
.conv_price {color:#818181; font-family:proxima_nova_alt_ltregular; font-size:12px; margin-left:20px; line-height:normal}

/* User Setting Dropdown (23-07-2013) */
.welcomesec .usersettings {width:162px; position:absolute; right:-10px; top:32px}
.welcomesec .usersettings .topbg {background:url(../images/setting_dropdownbg.png) 0 0 no-repeat; height:23px; width:162px}
.welcomesec .usersettings .btmbg {background:url(../images/setting_dropdownbg.png) 0 -25px no-repeat; height:23px; width:162px} 
.welcomesec .usersettings .setting_midbg {background:url(../images/setting_dropdownmidbg.png) 0 0 repeat-y; width:162px}
.welcomesec .usersettings ul.notif_list {margin:0 17px}
.welcomesec .usersettings ul.notif_list li a.setting,.welcomesec .usersettings ul.notif_list li a.support,.welcomesec .usersettings ul.notif_list li a.logout {background:url(../images/setting_icons.png) 0 0 no-repeat; display:inline-block; padding-left:30px; line-height:19px}
.welcomesec .usersettings ul.notif_list li a.support {background-position:0 -35px}
.welcomesec .usersettings ul.notif_list li a.logout {background-position:0 -68px}

/* Dashboard page Header & Welcome */
#headerwrap_dashboard {background:url(../images/headerbg.png) 0 0 repeat-x; height:85px; width:100%; padding-top:18px; position:fixed; z-index:998}
#headerwrap_dashboard #header {width:1170px; margin:0 auto; position:relative; z-index:10}
#headerwrap_dashboard #header h1#logo {0}

.welcomesec .notsearchbox {background:url(../images/notsearchbox.png) 0 0 no-repeat; width:272px; height:37px; float:right; margin:3px 5px 0 0}
.welcomesec .notsearchbox input[type="submit"] {background:none; border:none; width:33px; height:33px; padding:0; margin:1px 3px 0 1px; float:left; cursor:pointer}
.welcomesec .notsearchbox input[type="text"] {background:none; border:none; padding:10px; font-family:proxima_nova_alt_rgregular; font-size:11px; color:#fff; width:215px}

.welcomesec .notific_devider {background:url(../images/notf_devider.png) 0 0 no-repeat; margin:2px 15px 0 12px; float:right; width:2px; height:35px}

/* Dashboard page */
#maincontent {width:100%; padding:40px 0}
.content_box {-moz-box-shadow:0 0 6px #b1b1b1; -webkit-box-shadow:0 0 6px #b1b1b1; -o-box-shadow:0 0 6px #b1b1b1; box-shadow:0 0 6px #b1b1b1; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; *border:1px solid #e0e0e0; width:1170px; overflow:hidden}
.blueheader {background:url(../images/blue_header.png) 0 0 no-repeat; width:1170px; height:48px; text-align:center; padding-top:20px; position:relative}
.blueheader .dashboard,.blueheader .clienttitle,.blueheader .invoicetitle,.blueheader .projecttitle,.blueheader .pricingtitle,.blueheader .paymenttitle ,.blueheader .notificationtitle,.blueheader .settingtitle,.blueheader .searchtitle, .blueheader .stafftitle, .blueheader .historytitle {background:url(../images/dashboard_icons.png) 0 0 no-repeat; padding-left:40px; font-family:proxima_nova_alt_rgregular; color:#fff; font-size:24px; text-shadow:1px -1px 1px #1788ca; text-transform:uppercase; display:inline-block; height:27px; line-height:27px}

.firsttimeuser {padding-left:40px; font-family:proxima_nova_alt_rgregular; color:#fff; font-size:24px; text-shadow:1px -1px 1px #1788ca; text-transform:uppercase; display:inline-block; height:27px; line-height:27px}
.blueheader .clienttitle {background-position:0 -44px}
.blueheader .invoicetitle {background-position:0 -98px}
.blueheader .projecttitle {background-position:0 -156px}
.blueheader .pricingtitle {background-position:0 -338px}
.blueheader .paymenttitle{background:none}
.blueheader .notificationtitle {background:none}
.blueheader .settingtitle {background:none}
.blueheader .searchtitle {background:none}
.blueheader .stafftitle {background-position:0 -216px}
.blueheader .historytitle {background-position:0 -276px}

.colbox {background:#fff url(../images/left_menubg.png) 0 0 repeat-y; position:relative; width:100%}
.colbox .topcorner {background:url(../images/top_corner.png) 0 0 no-repeat; height:5px; width:105px; position:absolute; left:0; top:0; z-index:1}
.colbox .btmcorner {background:url(../images/btm_corner.png) 0 0 no-repeat; height:5px; width:105px; position:absolute; left:0; bottom:0; z-index:1}
.leftcol {width:100px; float:left; position:relative; z-index:10}

/* Left Menu */
ul.leftmenu {margin:0; padding:0}
ul.leftmenu li {border-bottom:1px solid #48505b; padding:0 5px; position:relative; z-index:1}
ul.leftmenu li a {display:block; color:#6f7d8f; font-size:12px; text-transform:uppercase; font-family:proxima_nova_alt_rgregular; text-align:center}
ul.leftmenu li:hover a,ul.leftmenu li.select a {color:#86d2fe}
ul.leftmenu li span {display:none; position:absolute; width:12px; height:23px; right:-12px; top:32px}
ul.leftmenu li.select span,ul.leftmenu li:hover span {background:url(../images/menulist_active.png) 0 0 no-repeat; display:block}
ul.leftmenu li a.dashboard {background:url(../images/dashboardmenu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li:hover a.dashboard,ul.leftmenu li.select a.dashboard {background:url(../images/dashboard_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.clients {background:url(../images/clients_menu.png) center 0 no-repeat; padding:50px 0 18px}
ul.leftmenu li a.clients:hover,ul.leftmenu li.select a.clients {background:url(../images/clients_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.projects {background:url(../images/projects_menu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.projects:hover,ul.leftmenu li.select a.projects {background:url(../images/projects_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.tasks {background:url(../images/tasks_menu.png) center 0 no-repeat; padding:58px 0 30px}
ul.leftmenu li a.tasks:hover,ul.leftmenu li.select a.tasks {background:url(../images/tasks_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.invoice_leftmenu {background:url(../images/invoice_menu.png) center 0 no-repeat; padding:68px 0 18px}
ul.leftmenu li a.invoice_leftmenu:hover,ul.leftmenu li.select a.invoice_leftmenu {background:url(../images/invoice_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.calender {background:url(../images/calender_menu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.calender:hover,ul.leftmenu li.select a.calender {background:url(../images/calender_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.history {background:url(../images/history_menu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.history:hover,ul.leftmenu li.select a.history {background:url(../images/history_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.reports {background:url(../images/reports_menu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.reports:hover,ul.leftmenu li.select a.reports {background:url(../images/reports_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.staff {background:url(../images/staff_menu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.staff:hover,ul.leftmenu li.select a.staff {background:url(../images/staff_menuactive.png) center 0 no-repeat}
ul.leftmenu li a.upgrade {background:url(../images/upgrademenu.png) center 0 no-repeat; padding:58px 0 18px}
ul.leftmenu li a.upgrade:hover,ul.leftmenu li.select a.upgrade {background:url(../images/upgrademenu_active.png) center 0 no-repeat}

/* Right Column */
.dashboard_right {background:#fff; float:left; width:1070px}
.dashboard_right .statistick_sec {padding:25px 30px 0; *padding-bottom:25px}
.dashboard_right .statistick_title {font-family:proxima_nova_alt_thbold; font-weight:normal; font-size:21px; color:#3f4650; margin-bottom:30px; line-height:21px}

.dashboard_grid {float:left; width:272px; height:74px; border:1px solid #e0e0e0; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:20px; margin:0 34px 30px 0; overflow:hidden}
.dashboard_grid.last {margin:0 0 30px 0}
.dashboard_grid .projectimg,.dashboard_grid .invoiceimg,.dashboard_grid .tasksimg,.dashboard_grid .clientsimg,.dashboard_grid .incomeimg,.dashboard_grid .completeinvoimg {background:url(../images/statistic_iconsnew.png) 0 0 no-repeat; float:left; width:70px; height:64px; margin-right:20px}
.dashboard_grid .invoiceimg {background-position:0 -150px}
.dashboard_grid .tasksimg {background-position:0 -300px}
.dashboard_grid .clientsimg {background-position:0 -460px}
.dashboard_grid .incomeimg {background-position:0 -616px}
.dashboard_grid .completeinvoimg {background-position:0 -777px}
.dashboard_grid .summery_desc {width:182px; float:left; padding-top:10px}
.dashboard_grid .summery_desc h2 {font-family:proxima_nova_alt_thbold; font-weight:normal; font-size:21px; color:#3f4650; margin-bottom:5px}
.dashboard_grid .summery_desc h3 {font-family:montserratbold; font-size:15px; color:#7d8590; font-weight:normal}

/* Calender sec */

.summary_view_customeselect2 {position:relative; z-index:10; font-size:14px; color:#818181; padding:0; background:url(../images/selectbox.png) 0 0 no-repeat; height:34px; width:220px; float:left; font-family:proxima_nova_alt_rgregular; margin-right:20px}
.summary_view_customeselect2 select {opacity:0; filter:alpha(opacity=0); width:200px; height:34px; margin-top:1px; cursor:pointer; font-family:proxima_nova_alt_ltbold; color:#929393}
.summary_view_customeselect2 span {position:absolute; top:6px; left:10px; right:10px; width:200px; font-family:proxima_nova_alt_ltbold; color:#929393; overflow:hidden}

.monthavrg  .summry_monthavrg_select {}


.module {background:url(../images/sec_devider.png) 0 0 no-repeat; padding:30px; overflow:hidden}

.monthavrg {float:right; width:200px; height:34px; margin-left:35px}
.monthavrg .jquery-selectbox.selecthover {z-index:700}
.monthavrg .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:33px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
.monthavrg .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
.monthavrg .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.monthavrg .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:13px; padding-left:5px; color:#818181}
.monthavrg .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:33px; color:#818181; text-align:left; padding-left:10px; height:33px}
.monthavrg .jquery-selectbox {position:relative; font-size:13px; color:#818181; padding:0; background:url(../images/selectbox.png) 0 0 no-repeat; height:34px; width:200px; float:left; font-family:droid_sansregular}
.monthavrg .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.monthavrg .jquery-selectbox .jquery-selectbox-list {width:190px; top:33px; left:5px; font-family:droid_sansregular; height:70px; overflow:auto; overflow-x:hidden}

.calender_input {width:260px; float:right; position:relative}
.calender_input .cal_separator {background:url(../images/cal_separator.png) 0 0 no-repeat; width:8px; height:34px; margin:0 10px; float:left}
.calender_input .calinputbg { width:115px; position:relative; z-index:1; line-height:normal; float:left}
.calender_input .calinputbg span.calicon {background:url(../images/cal_smlicon.png) 0 0 no-repeat; width:14px; height:14px; position:absolute; right:10px; top:10px; display:block}
.calender_input .calinputbg input[type='text'] {width:92px; font-size:13px; font-family:droid_sansregular; color:#818181background:#fff; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#818181; padding:7px 10px 10px; margin:0}
.calender_input input[type='text']:focus {border:1px solid #10a3e7; -moz-box-shadow:0 0 1px #10a3e7; -webkit-box-shadow:0 0 1px #10a3e7; -o-box-shadow:0 0 1px #10a3e7; box-shadow:0 0 1px #10a3e7; -webkit-transition:.4s ease-in-out .4s; -moz-transition:.4s ease-in-out .4s; -o-transition:.4s ease-in-out .4s; -ms-transition:.4s ease-in-out .4s; transition:.4s ease-in-out .4s}

.roundbox {border:1px solid #e0e0e0; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:25px; position:relative}

/* Calender */
.cal_roundbox {border:1px solid #e0e0e0; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; padding:10px; position:relative; float:left; width:624px}

/* Timer */
#timer_section {width:331px; position:fixed; right:-311px; top:0; z-index:10000; -moz-transition:linear .4s; -webkit-transition:linear .4s; -o-transition:linear .4s; -ms-transition:linear .4s; transition:linear .4s; min-height:100%; background:url(../images/timersecbg.png) 0 0 repeat-y}
#time_tracker {width:331px}
#time_tracker.time_trackerpopup {position:inherit; margin-left:-15px}
#time_tracker.time_trackerpopup #trackcntlsec {left:-4px}
#timer_section.showtimer {right:0; -moz-transition:linear .4s; -webkit-transition:linear .4s; -o-transition:linear .4s; -ms-transition:linear .4s; transition:linear .4s}
#time_tracker #trackcntlsec {background:url(../images/tracking_cntrlbg.png) 0 0 repeat; position:absolute; left:11px; bottom:40px; padding:0 10px; width:300px; height:44px; overflow:hidden}
#time_tracker #trackcntlsec .hidearrw {background:url(../images/hide_arrw.png) 100% 5px no-repeat; padding-right:20px; color:#fff; display:block; text-shadow:0 1px 1px #000; font-size:14px; font-family:proxima_nova_alt_rgregular; width:28px; float:right; margin:20px 15px 0 0}
#time_tracker #trackcntlsec .popout {background:url(../images/popout_arw.png) 100% 5px no-repeat; padding-right:32px; color:#fff; display:block; text-shadow:0 1px 1px #000; font-size:14px; font-family:proxima_nova_alt_rgregular; width:48px; float:left; margin:20px 15px 0 15px}
#time_tracker #trackcntlsec .dock {padding-right:32px; color:#fff; display:block; text-shadow:0 1px 1px #000; font-size:14px; font-family:proxima_nova_alt_rgregular; width:35px; float:left; margin:20px 15px 0 15px}
#time_tracker .timer_content {padding:20px 10px 20px 35px; width:286px}
#time_tracker .timer_content .search_client {width:272px; height:37px; margin-bottom:40px; position:relative; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; overflow:hidden; background:#fff}

#time_tracker .timer_content .search_client .cross {background:url(../images/crossicon.png) 0 0 no-repeat; width:17px; height:17px; display:block; position:absolute; right:10px; top:10px}
#time_tracker .timer_content .search_client .cross:hover {background-position:0 -37px}

#time_tracker .timersavesec {overflow:hidden; font-size:13px; font-family:proxima_nova_alt_rgregular; padding:0 10px 10px}

#time_tracker .timer_content .search_client input[type="text"] {background:none; border:none; color:#7d868f; padding:7px 10px 10px; font-family:proxima_nova_alt_rgregular; color:#7d838f; font-size:13px; float:left; padding:10px; width:226px}

#time_tracker .timer_content .search_client input[type="submit"] {background:url(../images/search_icon.png) 0 0 no-repeat; border:none; cursor:pointer; padding:0; width:14px; height:15px; float:left; position:absolute; right:10px; top:10px}
#time_tracker .projectblock {background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; -0-border-radius:3px; border-radius:3px; margin-bottom:20px; overflow:hidden; font-family:proxima_nova_alt_rgregular; width:272px}
#time_tracker .projectblock .proj_title {background:#dcdedf; /* fallback image */ background-image:url(images/fallback-gradient.png); /* Safari 4+, Chrome 1-9 */ background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#dcdedf));/* Safari 5.1+, Mobile Safari, Chrome 10+ */ background-image:-webkit-linear-gradient(top, #fefefe, #dcdedf);  /* Firefox 3.6+ */ background-image:-moz-linear-gradient(top, #fefefe, #dcdedf);/* IE 10+ */ background-image:-ms-linear-gradient(top, #fefefe, #dcdedf);/* Opera 11.10+ */  background-image: -o-linear-gradient(top, #fefefe, #dcdedf); padding:8px; color:#3f4650; font-size:13px}
#time_tracker .projectblock .proj_title span.client_title1,#time_tracker .projectblock .proj_title span.client_title2,#time_tracker .projectblock .proj_title span.client_title3,#time_tracker .projectblock .proj_title span.client_title4,#time_tracker .projectblock .proj_title span.client_title5 {background:url(../images/client_badgeicon.png) 0 0 no-repeat; line-height:20px; padding:2px 0 6px 38px; display:block;min-height:40px;}
#time_tracker .projectblock .proj_title span.client_title2 {background-position:0 -114px}
#time_tracker .projectblock .proj_title span.client_title3 {background-position:0 -228px}
#time_tracker .projectblock .proj_title span.client_title4 {background-position:0 -342px}
#time_tracker .projectblock .proj_title span.client_title5 {background-position:0 -456px}

#time_tracker .projectblock .client_cont {padding:8px; overflow:hidden}
#time_tracker .projectblock .client_cont .timer_edtisec {float:right; width:28px}
#time_tracker .projectblock .client_cont a.playbtn {background:url(../images/playbtn.png) 0 0 no-repeat; height:28px; width:28px; display:block; margin:0 0 15px; outline:none; float:right}
#time_tracker .projectblock .client_cont span.play_loader {width:28px; height:28px; text-align:center; display:block; margin:0 0 15px; float:right}
#time_tracker .projectblock .client_cont a.playbtn:hover {background-position:0 -32px}
#time_tracker .projectblock .client_cont a.playbtn:active {background-position:0 -64px}
#time_tracker .projectblock .client_cont a.delete_timer_task {background:url(../images/timer_icon.png) 0 0 no-repeat; display:block; width:28px; height:28px; margin:0 0 15px; outline:none; float:right}
#time_tracker .projectblock .client_cont a.delete_timer_task:hover {background-position:0 -40px}
#time_tracker .projectblock .client_cont .roundtime_off {background:url(../images/timer_icon.png) 0 -80px no-repeat; display:block; width:28px; height:28px; margin:0; outline:none; float:right}
#time_tracker .projectblock .client_cont .roundtime_on {background:url(../images/timer_icon.png) 0 -120px no-repeat; display:block; width:28px; height:28px; margin:0; outline:none; float:right}
#time_tracker .projectblock .client_cont .roundtime input {margin-top:7px}
#time_tracker .projectblock .client_cont .client_tasksec {margin:0 48px 0 0; border-right:1px solid #dcdedf; min-height:120px}
#time_tracker .projectblock .client_cont p {color:#7c848f; font-size:13px; margin:0}
#time_tracker .projectblock .client_cont p a {color:#7c848f; padding-left:10px; font-family:proxima_nova_alt_rgregular; display:block; outline:none}
#time_tracker .projectblock .client_cont p a:hover,#time_tracker .projectblock .client_cont p a.downarrw {background:url(../images/timer_toglearw.png) 0 8px no-repeat}
#time_tracker .projectblock .client_cont p a.downarrw:hover {background-position:0 -52px}
#time_tracker .projectblock .client_cont .openpoints {overflow:hidden; padding-top:10px}
#time_tracker .projectblock .client_cont .openpoints .tasksec {float:left; padding-left:10px; width:130px}
#time_tracker .projectblock .client_cont .openpoints .tasksec a {display:block; color:#cc7392; font-family:proxima_nova_alt_rgregular; font-size:13px; line-height:20px}
#time_tracker .projectblock .client_cont .openpoints .pointbtnsec {float:right; width:105px}
#time_tracker .projectblock .client_cont .openpoints .pointbtnsec a.timerbtn {display:block; margin-bottom:12px; /*background:#2f9965;  fallback image  background-image:url(images/fallback-gradient.png);*/ /* Safari 4+, Chrome 1-9  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#38a470), to(#29915d));*//* Safari 5.1+, Mobile Safari, Chrome 10+  background-image:-webkit-linear-gradient(top, #38a470, #29915d);*/  /* Firefox 3.6+  background-image:-moz-linear-gradient(top, #38a470, #29915d);*//* IE 10+  background-image:-ms-linear-gradient(top, #38a470, #29915d);*//* Opera 11.10+   background-image:-o-linear-gradient(top, #38a470, #29915d); border:1px solid #187044; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; -moz-box-shadow:inset 0 1px 0 #7ac3a0; -webkit-box-shadow:inset 0 1px 0 #7ac3a0; -o-box-shadow:inset 0 1px 0 #7ac3a0; -ms-box-shadow:inset 0 1px 0 #7ac3a0; box-shadow:inset 0 1px 0 #7ac3a0;*/ line-height:28px; outline:none; background:url(../images/timergreen_btn.png) 0 0 no-repeat; height:28px; color:#e8f4ee; font-size:13px; text-align:center; width:100px; text-shadow:0 1px 0 #278355; font-family:proxima_nova_alt_ltbold}
.worktimesec {padding:5px 10px; margin:10px; border:1px solid #d7d7d7}
.worktimesec p {overflow:hidden; padding:5px 0; font-family:proxima_nova_alt_rgregular; font-size:13px; margin:0; line-height:normal}
.worktimesec p label {display:inline-block; width:80px; font-weight:normal; font-family:proxima_nova_alt_rgbold}
.worktimesec p span {display:inline-block; width:120px}
#time_tracker .contentscrollsec {height:470px; overflow:hidden}
#time_tracker .contentscrollsec.scroll-pane {width:285px; height:470px}
#time_tracker .proj_midcontent {width:285px}
#time_tracker .transoverbg {background:url(../images/trans_overritebg.png) 0 0 no-repeat; width:320px; height:125px; position:absolute; bottom:0; left:0}
#time_tracker .timeticker,#time_tracker .timeralert {background:url(../images/timetickerbg.png) 0 0 no-repeat; width:110px; height:28px; padding:10px; color:#fff; font-size:14px; text-shadow:0 1px 1px #000; font-family:proxima_nova_alt_rgregular; position:absolute; left:-120px; bottom:35px; cursor:pointer;line-height:25px;}
#time_tracker .timeticker.moveright {left:330px; -moz-transition:ease-in-out .0s; -webkit-transition:ease-in-out .0s; -o-transition:ease-in-out .0s; -ms-transition:ease-in-out .0s; transition:ease-in-out .0s}
#time_tracker .timeticker:hover {-webkit-transition:.4s ease-in-out .4s; -moz-transition:.4s ease-in-out .4s; -o-transition:.4s ease-in-out .4s; -ms-transition:.4s ease-in-out .4s; transition:.4s ease-in-out .4s; left:-125px} 
#time_tracker .timeticker .timeclock {background:url(../images/timerclock.png) 0 0 no-repeat; padding-left:30px; height:25px; line-height:25px; display:block}
#time_tracker .timeralert {bottom:80px; width:250px; background:#202429; border-radius:5px; box-shadow:0 0 4px #000; border:1px solid #000; left:-260px; height:auto}
#time_tracker .timeralert .alert-task-name {font-family:proxima_nova_alt_thbold}

#time_tracker .timeredit {margin:10px}
#time_tracker .timeredit textarea {border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#7d868f; padding:7px 10px 10px; font-size:13px; font-family:proxima_nova_alt_rgregular; width:230px; height:100px; resize:vertical}
#time_tracker ul.timeredit {margin:0 10px; overflow:hidden; padding:0}
#time_tracker ul.timeredit li {float:left; clear:both; width:100%; border-bottom:1px solid #e0e0e0; height:40px; margin-bottom:10px; font-family:proxima_nova_alt_rgregular; color:#7d868f; font-size:13px}
#time_tracker ul.timeredit li .starttxt {float:left; margin:5px 5px 0 0}
#time_tracker ul.timeredit li #task_strat_time_text,#time_tracker ul.timeredit li #tsk_billable_text {float:left; margin-top:5px}
#time_tracker ul.timeredit li a {float:right; display:block; padding:0 7px; color:#cc7392; margin-left:5px}
#time_tracker ul.timeredit li a.editicon {background:url(../images/pencil_icon.png) 0 0 no-repeat; width:14px; height:14px}
#time_tracker ul.timeredit li input[type="text"],#time_tracker ul.timeredit li select {border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#7d868f; padding:7px 10px 10px; font-size:13px; font-family:proxima_nova_alt_rgregular; width:100px}
#time_tracker ul.timeredit li input[type="text"] {width:85px}
#time_tracker ul.timeredit li input[type="text"]:focus,#time_tracker ul.timeredit li select:focus,#time_tracker .timeredit textarea:focus {border:1px solid #10a3e7; -moz-box-shadow:0 0 1px #10a3e7; -webkit-box-shadow:0 0 1px #10a3e7; -o-box-shadow:0 0 1px #10a3e7; box-shadow:0 0 1px #10a3e7; -webkit-transition:.4s ease-in-out .4s; -moz-transition:.4s ease-in-out .4s; -o-transition:.4s ease-in-out .4s; -ms-transition:.4s ease-in-out .4s; transition:.4s ease-in-out .4s}
#time_tracker .timersavesec {overflow:hidden; font-size:13px; font-family:proxima_nova_alt_rgregular; padding:0 10px 10px}
#time_tracker .timersavesec a.discard {float:left; color:#cc7392}
#time_tracker .timersavesec .saveform {width:70px}

#time_tracker .timecounter {background:url(../images/counttimerbg.png) 0 0 no-repeat; padding:10px; width:254px; height:42px; margin-bottom:20px}
#time_tracker .timerclock {float:left; width:148px; margin-right:15px;}
#time_tracker .timerclock span {display:inline-block; text-transform:uppercase; font-size:9px; font-family:proxima_nova_alt_rgregular; color:#86d3ff; text-align:center}
#time_tracker .timerclock span.hr {width:25px}
#time_tracker .timerclock span.min {width:45px}
#time_tracker .timerclock span.sec {width:40px}
#time_tracker .timerclock .timerblock {color:#fff; font-size:36px; font-family:proxima_nova_alt_rgregular; margin-bottom:5px}
#time_tracker .pausebtn,#time_tracker .stopbtn {background:url(../images/timestopbtn.png) 0 0 no-repeat; width:34px; height:34px; display:block; float:left; margin-right:15px; cursor:pointer;}
#time_tracker .playbtn {width:34px; height:34px; display:block; float:left; margin-right:15px; cursor:pointer; background:url(../images/pausebtn.png) 0 0 no-repeat;}
#time_tracker .stopbtn {background-position:-51px 0; margin:0}
#time_tracker .loaderbg {background:url(../images/loaderbg.png) 0 0 no-repeat; padding:5px 0 0; height:29px; text-align:center; width:34px; float:left}

/* For Scroller */
#time_tracker .jspContainer {overflow:hidden; position:relative}
#time_tracker .jspPane {position:absolute}
#time_tracker .jspVerticalBar {position:absolute; top:0; right:0; width:5px; height:100%;}
#time_tracker .jspVerticalBar *{margin:0; padding:0}
#time_tracker .jspCap {display:none}
#time_tracker .jspTrack {background:url(../images/scrollbar.png) 0 0 repeat-y; position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; -0-border-radius:10px; border-radius:10px; overflow:hidden}
#time_tracker .jspDrag {background:url(../images/dragbg.png) 0 0 repeat-y; position:relative; top:0; left:0; cursor:pointer; border-radius:10px; border:none}
#time_tracker .jspHorizontalBar .jspDrag {float:left; height:100%}
#time_tracker .jspArrow {background:#50506d; text-indent:-20000px; display:none; cursor:pointer}
#time_tracker .jspArrow.jspDisabled {cursor:default; background:#80808d}
#time_tracker .jspVerticalBar .jspArrow {height:16px}
#time_tracker .jspVerticalBar .jspArrow:focus {outline:none}
#time_tracker .jspCorner {background:#eeeef4; float:left; height:100%}

/* Report */
.report_title {background:url(../images/report_titlebg.png) 0 0 no-repeat; height:59px; padding-top:1px; font-size:16px; color:#fff; text-shadow:0 1px 1px #1e2227; font-family:proxima_nova_alt_ltbold; text-transform:capitalize}
.report_title .clientcol,.report_title .clientdesccol {float:left; background:url(../images/col_devider.png) 100% 0 no-repeat; height:59px; line-height:59px; text-indent:20px; padding-right:10px; width:228px}
.report_title .clientdesccol {width:540px}
.report_title .clientaction {width:220px; float:left; height:59px}
.reportmidsec {border:1px solid #1e2227; border-width:0 1px; height:339px; position:relative}
.loadmoresec {background:#fff; border-top:1px solid #d9d9d9; height:30px; line-height:30px; text-align:center; position:absolute; left:0; right:0; bottom:0}
.loadmoresec a {color:#3F4650; font-family:droid_sansbold}
.reportbtmrnd {background:url(../images/report_titlebg.png) 0 -66px no-repeat; height:5px}
.listscroll.scroll-pane {width:1008px; height:309px}

/* For Scroller */
.listscroll .jspContainer {overflow:hidden; position:relative}
.listscroll .jspPane {position:absolute}
.listscroll .jspVerticalBar {position:absolute; top:0; right:0; width:10px; height:100%;}
.listscroll .jspVerticalBar *{margin:0; padding:0}
.listscroll .jspCap {display:none}
.listscroll .jspTrack {background:url(../images/scrollbar_bg309.png) 0 0 no-repeat; position:relative; overflow:hidden; border-radius:20px}
.listscroll .jspDrag {background:url(../images/slider_bar.gif) 0 0 no-repeat; position:relative; top:0; left:0; cursor:pointer; border:1px solid #979797; border-radius:20px}
.listscroll .jspHorizontalBar .jspDrag {float:left; height:100%}
.listscroll .jspArrow {background:#50506d; text-indent:-20000px; display:none; cursor:pointer}
.listscroll .jspArrow.jspDisabled {cursor:default; background:#80808d}
.listscroll .jspVerticalBar .jspArrow {height:16px}
.listscroll .jspVerticalBar .jspArrow:focus {outline:none}
.listscroll .jspCorner {background:#eeeef4; float:left; height:100%}

ul.reportlist {margin:0; padding:0; overflow:hidden}
ul.reportlist li {float:left; clear:both; width:100%; border-bottom:1px solid #d9d9d9; padding:10px 0; font-family:droid_sansbold; color:#3f4650; font-size:13px; line-height:33px; margin:0}
ul.reportlist li .clientcol {padding:0 10px 0 20px; width:206px; float:left}
ul.reportlist li .clientdesccol {padding:0 10px 0 20px; width:520px; float:left; position:relative}
ul.reportlist li .clientaction {padding:0 0 0 20px; width:186px; float:left}
ul.reportlist li .clientaction a {float:left; display:block; margin:0 20px 0 5px; background:url(../images/report_icons.png) no-repeat; width:26px; height:33px}
ul.reportlist li .clientaction a.pdf {background-position:0 0}
ul.reportlist li .clientaction a.export {background-position:-50px 0}
ul.reportlist li .clientaction a.expand {background-position:-99px 0; margin:0}
ul.reportlist li .clientdesccol .tringle {background:url(../images/list_tringleicon.png) 0 0 no-repeat; width:12px; height:12px; position:absolute; right:0; bottom:-10px; display:block}
ul.reportlist li .clientdetail_sec {padding-top:15px; width:715px; margin-left:77px}
ul.reportlist li .clientdetail_sec .clientN_title,ul.reportlist li .clientdetail_sec .tasktitlecl {background:url(../images/round_headerbg.png) 0 -1008px no-repeat; width:715px; height:49px; line-height:49px; color:#fff; text-shadow:0 1px 1px #1e2227;text-indent:20px; font-size:16px}
ul.reportlist li .clientdetail_sec .tasktitlecl {background-position:0 -1057px; height:40px; padding-top:1px; color:#fff; text-shadow:0 1px 1px #1e2227; text-transform:capitalize; text-indent:20px; line-height:40px; font-size:14px}
ul.reportlist li .clientdetail_sec .tasknamecol {width:323px; float:left; background:url(../images/devider.png) 100% 0 no-repeat; height:39px}
ul.reportlist li .clientdetail_sec .datestartcol {width:221px; float:left; background:url(../images/devider.png) 100% 0 no-repeat; height:39px}
ul.reportlist li .clientdetail_sec .timecol_report {width:155px; float:left}
ul.reportlist li .clientdetail_sec .btnrnd_clntdet {background:url(../images/round_headerbg.png) 0 -1101px no-repeat; height:5px}
ul.reportlist li .clientdetail_sec .clntdet_list {border:1px solid #1e2227; border-width:0 1px; height:154px; position:relative}
ul.reportlist li .clientdetail_sec .clntdet_list .client_totla {background:#fff; border-top:1px solid #d9d9d9; height:30px; line-height:30px; text-align:center; position:absolute; left:0; right:0; bottom:0}
ul.reportlist li .clientdetail_sec .clntdet_list .client_totla .normfont {font-family:droid_sansregular}
ul.reportlist li .clientdetail_sec .clntdet_list .clientlist_scroll {width:713px; height:123px; overflow-y:auto; overflow-x:hidden}
ul.reportlist li .clientdetail_sec .clntdet_list .clientlist_scroll.scroll-pane2 .jspTrack {background:url(../images/clientlist_scrollbar.png) 0 0 no-repeat; position:relative; overflow:hidden}
ul.reportlist li .clientdetail_sec ul {padding:0}
ul.reportlist li .clientdetail_sec ul li {padding:0; height:39px; line-height:38px; font-family:droid_sansregular; margin:0}
ul.reportlist li .clientdetail_sec ul li:hover {background:#f9f9f9}
ul.reportlist li .clientdetail_sec ul li .tasknamecol {width:300px; float:left; background:none; padding-left:20px; border-right:1px solid #D9D9D9}
ul.reportlist li .clientdetail_sec ul li .datestartcol {width:200px; float:left; background:none; padding-left:20px; border-right:1px solid #D9D9D9}
ul.reportlist li .clientdetail_sec ul li .timecol_report {width:123px; float:left; background:none; padding-left:20px}

/* Invoice Process Sec */
.invoice_processec {float:right; width:340px; overflow:hidden}
.invoice_processec h3 {background:#fff; border:1px solid #e0e0e0; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; height:42px; line-height:42px; font-size:14px; color:#7d8590; text-align:center; font-family:montserratbold; font-weight:normal}
.invoice_processec .active_project {float:left; width:160px; margin:0 20px 45px 0}
.invoice_processec .invoice_sent {float:left; width:160px; margin:0 20px 45px 0}
.invoice_processec .invoice_paid {float:left; width:160px; margin:0 0 45px 0}
.invoice_processec .active_tasks {float:left; width:160px; margin:0 0 45px 0}
.invoice_processec .cercul_start {background:#eff0f1; width:115px; height:115px; margin:0 auto 25px; position:relative; overflow:hidden}
.invoice_processec .active_project .circule_progress {background:#ffdf88; display:block; float:right}
.invoice_processec .invoice_paid .circule_progress {background:#06ce98; display:block; float:right}
.invoice_processec .invoice_sent .circule_progress {background:#ff6f53; display:block; float:right}
.invoice_processec .active_tasks .circule_progress {background:#5863d2; display:block; float:right}
.invoice_processec .circular_front {background:url(../images/cercular_frontbg.png) 0 0 no-repeat; display:block; height:115px; width:115px; position:absolute; left:0; top:0; right:0; bottom:0; color:#3f4650; font-family:proxima_nova_altthin; font-size:18px; text-align:center; padding-top:46px}
.invoice_processec .circular_front .boldfont {font-family:proxima_nova_alt_thbold}

/* New task */
.newtask_sec {margin-bottom:20px}
.newtask_sec a {color:#fff; font-size:13px; text-transform:capitalize}
.newtask_sec a:hover {text-decoration:underline}

/* Blue BTN */
.bluebtn {background:url(../images/bluebtn_left.png) 0 0 no-repeat; height:42px; padding-left:29px; float:left; cursor:pointer}
.bluebtn input {background:url(../images/bluebtn_right.png) 100% 0 no-repeat; height:42px; border:none; padding:0 10px 0 0; cursor:pointer; color:#fff; font-size:15px; font-family:montserratbold; text-shadow:0 1px 1px #107abd; float:left; text-transform:capitalize; margin:0}

/* Blue BTN Close */
.bluebtn_close {background:url(../images/bluebtn_left.png) 0 -56px no-repeat; height:42px; padding-left:25px; float:left; cursor:pointer}
.bluebtn_close input {background:url(../images/bluebtn_right.png) 100% -56px no-repeat; height:42px; border:none; padding:0 10px 0 0; cursor:pointer; color:#fff; font-size:15px; font-family:montserratbold; text-shadow:0 1px 1px #107abd; float:left; text-transform:capitalize; margin:0}

/* For link */
.bluebtn a {background:url(../images/plus_rightbg1.png) 100% -86px no-repeat; height:44px; padding:0 10px 0 0; color:#fff; font-size:15px; font-family:montserratbold; text-shadow:0 1px 1px #107abd; float:left; text-transform:capitalize; text-align:center; display:block; line-height:44px}

.bluebtn_close a {background:url(../images/plus_rightbg1.png) 100% -369px no-repeat; height:44px; padding:0 10px 0 0; color:#fff; font-size:15px; font-family:montserratbold; text-shadow:0 1px 1px #107abd; float:left; text-transform:capitalize; text-align:center; display:block; line-height:44px}

/* Tooltip */
.ui-tooltip, .arrow:after {background:#202429; border:1px solid #000;}
.ui-tooltip {padding:6px 10px; color:#fff; border-radius:5px; font-weight:normal; font-size:14px; font-family:proxima_nova_alt_rgregular; box-shadow:0 0 4px #000}
.arrow {width:50px; height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-32px; bottom:-10px;}
.arrow.top {top:-15px; bottom:auto;}
.arrow.left {left:20%;}
.arrow:after {content:""; position:absolute; left:20px; top:-20px; width:20px; height:22px; box-shadow:6px 5px 9px -9px #000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); tranform:rotate(45deg);}
.arrow.top:after {bottom:-20px; top:auto;}

/* payment_popup_css 16 April 2013*/
#basic-modal-content {display:none;}
 
/* Overlay */
#simplemodal-overlay {background-color:#000;}
 
/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414;  color:#bbb; display:block; font-size:12px; margin-bottom:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container h3 {color:#84b8d9;}

/* 16th April 2013 */
.createprojbtn {width:170px; position:absolute; right:0; top:14px}
.createstaffbtn {width:170px; position:absolute; right:0; top:14px}

ul.graph_info {padding:25px 0 0 25px}
ul.graph_info li {float:left; margin:0 30px 0 0; background:url(../images/graph_invoicon.png) no-repeat; font-family:droid_sansregular; color:#1e1b1b; font-size:13px; padding-left:30px; line-height:16px}
ul.graph_info li.info1 {background-position:0 2px}
ul.graph_info li.info2 {background-position:0 -66px}
ul.graph_info li.info3 {background-position:0 -134px}

.contsub_titlein {color:#7d8590; font-size:16px; font-family:proxima_nova_alt_ltregular; text-align:center; margin-bottom:60px}

.popuptxt_pmnt {color:#fff; font-size:20px; font-weight:normal; font-family:droid_sansregular; text-align:center}

/* Notiofication */
.notification_block {padding:30px 0 0}
.listblock {padding:30px 30px 0}
.notification_block .page_title,.listblock .page_title {padding:0 0 0 30px}
ul.nitific_list {padding:0}
ul.nitific_list li {font-family:proxima_nova_alt_rgregular; font-size:16px; margin-bottom:20px; clear:both; overflow:hidden; background:#eff0f1; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 -3px 0 #dadbdc; -webkit-box-shadow:inset 0 -3px 0 #dadbdc; -ms-box-shadow:inset 0 -3px 0 #dadbdc; -o-box-shadow:inset 0 -3px 0 #dadbdc; box-shadow:inset 0 -3px 0 #dadbdc; color:#818181; font-family:proxima_nova_alt_rgregular; height:37px; line-height:37px; padding:0}
ul.nitific_list li.unreadnotf {background:#EFF0F1}
ul.nitific_list li a {color:#818181}
ul.nitific_list li .closediv {float:left; width:34px; margin:0; padding-top:0}
ul.nitific_list li .closediv a {background:url(../images/list_closeicn1.png) 0 0 no-repeat; width:34px; height:37px; display:block}
ul.nitific_list li .descnotf {float:left; width:845px; margin-left:10px}

.notifmsgbox {position:fixed; left:90px; bottom:65px; width:300px; padding:10px 15px; font-family:proxima_nova_alt_rgregular; font-size:14px; color:#000; background:#a6c95b; border:1px solid #e5f8bd; border-radius:5px; box-shadow:0 0 20px #507207, inset 0 0 1px #fff; z-index:100;}
.notifmsgbox .notf_close {background:url(../images/msgcloseicon.png) 0 0 no-repeat; width:13px; height:12px; display:block; position:absolute; right:5px; top:5px}
.notifmsgbox a {color:#fff}
 

/* Permalink */
.header_permalink {background:#f3f5f7 url(../images/permalinkpage_bg.jpg) 0 0 repeat; min-height:100%}
.templ_box {background:#fff; border:1px solid #e7eaee; border-radius:5px; padding:5px; float:left;}
.header_permalink #templ_partgreen,.header_permalink #invtemp_green,.header_permalink .template_wrap1,.header_permalink #invoice_templ3,.header_permalink #template_redL,.header_permalink #template_white,.header_permalink #invoice_templ2 {width:812px}
.paypalbtnsec {padding-top:30px}
.paypalbtn {background:url(../images/paypalbtn.png) 0 0 no-repeat; width:205px; height:76px; display:block}
.paypalbtn:hover {background-position:0 -109px}

#post_feedback {width:41px; height:148px; position:fixed; left:0; top:260px; z-index:1}
#post_feedback a {background:url(../images/feedback_img.png) 0 0 no-repeat; width:41px; height:148px; display:block}

#welcome_due {width:41px; height:148px; position:fixed; left:0; top:124px; z-index:1}
#welcome_due a {background:url(../images/welcome_img.png) 0 0 no-repeat; width:41px; height:148px; display:block}

ul.video_txt li {margin:20px 0; font-size:18px; position:inherit; width:auto; font-family:proxima_nova_alt_rgbold}

.msgframe {background:url(../images/msg_frame.jpg) 0 0 no-repeat; padding:35px 45px; width:561px; height:331px}

.progreebar_bg {background:#d7d9db; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e4), to(#d7d9db));   background-image:-webkit-linear-gradient(top, #e3e3e4, #d7d9db); background-image:-moz-linear-gradient(top, #e3e3e4, #d7d9db); background-image:-ms-linear-gradient(top, #e3e3e4, #d7d9db); background-image:-o-linear-gradient(top, #e3e3e4, #d7d9db); box-shadow:inset 0 2px 2px #d0d2d5; height:22px; border-radius:20px; position:relative; overflow:hidden; border:1px solid #afb1b4; margin-top:5px}
.progreebar_bg .progressbar {display:block; background:#fb9027; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffc334), to(#fb9027));   background-image:-webkit-linear-gradient(top, #ffc334, #fb9027); background-image:-moz-linear-gradient(top, #ffc334, #fb9027); background-image:-ms-linear-gradient(top, #ffc334, #fb9027); background-image:-o-linear-gradient(top, #ffc334, #fb9027); box-shadow:inset 0 2px 1px #ffd980; height:20px; border:1px solid #d38100; position:absolute; left:0; top:0; border-radius:20px 0 0 20px}

/* Payment block */
.payment_formblock {width:638px; margin:0 auto}
.bluebg {background:url(../images/form_bluetitle.png) 0 0 no-repeat; height:26px; width:638px}
.form_mid {background:url(../images/form_midbg.png) 0 0 repeat-y; width:630px; padding:0 4px 4px}
.formbtmbg {background:url(../images/form_btmbg.png) 0 0 no-repeat; height:9px; width:638px}
.formtop_sec {background:url(../images/form_topbg.gif) 0 0 repeat-x; height:135px; padding:35px 0; text-align:center}
.formtop_sec .statistick_title {margin-bottom:20px}
.creditcard_icon {background:url(../images/card_icon.png) 0 0 no-repeat; width:58px; height:38px; display:inline-block; margin-bottom:25px}
.paymnt_cond {font-size:14px; color:#7d8590; font-family:montserratregular; margin:0}
.paymnt_cond span {color:#3f4650}
.formblock {background:url(../images/from_transbg.png) 0 0 repeat-x; padding:40px 20px 0}
ul.payment_form li {float:left; clear:both; width:100%; margin-bottom:25px; position:relative}
ul.payment_form li label {float:left; width:135px; margin-right:20px; color:#3f4650; font-size:16px; margin-top:5px; font-family:proxima_nova_alt_ltbold; text-align:right; font-weight:normal}
ul.payment_form li input[type=text] {background:#fff; border:1px solid #d7d7d7; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 0 #ececec; -webkit-box-shadow:inset 0 1px 0 #ececec; -o-box-shadow:inset 0 1px 0 #ececec; box-shadow:inset 0 1px 0 #ececec; color:#818181; padding:7px 10px 8px; font-size:16px; font-family:proxima_nova_alt_rgregular; width:365px}
ul.payment_form li .monthslct {width:182px; margin-right:20px}
ul.payment_form li .yearslct {width:182px}
ul.payment_form li .paymnt_cards {background:url(../images/payment_cards.png) 0 0 no-repeat; width:324px; height:36px}

ul.payment_form li .jquery-selectbox.selecthover {z-index:700}
ul.payment_form li .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:33px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #d7d7d7; border-top:none}
ul.payment_form li .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
ul.payment_form li .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
ul.payment_form li .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:14px; padding-left:5px; color:#929393}
ul.payment_form li .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:33px; color:#818181; text-align:left; padding-left:10px; height:33px}
ul.payment_form li .expiressec .jquery-selectbox {position:relative; font-size:14px; color:#929393; padding:0; background:url(../images/selectbox_paymnt.png) 0 0 no-repeat; height:35px; width:182px; float:left; font-family:proxima_nova_alt_rgregular}
ul.payment_form li .expiressec .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
ul.payment_form li .expiressec .jquery-selectbox .jquery-selectbox-list {width:172px; top:33px; left:5px; font-family:proxima_nova_alt_rgregular; height:70px; overflow:auto; overflow-x:hidden}

ul.payment_form li label.error { background: none repeat scroll 0 0 #FF0000; border-radius: 3px 3px 3px 3px;  color: #FFFFFF; font-size: 13px; height: 30px; line-height: 25px; padding: 0 10px; position: absolute; margin:0px; right: 3px; top: 2px; z-index: 100;}

.form_btm {border-top:1px solid #dadbdc; padding-top:1px}
.toptransbg {background:url(../images/from_transbg.png) 0 0 repeat-x; padding:30px; overflow:hidden}
.form_cancel {width:110px; float:left}
.form_cnfrm {width:180px; float:right}

 /* Staff Page */
.staff_sec {margin-top:-30px}
.stafflist_title {height:60px; line-height:60px; overflow:hidden; background:#eff0f1; color:#3f4650; font-size:14px; font-family:montserratbold}
.staff_col {float:left; width:243px; padding-left:25px}
.lastlogin_col {float:left; width:130px}
.invoice_col {float:left; width:168px; text-align:center}
.client_col {float:left; width:130px; text-align:center}
.task_col {float:left; width:120px; text-align:center}
.project_col {float:left; width:115px; text-align:center}
.action_col {float:left; width:108px; text-align:center}
.stafflist_main {height:835px; overflow-y:auto; overflow-x:hidden}
.stafflist_main.scroll-pane {height:835px; overflow-x:hidden; overflow-y: auto; width:100%}
.stafflist_main.scroll-pane .jspTrack {background:url(../images/list_scrollbar.png) 0 0 no-repeat}

ul.stafflist {overflow:hidden; padding:0}
ul.stafflist li {float:left; clear:both; width:100%; background:url(../images/sec_devider.png) 0 0 no-repeat; padding:30px 0; font-family:proxima_nova_alt_rgregular}
ul.stafflist li .userphoto {height:80px; width:80px; border-radius:50px; border:5px solid #e0e0e0; position:relative; overflow:hidden; margin-bottom:5px}
ul.stafflist li .userphoto img {box-shadow:inset 0 3px 3px #7f7f7f}
ul.stafflist li .username {font-weight:normal; font-size:18px; color:#198ace; font-family:proxima_nova_alt_rgbold; line-height:normal; padding-left:15px}
ul.stafflist li .username a {color:#198ace}
ul.stafflist li .username.online {background:url(../images/online_icon.png) 0 6px no-repeat}
ul.stafflist li .username.offline {background:url(../images/offline_icon.png) 0 6px no-repeat}
ul.stafflist li .user_defn {padding-left:15px; font-size:14px; color:#3f4650}
ul.stafflist li .user_defn p {margin-bottom:0; line-height:normal}
ul.stafflist li .user_defn .orngtxt,ul.stafflist li .user_defn .orngtxt a {color:#f15c3c}
ul.stafflist li .login_date {border:1px solid #d7d7d7; font-size:14px; color:#7d8590; display:inline-block; border-radius:15px; height:28px; line-height:28px; padding:0 15px; margin-top:18px}
ul.stafflist li .edit,ul.stafflist li .delete {background:url(../images/editdeleteicon.png) 0 0 no-repeat; display:inline-block; width:34px; height:35px; margin:12px 5px 0}
ul.stafflist li .delete {background-position:-48px 0}

ul.invoice_style li .dis_recurring.staff-add {width:600px}
ul.invoice_style li .dis_recurring.staff-add .custom-checkbox {float:left; margin:0 15px 10px 0; width:136px}
.btncenter {width:155px; margin:0 auto; padding-bottom:30px}

/* Staff Permission Form */
.staff_form {background:url(../images/sec_devider.png) 0 0 no-repeat; padding-top:1px}
.staf_permission {border-bottom:1px solid #dadbdc; height:55px; margin-bottom:20px}
.staf_permission span {display:inline-block; background:#fff; border-right:1px solid #dadbdc; padding:0 25px; height:56px; line-height:55px; color:#3f4650; font-size:14px; font-family:montserratbold}

/* Staff Detail */
.staff_detail {width:610px; padding:0 25px; float:left}
.quicklink {width:360px; padding:0 25px; float:left}

.details_Desc {background:url(../images/sec_devider.png) 0 0 no-repeat; padding-top:1px; overflow:hidden}
.details_desc {float:left; border-right:1px solid #dadbdc; padding:30px 25px; width:608px}
.quicklink_list {float:left; padding:30px 25px; width:360px}
.details_desc .userimg {float:left; height:80px; width:80px; border-radius:50px; border:5px solid #52af48; position:relative; overflow:hidden; margin-right:10px}
.details_desc .user_detail {float:left; width:236px; margin-right:18px}

ul.userdetail_list {margin:0; padding:0 0 10px}
ul.userdetail_list li {margin-bottom:5px; font-size:15px; font-family:proxima_nova_alt_rgregular}
ul.userdetail_list li label {color:#7d8590; display:inline-block; font-weight:normal}
ul.userdetail_list li span {display:inline-block; font-family:proxima_nova_alt_rgbold}
ul.userdetail_list li span.name {color:#198ace}
ul.userdetail_list li span.blacktxt {color:#3f4650}
.orngtxt {color:#f15c3c}
ul.userdetail_list li span.greentxt {color:#52af48}

ul.quicklinks {margin:0; padding:0}
ul.quicklinks li {margin-bottom:5px; font-size:15px; font-family:proxima_nova_alt_rgregular; color:#7d8590}
ul.quicklinks li a {color:#198ACE}
ul.quicklinks li a.viewall {text-decoration:underline; font-size:13px; font-family:proxima_nova_alt_ltregular}

/* Client Page (Added new btn) */
.exportbtn {border:1px solid #D9D9D9; border-radius:3px; font-family:droid_sansbold; font-size:13px; color:#929393; display:block; width:185px; margin-bottom:10px}
.exportbtn.client_freshbook {background:url(../images/btnicons.png) 8px 7px no-repeat; padding:5px 5px 5px 60px}
.exportbtn:hover {color:#929393}
.exportbtn.client_quickbook {background:url(../images/btnicons.png) 8px -74px no-repeat; padding:5px 5px 5px 60px}

ul.invoice_edtmenu li.export_expenses a {background-position:0 -780px}
ul.invoice_edtmenu li.export_expenses:hover a,ul.invoice_edtmenu li.export_expenses.active a {background-position:0 -823px}

/* History */
.history_wrap {width:890px; margin:0 auto; padding:70px 0 0}
.mainuser_block {width:260px; margin:0 auto; padding:6px 5px; background:#52af48; border-radius:8px; box-shadow:inset 0 0 4px #000; position:relative}
.mainuser_block .whtbg {background:#fff; border-radius:5px; padding:55px 20px 20px; width:220px; box-shadow:0 0 5px #34702e; text-align:center; font-size:15px; color:#3f4650}
.mainuser_block .photo {position:absolute; left:0; right:0; top:-42px; text-align:center}
.mainuser_block .photo span {display:inline-block; background:url(../images/photobg.png) 0 0 no-repeat; width:80px; height:80px; padding:5px 12px}
.mainuser_block .photo span img {border-radius:50px}
.mainuser_block .whtbg h2 {font-size:24px; font-weight:normal; color:#198ace; font-family:proxima_nova_alt_rgbold; line-height:normal; margin-bottom:5px}
.mainuser_block .whtbg p {line-height:normal; margin-bottom:5px}

.history_timeline {background:url(../images/rollbar.gif) 0 0 repeat-y; padding:0 0 20px}
.history_rightcol {float:right; background:url(../images/history_rightbg.gif) 0 center no-repeat; width:435px; padding:25px 0 0 20px}
.history_rightcol .history_time {float:left}
.history_rightcol .newadded_block {float:left}
.history_leftcol {float:left; background:url(../images/history_leftbg.gif) 100% center no-repeat; width:435px; padding:25px 20px 0 0}
.history_leftcol .history_time {float:right}
.history_leftcol .newadded_block {float:right}
.history_time {width:125px; padding:10px 20px 0; color:#7d8590; font-size:14px; font-family:proxima_nova_alt_ltbold; height:27px}
.newadded_block {background:#fff; border:1px solid #dfe0e1; border-radius:5px; width:268px}
.newadded_block table {width:268px}
.newadded_block table td {padding:15px; vertical-align:middle}
.newadded_block table td.first {width:48px; border-right:1px solid #dfe0e1; text-align:center}
.newadded_block table td.mid_width {width:165px; color:#7d8590; font-size:14px; font-family:proxima_nova_alt_rgregular}
.newadded_block table td.mid_width p {line-height:normal; margin:0}
.newadded_block table td.last {width:20px}
.newadded_block table td a {color:#198ace}
.option_btn {background:url(../images/option_icon.png) 0 0 no-repeat; width:16px; height:14px; display:inline-block}

.history_staff,.history_project,.history_invosend,.history_invopayment {background:url(../images/history_icon.png) 0 0 no-repeat; display:inline-block; width:24px; height:19px}
.history_project {background-position:0 -72px; height:24px}
.history_invosend {background-position:0 -147px; height:32px}
.history_invopayment {background-position:0 -226px; height:32px}

.Add_staff {margin:-30px 0 0}
.staff_form ul.invoice_style {margin-top:30px}

.back {font-family:proxima_nova_alt_ltbold; font-size:14px; color:#FFF; display:inline-block; margin-top:10px;}
.back:hover {color:#FFF}

/* New For staff btn (29July 2013) */
.addstaffbtn {width:135px; position:absolute; right:0; top:14px}

/* Contact Page Loader */
.bluebtn_contact {background:url(../images/bluebtn.png) 0 0 no-repeat; width:330px; height:44px; overflow:hidden}
.bluebtn_contact img {margin-top:12px}

/* Term & Condition Text */
.termcond_txt {padding:10px 0 30px; margin:0}

/* Unpaid Invoice */
#unpaid-invoices-popup .id_title {width:260px}
#unpaid-invoices-popup .date_title {width:150px}
#unpaid-invoices-popup .client_heading {width:280px}
#unpaid-invoices-popup .amount_title {width:193px; background:none}

#unpaid-invoices-popup .client_listmid {height:352px; overflow-x:hidden; overflow-y:auto}
#unpaid-invoices-popup ul.invoicelist li .invoice-id {width:260px}
#unpaid-invoices-popup ul.invoicelist li .invoice-date {width:150px}
#unpaid-invoices-popup ul.invoicelist li .invoice-client {width:280px}
#unpaid-invoices-popup ul.invoicelist li .invoice-amount {width:193px}
#unpaid-invoices-popup ul.invoicelist li .editbtn {margin-top:0}
.invoice-overdue-div {cursor:pointer}
.accountinfo_module {padding-bottom:30px}
.accountinfo_module .clientsec_grid p {font-size:15px; color:#3F4650}
.accountinfo_module .clientsec_grid p.info_val {font-size:13px; color:#7D8590; font-family:proxima_nova_alt_rgregular}

.iconhelp {background:url(../images/icon-help.png) 0 0 no-repeat; width:16px; height:16px; display:block; float:left; margin:5px 0 0; cursor:pointer}
.tooltip-box {display:none; padding:6px 10px; color:white; border-radius:5px; font-weight:normal; font-size:14px; box-shadow:0 0 4px #000; position:absolute; background:#202429; border:1px solid #000; top:32px; right:96px; width:200px; z-index:10}
.tooltip-box .arrow {width:50px; height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-35px; bottom:-10px;}
.arrow.top {top:-15px; bottom:auto;}
.tooltip-box .arrow:after {content:""; position:absolute; left:20px; top:-20px; width:20px; height:22px; box-shadow:6px 5px 9px -9px #000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); tranform:rotate(45deg); background:#202429; border:1px solid #000;}
.arrow.top:after {bottom:-20px; top:auto;}

/*Choose tmeplate*/
.choosetmpl {position:absolute; right:34px; top:12px}
.choosetmpl .chnagetmpl-btn {background:url(../images/gray-btn.png) 0 0 no-repeat; width:159px; height:39px; text-shadow:0 1px 1px #fff; font-size:13px; font-family:montserratbold; color:#3F4650; line-height:38px; display:block; text-transform:uppercase}

.change-template {display:block; position:absolute; left:1155px; top:0; -moz-transition:linear .6s; -webkit-transition:linear .6s; -o-transition:linear .6s; -ms-transition:linear .6s; transition:linear .6s;width:1070px;}
.change-template.show {left:0}
.change-template.showtemplatebox {left:0}
.change-template.hide {left:1155px}
.change-template .invoice_gridsec {width:1040px}
.template_loader {position:absolute; left:0; right:0; text-align:center; top:38%; display:block}

.usermsg_title {font-family:proxima_nova_alt_rgregular; font-weight:normal; font-size:20px; color:#3f4650; margin:0 -15px 10px; line-height:21px; background:url(../images/sec_devider.png) 0 100% no-repeat; padding:0 15px 35px}
.usermsg_title span {font-size:16px;font-family:proxima_nova_alt_rgbold}
.poupsec.usermsg_popup {width:788px; left:18%}
ul.mstupdate_list {margin:0; padding:0; list-style:none; position:relative; width:756px; overflow:hidden; height:380px}
ul.mstupdate_list li {position:absolute; left:0; top:0; width:750px; height:380px; text-align:center}
ul.mstupdate_list li .updlist_title {color:#f15b40; font-size:18px; font-family:proxima_nova_alt_thbold; margin-bottom:15px}
ul.mstupdate_list li .updlist_title span {color:#727d8c}
ul.mstupdate_list li .list_desc {color:#7d8590; font-size:13px; font-family:droid_sansregular; margin-bottom:15px; line-height:22px}
ul.mstupdate_list li .list_desc p {margin-bottom:10px}
ul.mstupdate_list li .list_desc a {color:#f15b40}
ul.mstupdate_list li.active-li {z-index:10}
ul.mstupdate_list li .payment_term .payment_slide,ul.mstupdate_list li .animate_colL {width:100%}
.next_slide,.prev_slide {background:url(../images/slide_arrw.png) no-repeat; width:28px; height:28px; position:absolute; display:block; top:150px; z-index:100}
.next_slide {background-position:-28px 0; right:0}
.prev_slide {background-position:0 0; left:0}

.likebtn {background:url(../images/like_btn.png) 0 0 no-repeat; display:block; width:24px; height:21px; position:absolute; right:30px; top:0; z-index:100}
.likebtn:hover {background-position:0 -29px}
.like_loader {position:absolute; right:30px; top:0; z-index:100; display:block}

/* Popup scroller */
/* Currency converter */
.pageslide .currency_converter {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.converter_scene .currency_converter .converter_col{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .converter_scene .currency_converter .converter_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.addtask_scene .currency_converter .converter_col,.thanku_scene .currency_converter .converter_col,.defaultinvo_scene .currency_converter .converter_col{-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .addtask_scene .currency_converter .converter_col,.ie .thanku_scene .currency_converter .converter_col,.ie .defaultinvo_scene .currency_converter .converter_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.addproj_scene .currency_converter .converter_col,.videosec_scene .currency_converter .converter_col,.payment_scene .currency_converter .converter_col,.persinfo_scene .currency_converter .converter_col,.payment_scene .currency_converter .converter_col{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .addproj_scene .currency_converter .converter_col,.ie .videosec_scene .currency_converter .converter_col,.ie .payment_scene .currency_converter .converter_col,.ie .persinfo_scene .currency_converter .converter_col,.ie .payment_scene .currency_converter .converter_col,.ie .defaultinvo_scene .currency_converter .converter_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
.currency_converter .firstclient_col {width:100%}

/* Default invoice template */
.pageslide .default_invotmpl {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.defaultinvo_scene .default_invotmpl .defaultinvo_col{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.ie .defaultinvo_scene .default_invotmpl .defaultinvo_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;visibility:visible}
.addtask_scene .default_invotmpl .defaultinvo_col,.thanku_scene .default_invotmpl .defaultinvo_col{-webkit-transform:translate3d(-1300px, 0, 0);-moz-transform:translate3d(-1300px, 0, 0);-ms-transform:translate3d(-1300px, 0, 0);-o-transform:translate3d(-1300px, 0, 0);transform:translate3d(-1300px, 0, 0)}
.ie .addtask_scene .default_invotmpl .defaultinvo_col,.ie .thanku_scene .default_invotmpl .defaultinvo_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visiblity:hidden}
.addproj_scene .default_invotmpl .defaultinvo_col,.videosec_scene .default_invotmpl .defaultinvo_col,.payment_scene .default_invotmpl .defaultinvo_col,.persinfo_scene .default_invotmpl .defaultinvo_col,.payment_scene .default_invotmpl .defaultinvo_col,.converter_scene .default_invotmpl .defaultinvo_col{-webkit-transform:translate3d(1300px, 0, 0);-moz-transform:translate3d(1300px, 0, 0);-ms-transform:translate3d(1300px, 0, 0);-o-transform:translate3d(1300px, 0, 0);transform:translate3d(1300px, 0, 0)}
.ie .addproj_scene .default_invotmpl .defaultinvo_col,.ie .videosec_scene .default_invotmpl .defaultinvo_col,.ie .payment_scene .default_invotmpl .defaultinvo_col,.ie .persinfo_scene .default_invotmpl .defaultinvo_col,.ie .converter_scene .default_invotmpl .defaultinvo_col{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;visibility:hidden}
.default_invotmpl .defaultinvo_col {width:100%}

.thnks_txt {color:#fff; font-size:18px; margin:0; text-align:center}

.crop-btnsec {padding-left:10px; position:relative}
.crop-btnsec .btnadd {margin-bottom:10px}
.crop-btnsec #crop_ajax_loader {position:absolute; top:0; right:17px}

/* Feature list */
ul.features_list {margin:0 60px; padding:0}
ul.features_list li {overflow:hidden; margin-bottom:50px}
ul.features_list li .featured_img {width:455px}
ul.features_list li .featured_desc {width:530px; padding-top:40px}
ul.features_list li .list_subtitle {color:#1789ca; font-size:16px; font-family:proxima_nova_alt_ltregular; margin-bottom:30px}
ul.features_list li .feat-details {color:#7d8590; font-size:13px; line-height:20px; font-family:droid_sansregular}
ul.features_list li .feat-details p {margin-bottom:20px}
ul.features_list li .feat-details.details_over {padding:10px 30px 10px 0}
ul.features_list li .feat-details.details_over:hover {background:url(../images/featlist_over.jpg) 100% 0 no-repeat}
ul.features_list li .feat-details .list_subtitle {margin-bottom:10px}

/* New invoice */
.invoice_listinfo {padding-right:30px; border:1px solid #d7d7d7; border-width:0 1px 1px 0; min-height:510px; position:relative; background:url(../images/calender_bg.gif) 0 0 repeat-y}
.calender_col {width:124px}
.involist_col {width:826px; margin:30px 0 0 0}
.marginR {margin-right:235px}

.list_block {margin-left:28px}
.top_separator {background:url(../images/sec_devider.png) 0 0 no-repeat; position:absolute; left:0; right:0; height:19px}

/* title_sec */
.involist_col .title_sec {background:url(../images/round_headerbg.png) 0 -1118px no-repeat; width:826px; height:62px}
.involist_col .id_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:200px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.involist_col .date_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:110px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.involist_col .client_heading {background:url(../images/col_devider.png) 100% 0 no-repeat; width:180px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.involist_col .amount_title {background:url(../images/col_devider.png) 100% 0 no-repeat; width:110px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}
.involist_col .status_title {width:100px; padding:0 5px 0 20px; height:60px; line-height:60px; color:#fff; font-size:16px; font-family:proxima_nova_alt_ltbold; text-shadow:0 1px 1px #1E2227; margin-top:1px}

.involist_col .client_listmid.scroll-pane {width:824px}
.involist_col .client_btmbg {background:url(../images/round_headerbg.png) 0 -1191px no-repeat; height:4px; width:1170px}
.involist_col ul.invoicelist li .invoice-id {width:200px}
.involist_col ul.invoicelist li .invoice-client {width:180px}
.involist_col ul.invoicelist li .invoice-amount {width:110px}
.involist_col ul.invoicelist li .invoice-status {width:85px}
.involist_col ul.invoicelist li .invoice-id a {width:102px; word-wrap:break-word}
.involist_col ul.invoicelist li .editbtn {margin-left:0}

.change_btn {float:right; width:75px; height:31px; margin-top:2px}
.change_btn span {display:inline-block; width:30px; height:31px; cursor:pointer; margin-left:5px}
.change_btn .grid {background:url(../images/listgrid_icon.png) 0 0 no-repeat}
.change_btn .grid:hover,.change_btn .grid.select {background:url(../images/listgrid_icon.png) 0 -40px no-repeat}
.change_btn .list_icon {background:url(../images/listgrid_icon.png) -35px 0 no-repeat}
.change_btn .list_icon:hover,.change_btn .list_icon.select {background:url(../images/listgrid_icon.png) -35px -40px no-repeat}

ul.month_list {padding:15px 0 0; margin:0; list-style:none}
ul.month_list li {text-align:right; height:30px; line-height:30px; margin:0 15px 0 0}
ul.month_list li a {font-size:14px; text-transform:uppercase; color:#6f7d8f; transition:all .1s ease-in-out; display:block}
ul.month_list li a:hover,ul.month_list li a.select {color:#f05c41; font-size:16px; font-family:proxima_nova_alt_ltbold}

.calender_block {padding:15px 15px 0 0}
.back_link {font-size:14px; font-family:proxima_nova_alt_ltbold; color:#3f4650; margin:0 0 20px 10px}
.back_link a {color:#3f4650}
ul.calender_date {margin:0; padding:0; list-style:none; overflow:hidden}
ul.calender_date li {float:left; margin:0 0 6px 6px; padding:0}
ul.calender_date li a {display:block; float:left; width:30px; height:30px; background:#eff3f6; box-shadow:inset 0 0 3px #c5cdd5; color:#6f7d8f; font-size:14px; font-family:proxima_nova_alt_rgregular; text-align:center; line-height:31px; border-radius:30px}
ul.calender_date li a:hover,ul.calender_date li a.active {background:#f35c41; color:#fff; font-family:proxima_nova_alt_rgbold; box-shadow:inset 0 0 3px #ad8c86}

.select_year {background:url(../images/yearbox_bg.png) 0 0 no-repeat; width:96px; position:relative; height:28px; margin:15px 0 0 10px; cursor:pointer}
.select_year span {position:absolute; font-size:13px; font-family:droid_sansregular; color:#818181; left:10px; top:4px; width:60px}
.select_year select {opacity:0; width:96px; height:28px; cursor:pointer; position:relative; fileter:alpha(opacity=0); z-index:1}

.invogrid_block {overflow:hidden; width:864px}
.invo_title {font-size:20px; font-weight:normal; font-family:proxima_nova_alt_ltbold; color:#3f4650; margin:0 0 20px 28px}
.invogrid {width:140px; float:left; margin:0 0 29px 28px; border:1px solid #d7d7d7}
.invogrid_block .scroll-pane {width:864px; height:435px}
.invogrid_block .jspTrack {background:url(../images/scrollbar_bg435.png) 0 0 no-repeat}

/* For Account Type Selectbox */
.account_types {margin:5px 20px 0 10px; float:left}
.account_types .jquery-selectbox.selecthover {z-index:700}
.account_types .jquery-selectbox .jquery-selectbox-list {display:none; position:absolute; top:34px; padding:2px 0 5px 0; left:0; overflow-x:hidden; overflow-y:auto; z-index:1000; background:#fff; border:1px solid #1e2227; border-top:none}
.account_types .jquery-selectbox .jquery-selectbox-moreButton {width:100%; height:34px; cursor:pointer; position:absolute; left:0; top:0}
.account_types .jquery-selectbox .jquery-selectbox-item.listelementhover {background:#f6f6f8}
.account_types .jquery-selectbox .jquery-selectbox-item {display:block; cursor:default; line-height:24px; cursor:pointer; font-size:12px; padding-left:5px; color:#4B4B4B}
.account_types .jquery-selectbox .jquery-selectbox-currentItem {white-space:nowrap; display:block; overflow:hidden; line-height:34px; color:#4B4B4B; text-align:left; padding-left:10px; height:34px}

.account_types .jquery-selectbox {position:relative; z-index:10; font-size:14px; color:#4B4B4B; padding:0; background:url(../images/selectbox_choose.png) 0 0 no-repeat; height:45px; width:225px; font-family:droid_sansregular; margin:-6px}
.account_types .jquery-selectbox .jquery-selectbox-currentItem {text-align:left}
.account_types .jquery-selectbox .jquery-selectbox-list {width:217px; top:43px; left:3px; font-family:droid_sansregular}
.equal_gap {margin:0 auto; width:120px}
.tinynav { display: none }

@media screen and (max-width: 1024px){
#headerwrap_dashboard {position:relative}
.content_topbg {padding-top:0}  
}

.clientsec #clientlogos{margin-left:0 !important;width:100%;text-align:center;}
.clientsec #clientlogos li{float:none !important;display:inline-block;}
.testimonials-one .imgsec img{border-radius:50%}

.inpage-header-banner{width:100%;padding:3em 0;float:left;}
.banner-img-box{width:65%;padding:0 1em;box-sizing: border-box;float:left;text-align: center;}
.banner-desc-box{width:35%;padding:5em 1em 0em;box-sizing: border-box;float:left;}
.online-invoicing-button{margin:1em auto;width:120px;padding:0.75em 1em;font-size:1em;color:#fff;text-align:center;background:#f46349;border-radius: 5px;cursor:pointer;text-decoration: none;display:inline-block;font-family: montserratregular;text-transform: uppercase}
.banner-desc-box h3{font-size: 2.25em;color:#fff;margin:0 0 1em 0;line-height: 1.25em;}
.banner-desc-box p{font-size:1em;color:#fff;font-size: 1em;line-height: 1.4em;margin-bottom: 1em}
.tax-invoice-content-box{margin:1em 0;padding:1em;float:left;width:33.3333%;box-sizing: border-box;}
.tax-invoice-content-box img{margin-bottom:1em; font-size: inherit !important;}
.tax-invoice-content-box h4{font-size:16px;font-family:proxima_nova_alt_rgbold;margin-bottom:0.5em;}
.tax-invoice-content-box p{font-family: droid_sansregular;  line-height: 1.5em;}
.time-mid-content{padding:3em 0 2em;width:100%;text-align: center;float: left;}
.time-mid-content h4{font-size:3em;color:#444;font-family:proxima_nova_alt_rgbold;margin-bottom:0.5em;line-height: 1.2em;}
.time-mid-content p{font-size: 1.25em;margin:0.5em 0em 1em;line-height: 1.1em;}
.free-signup{background: #f46349 none repeat scroll 0 0;border-radius: 5px;color: #fff;cursor: pointer;display: inline-block;font-family: montserratregular;font-size: 1em;margin: 1em auto;padding: 0.75em 1em; text-align: center;text-decoration: none;text-transform: uppercase;width: 220px;}
.time-bottom-img-wrap{padding:3em 0 0em 0;width:100%;text-align: center;float: left}
.spacer{padding:1em 0;width:100%;text-align: center;float: left;}
.page-length{float:left;width:100%}
.page-not-found{background:#fff;padding:3em 1em;}
.page-not-found #content{text-align:center;}
.goto-btn{margin:1em 0;padding:0.35em 0.85em;color:#fff;background:#525a65;font-size:1em;display:inline-block}
.thankscontent{width:50%;margin:2em auto;text-align:center;}
.img-box{margin:0 1em 1em 0;float:left;}
.thankscontentbox h3{font-size:1.75em;text-align:left;margin-bottom:0.5em;font-family: proxima_nova_alt_rgbold;font-weight:normal;}
.thankscontentbox p{font-size:1.2em;text-align:left;margin-bottom:0.75em;}
.thankscontentbox{margin:0;padding:1.5em 0 0 0;text-align:center;float:left;}
.paymentbox-outer{margin:1em 0;padding:0;width:100%;float:left;}
.paymentbox-outer .payment-methods{padding:1em 0;box-sizing:border-box;width:50%;float:left;text-align:center;}
.methods-title{background:#fa8a79;border-radius:5px;padding:0.5em 1em;font-weight:bold;width:100%;box-sizing:border-box;float:left;color:#fff;text-transform:uppercase;font-size:1.2em;text-align:center;}
.methods-title span{margin-left:1em;}
.methods-title:hover{color:#fff;}
.paymentmethod-inner{margin:1em 0;padding:2em 2.5em;background:#f7f5f5;width:100%;box-sizing:border-box;float:left;}
.paymentmethod-inner h4{margin: 0 0 1.5em;font-size:1.35em;text-transform:uppercase;text-align:left;font-family: proxima_nova_alt_ltbold;font-weight:normal;color:#5f5e5e}
.paymentmethod-inner h4 span{margin:0 0.5em 0 0;border-radius:50%;border:2px solid #fa8a79;padding:0.1em 0.4em;text-align:center;}
.paymentmethod-from{margin:0.5em 0;padding:0;width:100%:float:left;}
.paymentmethod-from p{margin:0.5em 0;float:left;width:100%;}
.paymentmethod-from p label{margin:0 0 0.5em 0;width:100%;font-weight:normal;font-size:1.2em;text-align:left;float:left;text-transform:capitalize;font-family: proxima_nova_alt_rgbold;color:#5f5e5e}
.paymentmethod-from p input{padding:0.75em 0.5em;color:#5f5e5e;border:1px solid #d7d9d9;background:#fff;width:100%;box-sizing:border-box;font-family:proxima_nova_alt_rgregular; font-size: 1.1em;}
.paymentmethod-from p select{padding:0.75em 0.5em;color:#5f5e5e;border:1px solid #d7d9d9;background:#fff;width:100%;box-sizing:border-box;font-family:proxima_nova_alt_rgregular; font-size: 1.1em;}
.paymentmethod-from p  .expiry-date{width:49.5%;margin-right:1em;box-sizing:border-box;float:left;}
.paymentmethod-from p  .expiry-year{width:47%;box-sizing:border-box;float:left;}
.paynow-btn{padding:0.75em 1.25em;color:#fff;font-size:1.2em;border-radius: 5px;font-weight:bold;text-transform:uppercase;background:#f66e59;width:45%;cursor:pointer;float:right;border:0;}
.payment-methods-info{margin:2em 0 5em;width:100%;display:inline-block;padding:1em;box-sizing:border-box;border:1px solid #bdbbbb}
.info-left{width:50%;padding:0 2em 0 1em;box-sizing:border-box;text-align:right;float:left;color:#5f5e5e;font-weight:bold;font-size:1.1em}
.info-left span{margin-right:1em;color:#5f5e5e}
.info-right span{margin-left:1em;color:#5f5e5e}
.info-right span strong{margin-left:1em;color:#5f5e5e}
.info-right{width:50%;padding:0 0em 0 2em;box-sizing:border-box;float:left;border-left:2px solid #bdbbbb;font-size:1.1em;color:#5f5e5e;}
.padding-right{padding-right:1em !important;}
.padding-left{padding-left:1em !important;}
.title-active{background:#f66e59 !important;}
.whatisthis{color:#f66e59}
.headline{font-size:1.25em;margin-bottom:1em;color:#3f4650}
.signupwrapper{background: #009DE7;width:100%;float:left;margin: 0px;height:auto;vertical-align: bottom;text-align: center;line-height:53px;padding: 0.5em 0;}
.signupwrapper span{color:white;margin-right:20px; font-size: 1.35em;}
.signupwrapper input[type="text"]{ border: 0 none;border-radius: 3px;color: #4b4b4b;font-size: 14px;margin: 0 10px;padding: 12px 10px;width: 200px;}
.signupwrapper input[type="submit"]{ cursor: pointer; background: #3f464f;border: 0 none;border-radius: 5px;color: white;padding:11px 15px;margin-left: 10px;width: 170px;font-size:14px;font-family:proxima_nova_alt_ltbold;}
.headline a{color:#f66e59; }
.headline strong{color:#3f4650; }
#horizontalTab .tabcontent{padding-top:4em;padding-bottom:4em;}

.page-intro-title{padding:0.75em 0;width:100%;text-align:center;font-size:1.75em;color:#fff;margin-bottom: 1em; line-height: 1.5em;}
.plan-details{width:50%;float:left;padding:2em 5em;box-sizing:border-box;}
.plan-description{width:50%;float:left;padding:2em 2em 0;box-sizing:border-box;}
.plan-details-box{width:100%;float:left;background:#fff;padding:2em 3em;box-sizing:border-box;}
.plan-details-box h5{font-size:1.5em;color:#414040;margin-bottom:0.5em;text-transform:uppercase;font-weight:700;}
.plan-details-box ul{margin:1em 0 0;padding:0;float:left;width:100%;}
.plan-details-box ul li{padding:0 0 0 30px;list-style:none;font-size:1.5em;margin-bottom:0.7em;background:url("../images/list-bullot-icon.png") no-repeat left top;} 
.free-signup-button{width:100%;margin:1em 0 0;background: #f46349;border-radius: 5px;box-sizing:border-box;color: #fff;text-align:center;padding:1em;cursor: pointer;display: inline-block;font-family: montserratregular;font-size: 1.5em;text-transform:uppercase;}
.plan-description-inner{padding:2em;margin:0;float:left;width:100%;}
.plan-description-content{width:100%;float:left;padding:1.5em 0;}
.plan-description-content h6{color:#fff;font-size:1.75em;margin-bottom:0.75em;}
.plan-description-content p{line-height:1.5em;color:#fff;font-size:1.25em;}
.border-bottom{border-bottom:1px solid #ccc;}

.unlimited-plans-wrap{width:100%;padding:3em 0;background:#fff;float:left;}
.section-title{font-size:1.5em;color:#494848;margin-bottom:1.5em;float:left;width:100%;line-height:1.5em;}
.unlimited-plan-details{width:33.33%;float:left;margin:1.5em 0;padding:0;box-sizing:border-box;}
.unlimited-plan-details ul{margin:0;padding:0;float:left;width:100%}
.unlimited-plan-details ul li{background:url("../images/list-bullot-grey.png") no-repeat left top;padding:0 0 0 30px;margin:1em 0;font-size:1em;color:#494848;}
#testimonial-content-wrapper{padding:4em 0 1em;float:left;width:100%;}
.footertop ul.quick_link li a{color:#fff;}