/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body{
    color:#555;
    margin:0px;
    /*  font-family: 'Lato'; */
    font-family: 'Poppins', sans-serif;
    font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;

}
a {
    color: #f7b06b;
}
* {
    -webkit-tap-highlight-color: transparent;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.modal-dialog{
    width: 765px;
    max-width: 82%;
}
.lg-container{
    width: 710px;
    margin:0 auto;
    text-align:center;
    border: 1px solid #EFF3F6;
    border-radius: 5px;
}
#login_section{
    background:#EFF3F6;
    background-image: -webkit-linear-gradient( 48deg, rgb(68,18,141) 0%, rgb(144,81,214) 100%);
    float:left;
    margin:0 auto;
    width:100%;
    height:auto;
    min-height:100vh;
}
.login_page{
    padding-top:97px;
}

.forget_password{
    text-align: right;
    margin-top: -15px;
}
.forget_password a {
    font-weight:400;
    color: #fb7b7b;
    font-size: 14px;
}
span.view_more_btn, span.upload_btn, span.project_copy_btn, #return-to-top {
    cursor: pointer;
}
.lg-container h1{
    font-size:40px;
    text-align:center;
}

.lg-container label{
    display: none;
    font-size: 20px;
    line-height: 25px;
}
.lg-container input[type="text"],
.lg-container input[type="password"],#create-account-form select{
    -webkit-border-radius:5px;
    -webkit-box-border:1px solid #e1e1e1;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #e1e1e1;
    background: #fff;
    padding: 12px 15px 12px 20px;
    font-size: 14px;
    /* line-height: 20px; */
    width: 100%;
    color: #000;
    outline: 0px;
}
#create-account-form select{
    width:100%;
    font-weight:400;
    background: url('../images/down-arrow.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 13px;
    background-position: 90%;
}
.selectize-control.single .selectize-input{
    width:100%;
    font-weight:400;
    background: #fff url('../images/down_arrow.png')no-repeat !important;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 12px !important;
    background-position: 95% !important;
}
.selectize-dropdown.single{
    background: #fff  !important;

}
select.form-control{
    width:100%;
    font-weight:400;
    background: url('../images/down-arrow.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 13px;
    background-position: 90%;
    padding:0px 12px;
}


.lg-container input:placeholder{
    color:#000;
}
.input_margin{
    margin-bottom:20px;
}
.login_logo {
    text-align: center;
    padding: 35px 0px;
}

#message{
    text-align:right;
    Width:60%;
    float:left;
    padding:0px;
}

.forget_pass p{
    margin: 5px 0px;
    text-align: right;
}
.login_button{
    text-align:left;
    width: 40%;
    float: left;
}
.login_button button {
    width: 150px;
    height: 45px;
    background-color: #541f9c;
    color: #fff;
    border: 0px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
}
.login_button button:focus{
    color:#fff;
}
#message a{
    color:#555;
    text-decoration: none;
    font-weight: 100;
    padding-left: 0;
    font-size: 14px;
}
.login_head h3{
    text-align:left;
    margin: 0px;
    font-weight: 100;
    font-size: 18px;
    padding-bottom: 15px;
}

#lg-form,#create-account-form,#lost_password{
    width: 415px;
    margin: 0 auto;
}

#message a span {
    padding-left: 2px;
    color: #f7b06b;
}

#message p{
    color:#555;
    font-weight:400;
}

::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder { /* Chrome/Opera/Safari */
    color: #000;
    opacity:initial;
    font-style:italic;
    font-weight:400;
}

.login_form_section i {
    position: absolute;
    padding: 10px 20px;
    pointer-events: none;
    line-height: 30px;
}
.login_page .fa.fa-lock {
    font-size: 18px;
}
.login_page .fa-envelope{
    font-size: 14px;
    margin-top: -1px;
}
.forget_pass a {
    color: #555;
    font-size: 14px;
    text-decoration: none;
    font-weight: 100;
}

#message p,.forget_pass p{
    margin:0px;
    padding: 10px 0px;
}

.login_form_section {
    border: 1px solid #b7b7b7;
    padding: 37px 30px 37px 30px;
    border-radius: 5px;
    width:100%;
    float:left;
}
#creat_account_form{
    padding-bottom: 15px
}
.create_login_page p{
    margin:0px;
    padding-top: 15px;
    text-align:right;
}
.create_login_page a{
    color:#fff;
    text-align:right;
    text-decoration: none;
}
.forget_pass{
    width:50%;
    padding:0px;
}
.link_section{
    padding:0px;
    padding-top:22px;
}
.login_page .btn:hover{
    color:#fff;
}
.login_page label.error{
    color:red;
    font-size:12px;
    margin: 0;
    text-align: left;
    width: 100%;
    font-weight:400;
}
.login_page .input_margin input.error,.login_page .input_margin select.error{
    border:1px solid red!important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: none!important;
    background-image: none!important;
    color: #fff!important;
}

/* header section start*/

.header{
    padding:0px;
}
.header_logo{
    padding: 14px 0px 15px 0px;
}
.header_logo{
    text-align:center;
    background:#541f9c;
    width: 240px;
}
.header_logo img {
    width: 107px;
}
.header_welcome{
    padding-left: 10px;
}
a:hover{
    text-decoration:none;
}
.mobile_num a{
    color:#555;
    font-size:14px;
    font-weight:400;
}
.welcome_text {

    padding:0px;
}
.welcome_text h2{
    color: #555;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
    text-align: left;
    white-space: nowrap;
    width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.welcome_text h2 span{
    color:#555;
    padding-right:2px;
}
.inner_content p,.account_type {
    color: #555;
}
.header_logout a{
    color:#555;
    font-size:14px;
}
.header_logout a:first-child{
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-right: 1px solid #999999;
}
.header_logout{
    text-align:right;
    padding:0px;
    margin-left:0px;
    margin-top: -5px;
}

.profile_user{
    text-align:center;
    padding-bottom: 10px;
}
.profile_user_details a {
    color: #555;
    font-weight: 400;
}
.profile_user p,.profile_user h3,.profile_user_details p{
    margin:0px;
    padding:5px 0px;

}

.profile_user_details p{
    color:#555;
}
.profile_user h3{
    color:#555;
    font-size:16px;
    padding-top: 8px;
    font-weight: 400;
}
.profile_user p{
    color:#999;
    font-size:14px;
    margin-top: -5px;
    padding: 3px 0px;
    font-weight:400;
}
.profile_user img {
    border-radius: 50%!important;
    height:78px;
    width:78px;
}
.profile_user_details img {
    width: 15px;
    margin-right: 10px;
}

.nav.navbar-nav.side-nav .fa-dashboard,.nav.navbar-nav.side-nav .fa-user,.nav.navbar-nav.side-nav .fa-angle-right {
    margin-right: 10px;
}
.nav.navbar-nav.side-nav .fa-caret-down,.nav.navbar-nav.side-nav .fa-angle-down{
    float: right;
}
.profile_icon {
    background:#fff!important;
}
.side-nav > li > ul > li > ul> li{
    list-style:none;
}
.side-nav > li > ul > li > ul> li> a{

    display: block;
    padding: 10px 15px 10px 25px;
    text-decoration: none;
    color: #555;
}
.header_alert p{
    text-align:right;
    margin:0px;
    color: #fb7b7b;
}
.sidebar_left{
    width: 240px;
    float: left;
    background: #fff;
    margin-top:80px;
    min-height:100vh;
    padding-bottom: 50px;
    /* border-right: 1px solid #d7d7d7; */
    padding-top: 20px;
}
#page-section .container-fluid {
    border-left: 1px solid #d7d7d7;
}
.user_profile {
    margin-bottom: 10px;
    background: #fff;
}
#main_content{
    float: left;
    width: calc(100% - 255px);
}
.mobile_num i {
    font-size: 19px;
    padding-right: 10px;
}
.header_menu{
    padding-top:30px;
    padding-left: 0;
    width: calc(100% - 255px);
}
.header_alert{
    padding:0px;
    margin-left:0px;
}
.header_logout i {
    padding: 6px;
    font-size: 18px;
}
.header_profile{
    padding-right:0px;
    padding-left:0px;
}
.navbar-inverse{
    height: 82px;
    border-bottom: 1px solid #cccccc;
}
.sidebar_list{
    padding:0px;
    margin: 0;
}
.sidebar_list li a{
    color: #555;
    display: block;
    line-height: 17px;
    padding-left: 7px;
    text-shadow: none !important;
    padding: 15px 12px 15px 20px;

}
.sidebar_list li.user_profile:first-child {
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    padding-bottom: 0;
    height: 270px;
}
.sidebar_list li {

    list-style:none;
    background:#E1E1E1;
    margin-bottom: 1px;
}
.sidebar_list li a i:first-child{
    float:left;
    padding-right: 25px;
}
.sidebar_list li a i,.user_split_status .form_input {
    float: right;
}
.sidebar_list li ul{
    padding-left: 0px;
}
.sidebar_list li ul li{
    padding-right:0px;
}
.sidebar_list .fa-caret-down {
    position: relative;
    left: 5px;
}
.sidebar_list li ul li a{
    background:#fff;
}
.sidebar_left i {
    color: #999;
    font-size: 18px;
}

.footer .page-wrapper{
    background: #6a28c3;
    color: #fff;
}
.footer_menus  ul{
    margin:0px;
    padding:0px;
    padding-left: 15px;
}
.footer_menus {
    padding: 30px 0px 25px 0px;
}
.footer_menus li,.footer_menus p{
    margin:0px;
    font-size:14px;
    font-weight:400;
    padding: 3px 0px;
}
.footer_menus h3 {
    font-size: 18px;
    margin:0px;
    padding-bottom: 15px;
}
.social_icon{
    padding:0px;
    /* padding-top: 45px; */
}
.social_icon li {
    list-style: none;
    display: inline;
    /* padding: 0px 5px; */
    padding-left: 19px;
}
.social_icon li:first-child,.footer_menus .social_icon ul {
    padding-left: 0;
}

.social_icon img {
    width: 26px;
    height: 26px;
}
.ssl_imgs img {
    width: 175px;
    height: auto;
    max-width: 100%;
    margin-top: 10px;
}
.copyright {
    background:#541f9c;
    padding: 22px 0px;
    font-weight: 400;
}
.copyright p {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
}
.footer_copy span {
    color: #f7b06b;
}
.footer_menus .help {
    padding-left: 40px;
}
.phone_space{
    padding-left:25px;
}
.inner_content {
    /*  margin-top: 40px; */ margin-top: 80px;
    margin-left: 15px;
}
.breadCrumb{
    /* width: 25%; */width: 40%;
    text-align: left;
    padding-left: 25px;
}
.breadCrumb a {
    color: #999;
    font-size: 14px;
    font-weight: 400;
}
.breadCrumb a.active{
    color:#555;
}
.out_amount p,.account_type span {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}
.inner_heading{
    padding: 30px 25px 25px 0px;
    border-bottom: 1px solid gainsboro;
    background: #fff;
    overflow: hidden;
    border-left: 1px solid #d7d7d7;
}
.out_amount p span{
    font-weight:400;
}
.account_type{
    text-align: right;
    padding-right: 0;
}
.out_amount,.outstand {
    text-align: right;
    padding: 0;
}
.account_type .btn {
    margin-left: 10px;
}
.report_head{
    padding: 0;
    text-align: right;
}
.btn-blue{
    background: #541f9c;
    color: #fff;
}
.pay_now .btn,.account_type .btn {
    width: 85px;
    height: 30px;
    line-height: 15px;
}
.report_head .btn{
    width: auto;
    height: 30px;
    line-height: 15px;
}
.btn-blue:hover{
    color: #fff;
    background:#9455db;
}
.btn-blue:focus,.btn-green:focus{
    color:#fff;
}
.btn-green:hover{
    color: #fff;
    background:#72b714;
}
.btn-green{
    background:#85C651;
    color: #fff;
}
.out_amount{
    padding-right: 0px;
    /* width:75%; */width:60%;
}
.pay_now {
    text-align: right;
    padding-right: 0;
    padding-left: 10px;
}
.inner_heading .btn {
    margin-top: -5px;
}
.dashboard_recent_projects {
    padding:25px 30px;
    background: #fff;
    margin-top: 25px;
    border: 1px solid #e9e9e9;
    border-radius:5px !important;
}
.dashboard_home {
    padding: 25px;
    background: #fbf7ff;
}

.page_loader img {

    position: absolute;
    background: #fbeeee;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.page_loader {

    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0006;
    z-index: 1100;
    display:none;
}

#page-section{
    /* padding-left: 225px; */padding-left: 240px;
}
.dashboard_search {
    padding: 25px 0px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px !important;
}
.dashboard_search label {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
}
.dashboard_search input {
    border: 1px solid #999999;
    height: 30px;
    border-radius: 25px;
    width: 160px;
    padding:0px 15px;
    border-radius: 25px !important;
}
.dashboard_search select{
    border: 1px solid #999999;
    height: 30px;
    border-radius: 25px;
    width: 175px;
}
.dash_orderid_select,.dash_orderid_select_1,.dash_orderid_select_2{
    padding:0px;
}
.dash_allproject {
    text-align: right;
}
.dashboard_search .btn{
    height: 30px;
    line-height: 15px;
}
.dash_allproject  .btn{
    margin-left:30px;
    padding: 7px 10px;
}
.dash_allproject  .btn:first-child{
    margin-left:0px;
}
.dash_project {
    padding-left: 0;
    width:100%;
    float: right;
    padding-right: 0;
}
select{
    cursor:pointer;
}
select option {
    outline: 0;
}

.dashboard_recent_projects h3 {
    font-size: 18px;
    color: #555;
    font-weight: 400;
    text-transform: uppercase;
    width: 50%;
    float: left;
    margin: 0;
    padding-bottom: 20px;
}
.dashboard_recent_projects h3.all_pro_tit{
    width: 70%;
}

