/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');

/* html,body{
background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;
} */
/* 
.container{
height: 100%;
align-content: center;
margin-top: 5%;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: green;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
} */
.mr-3, .mx-3 {margin-right: 1rem!important;}
html{position: relative!important;}
.js-focus-visible {position: relative!important;}
.uk-textarea { background-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); background-clip: padding-box; border-color: rgba(255, 255, 255, 0.2); }
.uk-textarea:focus {background-color: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7);}
.uk-textarea::placeholder { color: rgba(255, 255, 255, 0.5);}
.pad-t-b-50 {padding-top: 50px; padding-bottom:50px ;}
.ser-main-d a, .services-m-d, .ser-pr-m-d-2{color: #4CB261; background: #F7F7F7; min-height: 340px;  width: 94%; padding: 40px; margin: 0px auto 50px; text-align: center; box-sizing: border-box; box-shadow: inset 0 0 0 0 rgb(255 255 255 / 50%), inset 0 0 0 0 rgb(255 255 255 / 50%), 0 1px 3px #929291;
    -webkit-transition: .6s; transition: all .6s cubic-bezier(.165,.84,.44,1); transition: all .6s; border-radius: 15px; font-family: 'proxima-nova', sans-serif;}
.ser-main-d a:hover {color:#319947; z-index:999;transform: scale(1.02, 1.02);}
.ser-main-d a:active {color:#319947!important; box-shadow: 0px 0px 3px 1px #aaa inset; -moz-box-shadow: 0px 0px 3px 1px #aaa inset; -webkit-box-shadow: 0px 0px 3px 1px #aaa inset; color: #37b7ed; z-index:999;}
.ser-main-d h3 {color: #4CB261; margin-top: 0;}
.services-m-d, .ser-pr-m-d-2 {width: 100%; min-height: 170px; margin: 0px auto 0px; color: #757575; }
.ser-pr-m-d-2 .input-num {width: 150px; height: 39px; border: 1px solid #dbdada; padding-left: 10px; border-radius: 10px; }
.lab-text-w {font-size: 19px; color: #666; text-align: right;}
.ser-pr-m-d-2 {text-align: left;}
input[type=number]{appearance:none}
#wordcountBox:focus {border: 1px solid #a0d869;}
#collapse-job-files a {color: #4CB261;}
#collapse-job-files a:hover {color: #319947;}
.vive-wo-d3 {text-align: left;}
.services-m-d-right {color:#888686; text-align:justify; width:auto; font-size: 13px; padding:10px 15px; margin: 0px auto 30px 40px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #d9d9d9}
.services-m-d-right-fix-top { border-bottom:none}
.services-m-d-right-fix-bottom {border-top:none; padding-bottom: 5px}
.services-m-d-right-fix-scroll {border-bottom:none; border-top:none; padding-top:0; height:200px; overflow:hidden}
.services-m-d-right-fix-top, .services-m-d-right-fix-bottom, .services-m-d-right-fix-scroll{margin:0px auto 0 30px!important; width: 100%;}
.services-m-d-right h4{display:inline-block; font-size:14px; color:#656565; text-align:left}
.services-m-d-right #viewSampleDiv a{ margin:10px 0; box-sizing: border-box; text-rendering: auto; display: inline-block; border-radius: 30px; font-weight: 400; padding: 5px 37px; color: #4CB261; border: 1px solid #4CB261; cursor: pointer; transition: all 0.2s;}
.services-m-d-right #viewSampleDiv a:hover{ color: #319947;  border: 1px solid #319947;}
#scrollbox3 {overflow: auto;}
a.uploaddoc, .uploaddoc-mid{font-size: 16px; font-family: "proxima-nova-semibold","Lato",sans-serif; display:inline-block; color: #fff !important;; border:0; width:300px;  text-align: center; cursor:pointer; font-weight: 600;box-sizing: border-box;border-radius:20px;background-color:#4CB261;  box-shadow: inset 0px 0px 0px 0 rgba(255,255,255,0.5), inset 0px 0px 0px 0 rgb(255 255 255 / 50%), 0px 2px 3px #929291;  padding: 10px 37px;background-image: none;transition: all .5s; font-weight: unset; -webkit-text-stroke: transparent;}
a.uploaddoc:hover, .uploaddoc-mid:hover{background-color:#319947;border: 0  ; text-decoration:none; color: #fff;box-shadow: none;}
.uploaddoc-mid {width: 170px; padding: 8px 37px;}
.invisible {visibility: hidden; width: 0; height: 0; overflow: hidden;}
*+h4, *+h2 {margin-top: 0; margin-bottom: 0;}
#upload_btn_div .padloc-icon {color:#a5a5a5; font-size:12px; margin-top:60px; text-align:center; margin-bottom: -25px}
#upload_btn_div .padloc-icon > div {display: inline-block; }
#upload_btn_div .padloc-icon > div:first-child {width: 20px}
.or-separator-main {margin-top:40px; margin-bottom:60px; text-align: center; border-bottom:1px solid #d9d9d9; padding-bottom: 21px}
.or-separator-main span{border:1px solid #d9d9d9; border-radius:50%; position:absolute; padding:9px; font-size:16px; color:#7f8081; background:#F7F7F7; left:47.5%}
.or-separator-main-2 span {margin-top:1px; border: 1px solid #d9d9d9; border-radius: 50%; position: absolute; padding: 9px; font-size: 16px; color: #7f8081; background: #fbfbf9; left: 32%}

/* Get Quote */
#priceQuoteDiv table{border: 1px solid #e8e8e8; width: 100%; margin-top: 40px; margin-bottom: 40px;}
#priceQuoteDiv table tr td{ text-align: center; padding: 5px 20px; font-size: 18px!important}
#priceQuoteDiv table td{border-bottom: 1px solid #e8e8e8; text-align: center; padding: 20px 20px; background: #fff; font-size: 18px!important}
.quote-tr-border{border: 1px solid #e8e8e8; cursor: pointer;}
.table-th {padding:10px; text-align: center; background: #f8f8f8; font-size: 18px!important; font-weight: normal; color: #888686!important}
.table-cell {display: table-cell;}
.ser-high-div {text-align: left; color:#666;}
.pad-top-15 {padding-top: 15px;}
.sup-text2 {margin-top:-4px; display:inline-block; vertical-align: top; font-size: 11px; }
.sup-text2 a{padding:0 4px; color:#4CB261}
.sup-text2 a:hover{color:#319947}
.icon-sprite-homepage {display:inline-block; vertical-align:middle; border:0; background:url('../png/ordering-page-sprite-v2.png') no-repeat; background-size:322px}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
    .icon-sprite-homepage {background-image:url('../png/ordering-page-sprite-m2x.png');}
}

#business, #academic, #academic-mob, #jobApplicants, #writers, .ser-main-d:hover #business, .ser-main-d:hover #academic-mob, .ser-main-d:hover #academic, .ser-main-d:hover #jobApplicants, .ser-main-d:hover #writers {margin-bottom: 15px; width: 124px; height: 120px;}
#business { background-position:0px -280px;}
#academic { background-position:0px -139px; }
#academic-mob { background-position:0px -139px; }
#jobApplicants { background-position:0px 0px; }
#writers { background-position:0px -419px; }
.ser-main-d:hover #business { background-position:-144px -280px; }
.ser-main-d:hover #academic-mob { background-position:-144px -139px; }
.ser-main-d:hover #academic { background-position:-144px -139px; }
.ser-main-d:hover #jobApplicants { background-position:-144px 0px; }
.ser-main-d:hover #writers { background-position:-144px -419px; }
.icon-sprite-upload-doc {display:inline-block; vertical-align:middle; border:0; background:url('../png/upload-doc-page-sprite-v6.png') no-repeat; background-size:550px}
.check-icon {width:26px; height:26px; background-position:0px -1px; margin-right: 10px; margin-top:0px}
.business {width:42px; height:37px; background-position:-43px 0px; margin-right: 10px}
.confidential {width:42px; height:39px; background-position:-98px 0px; margin-right: 10px}
.satisfaction  {width:42px; height:42px; background-position:-147px 0px; margin-right: 10px}
.edit-icon  {width:26px; height:30px; background-position:-0px 0px}
.editorial-icon  {width:42px; height:37px; background-position:-308px 0px}
.refresh-icon  {width:21px; height:24px; background-position:-412px 0px}
.business-trust-icon {width:42px; height:37px; background-position:-497px 0px; margin-right: 10px}
.check-icon-xs {width:16px; height:18px; background-position:-1px -29px; margin-top:0px; margin-right:1px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
    .icon-sprite-upload-doc {background-image:url('../png/upload-doc-page-sprite-m4x.png');}
}
/* login */


.col-20 {width:15.40%!important; float:left; border-radius:10px 0 0 10px!important;}
.col-80 {width:84.50%!important; border-left:0!important; border-radius: 0 10px 10px 0!important;}
.form-control {border:1px solid #e2e1e1; height:38px; color:#888686; padding:6px 10px;  border-radius: 9px; -moz-border-radius: 9px; box-shadow:0 0 0; -moz-box-shadow:0 0 0; font-size: 15px;}
.font-size-13 {font-size: 13px;}
.font-size-12 {font-size: 12px;}
.alink, .login-page a {color: #4CB261!important}
.alink:hover, .login-page a:hover {color: #319947!important}
a, a:not([href]){text-decoration: none; cursor: pointer;}
#read_more_note a:not([href]) {color: inherit!important;}
a:hover, a:not([href]):hover {color: #319947}
.login-page h2{margin-bottom: 0; font-size: 24px; margin-top:30px; margin-bottom:30px; font-family: "proxima-nova-semibold",sans-serif!important; }
.login-page .ser-pr-m-d-2 {min-height: 140px; padding: 30px;}
.error-msg {font-size: 12px; color: red;}
a.facebookbg, a.googlebg { width: 100%;}
a.facebookbg, a.googlebg {font-size:16px;  color:#fff; border:none;  text-align: center; padding:2px 0 3px; cursor:pointer; background-color: #2b85c0; padding: 6px 20px; margin-right:10px; border-radius: 20px; display: inline-block; box-shadow: inset 0 0 0 0 rgba(255,255,255,.5), inset 0 0 0 0 rgb(255 255 255/50%), 0 2px 3px #929291; transition: all .6s;}
a.facebookbg:hover, a.facebookbg:active{box-shadow: none;background-color: #43a9fd;}
a.googlebg {background-color: #ec4f40; }
a.googlebg:hover, a.googlebg:active{box-shadow: none;background-color: #43a9fd;}
.or-hr-div {border-bottom:1px solid #d9d9d9; width:38.5%; margin:50px auto; position:relative; }
.or-hr-div span{ position:absolute; left: 45.8%; bottom:-18px; background: #fff; border:1px solid #ddd; padding: 5px 7px; border-radius: 20px;}
.log-btn{height: 42px; width: 100%;}
.pay-here-btn {width: 110px!important; padding: 4px 0px 3px!important;}
/* my account */
.close-span-font {font-family: 'proxima-nova', sans-serif; font-size: 16px;}
.min-height-130 {min-height: 130px!important;}
.show-jobs-main .tooltipped{left: 16%; right: inherit; width: 175px;}
.show-jobs-main form {position: relative;}
.section-a h2{font-size:24px; margin-top:4px; display:inline-block; margin-bottom: 0; font-family: "proxima-nova-semibold",sans-serif!important;}
.curr-bal-div {border: 1px solid #4CB261;  padding: 5px 10px; display: inline-block; margin-right:30px;}
.mid-box {width:100%; background:#F7F7F7; min-height:100px; padding:30px;  margin: 30px auto 0; box-sizing:border-box; box-shadow: inset 0px 0px 0px 0 rgba(255,255,255,0.5), inset 0px 0px 0px 0 rgb(255 255 255 / 50%),  0px 1px 3px #929291; -webkit-box-shadow: inset 0px 0px 0px 0 rgba(255,255,255,0.5), inset 0px 0px 0px 0 rgb(255 255 255 / 50%),  0px 1px 3px #929291; -moz-box-shadow:  inset 0px 0px 0px 0 rgba(255,255,255,0.5), inset 0px 0px 0px 0 rgb(255 255 255 / 50%),  0px 1px 3px #929291; transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);  transition: all 0.6s; border-radius: 15px;}
.icon-sprite-my-account {display:inline-block; vertical-align:middle; border:0; background:url('../png/backend-icon-sprite-v3.png') no-repeat; background-size:215px;}
.icon-sprite-my-account-mo {display:inline-block; vertical-align:middle; border:0; background:url('../png/backend-icon-sprite-mob-v3.png') no-repeat; background-size:215px;}
.doc-view-icon {width:36px; height:37px; background-position:0px -5px;}
.doc-view-icon:hover {width:36px; height:37px; background-position:0px -120px;}
.support-icon {width:36px; height:37px; background-position:-54px -5px;}
.support-icon:hover {width:36px; height:37px; background-position:-54px -120px;}
.delete-iocn  {width:29px; height:37px; background-position:-107px -120px;}
.delete-iocn:hover  {width:29px; height:37px; background-position: -108px -5px;}
.home-iocn  {width:40px; height:37px; background-position:-157px -5px;}
.home-iocn:hover  {width:40px; height:37px; background-position:-157px -120px;}
.icon-sprite-plus-minus {display:inline-block; vertical-align:middle; border:0; background:url('../png/icon-sprite-plus-minus-lg-v3.png') no-repeat; background-size:24px}
.plus-icon {width:24px; height:23px; background-position:0px 0px; margin-right: 10px;}
.accordion-toggle:hover .plus-icon {width:24px; height:23px; background-position:0px -55px; margin-right: 10px;}
.minus-icon  {width:24px; height:23px; background-position:0px -28px; margin-right: 10px;}
.accordion-toggle:hover .minus-icon  {width:24px; height:23px; background-position:0px -85px; margin-right: 10px;}
.download-icon  {width:15px; height:15px; background-position:0px -62px;}
.mid-box a:hover .download-icon  {width:15px; height:15px; background-position:-180.5px -62px;}
#showliketooltip .tooltip.bottom{margin-top:15px!important;}
#showliketooltip .tooltip-inner{width:65px!important; max-width:65px!important; text-align: center!important; padding:5px!important}
#showliketooltipsum .tooltip.bottom{margin-top:12px!important;}
#showliketooltipsum .tooltip-inner{width:65px!important; text-align: center!important; padding:5px!important}
#showliketooltipsum .tooltip{margin-left:5px;}
#myJobPageLikeBtn .like-btn {font-size: 16px; font-family:"Lato",sans-serif; text-transform: uppercase; display:inline-block; border:1px solid #b0b0b0; width:34px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; padding:2px 0 2px; vertical-align:top; cursor:pointer; background:#fff}
#myJobPageLikeBtn .like-btn {margin-left: 5px; margin-right:5px}
#myJobPageLikeBtn .thumbs-up-sm {width: 21px; height: 21px; background-position:-80px 0px}
#myJobPageLikeBtn .thumbs-down-sm {width: 21px; height: 21px; background-position:-112px 0px}
#myJobPageLikeBtn .like-btn:hover .thumbs-up-sm{width: 21px; height: 21px; background-position:-80px -31px}
#myJobPageLikeBtn .like-btn:hover .thumbs-down-sm{width: 21px; height: 21px; background-position:-112px -31px}
#myJobPageLikeBtn .like-btn.active .thumbs-up-sm{width: 21px; height: 21px; background-position:-80px -64px}
#myJobPageLikeBtn .like-btn.active .thumbs-down-sm{width: 21px; height: 21px; background-position:-112px -62px}
#myJobPageLikeBtn .like-btn.like.active, #like.active {border:1px solid #4CB261!important; color:#4CB261!important; cursor:default!important; }
#myJobPageLikeBtn .like-btn.dislike.active, #dislike.active {border:1px solid #c57900!important; color:#c57900!important; cursor:default!important}
.feedbackModal .success{background: transparent; display: flex; justify-content: center; align-items: center; min-height: 200px; position: relative;}
.height-inherit {height: inherit!important;}
.myjobdeslikebtngray, .myjobdeslikebtngreen, .myjoblikebtngray, .myjoblikebtnred {width: 60%;}
.myjoblikebtnred, .myjobdeslikebtngreen{display: none;}
.myjobdeslikebtngray {padding: 0 0 2px;}
.myjoblikebtnred {margin: auto; padding: 4px 0 2px 0;}
.myjobdeslikebtngreen {margin: auto; padding: 2.5px 0 3px 0;}
#myJobPageLikeBtn .like-btn.dislike.active, #dislike.active .myjoblikebtngray{display: none;}
#myJobPageLikeBtn .like-btn.like.active, #like.active .myjobdeslikebtngray {display: none;}
#myJobPageLikeBtn .like-btn.like.active, #like.active .myjobdeslikebtngreen{display: block;}
#myJobPageLikeBtn .like-btn.dislike.active, #dislike.active .myjoblikebtnred {display: block;}
.myjobdeslikebtngraypop, .myjobdeslikebtngreenpop, .myjoblikebtngraypop, .myjoblikebtnredpop {width: 30px; padding: 2px 0 3px;}
.myjobdeslikebtngraypop {padding: 2px 0 3px;}
.myjobdeslikebtngreenpop, .myjoblikebtnredpop {display: none;}
#showlike.like-btn.active .myjobdeslikebtngraypop, #like.active .myjobdeslikebtngraypop{display: none;}
#showlike.like-btn.active .myjobdeslikebtngreenpop, #like.active .myjobdeslikebtngreenpop{display: block;}
#showdislike.like-btn.active .myjoblikebtngraypop, #dislike.active .myjoblikebtngraypop{display: none;}
#showdislike.like-btn.active .myjoblikebtnredpop, #dislike.active .myjoblikebtnredpop{display: block;}
.myjobdeslikebtngreenpop, .myjoblikebtnredpop {margin: auto;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
    .icon-sprite-my-account {background-image:url('../png/backend-icon-sprite-mob-v3.png');}
    .icon-sprite-plus-minus{background-image:url('../png/icon-sprite-plus-minus-lg-mob-v2.png');}
}
/* Show jobs form div */
.show-jobs-main {text-align: right; margin:0 0 20px}
.show-jobs-input { width: 70px; height: 30px; border: 1px solid #dbdada;border-radius: 9px;padding-left: 10px; margin: 0 15px 0 5px}
.show-jobs-submit-btn, .show-all-jobs-btn { font-size: 16px;font-family: 'proxima-nova-semibold', sans-serif; padding: 11px 37px;color: #4CB261;border: 1px solid #4CB261;width: 90px;  background: #fff; border-radius: 30px;transition: all 0.2s;} 
.show-jobs-submit-btn{ padding: 3px 0 3px;}
.show-all-jobs-btn { padding:6px 20px;  margin-left: 15px;}
.show-jobs-submit-btn:hover, .show-all-jobs-btn:hover {color: #319947;border: 1px solid #319947;}

/* table */
.table {width:100%}
.table>thead>tr>td, .table>thead>tr>th {padding: 8px; line-height: 1.42857143; vertical-align: top;}
.table-responsive {min-height: 125px;}
.table-responsive table tr td {text-align: center}
.section-a table {font-size: 15px;}
.section-a table thead tr td{background:#fbfbf9; border-top:1px solid #ededed!important; border-bottom: 1px solid #ededed; color:#888686;}
.section-a table thead tr td:first-child {border-left: 1px solid #ededed;}
.section-a table thead tr td:last-child {border-right: 1px solid #ededed;}
.section-a table tbody tr td{background:#fff;border:0;border-bottom: 1px solid #ededed; vertical-align: middle; padding:12px 8px; color:#656565;}
.section-a table tbody tr td:first-child{width:10%; word-break: break-all;border-left: 1px solid #ededed;}
.section-a table tbody tr td:last-child{border-right: 1px solid #ededed;}
.section-a #myjobdivtab table tbody tr td:nth-child(2){width:8%;}
.section-a #myjobdivtab table tbody tr td:nth-child(3){width:19%;}
.section-a #myjobdivtab table tbody tr td:nth-child(4){width:10%;}
.section-a #myjobdivtab table tbody tr td:nth-child(5){width:10%;}
.section-a #myjobdivtab table tbody tr td:nth-child(6){width:19%;}
.section-a #myjobdivtab table tbody tr td:nth-child(7){width:14%;}
.section-a table tbody tr:first-child td{ padding:17px 8px 12px 8px;}
.section-a .font-size-24{color:#535a6d;}
.file-name-width-job{ width:20%!important;}
.job-no-width-job { width:8%;}
.due-date-job { width:19%;}
.quote-job { width:10%;}
.payment-status-job { width:12%;}
.job-status-width-job {width:19%;}
.rate-us-job {width:14%;}
.btn-primary-pay, .btn-primary-pay:active{font-size: 16px; padding:2px 25px 2px 25px!important;}
.margin-right-20 {margin-right: 20px;}

/* job summary */
.embed-responsive-10by86 {padding-top: 85.5vh;}
.font-size-24{font-size:24px;}
.text-color-2{color:#535a6d;}
.mid-box-in{min-height: 65px; font-size: 15px; color:#888686; background:#fff; width:auto; padding:30px 30px; margin-top:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #e8e8e8;}
.mid-box-in-st{font-size: 15px; color:#888686; background:#fff; margin-top:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #e8e8e8;}
.mid-box-in-border {border:1px solid #4CB261;}
.mid-box-in-border a {color: #4CB261;}
.mid-box-in-border a:hover {color: #319947;}
.mid-box-in .row {padding: 10px 0; margin: 0;}
.mid-box-in .row:last-child {padding-bottom: 10px;}
.spancoln {padding-right:20px; width:25px;}
.add-invoice-tab table {width: 100%; text-align: center;border:1px solid #dddddd}
.add-invoice-tab table thead tr td {padding: 10px}
.add-invoice-tab table thead tr td, .add-invoice-tab table tbody tr td {border-left: 1px solid #ddd!important}
.add-invoice-tab table thead tr td:first-child, .add-invoice-tab table tbody tr td:first-child {border-left: 0!important}
.add-invoice-tab-top, .add-invoice-tab-bot{border-left:0; border: 1px solid #ddd;border-left:0; margin-left: 0; margin-right: 0}
.add-invoice-tab-top div {padding: 10px; border-left: 1px solid #ddd; text-align: center; background: #F7F7F7}
.add-invoice-tab-bot div {padding: 10px; border-left: 1px solid #ddd; text-align: center}
.add-invoice-tab-bot {border-top:0; background: #fff}
.add-invoice-tab-bot .border-left-0-pad-0{border-left: 0;padding: 0}
.green-color {color: #4CB261!important}
.col-width-10 {width: 17%; display:table-cell; text-align: center; border-right:1px solid #e8e8e8; padding: 10px; vertical-align: middle;}
.col-width-70 {width: 50%; display:table-cell; padding: 30px; text-align: justify}
.icon-sprite-upload-doc {display:inline-block; vertical-align:middle; border:0; background:url('../png/upload-doc-page-sprite-v6.png') no-repeat; background-size:550px;}
.check-icon {width:26px; height:26px; background-position:0px -1px; margin-top:0px;}
.check-icon-xs {width:16px; height:18px; background-position:-1px -29px; margin-top:0px; margin-right:1px;}
.width-33-per {width:33%;}
.table-row-imp {display: table-row!important;}
.link h2{color:#4CB261!important;}
.my-job-div .link h2{font-family: 'proxima-nova-semibold', sans-serif!important;}
.link:hover h2{color:#319947!important;}
.link:hover h2{color:#319947!important}
.rate-this-job{border: 1px solid #ccc;  padding: 18px 16px 18px;  width:310px;  text-align: center;  margin: auto; margin-top: 20px;  font-family: lato; font-size: 16px; box-shadow: 0 0 1px 0px #7B7B7B; -moz-box-shadow: 0 0 1px 0px #7B7B7B; -webkit-box-shadow: 0 0 1px 0px #7B7B7B;}
.like-dislike-sprite {display:inline-block; vertical-align:middle; border:0; background:url('../png/like-dislike-sprite-v5.png') no-repeat}
.thumbs-up-lg {width: 30px; height: 30px; background-position:0px 0px;}
.thumbs-down-lg {width: 30px; height: 30px; background-position:-40px 0px;}
#showlike.active .thumbs-up-lg, #like.active .thumbs-up-lg{width: 30px; height: 30px; background-position:0px -80px;}
#showdislike.active .thumbs-down-lg, #dislike.active .thumbs-down-lg{width: 30px; height: 30px; background-position:-40px -80px;}
#feedbackPopupPage .like-btn, #file-mid-box .like-btn {font-size: 16px; font-family:"Lato",sans-serif; text-transform: uppercase; display:inline-block; border:1px solid #b0b0b0; width:80px;  border-radius: 20px; -moz-border-radius:20px; -webkit-border-radius: 20px; text-align: center; padding:2px 0 2px; vertical-align:top; cursor:pointer; background:#fff;}
#feedbackPopupPage .like-btn{margin:0 10px;}
#file-mid-box .like-btn{margin:0 10px;}
#feedbackPopupPage .like-btn:hover, #file-mid-box .like-btn:hover{border:1px solid #ccc; color:#4CB261!important;}
#showlike.like-btn.active, #showlikeJobSum.like-btn.active {border:1px solid #4CB261!important; color:#4CB261!important; cursor:default!important; }
#showdislike.like-btn.active, #showdislikeJobSum.like-btn.active  {border:1px solid #c57900!important; color:#c57900!important; cursor:default!important;}
#read_more_note {margin: 0 15px;}
#read_more_note .mid-box-in{margin-top: 15px; border:1px solid #c57900; background: transparent!important; padding: 30px;}
#read_more_note .mid-box-in {margin:0 -10px; text-align:left!important;}
.font-size-22 {font-size: 22px;}
.text-color-one {color:#888686}
.accordion-toggle.text-color-one:hover {color:#A29F9F}
.top-scroll{background-color: #4CB261; bottom: 15em; color:#fff!important; font-size: 15px; padding: 10px;  position: fixed; right: 1.5%; text-decoration: none;}
.top-scroll span{display: inline-block; margin-bottom: 3px; vertical-align: bottom}
#track_changes_modal .modal-content, #tracking_mark_up_modal .modal-content{background: #fff!important;  width: 100%;}
#track_changes_modal .modal-lg, #tracking_mark_up_modal .modal-lg {width: 98%; max-width: 98%;}
#track_changes_modal .modal-header, #tracking_mark_up_modal .modal-header {border-bottom: none;}
#collapse-job-files table tbody tr td {background: transparent!important; border: 0;}
input, textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #848484;
}
input, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #848484;
   opacity:  1;
}
input, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #848484;
   opacity:  1;
}
input,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #848484;
}
/* profile */
#profilePage .mid-box{width: 58%; padding:30px 30px 20px;}
.profilepageacrow {width:55%; margin:auto;}
#profilePage .btn-primary{ width: 40%; font-size:18px; padding: 5px;}
.min-height-45 {min-height: 45px;}
.err-spacing{clear: both;display: block;text-align: left; background: transparent;color: red;font-size: small;border: 0}


/* order-confirmed Thank you page */
.page-missing {font-size: 18px; color:#535a6d; margin-top: 10px; margin-bottom: -10px;}
.page-missingh2 {font-size: 30px!important; color:#535a6d}
.thank-you-page .mid-box{width: 80%; padding: 40px; text-align: center!important; margin:50px auto 10px;}
.btn-for-link {box-sizing: border-box; text-rendering: auto; display:inline-block; padding: 11px 25px;margin: 6px; cursor: pointer; color: #4CB261;border: 1px solid #4CB261;border-radius: 30px; transition: all 0.2s;  font-family:"proxima-nova-semibold",sans-serif!important; font-size: 16px;}
.btn-for-link:hover {color: #319947;border: 1px solid #319947; }
.thank-you-page  h2 { font-size: 26px; font-family:"proxima-nova-semibold",sans-serif!important; }

/* Feedback modal */
.feedbackModal.modal, #feedbackTrustpilotModal.modal, #track_changes_modal.modal, #tracking_mark_up_modal.modal{height: 100%;}
.feedbackModal .modal-content{width: 480px!important;}
.feedbackModal .services-m-d {box-shadow: none; padding: 30px 20px 0;}
.feedbackModal .modal-body {padding: 0 0 15px;}
.feedbackmodal #feedbackPopupPage .form-group {min-height: 60px}
.feedbackmodal #feedbackPopupPage .services-m-d{ min-height:170px; width:101%; padding:0 40px 0;  margin: 0px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-shadow:0px 0px 0px 0px #aaa; -webkit-box-shadow:0px 0px 0px 0px #aaa; -moz-box-shadow:0px 0px 0px 0px #aaa}
.feedbackmodal .modal-dialog { width: 480px!important;}
.feedbackmodal .container-fluid {padding-left:0px; padding-right: 0; }
#feedbackInnerDiv .close {position: absolute; right: 15px; top: 15px;}
.feedbackmodal .col-md-8 {width: 99%}
#feedbackPopupPage .feed-tex-center {text-align: center; border-bottom:1px solid #e5e5e5; margin-top: 0px;  padding-bottom: 20px}
.feedbackmodal .modal-content{width: 480px!important;}
.btn-primary:hover {background-color: #6ecb83;border: 1px solid #6ecb83;}
.success {display: block; border: 0; font-size: 15px; position: absolute; top: 40%; bottom: 0; left: 0; right: 0;}
.btn:focus, .btn:active { outline: none !important;  box-shadow: none !important;  }
input[value="Cancel"]{border-radius:20px;}
input[value="Cancel"]:hover,input[value="Cancel"]:focus{color: inherit;}
#feedbackPopupPage h2{margin-top: 4px;display: inline-block; width: 80%; line-height: 1.4;}
.feedback-chk-box {position: relative;cursor: pointer;}
.feedback-chk-box:before {content: "";display: block;position: absolute;width: 16px;height: 16px;top: 0;left: 0;border: 2px solid #c1c1c1;border-radius: 3px;background-color: white;}
/* .like-feedback.active {display: block !important;}
.like-feedback {display: none !important;} */
.feedback-chk-box:checked:after {content: "";display: block;width: 5px;height: 10px;border: solid #8a8989;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}
label {font-weight: normal;}
#feedbackInnerDiv .close {position: absolute; right: 15px; top: 15px;}
.col-feedback-name {padding-left: 10px;}
.custom-invalid-feedback {color: red;}
.mar-bot-20 {margin-bottom: 20px;}
.mar-left-115 {margin-left: 115px; text-align: left;}
.error-msg-check {min-height: 23px; margin-bottom: 0px; margin-top: -5px;}
.acttextactive.active {display: block!important}
.acttextactive {font-size:13px}
.pad-bot-20 {padding-bottom:20px}
.inline-block {display:inline-block}
.padding-top-1 {padding-top:1px}
.min-height-37 {min-height:37px}
.padding-top-3 {padding-top:3px}
.padding-top-30 {padding-top:30px}
.margin-left-none {margin-left:0!important}
.feedbackmodal .btn, #feedbackInnerDiv .btn{ margin-right: 10px; margin-left: 10px; padding-left: 20px; padding-right:20px;}
#feedbackPopupPage .btn-primary {font-size: 17px;display:inline-block; color:#fff; width:180px;  text-align: center; padding:3px 0 5px; }
#allTab {margin-top: 50px}
#feedbackPopupPage .like-btn, #file-mid-box .like-btn {font-size: 16px; font-family:"Lato",sans-serif; text-transform: uppercase; display:inline-block; border:1px solid #b0b0b0; width:80px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center; padding:2px 0 2px; vertical-align:top; cursor:pointer; background:#fff}
#feedbackPopupPage .like-btn{margin:0 10px}
#file-mid-box .like-btn{margin:0 10px}
#feedbackPopupPage .bt-can {background: transparent; border:1px solid #d7d6d6; color: #888686; padding: 7px 37px 6px 37px; margin-top: -2px; margin-right: 20px; border-radius: 20px; font-family: 'proxima-nova-semibold', sans-serif; border: 1px solid #4CB261; color: #4CB261;}
#feedbackPopupPage textarea.form-control {border-radius: 10px!important; resize: none; text-align: center;}
#delete_modal .modal-dialog {min-width:inherit}
#delete_moda .services-m-d-model {width: 80%; margin: 20px auto 10px;}
#delete_moda .modal-body .btn-del-mo{width: 120px; padding: 6px 12px!important; font-size: 14px; text-transform: capitalize;}
#delete_moda .modal-body .btn-def-del-mo{color: #333; background-color: #fff; border-color: #ccc;}
#delete_moda .modal-body .btn-def-del-mo:hover {color: #333; background-color: #e6e6e6; border-color: #adadad;}
@media screen and (max-width: 767px){
    .show-jobs-input {width: 65px; margin: 0 5px 0 5px}
    .show-all-jobs-btn { margin-left: 5px;}
    .mob-mar-top-60 {margin-top: 60px!important;}
    .show-jobs-main form {margin: auto;}
    .mob-mar-top-0 {margin-top: 0!important;}
    .mob-mar-top-m-10 {margin-top: -10px!important;}
    .thank-you-page .mid-box {width: 100%; padding: 20px; margin: 20px auto 10px;}
    #my-job-page-id h2 {margin-bottom: 15px;}
    #my-job-page-id .justify-content-end, #add-sup-del .justify-content-end, .my-job-div{justify-content:center!important}
    .section-a h2, .my-job-div {margin: 20px auto 0;}
    .my-job-div h2 {margin: 0px auto 20px;}
    .curr-bal-div {margin-right: 0; margin-bottom: 20px;}
    .mob-view-curr-bal {width: 100%;}
    .text-center-mob {text-align: center}
    .mobile-view .mid-box {position: relative; padding:0; background:#fff; border-radius:0;}
    .mobile-view .mid-box table{table-layout: fixed; top: 0;}
    .mobile-view .mid-box table thead tr td{background:#fbfbf9; color:#989898}
    .mobile-view table thead tr td:first-child{border-left:none; border-top:none!important;}
    .mobile-view table thead tr td:last-child{border-right:none; border-top:none!important;}
    .mobile-view table tbody tr td:first-child{padding: 22px 10px;}
    .mobile-view table tbody tr td{border-bottom: 1px solid #e2e2e2; padding: 22px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .mobile-view table tbody tr td:last-child{border-left:none;}
    .mobile-view table tbody tr td a{color:#545454}
    .mobile-view table tbody tr td a span{color: #868686;}
    .mobile-view table tbody tr td a:hover{color:#656565}
    .mobile-view table .job-no-width-job-mob {width: 28%;}
    .mobile-view table .file-name-width-job-mob {width: 60%;}
    .mobile-view table tbody tr {background: #fff;}
    .mob-view-curr-bal {display: block!important; margin-top: 20px; text-align: center!important}
    .show-jobs-main {text-align: center; margin:20px 0 -20px}
    .show-jobs-submit-btn, .show-all-jobs-btn {width: auto; padding: 5px 10px; font-size: 14px;  line-height: 16px;}
    .tooltipped{right: 27%;}
    .border-bot-mob {border-bottom:1px solid #e8e8e8;}
    .border-bot-mob-none {border-bottom:none!important;}
    #collapse-job-summary-top .width-98-per{text-align: center; display:inline-block}
    #collapse-job-summary .row div:first-child {padding-bottom:10px;}
    #collapse-job-summary .row div:last-child {color:#656565;}
    #file-mid-box .width-33-per {width:1%;}
    #file-mid-box .text-center-mob a, #collapse-job-summary-top a.text-color-one {display: block; margin: -30px; padding:30px;}
    #file-mid-box .td-bg-blue{background:#fff; color:#4CB261; border:1px solid #ddd; border-top:none; }
    .spancoln {display:none;}
    .display-imp .spancoln {display:table-cell;}
    .mid-box-in .row {padding: 10px 0; margin: 0;}
    .mid-box-in {padding: 0; min-height: 50px;}
    .mid-box-in .row:last-child {padding-bottom: 10px;}
    .add-invoice-tab-bot > div {border-top:1px solid #ddd}
    .or-hr-div {width: 90%;}

    /* /profile page  */
    .profilepageacrow {width:100%; margin:auto; display: flex; justify-content: center;}
    .profilepageacrow .text-right-mob.text-center-mob{display: flex; justify-content: center; margin-top: 20px;}
    #profilePage, #my-job-page-id {margin-top:0}
    #profilePage .mid-box, #update_profile_btn.uploaddoc-mid {width: 100%; margin-top: 20px;}
}

@media screen and (min-width:280px) and (max-width:420px){
    .col-20 {width: 22.4%!important;}
    .col-80 {width: 77.5%!important;}
}

@media screen and (min-width:200px) and (max-width:290px){
    .col-20 {width: 33.4%!important;}
	.col-80 {width: 66.5%!important;}
    .show-jobs-input {width: 90px;}
    .show-jobs-submit-btn {margin-top: 10px;}
  }

@media (max-width: 380px) {
    .show-jobs-main {font-size: 14px;}
    .show-all-jobs-btn {margin-left: 0;}
    .show-jobs-input {margin: 0 0px 0 5px;}
}

@media (min-width: 768px) and (max-width: 991px) { 
.container, .container-md, .container-sm {max-width: 100%; padding: 0 30px;}
.show-jobs-main {justify-content: flex-end;}
.show-jobs-main form { margin-top:20px}
.mobile-view .mid-box table {table-layout: fixed; top: 0;}
.mobile-view .mid-box {position: relative; padding:0; background:#fff; border-radius:0;}
.mobile-view .mid-box table{table-layout: fixed; top: 0;}
.mobile-view .mid-box table thead tr td{background:#fbfbf9; color:#989898}
.mobile-view table thead tr td:first-child{border-left:none; border-top:none!important;}
.mobile-view table thead tr td:last-child{border-right:none; border-top:none!important;}
.mobile-view table tbody tr td:first-child{padding: 22px 10px;}
.mobile-view table tbody tr td{border-bottom: 1px solid #e2e2e2; padding: 22px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mobile-view table tbody tr td:last-child{border-left:none;}
.mobile-view table tbody tr td a{color:#545454}
.mobile-view table tbody tr td a span{color: #868686;}
.mobile-view table tbody tr td a:hover{color:#656565}
.mobile-view table .job-no-width-job-mob {width: 28%;}
.mobile-view table .file-name-width-job-mob {width: 60%;}
.mobile-view table tbody tr {background: #fff;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .container {padding: 0 24px;}
    .or-hr-div {width: 70%;}
}

@media (min-width: 768px) and (max-width: 1100px) { 
    .show-jobs-main {justify-content: flex-end; margin-top: 20px;}
    .mobile-view table tbody tr td a span {color: #868686;}
    .section-a table tbody tr td:first-child{width: 20%;}
    /* .section-a #myjobdivtab table tbody tr td:nth-child(2){}
    .section-a #myjobdivtab table tbody tr td:nth-child(3) {} */
}