@charset "utf-8";
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
body{font-family:Arial, Helvetica, sans-serif;color:#fff; font-weight:normal;}
.container{background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll 0 0 / 100% auto;background-size:cover;}
img{ max-width:100%;}
a{text-decoration:none !important;}
a:hover{text-decoration:none !important;}
a:focus{outline:0 !important;}
ul li{display:inline-block;list-style:none;}
ul{list-style:none;}
.right{float:right;}
.header {  padding-top: 0px;}
.back a { color: #8ab24f;  font-size: 50px; text-decoration: none;}
.back {padding-top: 20px;}
.login {margin-top:55px;text-align:right;}
.login a {    background: #8ab24f none repeat scroll 0 0;
              border: medium none;
              color: #fff;
              font-size: 22px;
              margin-top: 7px;
              padding: 5px 0px;
              display: inline-block;
              width: 120px;
              text-align: center;}
.logo-container{text-align:right;}

.form-control{border-radius:0px;}
.form-group {
    margin-bottom: 5px;
}
.ng-invalid {
    border-color: red;
    outline-color: red;
}

.ng-valid {
    border-color: green;
    outline-color: green;
}

.messages {
    font-size: smaller;
    padding-top: 1px;
    padding-bottom: 1px;
    color: red;
}
h4.error{color:#f00;}
.log_btn { padding: 5px 33px !important;}
.left_img { background: rgba(0, 0, 0, 0.4); min-height: 530px; padding: 20px 25px;}
.left_img h1 {font-size: 45px;  margin: 0;  padding: 11px 27px 0;}
.pg_heading h2 {font-size: 31px;  margin: 10px 0 9px 0;padding: 0 0 0 17px;}
.pg_heading a {  color: #fff;}
.green_hd {  background: #8ab24f none repeat scroll 0 0;padding: 10px 18px;}
.pref { font-size: 31px;   margin: 14px 0 4px;}
.footer {text-align: center;color: #443939; font-size: 21px;  position:absolute; bottom:100px; z-index:9; right:0; }
/*HIRE WRITER_pg*/
.writer_con {  margin-top: 35px;}
.first_n {  color: #443939;  font-size: 31px;line-height:28px;}
.writer_con .col-md-6.col-sm-6.pull-left { margin-top: 27px; padding-left: 32px;}
.messages.clearfix.pg_heading {  margin-top: 0px;}
/*register*/
#register-btn,#login-btn{cursor: pointer;}
button.enter{color: #6569ea;   font-size: 32px;    border: 0px;   background-color: transparent;}
.form-horizontal h1 { border: medium none !important;  color: #8ab24f;  font-size: 30px;}
.form-horizontal .control-label {  color: #443939;    font-size: 17px;   margin-bottom: 0;   padding-top: 7px;   text-align: left;line-height: 16px;font-weight:normal;}
.checkbox-inline.pull-left {  margin-left: 233px !important;  margin-top: 5px;}
.form_g { margin-top: 10px;}
.control-label.para_chk { line-height: 21px;}
input[type="checkbox"].checkbox-inline.inline3 { margin-left: 0px; margin-top: 5px;}
.enter > a{color:#6569ea; font-size:32px;}
.content .container{ position:relative;}	
/*writers_files*/
.write { color: #443939; font-size: 22px !important;}
.click { margin: 12px; padding: 6px 36px;}
.draft a {   color: #443939;  font-size: 16px;   margin-left: 11px;}
.draft img {  margin-right: 13px;}
.file { visibility: hidden;  position: absolute;}
.file_btn {  background: #999a9b none repeat scroll 0 0; border: medium none; border-radius: 0 !important;  width: 85%; text-align: right;color:#443939; font-size:20px;}
.file_btn:hover, .file_btn:active, .file_btn:focust{ background: #999a9b none repeat scroll 0 0 !important;}
.up_file { color: #443939; font-size: 29px;}
.input-group-btn > img {  margin-left: 4px;}
/*writers_work_logged_in*/	
.below_cont.clearfix { margin-left: 61px;  margin-top: 32px;}
#writer-name{text-align:right;font-size:31px;color:#fff;font-weight:bold;}
.writer-details{margin-top:40px;}
#writer-image img{max-height:190px;width:auto;}
section.content{padding-bottom:25px;}
.user-home{color:#555;}
.user-home ul li{display:block;margin:10px;}
.user-messages h1, .user-orders h1,.user-account h1{text-transform: uppercase;font-size:26px;}
.welcome{color:#8ab24f;font-size: 31px;}
.welcome .caption{text-transform: uppercase;}
.writers_links .pg_heading h2 {
    font-size: 20px;
    margin: 10px 0 9px 0;
    padding: 0 20px 0 0px;
    text-align:right;
}
.termsandconditions{    text-align: center;    color: #443939;    font-size: 21px;margin-top:40px;}
.rating h2, .rating h4{color:#443939;font-size:20px;}
.last_sec {
    text-align: center;
}
.mail_h {
    color: #443939 !important;
    font-size: 19px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
.gear_img {
    margin: 3px;
}
.form-group.clearfix{margin:0px;}
.checkbox.two {
    margin: 0;
    padding: 13px;
}
.wel {
    color: #8ab24f;
    font-size: 26px;
}	
.padd > a{ color: #443939; }
.padd {
    font-size: 25px;
    margin-bottom: 200px !important;
}
.buy-now{background: #8ab24f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 22px;
    margin-top: 7px;
    padding: 5px 0px;
    display: inline-block;
    width: 120px;
    cursor: pointer;
    text-align: center;}
#current-package-details {font-size:16px;}
#current-package-details .title{font-weight:bold;font-size:16px;}
#current-package-details .about{max-height:300px;overflow: auto;}
#current-package-details .resume-fee{color:#8ab24f;font-weight: bold;font-size:22px;margin:5px 0px;}
.package ol{margin:0px; max-height: 400px;overflow: auto;}
.writer-work .doc-title{}
.view-doc a{    background: #8ab24f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 22px;
    margin: 10px 0px;
    padding: 5px 10px;
    display: inline-block;
    cursor: pointer;
    
    text-align: center;}
.writer-work  .writer-doc img {}
#messages-link,#orders-link,#account-link{font-size:24px;}
.user-orders{max-height: 450px;overflow: auto;padding:10px 5px;}
.order-row{margin:5px 0px; background: rgba(0,0,0,.1);padding:10px 0px;border:1px solid #efefef;}
.about-writer-container{padding:20px;}
.about-writer-container .caption,.about-writer-container .name{    font-size: 22px;
    color: #000;
    font-weight: bold;}
.testmonials-list{    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #777;}

.inbox-messages-title, .sent-messages-title{font-size:27px;color:#000;cursor: pointer;}
.inbox-messages-title .count{color:#f00;font-size:20px;}
.inbox-messages-container, .sent-messages-container {display:none;}
#message-writer{padding:5px 10px;}
#message-text{width:100%;height:250px;}
#send-message{width: 89px;    margin: 5px auto;    padding: 5px 10px;    color: #fff;    background-color: #6569ea;    font-size: 26px;
    text-align: center;cursor: pointer;}
.message-error{color:#f00;}
.inbox-messages-container ul,.sent-messages-container ul{margin:0px;padding:0px;}
.inbox-messages-container ul li,.sent-messages-container ul li{margin:5px;cursor: pointer;color:#000;height:20px;overflow:hidden;}
.inbox-messages-container ul li:hover,.sent-messages-container ul li:hover{color:#8ab24f;}
.messagewriter{width: 100%;margin: -4px auto;padding: 4px 5px;color: #fff;background-color: #6569ea;
    font-size: 14px;text-align: center;cursor: pointer;}
#current-package-details{color:#000;}
/*media css S*/
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 768px) {
    .footer{position:inherit;}
}
@media screen and (max-width:450px) {
    .back {
        padding-top: 10px;
    }
    .login {
        margin-top: 0px;
        text-align: center;
        margin-bottom: 11px;
    }
    .logo{text-align:center;margin-bottom:20px;}
    .left_img h1 {
        font-size: 35px;
        margin: 0;
        padding: 5px;
        text-align: center;
    }
    .pg_heading h2 {
        font-size: 20px;
        margin: 10px 0 9px 0;
        padding: 4px;
        text-align: center;
    }
    .gear_sec{text-align:center;}
    .messages.clearfix.pg_heading {
        margin-top: 0px;
    }
    .left_img {
        min-height: auto;
    }
    .forgot-password{    float: right;
    margin-right: 20px;}
    .termsandconditions{ margin-bottom:150px;   text-align: center;    color: #443939;    font-size: 15px;margin-top:10px;}
}
/*media css E*/
.loading-container{
    position: absolute;
    height: 100%;
    text-align: center;
    padding: 14% 0px;
    background-color: rgba(100,100,100,0.70);
    z-index: 999999;
    margin-left: -1%;
    border-radius: 20px;
    
}
#message-subject{margin-bottom:10px;width:100%;padding:5px;}
.user-messages ul li{height:30px;}
.files-list li{display:block;}
.files-list li a{font-size:16px;}
form .progress {
    line-height: 15px;
}
.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}
.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.drop-box {
        background: #F8F8F8;
    border: 3px dashed #666;
    width: 91%;
    text-align: center;
    padding: 20px 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
}

.up-buttons {
    float: right;
}

.drop-box.dragover {
    border: 5px dashed blue;
}

.drop-box.dragover-err {
    border: 5px dashed red;
}
.btn-green{
    background: #8ab24f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 22px;
    margin-top: 7px;
    padding: 5px 0px;
    display: inline-block;
    width: 120px;
    text-align: center;
}
.file_btn {
    background: #999a9b none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 !important;
    width: 85%;
    text-align: right;
    color: #443939;
    font-size: 20px;
    line-height: 37px;
}
ul.files-list{display:block;padding:0px ;margin:0px;}
ul.files-list li{color:#000;display:block;font-size:16px; margin:10px 0px;}
.users-list{    color: #000;
    width: 93%;
    padding: 10px;
    font-size: 18px;}

.orange-background {
    background: #f29e2e;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
}
.navigation-all {
    margin-bottom: 0px;
}
.navigation-all li {
    list-style-type: none;
    display: block;
    vertical-align: middle;
}
.navigation-all a {
    color: #fff;
    font-size: 15px;
}
.site-header {
    min-height: 88px;
    background: url('../images/header.png');
    padding: 8px;
}
.nobg-container{background:transparent;}
.marginbottom25{margin-bottom:25px;}
.no-padding-container{padding:0px;}
.users-page .back{margin-top:0px;padding-top: 0px;}
.users-page .login{margin-top:0px;padding-top: 0px;}
.color-black {color:#000;}

.heading-box {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
    padding:0px;
   color: #303392;    
}
.heading-box span {
    font-size: 18px;
}
.no-top-margin {
    margin-top: 0px;
}