.dataTables_length label select,.add_website_input select,#search_by_role {
    margin: 0px 7px;
    border-radius: 25px;
    background: url('../images/down-arrow.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 15px;
    font-weight:400;
    padding: 2px 13px;
    background-size: 13px;
    background-position: 85%;
    border: 1px solid #999999;

}
#add-website-form .add_website_input select,#add-profile-form .add_website_input select{
    /* width: auto; */ width:100%;
    margin: 0;
    padding: 4px 49px 4px 13px;
    border-radius: 5px !important;
    border: 1px solid #ccc;
}
.form_input_label select{
    border-radius: 25px;
    background: url('../images/down_arrow.png')no-repeat right;
    background-repeat: no-repeat;
    background-size: 10px 9px, 5px 5px, 0px 0.7em;
    -webkit-background-size:12px 11px, 5px 5px, 0px 0.7em;
    -moz-background-size:10px 9px, 5px 5px, 0px 0.7em;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position: top 12px right 15px;
    background-position-x: 95%;
}
.dataTables_length label{
    float: right;
    margin: 0;
    padding-bottom: 20px;
    font-weight: 400;
    text-transform: capitalize;
    color:#555;
    /* margin-top: -5px; */
}
.table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0px solid #ddd!important;
}
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {

    font-weight: 500;
    border-bottom: 1px solid #e9e9e9;
    padding:20px 15px!important;

}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {

    padding-left: 15px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 15px!important;

}
table.table-bordered.dataTable td a{
    font-size: 14px;
    color: #555;
    font-weight: 400;
    color: #9455db;

}
table.table-bordered.dataTable td a:hover{
    color: #9455db;

}
.table-bordered{
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-collapse: initial;
    border-spacing:0;
    border-collapse:collapse;
    width:100% !important;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    border-bottom: 1px solid #e9e9e9;
}
table.table-bordered.dataTable th{
    font-weight: 600;
}
.dash_orderid_select select,
.invoice_search select {
    background: url('../images/down-arrow.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight:400;
    padding: 2px 35px 3px 13px;
    background-size: 13px;
    background-position: right 12px top 8px;
}
#message_select,.client_filter,#search_by_role,.project_filter{
    border: 1px solid #999999;
    height: 30px;
    width: auto;
    background-position: right 12px top 8px;
    position: absolute;
    right: 300px;
    top: 25px;
}
.client_filter{
    top: 25px;
    border-radius:25px;
    /* right: 340px; *//* right: 540px; */right: 510px;
}
.others_project_list .project_filter{
    /* right: 355px; */right: 320px;
}
.dashboard_recent_projects.admin_project_list h3{
    width:26%;
}
.project_filter {
    /* right: 355px; */right: 320px;
    width: 170px;
    border-radius: 25px;
    left: initial;
}
.btn.project_filter_btn {
    left: initial;
    position: absolute;
    padding: 5px 15px;
    right: 265px;
}
.table_action .btn i {
    font-size: 18px;
    color: #999;
}
.table_action .btn {
    padding: 0;
    margin-right: 20px;
    display: inline;
}

.work_status_flag {
    background: #0288d1;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5px !important;
    font-weight: 400;
    margin: 0;
}
.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-weight:400;
}
.work_status_finish{
    background:#528b04;
}
.work_status_hold{
    background:#ffa500;
}
.work_status_cancelled{
    background:#dd0710;
}

#cart-table thead tr th {
    border-right: 1px solid #fff !important;
}


.work_status_finish,.work_status_wait,.work_status_need,.work_status_start,.work_status_progress, .work_status_hold, .work_status_cancelled{
    border-radius: 25px !important;
    padding-top: 6px;
    color:#fff !important;
    /*  margin: 15px 0px; */
    display: inherit;
    text-align:center;
    font-weight: 400 !important;
    cursor: inherit;
}

/* .safari .work_status_finish,.safari .work_status_wait,.safari .work_status_need,.safari .work_status_start,.safari .work_status_progress{ */
/* cursor: none; */
/* } */
.work_status_wait{
    background: #ab1899;
}
.work_status_need{
    background:#cd4242;
}
.work_status_start{
    background:#f57e3b;
}
.work_status_progress{
    background:#0225d1;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 15px 15px;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {

    bottom:20px;
}
.table-striped > tbody > tr:hover{
    background:#fbf7ff;
}
.table-striped > tbody > tr:hover .fa-trash{
    color:#fb7b7b;
}
.table-striped > tbody > tr:hover .fa-pencil{
    color:#541f9c;
}
.table-striped > tbody > tr:hover .fa-file-word-o{
    color:#00bfff;
}
.table-striped > tbody > tr:hover .fa-file-pdf-o{
    color:#FF0000;
}
.table-striped > tbody > tr:hover a{
    color: #541f9c;
}

.table-striped > tbody > tr:hover .fa-eye{
    color:green;
}

.table-striped > tbody > tr:hover .fa-search{
    color:#3AB29F;
}

.table-striped > tbody > tr:hover .fa-th-list{
    color:#F7B03C;
}

.table-striped > tbody > tr:hover .fa-info{
    color:#3AB29F;
}

.table-striped > tbody > tr:hover .fa-id-card{
    color:#85C651;
}

.dashboard_search .btn:focus,.inner_heading .btn:focus {
    color: #fff;
}
.dashboard_search .btn:hover,.inner_heading .btn:hover{
    color: #fff;
}

.adduser_page{
    padding: 25px;
    background: #EFF3F6;
    float: left;
    width: 100%;
}
.profile_user_details p a {
    height: 0;
    padding: 10px 25px;
}
.dash_project i {
    padding-right: 10px;
}
select.input-sm{
    line-height:1.5;
}
.breadCrumb span {
    padding: 0px 5px;
}
.header_menu i{
    color: #999;
}
#page-section h3{
    color:#555;
    font-size:18px;
    font-weight:400;
    margin: 0;
    padding: 30px 30px 15px 30px;
    text-transform: uppercase;
}
.form_label{
    /* width:27%; */width:100%;
    float:left;
}
.form_input_label{
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
.custom_border_form .form_input_label,.edit_client_pro .form_input_label,.edit-order-form .form_input_label,
.custom_border .form_input_label,.edit_client_pro_details .form_input_label{
    width: 50%;
    min-height: 80px;
}
.form_input_label label {
    font-weight:400;
    color: #555;
    font-size: 14px;
    padding-left:0px;
    /* padding-left:50px; *//* padding-left:20px; */

}

.form_input_label input,.form_input_label select,.form_input_label textarea,.client_forms .form-group input[type="text"],
.client_forms .form-group input[type="tel"],.client_forms .form-group input[type="email"],
.client_forms .form-group input[type="password"],.client_forms .form-group textarea{
    /*  width: 438px; *//* width:530px; */width:100%;
    border:1px solid #cccccc;
    border-radius:5px!important;
    height:35px;
    margin-bottom:10px;
    padding:0px 10px;
    font-weight:400;
    outline:0;
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: #ccc;
    box-shadow: initial;
    background-color: transparent;
}

.form_input_label textarea,.client_forms .form-group textarea {
    height: 100px;
}

.generate_pass{
    padding: 7px 15px;
    width: 30%;
    float: left;
}

#str_profile_picture {
    border: 0px;
    padding: 0;
}
#enum_verified,#enum_status_on,#enum_status_off{
    width: 15px;
    height: unset;
    margin-right: 5px;
}
#enum_status_off{
    margin-left:15px;
}
.add_users_forms{
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 22px;

}
.adduser_form{
    padding:0px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius:5px !important;
    height: 100%;
}
.generate_pass {
    color: #555;
    font-weight:400;
    font-size: 14px;
}

#generate_password {
    position: absolute;
    right: -10px;
    width: 50px;
    height: 35px;
    top: 10px;
}

#generate_password img {
    width: 20px;
    height: auto;
    position: relative;
    left: 14px;
    top: 4px;
}
.chat_box li{
    list-style:none;
    margin-bottom: 15px;
}
.left .chat-body{
    width:100%;
    float: left;
    background:#fbf7ff;
    padding: 5px 0px 5px 0px;
    border-radius: 0px!important;
}

.right .chat-body{
    width: 100%;
    float: right;
    background:#f5ede6;
    padding: 5px 0px 5px 0px;
    border-radius: 0px !important;
}
.primary-font {
    font-weight: 400;
    color: #555;
    font-size: 18px;
    /*  font-family: 'Lato'!important; */
    font-family: 'Poppins'!important;
    float: left;
    width:85%;
    padding-top: 18px;
    margin:0px;
    padding-left: 20px;
}

.chat-img img {
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
}

.chat-body .header aside {
    padding-top: 16px;
    position: absolute;
    right: 45px;
}

.chat-body .header aside i {
    color: #999;
    font-size: 18px;
    margin-left: 10px;
}

.chat-img{
    width: 50px;
    height: 50px;
}
.chat-body .header{
    padding-bottom: 10px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #bacdd3;
    padding: 5px 15px 10px 20px;
}
.panel-body .fa.fa-check {
    color: #8DC95F;
    padding-left: 10px;
}
.chat-body p {
    color: #555;
    font-weight: 400;
    font-size: 14px;
    width:95%;
    line-height: 24px;
    margin: 0;
}
.right .chat-body p{
    text-align:left;
}
.right .chat-body span{
    /* padding-left: 10px; */
    text-transform: lowercase;
}
.primary-font small {
    font-weight:400;
    font-size: 14px;
    color: #555;
    word-spacing: 5px;
    padding-left: 25px;
}
.primary-font small span {
    word-spacing: 0;
}
.right .chat-body .text-muted{
    color: #555;
    font-weight: 400;
    font-size: 14px;
}
.right .direct-chat-text:after{
    border-width: 10px!important;
    margin-top: -58px;

}
.right  .direct-chat-text:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #F0F0F0 ;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    left: unset;
    right: 93px;
    width: 0;
}
.direct-chat-text:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #E1F1F6 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    left: 113px;
    width: 0;
}
.direct-chat-text:after {
    border-width: 10px;
    margin-top: -65px;
    display:none;
}
.wmd-button-bar {
    height: 44px;
    clear: both;
    background-color: transparent;
    margin: 10px 0 0 0;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    border: 1px solid #c8ccd0;
    border-bottom: 0;
}
.wmd-input {
    padding: 10px;
    height: 200px;
    line-height: 1.3;
    width: 100%;
    border:1px solid #b7b7b7;
}
.wmd-container{
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0px 15px;
}

.wmd-container .btn-blue {
    text-align:center;
    margin-top: 26px;
    margin-bottom: 24px;
    border: 0;
    width: 130px;
    height: 30px;
    border-radius: 5px;
}
.client_data ul{
    padding:0px;
    border:1px solid #b7b7b7;
    border-radius: 5px!important;
    margin: 0;
    float: left;
}
.client_data li{
    list-style:none;
    margin:0px;
    font-size: 14px;
    color: #555;
    padding: 15px 20px;
    border-bottom: 1px solid #e9e9e9;
    min-height: 50px;
    float: left;
    width: 100%;
    font-weight: 500;
}

.client_data li span {
    float: right;
    font-weight:400;
}
.waiting_data,.order_detail {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 25px;
    padding-top: 5px;
    width:100%;
    border-radius:5px !important;
}
.client_data ul:nth-child(odd) li{
    background:#fff;
}
.client_data ul li:nth-child(even){
    background:#fbf7ff;
}
.client_data li:last-child{
    border:0px;
}
.client_data h3{
    padding-left:0px!important;
}
.chat_box h3{
    padding-left:12px!important;
    padding-top: 35px !important;
}
#post-message-form{
    text-align:right;
}
.project_files,.tab_project{
    float:left;
    width:100%;
}
.drag_files {

    width: 95%;
    border: 1px dashed #b7b7b7;
    border-radius: 5px;
    float: left;
    margin: 0px 30px;
    padding: 40px 0px;
    background:#ebebeb;
}
.drag_files_here {
    width: 30%;
    float: left;
}
.drag_files_or {
    width: 20%;
    float: left;
}
.drag_files h4{
    margin:0px;
    color:#bbbbbb;
    font-size:30px;
    text-align: right;
    margin-left: 50px;
    font-weight:600;
    line-height: 35px;
}
.drag_files p{
    font-size:18px;
    color:#999;
    font-style:italic;
    text-align: right;
    margin:0px;

    line-height: 35px;
}
.drag_files .drag_files_upload .btn{
    color:#999;
    border:1px solid #b7b7b7;
    background:#ffffff;
    width:207px;
    height:40px;
    border-radius:5px;
    line-height: 25px;
}
.drag_files_upload .btn i{
    margin-right:13px;
}
.drag_files_upload {
    text-align: center;
    margin-left: 0px;
    width:50%;
    padding-left: 40px;
    float:left;
}
.attach_files {
    float: left;
    width: 100%;
    text-align: center;
    padding: 25px 33px;

}
.attach_files .btn {
    color: #fff;
    width: 140px;
    height: 30px;
    line-height: 15px;
    position: relative;
    left: -35px;
}
.tab_project_tab {
    width: 99%;
    padding-left: 40px;
    padding-bottom: 30px;
    float:left;
    padding-right: 5px;
    padding-top: 40px;
}
.tab_project_tab .nav-tabs > li a{
    color:#555;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0;
}

.tab_project_tab .nav-tabs > li.active a{
    color:#fff!important;
    background:#541f9c;
    border-top-left-radius: 10px!important;
    border: 0;
    border-top-right-radius: 10px!important;
}

.tab_project_tab .nav-tabs > li.active a,.tab_project_tab .nav-tabs > li.active a:focus,.tab_project_tab .nav-tabs > li.active a:visited{
    color:#fff;
}
.tab_project_tab .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.tab_project_tab .nav-tabs > li {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background:#ebebeb;
    border:0px;
}
.tab_project_tab .tab-content{
    border:1px solid #b7b7b7;
    position: relative;
    top: 1px;
    margin-left: -10px;
    border-radius: 5px!important;
    padding: 0px;
    float: left;
    width: 100%;
    background: #fff;
    min-height: 124px;
}
.tab_project_files{
    width: 100%;
    float:left;
    text-align: left;
    border-top:0;
    border-bottom:1px solid #e9e9e9;
    margin-left: 0px;
    padding: 10px 15px;
    background:transparent;
}
.tab_project_files_bottom{
    width:50%;
    float:left;
    text-align: right;
}
.tab_project_files_dow{
    width:50%;
    float:left;
    background:#FFC68B;
    padding: 5px;
    color: #fff;
}
.tab_project_files_drash{
    width:50%;
    float:left;
    background:#FF7D7B;
    padding: 5px;
    color: #fff;
}
.tab_project_files_top{
    padding:0px;
    width:50%;
    padding-top: 7px;
    float:left;
    padding-left: 25px;
    position: relative;
}

.tab_project_files_top p{
    margin:0px;
    font-weight:400;
    width: 82%;
}
.tab_project_files_bottom a{
    color:#fff;
}
.tab_project_files_tab_top div:first-child,.tab_project_files_tab_bottom div:first-child{
    margin-left: 0px !important;
}
.tab_project_files_tab_top {
    margin-bottom: 0px;
    float: left;
    width:100%;
}
.order_view_page {
    background: #fbf7ff;
    padding: 25px;
}

.chat_box,.project_files {
    border-radius:5px !important;
    background: #fff;
    margin-top: 25px;
    border: 1px solid #e9e9e9;
}
.panel-body {
    margin-top: 10px;
}
.chat_box .panel-body ul {
    padding-left:0px;
}
.img-circle {

    width: 62px;
    height: 63px;
}
.waiting_data .work_status_start,.order_detail .unpaid_class,.order_detail .paid_flag,.order_detail .pending_flag,.waiting_data .work_status_progress,.waiting_data .work_status_wait,.waiting_data .work_status_need,.waiting_data .work_status_finish, .waiting_data .work_status_hold, .waiting_data .work_status_cancelled{
    padding:5px 10px;
    border-radius: 25px!important;
    color: #fff;
    font-weight: 400;
    margin-top: -5px;
    text-align: center;
    line-height: 21px;
}
.order_detail .unpaid_class{
    background:#FB7B7B;
}

.paid_flag{
    background:#85C651;
}
.order_view_page .dashboard_search {
    margin-bottom: 25px;
}

.order_view_page .dash_orderid p {
    color: #555;
    font-size: 20px;
    font-weight: 400;
    margin: 0px;
    line-height: 24px;
    padding-top: 5px;
    /*     white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
}

.order_view_page .dash_orderid p span {
    font-size: 14px;
    color: #fb7b7b;
    font-weight: 400;
}
.order_view_page .dash_orderid {
    padding-left: 25px;

}
.mce-panel{
    border-top-left-radius:5px;
    border-top-right-radius:5px;

}
.account_type_dash{
    padding-right: 0;
}
.power_a{
    padding-left: 5px;
}
.breadCrumb img {
    width: 8px;
}
div.dataTables_wrapper div.dataTables_length select{
    width:100px;
}
.chat_image_loader{
    position: absolute;
    top:-96px;
    z-index:1;
    text-align: center;
    width: 100%;
}
.form_margin_top{
    margin-top: 10px;
}
#login-form,#lost_password_form,#creat_account_form {
    width: 100%	;
    margin: 0 auto;
    float: left;
    background: #fff;
    padding: 0px 23px 23px 23px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.copy_right {
    float: left;
    width: 100%;
    text-align: center;
    color: #0288d1;
    font-size: 13px;
    font-weight:400;
    padding-top:50px;
    padding-bottom:30px;
}
.create_forget #message {
    Width: 50%;
    text-align: left;
}
.create_forget {
    width: 100%;
    float: left;
    padding-top: 10px;
}
#lost_password_form .link_section{
    padding-top:10px;
}
#creat_account_form {
    margin-top: -45px;
}
.create_forget a,.create_forget #message a {
    color: #0288d1;
}
.alert-success, .alert-danger, .alert-dismissable{
    display:none;
}
.submit_btn {
    width: 76%;
    float: left;
    position: absolute;
    right: 0;
    top: 23px;
}
a:hover,a:focus,.btn:hover,.btn:focus{
    outline:0px;
}
.add_users_forms .submit_btn {
    position: relative;
    text-align:center;
    width:100%;
    top: 0;
    right:0px;
    margin-left: 0px;
    padding-top: 15px;
}

.email_broadcast .submit_btn button:before {
    content: "\f1d8";
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 15px;
}
button {
    height: 30px;
    line-height: 15px !important;
    border-radius: 5px !important;
}
.submit_btn button{
    background: #541f9c;
    border: 0;
    border-radius: 5px !important;
    color: #fff;
    text-align:center;
    height: 30px;
    padding: 5px 15px;
}
.btn{
    padding: 7px 15px;
    border-radius: 5px !important;
}
.user_div {
    padding: 0;
}
.user_split_role,.user_split_country,.user_split_status {
    padding: 0;
}
.user_split_country {
    width: 35%;
}
.user_split_role {
    width:40%;
}
.user_split_country  .form_label label{
    padding-left: 25px;
    padding-top: 7px;
}
.user_split_role .form_input{
    width: 63%;
    float: right;
}
.user_split_country .form_input{
    float:left;
    width:80%;
    padding-left: 50px;
}
.user_split_status {
    width: 25%;
    padding-top: 0;
    padding-left: 20px;
}
.form_input_label input,.form_input_label textarea {
    /*width: 855px;*/
    /*    width: 438px; *//* width:530px; */width:100%;
}
.user_split_status input {
    width: 50%;
    margin-top: 0;
}
.email_broadcast .form_label {
    width: 15%;
}
.email_broadcast input {
    /* width: 855px; */width: 810px;
}
#attach {
    border: 0;
    width:80px;
    padding: 0;
}
.text_editors label{
    width: 1013px;
    width:100%;

}

div.mce-edit-area {
    height:250px;
}

.text_editors {
    padding-top:10px;
}
.mce-panel,.mce-btn {
    background-color: #fff!important;
}
.mce-btn-group:not(:first-child) {
    border-left: 0px solid #d9d9d9!important;
    padding-left: 30px!important;

}
select{
    border-radius: 25px !important;
}
.dash_orderid_select_2 {
    padding-left: 5px;
    text-align: right;
    width: 80px;
    position: relative;
    left: 50px;
}
.dashboard_recent_projects h3 {
    padding-top: 0 !important;
    padding-left: 0 !important;
}
.client_data h3 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.pagination > li > a, .pagination > li > span{
    padding: 5px 13px;
    border: 1px solid rgb(235,235,235);
    background: #fff !important;
    font-size: 14px;
    font-weight: 600;
    color: #555;
}
.pagination > li.active > a:focus,.pagination > li.active > a:hover{
    color:#fff;
    border-color:#0288d1;
}
.pagination > li:hover{
    border-color:rgb(235,235,235);
    background-color: #fff;
}
.pagination > li a:hover,.pagination > li a:focus{
    border-color:rgb(235,235,235);
}
.pagination > li.active > a{
    color: #fff;
    background-color: #541f9c!important;
    border-color:#541f9c;
}
.pagination{
    -webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.35);
}
.pagination  a i {
    font-size: 14px;
    color: #541f9c;
}
.paginate_button.previous a {
    /*     border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; */
    padding: 5px 10px;
}
.paginate_button.next a{
    /*     border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important; */
    padding: 5px 10px;
}
.uploadArea h2{
    color: #bbb;
    width:100%;
    z-index:0;
    text-align:center;
    vertical-align:middle;
    position:absolute;
    top: 86px;
    font-size: 30px;
    font-weight: bold;
    left:0px;
}
.file_drag_div {
    width: 100%;
    float: left;
    padding: 20px 30px 30px 30px;
}
.file_drag_div #dragAndDropFiles,.upl_file {
    width: 49%;
    float: left;
    border: 1px dashed #b7b7b7;
    border-radius: 5px !important;
    background: #ebebeb;
    margin-right: 19px;
    min-height: 250px;
    text-align: center;
}
.file_drag_div #demoFiler{
    width:100%;
}
#demoFiler,.upl_file {
    margin-right: 0 !important;
    position:relative;
}
.uploadArea{
    min-height:250px;
    height:auto;
    padding:10px;
    cursor:move;
    margin-bottom:10px;
    position:relative;
}
#multiUpload,#file {
    text-align: left;
    display: initial;
    position: relative;
    top: 105px;
    width: 205px;
    height: 40px;
    border-radius: 5px !important;
    cursor: pointer;
}

.dropZoneOverlay {
    width: 205px;
    margin: 0 auto;
    position: relative;
    top: 65px;
    border: 1px solid #b7b7b7;
    background: #fff;
    height: 40px;
    padding-top: 10px;
    border-radius: 5px !important;
    color: #999;
    cursor: pointer;
}
.FileUpload,.browse_attach {
    opacity: 0;
    position: relative;
    z-index: 1;
}
.dropZoneOverlay i {
    padding-right: 10px;
}
.file_drag_div aside {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 20px;
    position: relative;
    bottom: 0;
    left: 0;
}
.upl_file_btn {
    text-align: center;
    width: 100%;
    float: left;
}
.file_drag_div aside input,.browse_attach {
    background: #541f9c;
    border: 0;
    border-radius: 5px !important;
    width: 130px;
    height: 30px;
    color: #fff;
}
.nav-tabs, .nav-pills {
    margin-bottom: 0;
}
.nav-tabs > li,.nav-tabs > li.active{
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.user_div select {
    width: 100%!important;
}
.browse_attach {
    width: 130px !important;
    position: absolute;
    /*  left: 293px; */left:0px;
    height: 30px!important;
    cursor:pointer;
}

.form_attach {
    width: 130px;
    /*  position: relative; */
    position:absolute;
    /*  left: 293px; */left:0px;
    margin-bottom: 15px;
    height: 30px;
    background: #541f9c;
    border: 0;
    border-radius: 5px !important;
    color: #fff;
    text-align:left;
    padding-top: 5px;
    padding-left: 25px;

}
#form-edit .form_attach {
    position: absolute;
}

.form_attach i {
    padding-right: 14px;
}
/* radio button css start */
.radio {
    padding-left: 35px;
}
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #0288d1;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 7px;
    height: 7px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}

.checkbox + .checkbox, .radio + .radio
{
    margin-top: 0;
}
.radio {
    width: 90px;
    float: left;
    margin: 0;
}
.radio input {
    width: 50px !important;

}
/* radio button css end */

/* checkbox css start */

.checkbox {
    padding-left: 0;
    width: auto;
    position: relative;
    float: left;
    padding-bottom: 10px;
}

.checkbox input {
    width: 15px;
}

/* checkbox css End */

#alerts,#alerts2,#alerts1 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 15px;
}
#alerts{
    padding: 10px 15px;
}
#unread-table thead tr th:first-child::after {
    display: none;
}
.alert-dismissable .close, .alert-dismissible .close {
    position: absolute;
    /*  right: -21px; */right: 15px;
    color: red;
    text-indent: 0;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    padding: 4px 9px;
    opacity: 8;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder { /* Chrome/Opera/Safari */
    color: #999999;
    font-style:italic;
}

.user_split_country .form_label {
    width:17%;
}


.mce-tinymce {
    margin-top: 46px !important;
    margin-bottom: 15px !important;
    width: 91% !important;
    margin: 15px auto !important;
    margin-top: 46px !important;
}

.email_broadcast .mce-tinymce,.order_view_page .mce-tinymce{
    width:100% !important;
    margin: 0px !important;
}

.email_broadcast .form_attach{
    float:left;
    left:initial;
    position: relative;
}

.modal .modal-header {
    border-bottom: 0;
    padding-left: 0;
}

.modal-footer {
    border-top: 0;
}

.modal-content {
    width: 765px;
    padding: 0px 30px;
    padding-bottom: 25px;
    padding-top: 5px;
    border-radius: 5px !important;
    border-top-right-radius: 0 !important;
}

.profile_details {
    width: 100%;
    margin: 0 auto;
    padding: 0px 30px;
}

.profile_details .waiting_data, .profile_details .order_detail{
    /*width: 481px;*/
    /* 	width:496px; */
    width:100%;
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

.wait {
    padding-right: 15px;
    width: 50%;
    float: left;
}
.order{
    width: 50%;
    float: left;
    padding-left:10px;
}

.profile_details ul{
    padding:0px;
    border-radius: 5px;
    margin: 0;
    border: 1px solid #b7b7b7;
    border-radius: 5px !important;
}
.profile_details li{
    list-style:none;
    margin:0px;
    font-size: 14px;
    color: #555;
    padding: 15px 20px;
    border-bottom: 1px solid #e9e9e9;
    min-height: 50px;
}

.profile_details li span {
    float: right;
    font-weight:400;
}

.profile_details li:last-child{
    border:0px;
    border-radius: 5px !important;
}

.profile_details ul li:nth-child(2n) {
    background: #EBFAFE;
}

a:focus,a:hover{
    text-decoration:none;
}
.profile_forms a {
    color: #0288d1;
}

.profile_forms {
    margin: 25px 0px;
}

.profile_page .dashboard_search h3 {
    padding-left: 0 !important;
    padding-top: 16px !important
}

.profile_page .edit_project_detail{
    padding: 10px 0px;
}

.profile_page .dashboard_search label{
    float: right;
    margin: 0;
    padding-top: 10px;
    font-weight: 400;
    text-transform: capitalize;
}

.editAccount_profile aside {
    width: 50%;
    float: left;
}

.editAccount_profile span {
    float: right;
    padding-right: 25px;
    padding-top: 35px;
}

.profile_page .adduser_form {
    margin-top: 25px;
}

.editAccount_profile a,.editAccount_profile a:focus {
    color: #fff;
}

.editAccount_profile {
    padding-bottom: 15px;
    float: left;
    width: 100%;
}

.required_data,.upload_data {
    /*  width: 47%; */
    width:100%;
    float: left;
    /* margin-left: 30px; */
    margin-top: 10px;
    margin-bottom: 25px;
}

.required_data {
    border: 1px solid #b7b7b7;
    padding: 20px 30px;
    border-radius: 5px !important;
    background: #ecfafe;
}

.required_data_form aside,.required_data_form span{
    width: 50%;
    float: left;
}

.required_data_form {
    width: 100%;
    float: left;
    padding-top: 30px;
    position: relative;
}

.required_data_form span a,.required_data_form span button {
    float: right;
    background: #0288d1;
    color: #EFF3F6;
    width:130px;
    height:30px;
    text-align: center;
    border-radius: 5px !important;
    padding: 6px;
    border: 0;
    position: relative;
    top: 10px;
}

.required_data_form span a i,.required_data_form span button i {
    padding-right: 13px;
}

.required_data h4,.upload_data h4 {
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #555;
    font-weight: 400;
}

.required_data_form .dropZoneOverlay{
    top:0px;
    padding: 10px;
    text-align: center;
}

.upload_data {
    background: #ebebeb;
    border: 1px dashed #b7b7b7;
    padding: 24px 30px;
    border-radius: 5px !important;
    /* margin-left: 15px;
    width: 46%; */
}

.required_data_form #file {
    position: absolute;
    left: 24px;
    top: 40px;
}

.required_data_form span button {
    position: relative;
    /* top: 11px;*/
    top:5px;
}

.modal-header h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #555;
}

.modal-body {
    border: 1px solid #b7b7b7;
    border-radius: 5px !important;
}

#add-website-form input {
    /* width: 430px; */width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px !important;
    /* margin-bottom: 25px; */
}

.form-horizontal .control-label {
    text-align: left;
    font-size: 14px;
    color: #555;
}

#add-website-btn/* ,#change-status-popup button */ {
    /*  float: right; */
    margin-right: 3px;
}

.add_website_input {
    padding-left: 32px;
    /* padding-bottom: 15px; */
}

.modal .modal-header .close,.client_success_msg .close-button,
.close_player {
    margin-top: 0px !important;
    font-size: 39px;
    color: #fff;
    text-indent: 0;
    opacity: 9;
    position: absolute;
    right: -50px;
    top: 0px;
    background: #0288d1;
    width: 50px;
    height: 50px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-weight: 400;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
.client_success_msg .close-button{
    background: #8dc63f;
}

/* .modal.in .modal-dialog
{
    position: absolute;
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    max-width: 80%;
    transition: initial;
} */
.bootbox.modal{
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width:100%;
    /* height: 100%; */height: auto;
    /* top: 55%; */top: 50%;
    /* left:45%; */left: 50%;
}
.bootbox.modal.alert_box{
    /* top: 75%; */
    left:50%;
}
.bootbox.web_add_popup {
    /* left: 46%; */
}


#add-website-btn:focus,#add-website-btn:visited{
    color#fff;
}

#msg {
    position: absolute;
    top: 6px;
    color:red;
}

/* .toggle-on i::before {
        background: url('../images/Email-Broadcast_06.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
        font:initial;
content: "0sdf";
color: transparent;
background-position: top center;
}

.toggle.btn {
    min-width: 65px;
    min-height: 25px;
    height: 25px !important;
        width:65px!important;
}

.toggle-on.btn {
    padding-right: 0;
    padding-left: 0;
}

.toggle-handle{
padding: 15px;
border-radius: 50% !important;
position: relative;
left: -15px;
        background: url('../images/Email-Broadcast_03.png')no-repeat;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
}
*/
.toggle-handle{

}


.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    left: 110px;
}

input.cmn-toggle-round + label {
    padding: 2px;
    width: 65px;
    height: 25px;

    -webkit-box-shadow:  0px 2px 5px -2px #555;
    -moz-box-shadow:     0px 2px 5px -2px #555;
    box-shadow:        0px 2px 5px -2px #555;
    -webkit-border-radius: 50% !important;
    -moz-border-radius:  50% !important;
    border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius:  50% !important;
    border-radius: 60px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 0px;
    content: "";
}
input.cmn-toggle-round + label:before {
    right: 1px;
    background: #fff url('../images/close.png')no-repeat;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.9);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
    background-position: 38px 5px;
    background-size: 12px;
}
input.cmn-toggle-round + label:after {
    width: 25px;
    /*  background-color: #fff; */
    background: url('../images/Email-Broadcast_03.png')no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
    height: 24px;
    left: 0px;
    top: 0px;
}
input.cmn-toggle-round:checked + label:before {
    /*  background-color: #0288d1;
     background-image: url('../images/Email-Broadcast_03.png')no-repeat; */
    background: #0288d1 url('../images/Email-Broadcast_06.png')no-repeat;
    background-position: 10px 4px;
    box-shadow: initial;
}
input.cmn-toggle-round:checked + label:after {
    margin-left: 39px;
}

.switch input {
    width: 50% !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    outline: 0px !important;
}

.current-page a {
    border-left: 10px solid #541f9c;
    padding-left: 20px!important;
}
.sidebar_list li ul li ul li.current-page a{
    padding-left: 40px!important;
}
.mce-container, .mce-container-body,.mce-btn button {
    background: #fbf7ff !important;
}

.mce-panel, .mce-btn {
    background: #fbf7ff !important;
}

.mce-container iframe {
    height: 250px !important;
}

.dfiles h5 {
    margin: 0;
    line-height: 20px;
}

.dfiles h5 img {
    padding-right: 10px;
    width: 28px;
    height: auto;
}

.progress {
    margin-bottom: 0;
}


.not_found aside {
    float: left;
    /*  font-family: 'Lato'; */
    font-weight:400;
    color: #555;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 100%;
}

.not_found,.not_dashboard {
    padding: 0;
}

.not_dashboard {
    padding-top: 15px;
    padding-bottom: 15px;
}

.not_link h4 {
    color: #0288d1;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    height: 24px;
}
.not_link h6 {
    margin: 0;
    font-size: 14px;
    color: #555555;
    font-weight: 700;
    padding-bottom: 5px;
    height: 20px;
    margin-top: 7px;
}

.not_link ul {
    padding: 0;
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #959595;
    width: 120px;
}

.not_link ul li {
    list-style: none;
    padding-bottom: 5px;
    width: 160px;
}
.not_link ul li a{
    color: #888888;
}
.not_link {
    width: 18%;
    float:left;
    min-height: 190px;
}

.link_das{
    border-top: 1px dashed #959595!important;
}

.not_found {
    padding-bottom: 15px;
}

.chat_body {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 22px;
}

.chat_box .view_more_btn{
    background: #541f9c;
    color: #fff;
    text-align:center;
    padding: 11px 16px;
    border:0;
    border-bottom-left-radius:10px!important;
    border-bottom-right-radius:10px!important;
    position: relative;
    top: 0px;
    float: right;
    left: -15px;
}

.view_more_btn i {
    padding-left: 5px;
    font-weight: bold;
}

/* #get_ajax_messages_section {
    float: left;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 0;
} */

#get_ajax_messages_section {
    padding-bottom: 0;
    padding-top: 7px;
}

.project_files .upload_btn {
    border: 1px solid #acacac;
    width: 205px;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 25px !important;
    height: 40px;
    padding-top: 9px;
    color: #541f9c;
}
.project_files .upload_btn:hover{
    background: #541f9c;
    color:#fff;
    border:0px;

}
.project_files .upload_btn i {
    padding-left: 7px;
}

.upload_button {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#project_files:before{
    content: '';
    display: block;
    max-width: 95%;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #acacac;
    top: 0px;
    position: relative;
}
#project_files {
    padding-top: 50px;
}

.project_upload_btn {
    background: #ffc586;

}
.project_del_btn {
    background: #fb7b7b;

}
.project_copy_btn {
    background: #00b6cd;

}
.project_btn{
    padding: 5px 10px;
    border-radius: 5px !important;
    color: #fff;
    width: 120px;
    display: inline-block;
    text-align: center;
    margin-left: 9px;
}
.project_btn i {
    padding-right: 10px;
}
.tab_project_files_bottom .play_video,.project_del_btn {
    width: 50px;
    min-height: 30px;
}
.play_video{
    background: #00B78A;
}

.play_video i,.project_del_btn  i {
    padding-right: 0;
}
.tab_project_files_tab_top img {
    width: 18px;
    height: auto;
    margin-right: 15px;
}

.tab_project_files_top i{
    color:#0288d1;
    font-size:14px;
    margin-right: 15px;
    position: absolute;
    left: 0;
}

.tab_project_files_tab_top .tab_project_files:last-child{
    border:0px;
}

button[disabled], html input[disabled] {
    cursor: default;
    background:#F8F8F8;
}
.user_list .dashboard_recent_projects{
    margin-top:0px;
}

#list-table thead {
    height: 62px;
}
/* .btn:hover{
color: #EFF3F6;
} */

.container-fluid {
    background: #EFF3F6;
}

.sidebar_list li ul li ul li a {
    padding-left: 50px;
    font-size: 13px;
}

.sidebar_list li ul li a{
    padding-left:30px;
}
.sidebar_list li ul li ul li a i{
    padding-right: 15px!important;
    float: left !important;
    width: 20px;
    height: 20px;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color:transparent;
    -webkit-border-radius: 5px !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1):hover {
    background-color:#fbf7ff;
}

.email_no{
    left:0px;
}

.data_backup .form_input_label {
    width: 30%;
}
.data_backup .form_label {
    width: 50%;
}

.data_backup .checkbox {
    width: 0;
    /* left: -150px; */left: -100px;
    float: right;
    top: -7px;
}

.add_users_forms.data_backup .submit_btn {
    width: 100%;
    top: 0px;
    right: 0;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align:center;
}

.cart-title ul {
    padding: 0;
}

.cart-title ul li {
    list-style: none;
    display: inline;
    margin: 0;
    width: 50%;
    float: left;
}

.cart-title h4 {
    margin: 0;
}

.cart-title {
    width: 55%;
    float: left;
}

.confirmation_form #add {
    margin-left: 50px;
}



.waiting_confirmation{
    padding:0px;
    padding-top: 15px;
}
.confirmation_form {
    width: 45%;
    float: left;
}

.waiting_confirmation .alert {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
}


.waiting_confirmation .checkbox {
    width: 0;
    left: 0px;
    top: -5px;
}

.bootbox-body {
    color: #555;
}

.alert_box .modal-content {
    width: 600px;
    padding: 0;
    margin: 0 auto;
}


.alert_box .modal-header {
    background: #fb7b7b;
    padding: 13px 30px;
    border-top-left-radius: 5px !important;
}

.alert_box.modal .modal-header .close{
    background:#fb7b7b;
}

.alert_box .modal-header h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.alert_box .modal-body {
    border: 0;
    padding: 15px 30px;
    text-align: center;
    font-size: 16px;
}

.alert_box  .modal-footer {
    border-top: 0;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 25px;
}

.alert_box  .modal-footer .btn {
    width: 75px;
    margin-right: 10px;
}

.alert_box  .modal-footer .btn-success{
    background: #fb7b7b;
}
.alert_box  .modal-footer .btn-default:hover{
    background:transparent;
}
table {
    border-radius: 5px!important;
}

.mce-tinymce {
    border-radius: 5px !important;
}

.mce-container, .mce-container-body {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset{
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}
.work_status_active {
    border-radius: 25px !important;
    background: #228B22;
}
.table-striped  .work_status_active {
    border-radius: 5px !important;
}

.dashboard_count{
    margin-top:25px;
    padding: 10px 0px;
}

.dash_count_list h4 {
    font-size: 36px;
    color: #555;
    font-weight: bold;
}

.dash_count_list aside {
    font-size: 15px;
    color: #555;
}

.dash_count_list {
    text-align: center;
    border-right: 1px solid #ccc;

}

.dashboard_count .dash_count_list:last-child{

    border-right:0px;
}
.dash_count_list a {
    padding: 0px 0px 14px 0px;
    display: block;
}

.dash_count_list a:hover h4{
    color:#541f9c;
}
.order_conf table tbody{
    /*   border: 1px solid #ddd; */
    border-top: 1px solid #ddd;
}
.order_conf table thead th{
    border-right: 1px solid #fff!important;
    text-align: center;
}

.order_conf table td {
    text-align: center;

}

.order_conf table thead th:last-child{
    border-right:0px !important;
}
.order_conf table tfoot{
    /*   border-bottom: 1px solid #ddd; */
}

.waiting_confirmation .checkbox {
    height: 0;
    left: 60px;

}

.waiting_confirmation .table > tbody > tr > td{
    padding-bottom:0px !important;
    padding-top:15px !important;
    color: #555;
}
.waiting_confirmation .table > tbody > tr:first-child td{
    padding-top:25px !important;
}
.waiting_confirmation .table > tbody > tr:last-child td{

    padding-bottom:15px !important;
}
.confirm_order_btn{
    text-align:right;
}

.confirm_order_btn .btn {
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.waiting_confirmation .alert {
    display: none;
}
.confirm_order_btn .btn:focus{
    color:#fff;
}

.order_detail .pending_flag {
    background: #7DA7D9;
}

.order_editor .form_input{
    width:100%;
    margin:0 auto;
}
.order_border .submit_btn {
    width: calc(100% - 53px);
    margin: 0 auto;
    float: initial;
}
.order_instruction_box {
    border: 1px solid #ddd;
    padding: 15px 15px 10px 15px;
    border-radius: 5px !important;
}

.order_instruction_box p{
    margin:0px;
    color: #555;
    padding-bottom: 5px;
}

#show_error {
    color: red;
    padding-bottom: 10px;
    text-align: left;
    width: 415px;
    margin: 0 auto;
}

.nav > li > a:hover,.nav > li > a:focus,.tab_project_tab .nav-tabs > li.active{
    background:initial;
}

.nav-tabs > li {
    margin-left: -2px;
}

table.table-bordered.dataTable td a i{
    color:#999999;
    font-size:18px;
}

.radio_form .btn-primary{
    border-top-right-radius:0px !important;
    border-bottom-right-radius:0px !important;
    background:#ccc;
}
.radio_form .btn-default{
    border-top-left-radius:0px !important;
    border-bottom-left-radius:0px !important;
    border:0px;
    background:#ccc;
    color:#fff;

}
.radio_form .btn.active{
    background:#0288d1;
    color:#fff;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 0;
}

.copy_right aside span {
    color: #fff;
}

.copy_right a {
    color: #f7b06b;
}

.upload_section {
    width: 100%;
    float: left;
    padding: 0px 30px;
}


/* check box style start */

.checkbox label:after
{
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr
{
    position: relative;
    display: inline-block;
    border: 1px solid #541f9c;
    border-radius: .25em;
    width: 19px;
    border-radius:4px !important;
    height: 19px;
    float: left;
    margin-right: .5em;
}


.checkbox .cr .cr-icon
{
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
    font-size: 15px;
    left: 1px;
    top: 8px;
}


.checkbox label input[type="checkbox"]
{
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon
{
    transform: scale(3) rotateZ(-20deg);
    -webkit-transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon
{
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr
{
    opacity: .5;
}

.checkbox label {
    padding: 0;
}

/* check box style start */

#confirmation_form .checkbox {
    padding-bottom: 0;
    margin: 0;
    width:100%;
}

.header_alert a {
    color: red;
}

.edit_client_profile {
    width: 100%;
    border: 1px solid #b7b7b7;
    /* padding: 25px 30px 25px 20px; */padding: 25px 20px 25px 20px;
    border-radius: 5px !important;
    float: left;
    position: relative;
    min-height: 402px;
}

.edit_client_profile .form_input_label input {
    width: 100%;
    /*     float:right; */
}

.edit_client_profile .form_input_label label{
    padding-left:0px;
}
.edit_client_pro {
    padding: 0px 30px;

}
.edit_client_pro h3 {
    padding-left: 0 !important;
}
.client-pro-right {
    width: 50%;
    float: left;
    padding-left: 15px;
}



#generate_password i {
    color: #541f9c;
    font-size: 18px;
}

.client-pro-left {
    width: 50%;
    float: left;
    padding-right: 15px;
    clear: both;
}

.edit_client_pro .form_label {
    /*  width: 40%; */width:100%;
}

.edit_client_pro i,.edit_client_pro_details i{
    color: #541f9c;
    font-size: 14px;
    padding-right: 5px;
}

.edit_client_pro .add_users_forms {
    padding-top: 0;
}

.edit_client_pro h4,.edit_client_pro_details h4 {
    font-size: 15px;
    color: #555;
    margin: 0;
    padding-top: 7px;
    padding-bottom: 20px;
}

.edit_client_pro .form_input i,
.edit_client_pro_details .form_input i{
    position: absolute;
    right: 39px;
    font-size: 18px;
    margin-top: 10px;
}
.edit_client_pro .form_input i.fa-clock-o,
.edit_client_pro_details .form_input i.fa-clock-o
{
    right: 10px;
    top: 2px;
}
.edit_client_pro .add_users_forms .submit_btn {
    text-align: center;
    right: 0;
    padding-top: 20px;
    width:100%;
    margin:0px;
    padding-left: 0;
    padding-right: 0;
}
.app_setting .edit_client_profile {
    min-height: initial;
    width:100%;
}

.app_setting .cr-icon.fa.fa-check {
    top: -1px;
    color: #555;
}
.edit_client_pro.app_setting  .add_users_forms .submit_btn {
    padding-top: 20px;
    width: 100%;
    margin: 0;
}

.app_setting .email_no {
    /*  left: 20px; */ left: 0px;
}
.app_setting .client-pro-right{
    padding-bottom: 15px;
}

.edit_client_pro.app_setting i {
    padding-right: 20px;
}
.app_setting  .add_users_forms {
    padding-bottom: 40px;
}
.client-pro-ful{
    width:100%;
    padding-right: 0;
}

.client-pro-ful .edit_client_profile .form_input_label input {
    /*  width: 50%; */width:100%;
    float: left;
}

.edit_client_pro .client-pro-ful .form_label {
    width: 290px;
    max-width:100%;
}

.client-pro-ful .form_input {
    position: relative;
    width: 50%;
}

.client-pro-ful #generate_password {
    right: -25px;
}

.edit_client_profile #generate_password {
    right: -25px;
    position: absolute;
    top: 0;
}
.client-pro-ful .edit_client_profile #generate_password{
    right: -25px;
    position: absolute;
    /*  top: 0; */ top: 0px;
}

.form_attach i {
    color: #fff;
    position: relative !important;
    right: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    padding-right: 10px;
}

.profile_user ul {
    padding: 0;
}

.profile_user ul li {
    list-style: none;
    display: inline;

}

.profile_user ul li a {
    color: #555;
    font-size: 12px;
    border-right: 1px solid #999;
    padding: 0px 10px;
}
.profile_user ul li:last-child a{
    border:0;
    padding-left:7px;
}

.profile_user_details ul li {
    color: #fff;
    padding: 1px 0px;
    list-style: none;
    font-size: 14px;
}

.profile_user_details ul li a {
    color: #fff;
    font-size: 14px;
    font-weight:400;
    padding: 3px 0px;
    display: block;
}

.profile_user_details ul {
    padding-left:0px;
    margin: 0;
    background: #541f9c;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 50px;
}
.data_backup .form_input_label {
    width: 33%;
}

.data-base,.database_backup,.database_list {
    width: 100%;
    float: left;
}

.data-base {
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
}

.database_list {
    border-bottom: 1px solid #B7B7B7;
    padding-top: 20px;
}

.database_list .checkbox{
    padding-bottom:0px;
    margin-bottom:0px;
}

.data-base .database_list:last-child{
    border-bottom:0px;
}
/* .forms_list { */
/* min-height: 510px; */
/* } */

.data_backup .database_list .form_input_label:nth-child(3) .form_label{
    float:right;
    margin-right: 60px;
}
.data_backup .database_list .form_input_label:nth-child(3) .checkbox{
    left: 185px;
}
.data_backup .database_list .form_input_label:nth-child(2){
    padding-left: 25px;
}
.data_backup .database_list .form_input_label:nth-child(2) .checkbox{
    left: -100px;
}

.data_backup {
    padding: 15px 30px 5px;
}

.chat-body:hover .header aside .fa-pencil{
    color:#0288d1;
}

.chat-body:hover .header aside .fa-close{
    color:#fb7b7b;
}

.no_file_tab p {
    margin: 0;
    font-weight: 500;
    padding-top: 20px;
    padding-left: 5px;
}

.no_file_tab aside {
    padding-top: 15px;
    padding-left: 5px;
    font-weight:400;
}

.no_file_tab aside span{
    font-weight: 500;
    padding: 0px 5px;
}

.dataTables_info {
    width: 50%;
    float: left;
}

.dataTables_paginate {
    float: right;
    padding-top: 10px;
}

.project_msg h5 {
    margin: 0;
    font-size: 14px;
    color: #1e8fc6;
    font-weight:400;
    padding-bottom: 15px;
}
.time_elapsed {
    font-size: 13px;
    color: #555;
    font-style: italic;
}
.project_msg .table-msg p {
    line-height: 25px;
    margin: 0;
    width: 93%;
}

/* .project_msg {
    padding: 8px 0px;
} */

table h4 {
    margin: 0;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    padding: 15px 0px 17px 0px;
}

table.table-bordered.message_table td a{
    font-size: 14px;
    color: #1e8fc6;
    padding-top: 10px;
    display: block;
}

#unread_btn,#clear-all-btn {
    position: absolute;
    left: 30px;
    top: 60px;
    padding-top: 6px;
}
#mark-form h3/* #pend-form h3  */,#page-section .clear_btn h3,#pend-form.superadmin  h3{
    padding-bottom: 65px;
}
#mark-form.trash_del_msg h3{
    padding-bottom: 70px;
}

#unread_btn i,.unread_btn i,.all-read-btn i {
    padding-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.message_table .checkbox .cr{
    border: 1px solid #B7B7B7;
    width: 23px;
    height: 23px;
}
.message_table .checkbox .cr .cr-icon{
    left: 3px;
    top: 10px;
}
.message_table .checkbox{
    top:0px;
    left:7px;
    padding:0px;
}

.message_table thead .checkbox {
    top: 3px !important;
}
#active-table,#active-table .sorting_disabled,.all_web_table tbody tr td:nth-child(3),
.all_web_table tbody tr td:nth-child(4),.all_web_table tbody tr td:nth-child(5),
.all_web_table thead tr th:nth-child(3),.all_web_table thead tr th:nth-child(4),
.all_web_table thead tr th:nth-child(5)   {
    text-align: center;
}

#active-table tbody tr td:first-child,#active-table tbody tr td:nth-child(2) {
    text-align: left;
}

.table-striped td.dataTables_empty {
    text-align: center !important;
}

.unread_btn {
    padding-top: 6px;
    margin-bottom: 10px;
}
.unread-button{
    width:100%;
    /* padding-top: 15px; */
    float:left;
}

.un_readmsg .dataTables_info{
    min-height:50px;
}

/* Back to Top Button CSS Strat */

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background:#9455db;
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
    -webkit-border-radius:50%!important;
    -moz-border-radius:50%!important;
    border-radius:50%!important;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 11px;
    top: 13px;
    font-size: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background:#541f9c;
}

/* Back to Top Button CSS End */


table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    position: relative;
    right: -10px;
    display: initial;
    top: 1px;
    color: #999;
}

.work_status_flag {
    font-size: 13px !important;
    /*  width: 135px; */width: auto;
}


.profile_user_details h4 {
    margin: 0;
    text-align: center;
    background: #541f9c;
    color: #fff;
    padding-top: 16px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 1px;
    margin-left: -25px;
}

.profile_user_details ul li a:before{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    color:#fff;
    padding-right: 7px;
}

.radio_form input {
    width: 100%;
}

.website_view{
    padding: 0px 30px 30px 30px;
    float: left;
    width: 100%;
}

.website_view h2 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    text-align:left;
    padding: 20px 0px 25px 0px;
    color: #555;
    font-family: 'Poppins';
    font-weight: 400;
}
#page-section .website_edit_profile h3{
    padding-bottom:25px;
}
.website_view_left,.website_view_right {
    width: 50%;
    float: left;

}
.website_view_left{
    padding-right: 18px;
}
.website_view_right {
    padding-left: 12px;
}
.website_view h4,.website_edit_profile h4 {
    margin: 0;
    font-size: 15px;
    color: #555;
    text-transform: uppercase;
    padding-bottom: 18px;
    font-weight: 500;
    font-family: 'Poppins';
}

.website_view ul {
    padding: 0;
    margin: 0;

}

.website_view ul li {
    padding: 16px 20px;
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    float: left;
    width: 100%;
}
.website_view ul li:nth-child(odd){
    background:#fff;

}
.website_view ul li:nth-child(even){
    background:#ecfafe;
}
.website_view ul li:last-child{
    border-bottom:0px;
    border-bottom-left-radius:5px !important;
    border-bottom-right-radius:5px !important;
}

.website_view ul li:first-child{
    border-top-left-radius:5px !important;
    border-top-right-radius:5px !important;
}

.web_view_detail{
    border: 1px solid #b7b7b7;
    padding:0px;
    width: 529px;
    width: 100%;
    border-radius: 5px !important;
    margin-bottom:25px;
}

.website_view h5 {
    margin: 0;
    font-size: 14px;
    color: #555;
    padding-bottom: 8px;
    line-height: 24px;
    font-weight: 600;
    font-family: 'Poppins';
}
.website_view aside {
    font-size: 14px;
    color: #555;
    font-weight:400;
    line-height: 25px;
}
.website_view aside span,.website_edit_profile aside span {
    width: 89%;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #4a4a4a;
}

.website_view_bottom h5 span{
    color: #fff;
    border-radius: 25px !important;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    padding: 0px 11px;
    display: inline-block;
    margin: 0px 15px;
    font-weight: 500;
    min-width: 45px;
    text-align: center;
}
.website_view aside p,.website_edit_profile aside p {
    float: right;
    margin: 0;
    padding: 0px 11px;
    /* border-left: 1px solid #4a4a4a; */
    color: #fff;
    border-radius: 25px !important;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    left: 10px;
    top: 13px;
    font-weight: 500;
    min-width: 45px;
    text-align: center;
}

.yes {
    background: #3cb878;
}
.no {
    background:#ff6155;
}
.website_view h5 b {
    padding-bottom: 10px;
    display: block;
}

.website_view_bottom {
    float: left;
    width: 100%;
}

.website_view_bottom sup {
    top: 0px;
    left: 2px;
    font-size: 14px;
}
.no_com{
    color:red;
}




/* Tag cloud */

.tags ul{
    margin:1em 0;
    padding:.5em 10px;
    text-align:center;
    background:#71b5e9 url(bg_tags.gif) repeat-x;
}
.tags li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
.tags li a{
    text-decoration:none;
    color:#fff;
    padding:0 2px;
    line-height: 23px;
}

.tag1{
    font-size:100%;
}
.tag2{
    font-size:120%;
}
.tag3{
    font-size:140%;
}
.tag4{
    font-size:160%;
}
.tag5{
    font-size:180%;
}

/* alternative layout */

.tags .alt{
    text-align:left;
    padding:0;
    background:none;
}
.tags .alt li{
    padding:3px 10px;
    background:#efefef;
    display:block;
}
.tags .alt .tag1,
.tags .alt .tag2,
.tags .alt .tag3,
.tags .alt .tag4,
.tags .alt .tag5{
    font-size:100%;
}
.tags .alt .tag1{
    background: #53d6fb;
}
.tags .alt .tag2{
    background:#12a7de;
}
.tags .alt .tag3{
    background:#26aed5;
}
.tags .alt .tag4{
    background:#3277ad;
}
.tags .alt .tag5{
    background:#266ca2;
}

.tag_list li {
    border-radius: 0px !important;
    border: 0 !important;
    width: auto!important;
    margin-right: 5px;
    margin-bottom: 5px;
}

.tag_list ul li:first-child,.tag_list ul li:last-child  {
    border-radius: 0px !important;
}
/* // Tag cloud */


.website_edit_left {
    width: 50%;
    float: left;
    padding-left: 30px;
    padding-right: 14px;
}

.website_edit_profile .form_input_label label {
    padding: 0;
}


.website_edit_profile .form_input_label input, .website_edit_profile .form_input_label textarea,.website_edit_profile .form_input_label select {
    width: 100%;
}

.website_edit_profile .web_view_detail {
    padding: 20px 20px 10px 22px;
}

.website_edit_profile .form_input_label p {
    margin: 0;
}

.website_edit_profile .form_input_label {
    padding-bottom: 6px;
}

.website_edit_profile .form_label {
    width: 100%;
}

.website_edit_right {
    width: 50%;
    float: left;
    padding-right: 30px;
    padding-left: 14px;
}

.website_edit_profile .form_input_label textarea {
    padding: 15px;
}
.website_edit_profile aside .form_input input{
    height:auto;
}

.website_edit_profile .form_input_label .form_label b {
    padding-bottom: 10px;
    display: block;
}

.website_edit_profile aside span {
    font-weight:400;
    border-right: 1px solid #ccc;
    min-height: 40px;
}
.website_edit_profile aside p {
    padding: 6px 0px 6px 11px;
    border:0px;
}

.website_edit_profile .form_input_label i {
    font-style: normal;
    font-weight:400;
    padding: 15px 0px;
    display: block;
    float: left;
    color: #555;
    font-size: 12px;
}
.website_edit_profile .form_input_label i a{
    color:#1e8fc6;
}
.website_edit_profile .checkbox {
    width: 0px;
    padding: 0;
    margin: 0;
    float:left;
    left:20px;
    top: 10px;
}

.website_edit_profile .checkbox i {
    padding: 0;
    margin: 0;
}
.website_edit_profile .form_input_label .form_label p label b{
    font-size:16px;
}
.text_area_input textarea {
    height: 125px;
}

.website_edit_profile .website_view_bottom {
    padding: 0px 30px;
}

.product_input {
    width: 50% !important;
}
.website_edit_profile .website_view_bottom select{
    background-position-x: 98%;
}

.check_bottom_f {
    width: 35%;
    margin-right: 75px;
}

.check_bottom_s {
    width: 45%;
}

.website_edit_profile .website_view_bottom  .checkbox {
    top:0px;
}

.website_edit_profile .submit_btn {
    text-align:center;
    right: 0;
    padding-top: 15px;
}

.website_edit_profile textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:12px;
    color:#888888;
}
.website_edit_profile textarea::-moz-placeholder { /* Firefox 19+ */
    font-size:12px!important;
    color:#888888;
}
.website_edit_profile textarea:-ms-input-placeholder { /* IE 10+ */
    font-size:12px;
    color:#888888;
}
.website_edit_profile textarea:-moz-placeholder { /* Firefox 18- */
    font-size:12px!important;
    color:#888888;
}

.calendar_input i {
    position: absolute;
    top: 18px;
    right: 25px;
    color: #888;
}

.calendar_input {
    position: relative;
}

.reqiired,.required {
    color: red;
}

.website_edit_profile .website_view_bottom .reqiired {
    padding-left: 3px;
}

.photo-section {
    width: 95px;
    margin-left: 150px;
    border: 1px dashed #ccc;
    height: 70px;
    position: relative;
    left: 20px;
    border-radius: 5px !important;
    color: red;
    padding-left: 10px;
}

.photo-section img {
    width: 55px;
    height: 55px;
    /*     height: auto; */
    margin-top: 6px;
    margin-left: -2px;
}

.photo-section a i {
    position: relative;
    right: 0px !important;
    top: 15px;
    color: red;
    opacity: 0.5;
    font-size: 17px !important;
}

.client-photo{
    float: left;
    left: 0px;
    text-align: center;
}

table.table-bordered.dataTable tbody td {
    height: 33px;
    -webkit-border-bottom-left-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
}

.form_page .adduser_form {
    padding: 20px 30px 50px 30px;
}

.forms_list h3 {
    padding: 0 !important;
}

.forms_list .form_input_label label {
    padding: 0;
}

.forms_list .form_input_label input,.forms_list .form_input_label .form_label {
    width: 100%;
}

.forms_list .add_users_forms .submit_btn {
    text-align: right;
}

.user_split_status .btn-group {
    right: 40px;
    float:right;
}

.custom_order{
    margin-bottom: 25px;
}


.order_conf .table > tbody > tr > td{
    border:0px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 15px 15px !important;
}

.tags ul li a {
    cursor: none;
}

.website_view a {
    color: #1e8fc6;
}

.website_view h4 i, .website_edit_profile h4 i,.profile_view h4 i {
    color: #0288d1;
    font-size: 14px;
    padding-right: 8px;
}

.add_website_input select {
    width: 175px;
    padding: 4px 13px;
    outline:0px;
}

.first_forms_list {
    padding-left: 0;
}

.order_step {
    /*centering*/
    display: inline-block;
    /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35); */
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag;
    border: 1px solid #ddd;
    border-radius: 5px !important;
}

.order_step a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 36px;
    color: #555;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 8px 10px 0 50px;
    background: #fff;
    position: relative;
    width: 200px;
    height: 55px;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/

#add-website-form .add_website_input{
    padding-bottom: 15px;
}
.order_step a:first-child {
    padding-left:45px;
    width: 170px;
}

.order_step a:last-child {
    width: 180px;
}

.order_step a:first-child:before {
    left: 25px;
}
.order_step a:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.order_step a.active, .order_step a:hover{
    background: #0288d1;
    color:#fff;
}
.order_step a.active:before,.order_step a:hover:before{
    background: #fff;
    color:#555;
}
.order_step a.active:after, .order_step a:hover:after {
    background: #0288d1;
    color:#fff;
    /*  box-shadow:2px -2px 0 2px rgba(255, 255, 225); */
}


/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.order_step a:after {
    content: '';
    position: absolute;
    top: 0;
    /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    right: -28px;
    width: 55px;
    height: 55px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    -webkit-transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #fff;

    /*stylish arrow design using box shadow*/
    /*  box-shadow: 
         2px -2px 0 2px rgba(9, 185, 229); */

    /*
            5px - for rounded arrows and 
            50px - to prevent hover glitches on the border created using shadows*/
}
/*we dont need an arrow after the last link*/
.order_step a:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/
.order_step a:before {
    content: counter(flag);
    counter-increment: flag;
    /*some styles now*/
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 8px 0;
    position: absolute;
    top: 5px;
    left: 40px;
    background: #999;
    font-weight: bold;
    color:#fff;
}

.order_step_list {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
}

#confirmation_form table thead {
    background: #0288d1;
    color: #fff;
}

#confirmation_form table tbody tr:nth-of-type(2n) {
    background-color:#ECFAFE;
}
.order_conf .table > tbody > tr > td:first-child{
    text-align:left;
}
.order_conf table thead th:first-child{
    text-align:left;
}
.dash_orderid h3 {
    padding: 0 !important;
}

.cart_empty tr td {
    border: 0 !important;
    font-weight:400;
    color: #555;
    display:inline-block;
    margin-top: 30px;
}
.table > thead > tr > th {
    vertical-align: middle;
}
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border-color: #ccc;
    /*     background: #fff!important; */
    border-radius: 5px !important;
    box-shadow: initial !important;
}

.cart_empty td .btn {
    margin-left: 0px;
    margin-top: -4px;
}

.cart_empty {
    min-height: 175px;
    padding-left: 10px;
    display: block;
}

.cart_empty td b {
    font-weight: 400;
    color: #333;
    padding-right: 5px;
}

.custom_order_form {
    padding: 0px 30px;
    padding-top: 6px;
}

/* .add-order-form */.custom_border
{
    float: left;
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
    padding: 25px 20px 25px 20px;
    margin-bottom: 20px;
}

.add-order-form .form_input_label label {
    /* padding-left: 20px; */padding-left: 0px;
}

.add-order-form .form_label {
    width: 100%;
}

.add-order-form .mce-edit-area {
    height: 180px;
}
.add-order-form .mce-container iframe {
    height: 180px !important;
}

.add-order-form .form_input {
    width: 100%;
    float:left;
    /* width: calc(100% - 100px); */
    padding-right: 0px;
}

.add-order-form .form_input_label input, .add-order-form .form_input_label textarea,.add-order-form .form_input_label select {
    width: 100%;
}
.add-order-form .form_input_label select{
    background-position-x: 97%;
}

.add-order-form .submit_btn{
    text-align: center;
    right: 0;
    padding-bottom: 35px;
    width:100%;
    padding-top: 0;
}
.add-order-form  .mce-tinymce {
    width: 100% !important;
    margin-left: 0px !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

.user_profile_view {
    width: 75%;
}
.profile_view{
    /* padding: 10px 25px 15px 30px; */
    padding: 10px 30px 15px 30px;
}
.profile_view h4 {
    margin: 0;
    font-size: 15px;
    font-weight:400;
    color: #555;
}

.profile_view h4 i{
    font-size:16px;
}
.profile_view ul {
    padding:0px;
    border: 1px solid #b7b7b7;
    border-radius: 5px !important;
    float: left;
    /*   width: auto; */  width: 100%;
    margin-top: 20px;
}
.profile_view_list h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    width: 50%;
    float: left;
}
.profile_view ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 16px 40px 16px 20px;
    border-bottom: 1px solid #e9e9e9;
}
.profile_view ul li:nth-child(2n){
    background:#ecfafe;
}
.profile_view ul li:last-child:nth-child(2n){
    border-bottom-left-radius:5px !important;
    border-bottom-right-radius:5px !important;
}

.profile_view_list aside {
    font-weight:400;
    width: 50%;
    float: left;
    text-align: right;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-pro-left ul,.client-pro-right ul {
    width: 100%;
}

.profile_view .client-pro-left ul li,.profile_view .client-pro-right ul li {
    padding: 15px 20px 15px 20px;
}
table.table-bordered.dataTable td a.btn {
    color: #fff;
}

.login_form_section .alerts p,.login_form_section .alerts1 p,.login_form_section .alerts2 p {
    text-align: left;
}
#alerts2,#alerts1 {
    display: none;
}
.email-setting-top .form_label {
    width: 25%;
}
.email-setting-top .edit_client_profile,.email-setting-bottom .edit_client_profile  {
    min-height: auto;
    /* width: 775px; */width: 100%;
    max-width:100%;
}
.email-setting-top,.email-setting-bottom{
    float:left;
    width: 100%;
}
.email-setting-bottom {
    padding-top: 15px;
}
.email-setting-top input {
    /*    width: 75% !important; */
}

.email-setting-bottom .checkbox {
    width: 50px;
    margin: 0;
    padding-bottom:0px;
}
.email-setting-bottom p{
    margin:0px;
}
.email-setting-bottom .checkbox i {
    color: #555;
}

.email-setting-bottom .checkbox .cr .cr-icon{
    top:-1px;
}
.email-setting-bottom  .form_input_label:last-child{
    padding-bottom:0px;
}
.email-setting-bottom  .form_input_label {
    padding-bottom: 15px;
    width: 50%;
}
.email-setting-bottom .form_label {
    width: 80%;
    padding-top: 5px;
}

.email-setting-bottom .edit_client_profile {
    padding: 25px 30px 10px 20px;
    margin-bottom: 0;
}
.email-setting-btn {
    /*  width: 774px!important; */
    padding-top: 20px !important;
    padding-bottom: 5px;
    float:initial;
}

.edit_client_pro .email-setting-bottom  h4{
    text-transform:uppercase;
}
.photo_align {
    padding-top: 25px;
}

.photo_align .photo-section{
    top: -18px;
}

.custom_border_form {
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
    float: left;
    margin-left: 28px;
    width: 70%;
    /*  padding: 25px 0px; */padding: 25px 20px;
    width: calc(100% - 56px);
}

.email_broadcast_border {
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
    /* width: 92%; */width: calc(100% - 60px);
    margin-left: 30px;
    padding: 20px;
}

.email_broadcast_border label{
    padding-left:0px;
}

.order_edit_border {
    border: 1px solid #B7B7B7;
    border-radius: 5px !important;
    float: left;
    padding: 15px 15px 25px;
    margin-left: 30px;
    width: 95%;
}

div.mce-edit-area {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.add-order-form .form_input aside,
.edit-order-form .form_input aside {
    font-weight:400;
    font-style: italic;
    font-size: 12px;
}
.add-order-form .form_input aside b {
    font-weight: 400;
    padding-right: 5px;
}

.order_step a {
    cursor: none;
}

.paypal {
    width: 50%;
    float: left;

}
.paypal-ssl {
    width: 50%;
    float: left;
    text-align:right;
}

.paypal img {
    width: 100%;
    height: auto;
}
.paypal-img {
    width: 100%;
    float: left;
    padding: 25px 30px 0px;
}

.submit_btn.email_top_btn {
    padding: 0;
    text-align: right;
    right: 30px;
    top: 25px;
    padding-bottom: 10px;
    position: absolute;
    width: 50%;
}

.edit-order-form .form_input {
    float: left;
}

.view_highlight {
    color: #0288d1;
}
.profile_view_right h4 {
    margin: 0;
    font-size: 30px;
    color: #0288d1;
    font-weight: 700;
}

.profile_view_right h4 span {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    padding-left: 15px;
    position: relative;
    top: -4px;


}
.profile_view_right li {
    list-style: none;
    text-align: left;
    border-radius: 5px !important;
    border: 1px solid #b7b7b7;
    padding: 23px;
    margin-bottom: 12px;

}
.profile_view_right {
    width: 25%;
    float: left;
    padding-right: 30px;
    padding-top: 45px;

}
.profile_view_right ul {
    padding: 0;
}
.profile_view_list img {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
}
.profile_view_list_picture h5 {
    padding-top: 21px;
}
.no_img {
    height: 60px;
    display: inline-block;
    padding-top: 20px;
}


.unpaid_class,.paid_flag,.pending_flag {
    padding: 5px 15px;
    border-radius: 25px !important;
    color: #fff;
    /* width: 80px; */
    width:auto;
    display: inline-block;
    text-align: center;
    font-size: 13px;
}
.unpaid_class {
    background: #EE7362 ;
}


.pending_flag {
    background: #FE965B;
}

.paypal img {
    width: auto;
    height: auto;
}

.paypal-ssl img {
    width: auto;
    height: auto;
}
.resend,.resend:hover,.resend:focus {
    background: #81994F;
}
.copy,.copy:hover,.copy:focus{
    background:#EEBB52;
}

.edit_role_form form {
    border: 1px solid #b7b7b7;
    float: left;
    width: 100%;
    padding: 25px 10px;
    border-radius: 5px;
}
.edit_role_form {
    padding: 10px 30px 20px;
}


.table .paid_flag{
    background:#2DCC70;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #cccccc;
}

.selectize-control.single .selectize-input::after{
    display: none !important;
}

.selectize-input {
    /*    padding: unset !important; */
}

/* added */

.alert-dismissable{
    padding: 15px 30px 15px 10px;
    margin-bottom: 15px;
    position: relative;
}
.alert-dismissable p {
    margin-bottom: 0;
    padding-top: 5px;
}
.alert-dismissable p:first-child {
    padding-top: 0;
}
.c_search,.c_search_select {
    float: left;
    padding-right: 7px;
}
.form-control {
    padding: 4px 12px;
}
.c_search span,.search_err {
    padding-top: 20px;
    display: block;
    line-height: 0;
}
.c_search span p,.search_err p {
    margin-bottom: 0;
}

.child-menu {
    position: relative;
}
.child-menu:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px;
    position: absolute;
    color: #999;
    font-size: 18px;
}
.dashboard_project_form .selectize-control {
    width: 530px;/* width: 100%; */
    max-width:100%;
}
.required,.reqiired {
    position: relative;
    left: 5px;
}
#assign-btn {
    margin-top: 10px;
}
.website_view_bottom .web_view_detail {
    margin-bottom: 0;
}
.form_input {
    position: relative;
    float:left;
    /*  width:auto; */ width:100%;
}
.btn-div {
    padding: 10px 30px 0px;
}
.forms_list .form_input_label {
    width: 50%;
    float: left;
}
.form_list_submit {
    float: left;
    text-align: right;
    width: 50%;
    padding-top: 25px;
}
.form_input_label .submit_btn {
    /* width: 70%; */width: 100%;
    /* margin-left: 30px; */margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.form_input_label .checkbox .cr {
    top: 5px;
}
.database_list .form_input {
    float: initial;
}
.database_list .form_input_label .checkbox .cr,.app_setting .form_input_label .checkbox .cr,
.website_edit_profile .form_input_label .checkbox .cr{
    top:0px;
    min-height:auto;
}
.edit-order-form {
    padding: 0px 30px;

}
.order_edit_border,.order_border .form_input_label .submit_btn,.website_edit_profile .form_input_label .submit_btn,
.custom_order_form .form_input_label .submit_btn{
    width:100%;
    margin-left:0px;
}

.web_view_detail .form_input {
    width: 100%;
    float: initial;
}
.add_custom_order .dashboard_project_form .selectize-control{
    width:100%;
    height: 35px;
    border-radius: 5px;
    overflow: hidden;
}

.res_menu,.res_logout,.res_alert {
    display:none;
}
.website_view aside span b {
    font-weight: 500;
}
.edit_role_form .form_input_label .submit_btn {
    width: 100%;
    margin-left: 0;
}
.dashboard_search ul li {
    list-style: none;
    display: inline;
}
.dashboard_search ul {
    padding-left: 0;
    margin: 0;
}

.mobile_view {
    height: 100vh;
    position: relative;
    background: #0288d1;
}

.mobile_msg {
    position: absolute;
    top: 10%;
    padding: 25px;
    text-align: center;
    width: 100%;
    color: #fff;
}
.mobile_logo img {
    width: 130px;
    height: auto;
}

.mobile_logo {
    padding-bottom: 15px;
}
.mobile_msg ul {
    padding-left: 0;
    list-style: none;
    margin:0px;
}
.mobile_msg ul li {
    display: inline-block;
    padding-left: 15px;
    padding-bottom: 5px;
}
.mobile_msg ul li a {
    color: #fff;
}

.mobile_msg aside {
    padding: 15px 0px 30px;
}
.mobile_msg ul li i {
    padding-right: 5px;
}
/* .dash_orderid,.dash_allproject {
    padding-top: 10px;
} */
.parent-menu #parent-menu,.parent-menu .parent-menu-first,
.parent-menu .parent-menu-first:hover,.parent-menu .parent-menu-first:focus {
    background: #541f9c;
    color: #fff;
}
.parent-menu #parent-menu i,.parent-menu .parent-menu-first i{
    color: #fff;
}
.email_broadcast .form_input_label .submit_btn {
    width: 100%;
    margin: 0;
}

b,strong{
    font-weight:600;
}

.edit_client_pro .form_input {
    /* width: 65%; */width: 100%;
    float: left;
}
.email-setting-bottom .form_input {
    width: 10%;
}

.footer a{
    color:#fff;
}

.sidebar_left .navbar-collapse {
    padding: 0;
}

/* Added 16-02-18 */


.user-form .checkbox{
    margin-top:0px;
}

.client_edit_profile .custom_border_form{
    width:100%;
    margin-left:0px;
}

.client_edit_profile .dashboard_form {
    padding: 0px 30px;
}

.client_edit_profile .form_input_label .submit_btn {
    width: 100%;
    margin-left: 0;
}


.message_err {
    text-align: right;
    position: absolute;
    width: 75%;
    left: 0;
    bottom: 20px;
}
.add_website_input select{
    background-position: 95%;
    width:100%;
}
.sidebar {
    border-top: 1px solid #fff;
}

.unread_msgs a {
    color: #fb7b7b;
}
.copy_link i,.copy_link_alert i {
    padding-right: 5px;
}
#search_by_role {
    min-width: 150px;
    position: absolute;
    top: 25px;
    height:28px;
}
#edit_message_btn{
    float:right;
}

.popup-btn,.popup_btn {
    text-align: center;
}

.popup_input input,.popup_input textarea {
    border: 1px solid #ccc;
    border-radius: 5px !important;
    margin-bottom: 10px;
}
.popup_input_btn {
    text-align: center;
    padding: 10px 0px 0px;
}
.user-pro .user-profile_view {
    width: 75%;
}

/* Added 06-06-18 */
.trash_btn_list {
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0;
}
.trash_btn_list li {
    display: inline;
    padding-right: 9px;
}
.trash_btn_list li:last-child{
    padding-right: 0px;
}
.ui-widget.ui-widget-content {
    z-index: 2 !important;
}
#cart-table thead tr th:last-child{
    border-right: 0px!important;
}
#cart-table {
    margin-bottom: 0;
}
#page-wrapper{
    padding-left:0px;
}
/* Added 07-06-18 */

.invoice_logo img {
    width: 108px;
    height: auto;
}
.invoice_title h2 {
    margin: 0;
    font-size: 50px;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    padding-left: 65px;
    padding-top: 6px;
}
.invoice_title ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
    float: right;
    padding-top: 10px;
    color:#85868d;
}
.invo_num {
    color: #0288d1;
    font-weight: 600;
}
.invo_date {
    color: #333333;
    font-weight: 600;
    padding-top: 3px;
    display: inline-block;
}
.bill_to {
    color: #85868d;
    padding-bottom: 5px;
    display: inline-block;
}
.invoice_bill aside {
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}
.invoice_address address {
    font-weight: 500;
    margin: 0;
    line-height: 24px;
}
.invoice_address a,.invoice_comp span{
    color: #000;
    font-weight: 500;
}
.invoice_comp aside {
    color: #0288d1;
    font-weight: 600;
    font-size: 16px;
}
.invoice_comp span {
    display: block;
}
.invoice_comp {
    text-align: right;
    padding-top: 28px;
}
.invoice_address {
    padding-top: 44px;
}
.invoice_pay table {
    width: 100%;
}
.invoice_pay table th {
    color: #85868d;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}
.invoice_pay table td {
    font-weight: 500;
    color: #333;
    padding: 20px 0px;
    border-bottom: 1px solid #d7d7d7;
}
.invoice_pay table tr td:last-child,
.invoice_pay table tr th:last-child{
    text-align:right;
}
.invoice_pay table tfoot td{
    border-bottom: 0px;
}
.invoice_pay table tfoot td span {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    padding-left: 60px;
}
.invoice_pay {
    padding-top: 65px;
}
.invoice_search input {
    /* min-width: 160px; */min-width: 200px;
    margin-left: -5px;
    margin-right: 10px;
}
.invoice_cal input[type="text"] {
    /* width: 130px; */width: 165px;
    margin-right: 5px;
}
.generate.invoice_cal input[type="text"] {
    width: 295px;
}
.invoice_top input[type="submit"] {
    border: 1px solid #0288d1;
    width: auto;
    border-radius: 5px !important;
}
.invoice_top ul li {
    /* padding-right: 20px; */
    padding-right: 13px;
}
.invoice_top ul li:last-child{
    padding-right: 0px;
}
.invoice_top {
    padding: 0px 23px;
}
.invoice_back_btn .btn {
    min-width: 70px;
}
.invoice_search input:-moz-placeholder {
    font-size:10px;
} /* Firefox 19+ */
.invoice_search input:-webkit-input-placeholder{
    font-size:10px;
}  /* Firefox 18- */
.invoice_search input:-ms-input-placeholder {
    font-size:10px;
} /* IE */

.invoice_cal span {
    position: relative;
}
.invoice_cal span i {
    position: absolute;
    top: 2px;
    right: 20px;
    font-size: 12px;
}
.edit_client_pro .form_label p,.add-order-form .form_input_label p,
.custom_border_form .form_label p,.order_edit_border .form_label p  {
    margin-bottom: 5px;
}
.edit_client_pro .form_input,.add-order-form .form_input,.order_edit_border .form_input {
    padding-bottom: 5px;
}
.form_input_label.form_input_btn,.form_input_label.order_editor,
.dashboard_project_form .selectize-control,.edit_role_form .form_input_label.form_input_btn,
.form_input_label.form_input_label_full{
    width: 100%;
}
.form_input_label.order_editor{
    padding: 0;
}
#choose_client_section .form_input_label {
    padding-left: 0;
    width: 100%;
    padding-right: 0;
}
.add-order-form  .order_ins_lab label {
    margin-bottom: 0;
}
.form_label.order_ins_lab {
    padding-top: 5px;
}
.pls_se {
    float: left;
    width: calc(100% - 40px);
    margin-left: 10px;
    min-height: 55px;
}
.pls_se_check label {
    float: left;
}
.permission_form .custom_border_form .form_input_label {
    width: 25%;
    min-height: 0;
}
.form_input_label.form_input_btn {
    min-height: auto;
}
.cal_input i {
    position: absolute;
    right: 25px;
    top: 10px;
}
.edit_role_form .form_input_label {
    width: 100%;
}
.photo_align {
    padding-top: 0;
}

.client_profile_fields .photo-section img {
    width: 35px;
    margin-top: 9px;
    height: 35px;
}
.client_profile_fields .photo-section {
    width: 55px;
    height: 55px;
}
.edit_client_profile {
    margin-bottom: 20px;
}
.client-pro-ful .edit_client_profile {
    margin-bottom: 0;
}
.choose_profile_btn {
    text-align: center;
    padding-top: 15px;
}
.pro_img {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: center !important;
    position: absolute;
    top:50%;
    left:50%;
    padding:15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#update-settings-form .form_input_label {
    /* min-height: auto; */min-height: 65px;
}
.footer_address p i {
    color: #f7b06b;
    padding-right: 10px;
}
.edit_client_pro .settings-form .form_input_label {
    width: 100%;
}
.trash_btn_list .active .btn{
    background:#3cb878;
}
.bootbox-body sup {
    font-size: 14px;
    top: -1px;
}
.accordion_btn,.bill_detail_new_tit{
    position:relative;
}
.accordion_btn:after,.bill_detail_new_tit:after {
    content: "\f078";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 15px;
}
.accordion_btn.show:after{
    content: "\f077";
}
.edit_client_pro h4.accordion_btn{
    padding-bottom: 0;
    padding-top:0px;
    cursor:pointer;
    font-weight: 400;
}
.settings-form .client-pro-left,.settings-form .client-pro-right {
    border: 1px solid #b7b7b7;
    border-radius: 5px !important;
    padding: 15px 20px;
    width:100%;
    margin-bottom: 18px;
}
.settings-form  .edit_client_profile {
    margin-bottom: 0;
    padding: 0;
    border: 0;
    margin-top: 5px;
    border-top: 1px solid #b7b7b7;
    border-radius: 0px !important;
    padding-top: 15px;
}
.edit_client_pro .settings-form .form_input_label{
    padding: 0;
}
.settings-form .col-md-6 div:last-child {
    margin-bottom: 0;
}

.client_from_alerts,.alert-dismissable.alert-danger,.alert-dismissable.alert-success {
    border: 1px solid #fb7b7b;
    border-radius: 5px !important;
    padding: 8px 10px 8px 25px;
    color: #fb7b7b;
    background: #fadfe0;
    margin-bottom: 0;
}
.alert-dismissable.alert-success{
    background-color: #dff0d8;
    border-color: #3c763d;
    color: #3c763d;
}
.client_from_alerts a,.alert-dismissable.alert-danger .close,
.alert-dismissable.alert-success .close {
    color: #fb7b7b;
    right: 15px;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    top: 5px;
}
.alert-dismissable.alert-success a,
.alert-dismissable.alert-success .close{
    color: #3c763d;
}
.alert-dismissable.alert-danger .close,
.alert-dismissable.alert-success .close{
    width: auto;
    height: auto;
    padding: 0;
    top: 50%;
    background:transparent;
}
.client_forms .modal-body {
    padding: 25px 10px 10px;
}
.client_forms .modal-header {
    padding-right: 0;
    padding-bottom: 8px;
}
.client_forms .modal-title {
    font-weight: 600;
    padding-bottom: 15px;
}
.form-group.client_forms_btn {
    text-align: right;
}
.form-group.client_forms_btn .btn {
    min-width: 135px;
    padding: 5px 15px;
}
.client_forms .form_input_label textarea {
    padding: 10px 10px;
}
.client_forms .form_input_label {
    padding: 0;
}
#add-website-form .control-label {
    padding-right: 0;
}
/* Success Popup Message */

.client_success_msg {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    position: fixed;
    width: 480px;
    max-width: 100%;
    text-align: center;
    z-index: 99999;
    border-radius: 5px !important;
    padding: 65px 25px 25px;
    border-top-right-radius: 0px !important;
}
.client_success_msg_cont {
    border: 1px solid #8dc63f;
    border-radius: 5px !important;
    padding: 65px 15px 35px;
    position: relative;
}
.client_success_msg_cont h3 {
    font-size: 30px;
    color: #555;
    font-weight: 600;
    margin: 0;
    padding-bottom: 15px;
}
.client_success_msg_cont aside {
    font-size: 16px;
    color: #555;
}
.success_tick {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #8dc63f;
    border-radius: 50% !important;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.success_tick i {
    font-size: 34px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.quick_links .custom_border_form {
    margin-left: 0;
    width: 100%;
}
.breadCrumb i {
    font-size: 17px;
}
#clear-all-btn i {
    padding-right: 10px;
}
.profile_user_details h4 {
    position: relative;
}
.quick_link_icon {
    position: absolute;
    right: 15px;
    font-size: 14px;
}
.sidebar_left .quick_link_icon i {
    font-size: 16px;
    color: #fff;
}
.no_padding,
.quick-li .form_input_label {
    padding: 0;
}

.quick-li .form_input_label {
    width: 100%;
    min-height: auto;
}
.quick-li .checkbox {
    margin: 0;
}
.quick-li .form_input_label .checkbox .cr {
    top: 0;
}
.quick-li h4 {
    margin: 0;
    font-size: 16px;
    color: #555;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 27px;
}
.quick-li .form_input label.quick-li-label {
    padding-left: 10px;
    text-transform: capitalize;
}
.quick-li {
    min-height: 245px;
}
.quick_link_form .form_input_btn {
    text-align: right;
    padding: 20px 0px 0px;
}
.quick_link_submit {
    min-width: 125px;
}
.quick_link_form h6,.email_set_help_txt {
    margin: 0;
    width: 100%;
    float: left;
    color: #fb7b7b;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 25px;
}
.email_set_help_txt{
    display:block;
    margin-top: -10px;
    padding-bottom: 20px;
}
.fa.fa-calendar {
    color: #999;
}

/* .safari .header_menu { */
/* width: 82%; */
/* } */
/* .safari #main_content { */
/* width: 81.2%; */
/* } */
/* .safari .table-bordered{ */
/* border-collapse: initial; */
/* } */
/* .safari .email-setting-top .edit_client_profile,.safari .email-setting-bottom .edit_client_profile { */
/* min-height: 100px; */
/* } */
#message_select,.client_filter,#search_by_role {
    width: 190px;
}
.table-striped .work_status_need{
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    display: inline-block;
}
/* #page-section #pend-form h3{
        padding-bottom: 60px;
} */
/* .safari .website_view aside p, .safari .website_edit_profile aside p { */
/* line-height: 29px; */
/* } */
/* .safari .database_list .form_input_label .checkbox .cr, */
/* .safari .app_setting .form_input_label .checkbox .cr, */
/* .safari .website_edit_profile .form_input_label .checkbox .cr { */
/* min-height: initial; */
/* } */

/* .safari .custom_border_form { */
/* /* width: 94.8%; */width: 100%; */
/* } */
/* .safari  .pls_se { */
/* width: 90%; */
/* } */
/* .safari .add_users_forms { */
/* padding-top: 0; */
/* } */
/* .safari .dashboard_search .btn { */
/* line-height: 18px; */
/* } */
/* .safari .forms_list .add_users_forms { */
/* padding-top: 20px; */
/* } */

.settings-form .accordion_full {
    padding: 0px 0px;
}
.edit_client_pro .settings-form .accordion_btn {
    padding: 15px 20px;
}
.edit_client_profile.accordion_text .form_input_label {
    padding: 0px 20px;
}
.accordion_text .form_input_label:last-child {
    padding-bottom: 15px;
}
body.modal-open {
    padding-right: 0 !important;
}
#get_messages_section.panel-body {
    padding: 0;
    margin:0px;
    padding-top: 10px;
}
#get_messages_section .chat {
    padding: 0px 15px;
}
.website_edit_profile .add_users_forms {
    padding-top: 0;
}
.adduser_form .add_users_forms {
    padding-top: 10px;
}

#cart-table.table-bordered > tbody > tr td:first-child{
    border-left:0px;
}
#cart-table.table-bordered > tbody > tr td:last-child{
    border-right:0px;
}
#date_paid_at.form-control[readonly] {
    background: transparent;
    cursor: auto;
}
.popup_input.calendar_input i {
    top: 11px;
}
.permission_form .custom_border_form {
    padding-bottom: 10px;
}
.pay_now .btn {
    min-width: 125px;
    text-align: center;
    height: 30px;
    width: auto;
}
#ticker-roll {
    height: auto !important;
    text-align: left;
    overflow: initial;
}
.outstand {
    text-align: right;
    width: auto;
}
.user_status_active,.user_status_onverified {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: green;
    border-radius: 50%;
    position: absolute;
    left: 17px;
    /* top: 15px;  */
    top: 50%;
    transform: translateY(-50%);
}
.user_status_onverified {
    background: #EEBB52;
}
.user_status_inactive {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 17px;
    /* 	top: 15px;  */
    top: 50%;
    transform: translateY(-50%);
}
.login_form_section .form-alerts {
    margin-bottom: 15px;
}
.name_column {
    position: relative;
}
.table-bordered > tbody > tr > td.name_column{
    padding-left:30px !important;
}
table#cart-table {
    border-collapse: initial;
}
.client_data li span.web_trim {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 25em;
    text-align: right;
}
.file_drag_div .file_err {
    margin: 0;
    position: relative;
    top: 88px;
}
.file_drag_div {
    position: relative;
}
.sender,.msg_high {
    display: inline-block;
    color: #333333;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;
}
table.table-bordered.message_table td .pjt_id .view_project,.pjt_id,
.mes_tab_pro_name,table.table-bordered.message_table td .mes_tab_pro_name a {
    color:#9455db;
    font-size:14px;
    display: inline-block;
    font-weight: 400;
}

table.table-bordered.message_table td .mes_tab_pro_name a,
table.table-bordered.message_table td .pjt_id a {
    padding-top: 0;
}
.message_table.table > tbody > tr > td{
    padding: 15px 15px !important;
}
table.table-bordered.message_table td .pjt_id .view_project,
table.table-bordered.message_table td .mes_tab_pro_name a,
.sender
{
    font-size:14px;
}
.pjt_id {
    padding-left: 5px;
    padding-right: 3px;
}
.message_table .table-msg {
    font-weight: 400;
    color: #555;
    font-size: 14px;
    display: block;
    line-height: 24px;
    padding: 10px 0px;
}
.message_table .elapse_time {
    color: #999999;
}
.message_table thead tr th:first-child.sorting_asc:after{
    display:none;
}
.message_table .dp_images {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    left: 8px;
    top: 0px;
    border: 1px solid #acacac;
}
table.table-bordered.message_table tbody td.dp_column{
    vertical-align:top;
    padding-top: 20px !important;
}
.table-bordered .checkbox{
    padding-bottom:0px;
    line-height: 12px;
}
.selectize-control.single .selectize-input:after,
.selectize-control.single .selectize-input:before{
    display:none !important;
}
form .selectize-dropdown,form .selectize-input,form .selectize-input input {
    color: #555;
    font-size: 14px;
}
#cart-table.table-bordered > tbody > tr td {
    vertical-align: middle;
}
.quick-li:last-child {
    min-height: auto;
}
/* .safari #message_select,.safari .client_filter, .safari #search_by_role { */
/* background-position: 93%; */
/* line-height: 30px; */
/* } */

/* .safari .submit_btn button { */
/* line-height: 22px !important; */
/* } */

.block {
    display: block;
}
.popup-btn/*  .popup_btn */ {
    padding-top: 15px;
}
.popup_btn {
    padding-top: 5px;
}
#add-website-form .popup_btn {
    padding-top: 0;
}
.unread_msgs {
    min-width: 130px;
    display: inline-block;

}
.project_data_name {
    font-weight: 400;
    padding-right: 10px;
}
input#dat_contact_time {
    padding-right: 35px;
}
#create-account-form .msg {
    text-align: left;
}
.overlay_loader{
    position:fixed;
}
.overlay_loader:before{
    content:"";
    display: block;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .6);
}
.overlay_loader_txt {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999991;
}
.spinner {
    margin: 0px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
.check_alert {
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

input.search_field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:11px;
}
input.search_field::-moz-placeholder { /* Firefox 19+ */
    font-size:11px;
}
input.search_field:-ms-input-placeholder { /* IE 10+ */
    font-size:11px;
}
input.search_field:-moz-placeholder { /* Firefox 18- */
    font-size:11px;
}

/* .safari .quick-li .form_input_label { */
/* min-height: initial; */
/* } */
/* .safari  .quick-li .form_input label.quick-li-label { */
/* float: left; */
/* width: 80%; */
/* } */
/* .safari  button { */
/* line-height: 16px !important; */
/* } */

/* 27-06-18*/

.client-pro-left.client_profile_fields {
    width: 100%;
    padding-right: 0;
    padding-left: 0px;
    margin-bottom: 20px;
}
.client-pro-left {
    padding-right: 0;
    clear: initial;
    /* padding-left: 15px; */
}
.client-pro-right {
    padding-right: 15px;
    padding-left: 0px;
}
.edit_client_profile {
    margin-bottom: 0;
}
.client_view .client-pro-left {
    padding-right: 15px;
    padding-left: 0;
}
.client_view .client-pro-right {
    padding-right: 0;
    padding-left: 15px;
}
.form_input_label textarea{
    padding: 10px 10px;
}

/* .safari  .invoice_cal span i { */
/* top: 6px; */
/* } */
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    vertical-align: middle;
}
.invoice_dropdown {
    position: absolute;
    background: #fff;
    top: 44px;
    min-width: 200px;
    min-height: 100px;
    border-radius: 5px;
    z-index: 2;
    left: 0;
    border: 1px solid #e9e9e9;
}
.invoice_export {
    position: relative;
}
.invoice_dropdown a {
    display: block;
    padding: 13px 20px;
    color:#555;
}
.invoice_dropdown .fa-file-word-o {
    color: #0288d1;
}
.invoice_dropdown .fa-file-pdf-o{
    color: red;
}

/* #autocomplete_order_ids {
    min-width: auto !important;
    width: 210px !important;
    padding: 0px 0px 0px 15px !important;
}
.magicsearch-wrapper {
    position: relative;
    width: 210px !important;
    min-width: auto !important;
} */
.invoice_search select {
    font-size: 13px;
}
.btn.view_link:hover,.btn.view_link:focus {
    color: #ed8929;
}
.btn.view_link {
    min-width: auto;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    margin-right:15px;
}
.edit_btn,.top_bar_right {
    float: right;
}
.edit_btn .btn i {
    font-size: 17px;
    padding-right: 9px;
    position: relative;
    line-height: 12px;
    top: 1px;
}
.edit_btn .btn .fa-pencil {
    font-size: 14px;
    top: 0;
}
.top_bar_left {
    width: auto;
    float: right;
    padding-right: 0;
}
.top_bar_right {
    width: auto;
}
.top_bar_right .pay_now{
    padding-left: 0;
}
.topbar_count {
    color: #f7b06b;
    font-weight: bold !important;
    padding-right: 3px;
}
.header_logout a.power_a:first-child {
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-right: 0;
}
/* Maintenance Page */

#main_content.maintenance{
    width:100%;
}
.maintenance .inner_content {
    margin-left: 0;
}
.maintenance_cont {
    padding: 25px 25px;
}
#page-section.mainten{
    padding-left: 0;
    padding-top: 67px;
}
.maintenance_inner {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    padding: 46px 15px 49px;
    text-align:center;
}
.maintenance_inner h2 {
    margin: 0;
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 29px;
}
.maintenance_inner aside {
    width: 65%;
    margin: 0 auto;
    color: #555;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding-bottom: 45px;
}
.maintenance_inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 35px;
}
.maintenance_inner ul li {
    display: inline;
    padding-right: 69px;
    color: #555;
    text-transform: uppercase;
    font-weight: 500;
}
.maintenance_inner ul li:last-child{
    padding-right: 0px;
}
.maintenance_inner ul li a {
    color: #0288d1;
    font-weight: 400;
    margin-left: 15px;
    text-transform: initial;
}
.btn.cont_btn {
    width: 127px;
    height: 30px;
    line-height: 17px;
}

.mainten_footer .social_icon {
    float: right;
}
#get_messages_section .chat:first-child {
    margin: 0;
    padding-bottom: 0;
}
#get_messages_section .chat:last-child {
    padding-top: 0;
}
.approve_task {
    display: inline-block;
    padding-left: 15px;
}
table.table-bordered.dataTable td a.approve_task i {
    color: #72B714;
    position: relative;
    top: 3px;
}
.dt-btn {
    position: absolute;
    right: 300px;
}
/* 07-07-18 */
.edit_client_pro .billing_details .form_input_label,
.edit_client_pro_details .billing_details .form_input_label{
    width: 100%;
}
.edit_client_pro .billing_details .add_remove_btn .form_label,
.edit_client_pro .billing_details .add_remove_btn .form_input,
.edit_client_pro_details .billing_details .add_remove_btn .form_label,
.edit_client_pro_details .billing_details .add_remove_btn .form_input{
    width: 50%;
}
.edit_client_pro .billing_details .add_remove_btn .form_input,
.edit_client_pro_details .billing_details .add_remove_btn .form_input{
    text-align:right;
}
.form_input_label.add_remove_btn .checkbox .cr {
    top: 0;
    margin-right: 10px;
}
.edit_client_pro .form_input_label.add_remove_btn,
.edit_client_pro_details .form_input_label.add_remove_btn
{
    min-height: initial;
}
.add_remove_btn .checkbox {
    padding-bottom: 0;
    margin-bottom: 0;
}
.clone_billing_det {
    float: left;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}
/* .billing_details {
    padding: 25px 20px 25px 20px;
}
.edit_client_profile.billing_detail_form {
    padding: 0;
} */
.view_client_queries .modal-body,.view_client_queries .client_data {
    padding: 0;
}
.view_client_queries .client_data ul{
    border:0px;
}
.view_client_queries .client_data ul:nth-child(2n+1) li {
    border-radius: 5px;
}
.view_client_queries .modal-dialog {
    width: 875px;
    /* left: 45px; */
}
.client_forms.view_client_queries .modal-header {
    padding-bottom: 0;
}
.view_client_queries .client_data li {
    font-weight: 400;
}
.view_client_queries .form_input_label label {
    font-weight: 500;
}
.bootbox.modal.view_client_queries,.bootbox.modal.client_forms {
    height: 600px;
    overflow-y: auto;
}
.bootbox.modal.view_client_queries,.bootbox.modal.partial_payment_popup{
    height: 550px;
}

.view_client_queries .client-pro-left ul,.view_client_queries .client-pro-right ul {
    min-height: 382px;
    overflow-y: auto;
    height: 350px;
}
.view_client_queries .profile_view {
    padding: 0;
}
.view_client_queries .modal-body {
    border: 0;
    border-radius: 0px !important;
}
.view_client_queries .profile_view .client-pro-right ul li {
    border-bottom:0px;
}
.view_client_queries.client_forms .modal-title {
    padding-bottom: 0;
}
.genarete_invoice_form .calendar_input i {
    top: 10px;
}
.billing_detail_form .clone_billing_det:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
.billing_detail_form .field_wrapper .clone_billing_det:first-child{
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
}
.out_amount p span.topbar_price {
    font-weight: 600;
}
#dialog-container-video .audio-player,
#dialog-container-video .modal-body{
    width: 90%;
}
.close_player {
    text-align: center;
    cursor:pointer;
}
.profile_user_details p a.profile_icon {
    width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-top: 0;
    height: auto;
    padding-bottom: 0px;
    padding-right: 0;
}
.confirm_order_btn button.btn{
    height: 35px;
}
.confirm_order_btn .btn img {
    padding-right: 10px;
}
table.dataTable thead .hide_sort:after{
    display:none !important;
}

.deleted_client{
    font-size: 12px;
    font-style: italic;
}

.unread_chat {
    color: #fb7b7b;
    font-size: 12px;
    border: 1px solid #fb7b7b;
    border-radius: 25px;
    min-width: 85px;
    display: inline-block;
    text-align: center;
    min-height: 22px;
    line-height: 20px;
    margin-left: 25px;
    background: #fff;
}
.pay_un_btn img {
    margin-right: 5px;
}
#unread_btn.pay_un_btn{
    padding-top: 5px;
}
#page-section h3 aside.client_ve_mang {
    display: inline-block;
    text-align: center;
    width: 75%;
}
.client_edit_pro {
    margin-bottom: 20px;
}
.billing_detail_new {
    width: 90%;
    float: left;
    border: 1px solid #b7b7b7;
    padding: 10px 25px;
    border-radius: 5px;
    position:relative;
}
.billing_detail_add {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: -40px;
}
.trash_del_msg .check_alert_tit {
    position: absolute;
    left: 30px;
    width: 50%;
    top: 92px;
}
.checkbox.pls_se_check {
    width: 100%;
}
.form_input_label .checkbox.pls_se_check .cr {
    top: 0;
}
#list-table_processing img {
    position: relative;
    z-index: 2;
}
.billing_detail_form .clone_billing_det.bill_detail_new {
    border-top: 1px solid #b7b7b7;
    border-radius: 0;
    margin-top: 0px;
    padding: 15px 5px;
}

.bill_detail_add_icon {
    position: absolute;
    right: 15px;
}
.bill_detail_list {
    position: relative;
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    /*     padding: 15px 20px; */
    margin-top: 15px;
    float: left;
    width: 100%;
}
.bill_detail_list:first-child{
    margin-top:0px;
}
.bill_detail_new_tit {
    margin: 0;
    cursor: pointer;
    padding: 15px 20px;
}
.billing_detail_form.new_client_pro .field_wrapper .clone_billing_det {
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    padding: 20px 5px;
}
.new_client_pro .add_button {
    float: right;
    margin-top: 5px
}
.new_client_pro .add_button.new_add_button{
    margin-top: 15px;
}
.all_pro_tit_icon .fa-pencil{
    color: #999;
    font-size: 16px;
}
.all_pro_tit_icon .fa-eye{
    color: #999;
    font-size: 16px;
}
.all_pro_tit_icon:hover .fa-eye{
    color: green;
}
.all_pro_tit_icon:hover .fa-pencil{
    color: #0288d1;
}
.all_pro_tit_icon {
    margin-left: 10px;
}
.all_pro_tit_icon {
    margin-left: 10px;
    border: 1px solid #999999;
    width: 25px;
    display: inline-block;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
}
.project_filter.website_page {
    right: 200px;
}
.admin_order_view.dash_allproject .btn {
    margin-left: 15px;
}
.genarete_in_client {
    margin-top: 25px;
}
.genarete_in_client .form_input_label .checkbox .cr {
    top: 0;
}
.invoice_bank_details {
    border-top: 1px solid #d7d7d7;
    padding-top: 15px;
}


/* IE Browser CSS */

_::selection, .form_input_label label{
    font-weight: 500;
}
.inner_heading .status_scroller .btn {

    margin-top: 1px;

}
.ticker .status_scroller {
    min-height: 32px;
    position: relative;

}
.out_amount {
    margin-top: -7px;
}
.status_scroller .outstand {
    padding-top: 5px;
}

.edit_link {
    text-transform: none;
    font-size: 16px;
    display: inline-block;
    padding-right: 15px;
}



.chat_body li {
    list-style: inherit;
}
.chat_body ol {
    padding: 0px;
}

.two-col-table{
    display: flex;
    float: left;
    height: 100%;
    margin-bottom: 40px;
    width: 100%;
}


.second_forms_list{
    padding-right:0
}

.web_check_box  .form_label{
    width: auto;
}









@media(max-width:767px)
{
    .login_page .lg-container {
        width: 100%;
    }
    #show_error {
        width: 100%;
    }
    .login_form_section {
        border: 1px solid #b7b7b7;
        padding: 15px;
    }
    .link_section {
        padding-top: 10px;
    }
    .login_button {
        width: 100%;
        text-align: center;
    }
    #message {
        text-align: center;
        Width: 100%;
    }
    .copy_right {
        padding-top: 30px;
        padding-bottom: 30px;

    }
    .forget_pass {
        width: auto;
        padding: 0px;
        float: right;
    }
    .create_forget #message {
        Width: auto !important;
        text-align: left;
    }
    .client_from_alerts a, .alert-dismissable.alert-danger .close, .alert-dismissable.alert-success .close {
        right: 10px;
    }
    .client_from_alerts, .alert-dismissable.alert-danger, .alert-dismissable.alert-success {
        padding: 8px 25px 8px 10px;
        float: left;
        width: 100%;
    }
    #alerts, #alerts2, #alerts1 {
        width: 100%;
    }
    .login_page {
        padding-top: 30px;
    }
    #creat_account_form {
        margin-top: 0px;
    }

    #message a {
        font-size: 12px;
    }
    #message p, .forget_pass p {
        font-size: 12px;
    }
    .forget_password a {
        font-size: 12px;
    }
    .lg-container input[type="text"], .lg-container input[type="password"], #create-account-form select {
        padding: 8px 15px 8px 20px;
        font-size: 13px;
    }
    .login_button button {
        height: 35px;
        font-size: 12px;
    }
    .login_head h3 {
        font-size: 14px;
    }
    .forget_pass a {
        font-size: 12px;
    }
    #create-account-form .msg {
        text-align: left;
        font-size: 12px;
    }
    .msg p {
        font-size: 12px;
    }
    .msg {
        font-size: 12px;
        float: left;
        display: inline-block;
    }
    .copy_right {
        font-size: 12px;
    }
    .lg-container .alerts p {
        font-size: 12px;
    }
}
@media(max-width:600px)
{
    #lg-form, #create-account-form, #lost_password {

        width: 100%;
        margin: 0 auto;
    }
}

/* After Jul 2019 */
.ui-widget.popup_form_autocomplete {
    position: relative;
    z-index: 99999 !important;
    width: 457px !important;
}

.login_logo img {
    width: 120px;
}