/* new theme */

.dipute tbody tr .num1 {
	font-size:15px;

	color:#009900!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num2 {

	font-size:15px;

	color:#009900!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num3 {

	font-size:15px;

	color:#009900!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num4 {

	font-size:15px;

	color:#FF6600!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num5 {

	font-size:15px;

	color:#FF0000!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num6 {

	font-size:15px;

	color:#FF0000!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num7 {

	font-size:15px;

	color:#000000!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.dipute tbody tr .num8 {

	font-size:15px;

	color:#00b0dc!important;

	/*font-weight:bold;*/

	padding:0 10px;

}

.logo { color: #ffffff; float: left; margin-bottom: 0; width: auto;}
.logo > div { float: left; width: auto; margin: 0 10px 0 0;}
.topbar-actions .toprightbuttons { display: inline-block; vertical-align: middle; float: none; height: inherit; margin: 0 10px; width: auto; position: relative; top: 3px;}
.topbar-actions .top    rightbuttons a { color: #fff; display: inline-block; font-size: 12px; margin: 0; text-decoration: none; position: relative; top: 4px;}
.topbar-actions .secureclientaccess { display: inline-block; margin: 0 0 0 20px;}
.nomsg { background: url("../images/message0.png") no-repeat center center; height: 35px; margin-top: 13px; width: 35px; background-color: #009dc7; border: 0;}
.topbar-actions .tooltipwhitebox { display: block; position: absolute; top: 3.5em; left: -13em; width: auto; margin-left:18px; opacity: 1; text-decoration: none !important; background:#fff; border:#f6f6f6 solid 1PX; border:#E6E6E6 solid 2px; z-index:1001; padding:0px; text-align:left!important; font-size:13px!important;}
.dropdown-menu-v2 h2 { color: #fff; font-size: 18px; font-weight: bold; border-bottom: 1px solid #777; padding: 10px 10px 15px; margin: 0;}
.dropdown-menu-v2 h2 a { color: #fff; float: right; font-size: 13px; font-weight: normal; line-height: 21px; text-decoration: underline;}
.notification-main, .notification-main .btn-group-notification { z-index: 9999;}
.notification-main .messagelist { padding: 10px; max-height: 211px !important;}
.notification-main .seeall { background: none; border-top: 1px solid #777; color: #ccc; font-size: 13px; font-weight: bold; padding: 10px; text-align: center;}
.notification-main .seeall a { color: #ccc; text-decoration: none;}
.notification-main .dropdown-menu-v2 { left: 0; right: initial; min-width: 350px;}
.notification-main .dropdown-menu-v2::before { left: 0; right: initial; border-width: 0 15px 15px 0;}
.notification-main .dropdown-menu-v2 { margin: 15px 0 0 10px !important; padding: 5px 0;}
.notification-main .btn-group-notification .btn { background-color: transparent; height: 35px; width: 35px; padding: 0; top: 6px;}
.notification-main .badge { position: absolute; right: -6px; top: -2px; font-weight: 600; background-color: #ef0f0f;}
#footer1 { margin: 10px 0 22px;}
.footer-right {float:right; width:auto; color: #ccc;}
.topbar-actions .secureclientaccess img { max-width: 100%; width: auto;}

/* layout */
.page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2 { min-width: 360px !important;}
.page-header .navbar-collapse { margin-top: 50px;}
.page-content { padding-top: 30px;}
.copyright { color: #bbb; margin: 0; float: left;}
.page-header .navbar .navbar-nav > li > a { padding: 22px 20px; font-size: 16px;}
.page-header .navbar .navbar-nav > li > a > i { top:0;}

/*abhishek*/
.main-container {
    /*width: 100%;
    background-color: #fff;*/
}
.txt-blue {
color: #5a7391;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.caption01 {
    text-align: left;
}
.detail-client {
font-size: 16px;
font-weight: 500;
margin:0px;
padding: 10px 0 0 0;
}
.status-active {
    color:#009dc7;
    font-weight: 600;
}
.detail > div {
    padding: 3px 0;
}
.clint {
    border: 1px solid #e7ecf1 !important;
    padding: 12px 20px 15px;
background-color: #fff;
}
.cap-title {
border-bottom: 1px solid #eef1f5;
padding: 0;
min-height: 48px;
}
.assigncontactlist .profile-usertitle-name {
    text-align: left;
    padding: 0;
    /*color: #5a7391;*/
    color: #525e64;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}
.profile-usertitle-name {
    text-align: left;
    padding: 0 10px;
    /*color: #5a7391;*/
    color: #525e64;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
} 

.info li a { padding: 5px 0; color: #5b9bd1; font-size: 16px; }

.profile-usertitle-job {
    text-align: left;
    padding: 0 10px;
    /*color: #5b9bd1;*/
    color: #525e64;
    font-size: 13px;
    margin-bottom: 7px;
}

.detail-contacts h5 {
    text-align: left;
    padding: 0 10px;
    color: #525e64;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}

.leads-contact h5 {
    text-align: center;
    padding: 0 10px;
    color: #525e64;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}

.num8 {
    color: #00b0dc!important;
    font-size: 12px;
    padding: 0;
}
.num1 {
    color: #009900!important;
    font-size: 12px;
    padding: 0;
}
.num4 {
    color: #ff6600!important;
    font-size: 12px;
    padding: 0;
}
.num6 {
    color: #ff0000!important;
    font-size: 12px;
    padding: 0;
}

.profile-usermenu .nav li a { padding: 5px 10px; }

.infos li {
    text-align: center;
}
.infos li a {
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
    /*font-weight: 600;*/
}
.border-dark{
    color: 1px solid #999;
}
.border-bottom-ed {
    border-bottom: 1px solid #ededed;
}
/*.bgfont-dgrey{
    background-color: red;
}*/
.top-minus {
    /*bottom: -180px;*/
    height: auto;
}
.chart-score {
    height: 100%;
}
.chart2 {
    overflow: hidden;
height: auto;
/*width: 100%;*/
}
.height-min {
    min-height: 420px;
}
.client-options a:hover { text-decoration: none; }

.bordered { border: 1px solid #ccc;}
.border-light { border: 1px solid #e7ecf1 !important; }
.title { color: #fff; padding: 10px 20px; font-size: 20px; font-weight: 600;}
.title i { margin-right: 7px;}
.txt-white { color: #fff;}
.w { width: 100%; }
.border-0 { border: 0px!important; }

.bg-blue { background-color: #3598dc;}
.bg-color-none {
    background-color: transparent !important;
}
.blue-border {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #3598dc #3598dc;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    background-color: #3598dc;
}

.contact-para { color: #a6a6a6; line-height: 24px; font-size: 15px; }
.float-right { float: right; }
.float-none { float: none!important; }
.scroll-overflow { overflow: scroll; }
.auto-overflow { overflow: auto; }
.margin-bottom-top { margin-bottom: 20px !important; margin-top: 20px !important;}
.margin-bottom-0 { margin-bottom: 0px !important;}
.margin-bottom-5 { margin-bottom: 5px;}
.margin-bottom-10 { margin-bottom: 10px;}
.margin-bottom-15 { margin-bottom: 15px;}
.margin-top-15 { margin-top: 15px;}
.margin-top-35 { margin-top: 35px;}
.margin-top-10 { margin-top: 10px;}
.margin-top-5 { margin-top: 5px;}
.margin-top-0 { margin-top: 0;}
.margin-20 { margin: 20px 0;}
.margin-10 { margin: 10px 0;}
.margin-0 { margin: 0px!important; }
.margin-10-auto { margin: 10px auto!important; }
.margin-0-8 { margin: 0px 8px; }
.margin-0-2 { margin: 0px 2px; }
.margin-auto-10 { margin: auto 10px!important; }
.margin-right-5 { margin-right: 5px!important;}
.margin-left-15p { margin-left: 15%!important;}
.margin-left-7 { margin-left: 7px!important;}
.margin-left-0 { margin-left: 0 !important;}
.padding-0 { padding: 0px!important; }
.padding-top-15 { padding-top: 15px;}
.padding-10 { padding: 10px; }
.padding-top-5 { padding-top: 5px; }
.padding-top-0 { padding-top: 0px!important; }
.padding-top-10 { padding-top: 10px; }
.padding-left-10 { padding-left: 10px; }
.padding-5-20 { padding: 5px 20px; }
.padding-0-20 { padding: 0px 20px!important; }
.min-height-auto { min-height: auto; }
.auto-height { height: auto!important; }
.f-left { float: left; }
.w-50 { width: 50%; }
.w-100 { width: 100%; }
.min-wid-200 { min-width: 200px; }
.min-wid-50p { min-width: 50%; }
.text-center { text-align: center; }
.text-left { text-align: left!important; }
.text-right { text-align: right!important; }
.text-center { text-align: center; }
.font-18 { font-size: 18px; font-weight: 400;}
.font-s-18 { font-size: 18px; }
.font-s-16 { font-size: 16px; }
.font-15 { font-size: 15px!important; }
.font-14 { font-size: 14px!important; }
.font-w-400 { font-weight: 400; }
.font-w-600 { font-weight: 600!important; }
.font-dgrey { color: #525e64!important;  }
.font-dgreen { color: #1bbc9b;}
.text-red { color: red;}
.text-green { color: green;}
.border-radius-50p { border-radius: 50% !important; }
.center th { text-align: center; }
.center td { text-align: center; }

.background-color-c7ccc9 { background-color: #c7ccc9; }
body .btn.dark-gray-bg { background-color: #8a8a8a !important; border: 1px solid #8a8a8a !important;}
body .btn.dark-gray-bg:hover { background-color: #353535 !important; border: 1px solid #353535 !important; }
.color-white { color: #fff; } 
.font-dgrey { color: #1e5da9; }
.both-clear { clear: both; }
.display-block { display: block;}
.head-img-button {
    margin-right: -10px;
}
.buton-filter {
    margin-left: 3%!important;
}
.head-blue {
color: #5a7391;
font-size: 20px;
font-weight: 600;
margin-bottom: 7px;
}
.job {
text-align: center;
color: #5b9bd1;
font-size: 14px;
font-weight: 500;
}
.detailed { display: inline-block!important; margin-top: 13px; width: 100%; }
.dispute thead tr th { text-align: center; }
.contacs { font-size: 15px; font-weight: 700; }
.col-sm-middle {
    vertical-align: middle;
  }

 .scores {
    /*bottom: 220px;*/
 }
 .top-20 { margin-top: 25px; }
 .contact {
/*  bottom: 200px;*/
padding-top: 20px;
 }
 .conts li{
    padding: 10px 0;
 }
 .contacs { border: 0px; }
.blue-top > .nav-tabs > li.active { border-top: 3px solid #3598dc; margin-top: 0; position: relative; }

/*owl css*/
 #owl-demo .item{
        margin: 3px;
    }
/* owl end*/
.item .thumbs {border: 0px}
.contact-left .owl-item { border-right: 1px solid #e7ecf1;}
.stats-number { margin-top: -5%!important; }
/*.contact-box {
    border-bottom: 1px solid #e7ecf1;
    padding-bottom: 11px;
    padding-top: 11px;
}*/

.link-password { color: #fff; }
.contact-box .fa { font-size: 14px; vertical-align: super; }
.contact-box .caption-subject { vertical-align: super; }

.text-secure {
    vertical-align: middle;
    font-size: 30px;
    margin: 0 0 0 1% !important;
    position: relative;
    top: 8px;
}

.lock { height: 45px!important; }
.login .content .forget-password { float: none!important; }
.login .content .form-actions .btn-default { width: 100%!important; }
.login .content .form-actions .btn { width: 100%!important; }
.close {
    background-image:url("../images/remove-icon-small.png") !important;
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/*debts page by abhishek*/
.debts-text { 
    margin: 10px 0;
     }
.debts-text h2 {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 1%, #e9e9e9 100%) repeat scroll 0 0;*/
    border-radius: 10px 10px 0 0;
    color: #737373;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    line-height: 20px;
    margin-top: 5px;
    padding: 10px 0;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 1px solid #ededed;
    margin: 10px 20px;
}
.debts-text > div { padding: 5px 20px 10px;}
.debts-text p { line-height: 18px; color: #737373; }

.debts-right {
    margin: 10px 0;
}
.debts-right h2 {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 1%, #e9e9e9 100%) repeat scroll 0 0;*/
    border-radius: 10px 10px 0 0;
    color: #737373;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    line-height: 20px;
    margin-top: 5px;
    padding: 10px;
    text-decoration: none;
    vertical-align: middle;
    border-bottom: 1px solid #ededed;
    margin: 10px 20px;
}
.debts-right span { 
    color: #737373;
    font-size: 15px;
    font-weight: bold;
     }
.debts-right > div { padding: 20px 20px 10px; }
.debts-right #debts_div { padding: 10px 0 0 0; }
.clear { clear: both; }

.gridtable { border: 1px solid #ddd; overflow-y: hidden; }
.gridheader {
    background: #ededed none repeat scroll 0 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    font-weight: normal;
    height: 35px;
    line-height: 20px;
    padding: 2px 2px 2px 5px;
}
/*.gridheader {
    background: #ebf6f8 none repeat scroll 0 0;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 20px;
    padding: 2px 2px 2px 5px;
}*/
.pager { margin: 10px 10px; }
.pagercount { width: 50%; float: left; }
input.input, textarea.input {
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 34px;
    margin: 0;
    padding: 0 4px;
}
.gridtable .gridheader { letter-spacing: 0; }
.gridrow { 
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #c6d1d3;
    border-top: 1px solid #fff;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
 }
 
.gridrow:nth-child(even) { background-color: #fff;}
.gridrow:nth-child(odd) { background-color: #f8f8f8;}

.gridrow td, .gridrow1 td, .newleadrow td { 
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    padding: 2px 2px 2px 5px;
    word-break: keep-all;
    word-wrap: break-word;
 }
 .gridtable input { 
    padding: 4px 1% 4px 4px !important;
    width: 90% !important;
  }
  .gridrow:hover, .gridrow1:hover, .newleadrow:hover { 
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #fff;
    color: #333333;
   }
.btnsubmit {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #3379ce 0%, #0e478c 100%) repeat scroll 0 0;
    border: 1px solid #093973;
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 5px 15px;
    text-align: center;
}
.for-span { padding: 10px 0; }
.value-spin { padding: 9px 10px!important; }

/*preview*/
.preview-webform { background-color: #32c5d2!important; color: #fff!important; }
.preview-webform:hover { background-color:#26a1ab!important; }
/*ends*/

/*ends*/
.control-label { padding-top: 7px; }

/*my account*/
.assigncontactbg { //width: 98.5%; }
.assigncontactlistbox {
    float: left;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
}
.assigncontactlist:first-child {
    margin-left: 10px;
    padding-left: 10px !important;
}
.assigncontactlist {
    border-right: 1px solid #dfdfdf;
    font-size: 13px;
    line-height: 18px !important;
    padding: 0 10px 5px 7px;
    white-space: nowrap;
    width: auto;
}
/*ends*/


 /*header*/
/*.head-notification button .badge {
    line-height: 1.6!important;
    height: 20px!important;
    border: 0px!important;
}*/
/*#tr_msg_1_team {
    color: #000!important;
}
#tr_msg_1_team img {
    margin-right: 10px;
}*/
 /*ends*/

/*messages*/
.messageboxmain {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #cccccc;*/
    height: auto;
}
.morelink {
    padding: 4px;
    text-align: right;
}
.normaltext1 {
    color: #333333;
    line-height: 18px;
}
.searchbox .search {
    border: 1px solid #cccccc;
    display: table;
    position: relative;
    width: 100%;
}
.searchbox input {
    border: 0 none;
    padding-right: 40px;
}
.searchbox a {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 12px;
}
.searchbox img {
    cursor: pointer;
    margin-top: 3px;
    vertical-align: baseline;
}
.messagelist {
    height: auto;
    overflow: auto;
    width: 100%;
    margin-top: 10px;
}
.messagelistbox {
    padding-top: 10px;
}

.messagerightbox {
    border-left: 1px solid #e7ecf1;
    min-height: 687px;
    padding-top: 10px;
}
.mdtitle {
    border-bottom: 1px solid #e7ecf1;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 20px;
    padding: 5px 0;
    width: 100%;
}
.mdtitle .addnew-btn {
    float: right;
}
#userNameToDisplay { margin: 5px 0px 10px!important; }
#userNameToDisplay span { font-size: 18px; margin: 0 0 0 5px;}
.addnew-btn a {
    /*background: rgba(0, 0, 0, 0) url("../images/Add.png") no-repeat scroll left center;*/
    color: #333;
    display: block;
    /*font-size: 12px;*/
    font-weight: bold;
    /*height: 22px;*/
    /*padding-left: 27px;
    padding-top: 2px;
    text-align: left;*/
    text-decoration: none;
}
.messagedetaillist {
    height: 493px;
    overflow: auto;
}
.messagedetaillist img { border-radius: 50%!important; }
/*ends*/

.portlet.box.blue-finance { border: 1px solid #c0edf1; border-top: 0; }
.portlet.blue-finance, .portlet.box.blue-finance>.portlet-title, .portlet>.portlet-body.blue-finance { background-color: #c0edf1; }

.portlet.box.c2cad8 { 
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #dfdfdf #dfdfdf;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}
.portlet.box.c2cad8 > .portlet-title, .portlet.c2cad8, .portlet > .portlet-body.c2cad8 { background-color: #dfdfdf; color: #666; }

/*abhishek*/

/*calculator*/
.standard-calculators-box td {
    padding: 0 1%;
}
.standard-calculators-box td input {
    box-sizing: border-box;
    width: 100% !important;
}
.calbtnred {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #b5bdc8 0%, #28343b 100%) repeat scroll 0 0;
    border: 1px solid #26333a;
    border-radius: 5px;
    color: #ffffff;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 7px 0;
    text-align: center;
    width: 40px;
}
.calbtnred:hover, .calbtnred:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #28343b 0%, #b5bdc8 100%) repeat scroll 0 0;
    cursor: pointer;
}
.calbtngrey {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%) repeat scroll 0 0;
    border: 1px solid #26333a;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 7px 0;
    text-align: center;
    width: 40px;
}
.calbtngrey:hover, .calbtngrey:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%) repeat scroll 0 0;
    cursor: pointer;
}
.calbtnblue {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #3379ce 0%, #0e478c 100%) repeat scroll 0 0;
    border: 1px solid #093973;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 7px 0;
    text-align: center;
    width: 40px;
}
.calbtnblue:hover, .calbtnblue:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0e478c 0%, #3379ce 100%) repeat scroll 0 0;
    border-color: #093973;
    cursor: pointer;
}
/*calculator*/

.table-head { background: #ededed!important; }
.light-border { border-color: #e9e9e9!important; }

.view-report table tr th { text-align: center; }
.status-report table tr td { text-align: center; }
.status-report table { border: none!important; }
.view-status thead tr th { font-size: 14px; font-weight: 600; }
.view-status td, .view-status th { font-size: 14px; padding: 8px; line-height: 1.42857; vertical-align: top; }
.show-table tr td { text-align: center; }

.my-debts { min-height: 884px;}
.monthly-expenses { min-height: 920px;}
.my-calculator { min-height: 370px;}

.portlet.box.ededed { 
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ededed #ededed;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
 }
 .portlet.box.ededed > .portlet-title, .portlet.ededed, .portlet > .portlet-body.ededed {
    background-color: #ededed;
    color: #333;
 }
 .f4f4f4 { background-color: #f4f4f4;}
 .table-title { padding: 15px 15px 17px;}
 .messages-img { float: left;}
 .messages-text { float: right; width: 81%;}
 .messagelist .left-meassages { clear: both; float: left; padding: 10px; width: 100%;}
 .messagelist .left-meassages:hover { background-color: #f1f1f1; cursor: pointer;}
 .messagelist .left-meassages:last-child { margin-bottom: 0;}
 .left-meassages .note-messages { clear: both; display: block; margin-top: 10px;}
 .chat-box ul { list-style: none; margin: 0; padding: 0;}
 .chat-box ul li { float: left; width: 100%; margin-bottom: 20px; position: relative;}
 .chat-box ul li .chat-box-top { margin-bottom: 5px;}
 .chat-box ul li .chat-box-img { float: left;}
 .chat-box ul li .chat-box-text { float: right; width: 88%; margin: 2px 2% 0 0;}
 .chat-box ul li .chat-box-text .date-right { color: #acacac; float: right; font-size: 12px;}
 .chat-box ul li .chat-messages { float: left; width: 88%;}
 //.chat-box ul li .chat-box-bottom a { float: right; color: #ccc; font-size: 18px;}
 //.chat-box ul li .chat-box-bottom a:hover { color: #000;}
 .chat-box ul li .chat-box-bottom .normaltext1 { margin-top: 5px;}
 .chat-box ul li .chat-box-bottom .normaltext1 a { color: #7c7c7c; float: none; font-size: 14px;}
 .attachment-reply { margin-top: 10px;}
 .attachment-reply .attachment-box { display: inline-block; width: 70%;}
 .attachment-reply .reply-box { float: right;}
 #invoice_print thead th { padding: 10px 7px;}
 .history-back { margin-bottom: 10px; text-align: right;}
 .my-account-form { margin-bottom: 30px;}
 .title-line { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e7ecf1;}
 .btn-2 {  background-color: #9c9c9c !important; border-color: #9c9c9c !important;}
 .btn-2:hover {  background-color: #8c8c8c !important; border-color: #8c8c8c !important;}
 
 /* selectprofile header */
 .selectprofile-main {width: 100%; margin:auto; height:81px;background-color: #0558b5 !important; background-image: none !important;}
 .selectprofile-header { float: right;}
 .selectprofile-header img { margin: 20px 20px 0 0;}
 .setuppassword-top { text-align: center;}
 .setuppassword-top .setuppassword-box {  border-radius: 8px; width: 100%; max-width: 250px; margin: 0 15px 30px; display: inline-block; text-align: center; font-family: arial; box-shadow: 0 1px 9px #ccc; padding: 15px 0; vertical-align: top; height: 280px;}
 .setuppassword-top .setuppassword-box img { max-height: 75px; vertical-align: middle; }
 .img-box { display: table; height: 75px; margin: 0 auto; text-align: center; vertical-align: middle;}
 .setuppassword-top .setuppassword-box .title { border-bottom: 1px solid #e2e2e2; color: #000; font-size: 24px; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; }
 .setuppassword-top .setuppassword-box .text { height: 50px; font-size: 18px; padding: 0 20px; margin: 10px 0; display: block;}
 .title-small { font-size: 16px; font-weight: normal; font-family: arial; margin: 0 20px 30px; display: block; text-align: center;}
 .login_link { color: #19a8e3; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none;}
 .setuppassword-top .setuppassword-box.err-box { box-shadow: 0 1px 9px red;}
 .selectprofile-bottom-form { border-top: 1px solid #ccc; margin-top: 15px; padding: 30px 0 0;}
 .updatecard-view .redfont { font-weight: bold; display: block; text-align: center; margin: 0px 0px 20px; color: red; font-size: 13px;}
 .redfont { color: red; font-size: 13px;}
 
 .btn-top-margin { margin-top: 23px;}
 .changepassword-form-bottom { border-top: 1px solid #e7ecf1; padding-top: 30px; margin-top: 10px;}
 .header-tow { margin: 10px 0 0 10px; display: inline-block;}
 .header-tow > div { display: inline-block; vertical-align: top; width: auto;}
 .header-tow .header-tow-text { margin-left:10px; color: #fff;}
 .header-tow-right { float: right; margin: 20px 20px 0 0;}
 /* end selectprofileheader */
 
 .portlet.light.portlet-fit>.portlet-title { background-color: #f4f4f4;}
 .dispute-status { min-height: 553px;}
 .help-speed { min-height: 400px;}
 .contacts-box-home { min-height: 400px;}
 .client-summary-scores { min-height: 247px;}
 .client-summary-scores2{ min-height: 253px;}
 .client-summary-right{ min-height: 409px;}
 .notification-main #newmsg { margin-top: 0;}
 .notification-main #newmsg:hover { background-color: rgba(0, 0, 0, 0.3);}
 #frm_invoice_history .gridheader, #frm_invoice_history .gridrow td { padding: 4px 10px}
 
 /* welcome box */
 .welcome-box { border: 2px solid #e6e9ec; margin-bottom: 20px; padding: 20px;}
 .page-content .welcome-box .row { margin-top: 0 !important;}
 .complete-box p { margin: 0;}
 .complete-box .skillbar { height: 18px;}
 .complete-box .skillbar-bar { height: 18px;}
 .complete-box .skill-bar-percent { height: 18px; line-height: 28px}
 .bottom-checkbox { margin-top: 20px;}
 .bottom-checkbox label.mt-checkbox, .bottom-checkbox label.mt-radio { display: table; width: 100%;}
 .bottom-checkbox label.mt-checkbox .btn { font-size: 10px; padding: 2px 7px 4px; margin-left: 8px;}
 .welcome-box .video-box { border: 1px solid #000; margin-bottom: 20px; padding: 0; text-align: center;}
 .welcome-box .modal-body { padding: 25px;}
 .mt-checkbox > span::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #666;
    border-image: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 10px;
    left: 6px;
    top: 3px;
    transform: rotate(45deg);
    width: 5px;
}
.mt-checkbox > span::after, .mt-radio > span::after {
    content: "";
    display: none;
    position: absolute;
}
.mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline > input:focus ~ span, .mt-checkbox.mt-checkbox-outline > span, .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline > input:focus ~ span, .mt-checkbox.mt-radio-outline > span, .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline > span, .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span, .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-radio-outline > span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ccc;
}
.mt-checkbox > span, .mt-radio > span {
    background: #e6e6e6 none repeat scroll 0 0;
    border: 1px solid transparent;
    height: 19px;
    left: 0;
    position: absolute;
    top: 0;
    width: 19px;
}
.mt-checkbox > input, .mt-radio > input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox > input:checked ~ span::after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio > input:checked ~ span::after {
    display: block;
}
.diffrent-style .mt-checkbox, .diffrent-style .mt-radio { font-size: 20px;}
.mt-checkbox, .mt-radio {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.mt-radio > span { border-radius: 50% !important;}
.mt-radio > span::after {
    background: #666 none repeat scroll 0 0;
    border-radius: 50% !important;
    height: 6px;
    left: 6px;
    top: 6px;
    width: 6px;
}
.mt-checkbox-list, .mt-radio-list {
    padding: 10px 0;
}
.progress-title { display: inline-block;}
.progress-skillbar { display: inline-block; margin-left: 15px; width: 78.9%; vertical-align: top;}
.progress-skillbar .skillbar2 { margin: 3px 0 0;}
 /* end welcome box */
 /* setting */
 .setting-form .title-line { border-bottom: 1px solid #e7ecf1; margin-bottom: 15px; padding-bottom: 5px;}
 .setting-form  p { margin-top: 0;}
 /* end setting */
 .fancybox-type-iframe .fancybox-inner.fancy_modify { width: 100% !important;}
 .fancybox-type-iframe.fancybox-opened  .fancybox-inner.fancy_modify iframe { width: 100% !important; height: 88%;}
 .fancy_modify .customHTML { padding: 15px; width: 100%; background-color: #fff69e; height: auto;}
 .fancy_modify .customHTML a { margin-left: 20px;}
 .fancy_modify iframe .logo { float: none;}
 .fancybox-type-iframe.cr_popup { width: 70%;}
 
 #signatureparent > div { margin-bottom: 15px;}
 #signatureparent .one .signature-number { vertical-align: middle;}
 #signatureparent .one .signature-right-box { width: 90%;}
 #signatureparent .signature-number { vertical-align: top; background-color: #bcbcbc; border-radius: 50% !important; color: #fff; font-weight: bold; padding: 2px 0; text-align: center; width: 24px; display: inline-block;}
 #signatureparent .signature-right-box { display: inline-block; margin: 0 0 0 10px; position: relative;}
 #signatureparent .normaltext1 { display: block; left: 470px; margin: 0; position: absolute; top: 164px;}
 #signatureparent .normaltext1 .btn { color: #5c5c5c !important; background-color: #dcdcdc !important;}
 #signatureparent .normaltext1 .btn:hover { background-color: #cccccc !important; color: #4c4c4c !important;}
 #signatureparent .signaturedata { border: 2px dotted red; margin: 20px 0; text-align: center; padding: 0 0 15px; max-width: 450px;}
 .loader img {margin: -60px auto 0; position: absolute; top: 50%; width: 80px; left: 0; right: 0;}
 .loader {background-color: rgba(0, 0, 0, 0.4);width: 100%; height: 100%; margin: 0 auto !important; top: 0 !important;}
 .modal-dialog iframe { width: 100% !important;}
 .mobile-new-message { display: none;}
 .three .signature-right-box .btn { padding: 6px 60px !important;}
 .messagelist ul#fb_msgs_place { list-style: outside none none; padding: 0;}
 .messagelist ul#fb_msgs_place li { border-bottom: 1px solid #7b7b7b; margin-bottom: 15px; padding-bottom: 15px;}
 .messagelist ul#fb_msgs_place li:last-child { border-bottom: 0; margin-bottom: 10px; padding-bottom: 0;}
 .messagelist ul#fb_msgs_place li > div { display: inline-block; vertical-align: top;}
 .messagelist ul#fb_msgs_place li .messages-img { margin-right: 10px; width: 40px;}
 .messagelist ul#fb_msgs_place li .messages-img img { width: 100%; height: auto;}
 .messagelist ul#fb_msgs_place li .messages-name { width: 190px;}
 .messagelist ul#fb_msgs_place li .messages-name strong { font-size: 14px;}
 .messagelist ul#fb_msgs_place li .messages-name .messages-test { margin-top: 3px; display: block;}
 .messagelist ul#fb_msgs_place li .messages-date { width: 70px; color: #acacac;}
 .topbar-actions .dropdown-menu-v2 { margin: 18px 0 0;}
 .dropdown-menu-v2 { background-color: #505050;}
 .dropdown-menu-v2::before { border-color: transparent transparent #505050;}
 .dropdown-menu-v2 > li > a { color: #90909a;}
 .dropdown-menu-v2 > li > a:focus, .dropdown-menu-v2 > li > a:hover { background: #505050 none repeat scroll 0 0 !important;}
 #client_choice_notification_popup { height: 100%; left: 0; position: fixed; right: 0; width: 100%; top: 0;}
 #client_choice_notification_popup .modal-dialog { top: 20%;}

 #img_preview { height: 100%; padding-right: 0; position: absolute; top: 0; width: 100%;}
 #img_preview .modal-dialog { margin-top: 20%;}
 .fancybox-type-iframe.fancybox-opened { width: 742px !important;} 
 .fancybox-type-iframe.fancybox-opened iframe { width: 712px !important;}

 
 /*onboarding */
 .popup-top .skillbar p { margin: 0; height: 18px;}
 .button-button .btn + .btn { margin-left: 15px;}
 .popup-top {padding: 20px 15px;}
 .popup-title { font-size: 22px; font-weight: 600; text-align: center;}
 .step-no { color: #fff; font-size: 20px; font-weight: 600;}
 .popup-top .skillbar { margin: 6px 0 0 0; height: 18px;}
 .popup-top .skillbar .skill-bar-percent { line-height: 29px;}
 .video-box { border: 1px solid #000; margin-bottom: 20px; padding: 0; text-align: center;}
 .order-reports-icon i { font-size: 1000%; line-height: 180px !important;}
 .border-box { border: 1px solid #ccc; padding: 15px;}
 .modal-body p { line-height: 20px;}
 .center-btn { margin: 0 auto; text-align: center;}
 .bottom-btn { min-height: 34px;}
 .skip-text { display: inline-block;}
 .step-box { margin-top: 25px; min-height: 36px;}
 .step-box .step-box-left { border: 1px solid #000; border-radius: 50% !important; width: 36px; height: 36px; float: left; margin-right: 15px;}
 .step-box .step-box-right .step-title { display: inline-block; font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 5px;}
 .step-box .step-box-right { display: inline-block; width: 78%;}
 .step-box .step-box-right a { clear: both; display: inline-block; margin-top: 10px; white-space: initial;}
 .step-box-right p { margin-top: 6px;}
 .right-icon {  background: url("../images/right-icon.png") no-repeat center center;}
 .font1 {font-family: 'Cedarville Cursive', cursive;}
 .font2 {font-family: 'Over the Rainbow', cursive;}
 .font3 {font-family: 'Give You Glory', cursive;}
 
 .tooltip-text { position: relative; font-weight: bold;}
.tooltip-text i { cursor: pointer;}
.popup-tooltip { display: none; position: absolute; z-index: 99;}
.tooltip-1 { display: inline-block;}
.tooltip-1:hover .popup-tooltip { background-color: #000; border-radius: 6px !important; color: #fff; display: inline-block; font-size: 12px; font-weight: bold; max-width: 100%; padding: 10px;width: 180px;}
.popup-tooltip ul li {font-weight: normal;}
.popup-tooltip ul { margin: 0; padding: 8px 0 0 20px;}
 
 /*onboarding end*/
 
 /* dashboard */
 .dashboard-overview-box { margin-bottom: 25px; border-bottom: 1px solid #efefef; padding-bottom: 25px;}
 .overview-leads { border-right: 1px solid #efefef; float: left; width: 100%;}
 .overview-leads-title { margin-bottom: 15px;}
 .overview-leads-title h4 { display: inline-block;}
 .overview-leads-title select { float: right; margin-right: 20px; width: auto;}
 h4.sub-title { font-weight: bold !important; font-size: 14px !important;}
 .overview-leads-box-1 { float: left; width: 30%; margin-right: 3%; text-align: center;}
 .overview-leads-box-1:last-child { margin-left: 0;}
 .leads-box-title { font-size: 18px; margin-bottom: 18px; color: #000; display: block; clear: both;}
 .leads-box-title:hover { text-decoration: none; color: #000;}
 .leads-box-text { text-align: center;}
 .leads-box-text-left { display: inline-block; font-size: 36px; vertical-align: middle; color: #333;}
 .leads-box-text-right { display: inline-block; font-size: 18px; vertical-align: middle;}
 .leads-box-text-right > span { display: block !important;}
 .overview-leads-box-2 {text-align: center;}
 .overview-leads-box-2 .all-time-text { float: right; width: 100%; text-align: right; margin-bottom: 18px;}
 .leads-clients-referred { margin-bottom: 25px; border-bottom: 1px solid #efefef; padding-bottom: 25px;}
 .leads-clients-referred-left { border-right: 1px solid #efefef;}
 .leads-clients-referred h4 { display: inline-block;}
 .leads-clients-referred select { float: right; margin-right: 15px; width: auto;}
 #linechart > span, #columnchart > span { width: 100% !important;}
 .summary { margin-bottom: 25px; border-bottom: 1px solid #efefef; padding-bottom: 25px;}
 .summary-date ul { margin: 10px 0 0 0; padding: 0; list-style: none;}
 .summary-date  ul li { font-size: 15px; font-weight: normal; margin-bottom: 10px;}
 .summary-date  ul li span { font-weight: bold;}
 .payment-history {}
 .leads-clients-referred #linechart, .leads-clients-referred #columnchart { text-align: center;width: 100%;height: 200px;font-size: 0px;}
 .leads-clients-referred #linechart img, .leads-clients-referred #columnchart img { margin: 90px 0 0; text-align: center;}
  /* end dashboard */

  #proof_id2 { display: none;}
  #proof_add2 { display: none;}
  .close-mobile { opacity: 1; position: absolute; border: 0px none; background-color: transparent; top: 8px; right: -27px;}
  #success_text .mt-checkbox > span::after { border-color:#000;}
  #img_finish { margin: 0 auto !important;}
  .btn { border-radius: 4px !important; font-size: 15px;}
  
  span.name-img { font-size: 12px; }
  
@media (min-device-width: 768px) and (max-device-width: 1024px){
    .union-trans { width:35px;}
}
@media (max-width: 992px){
    .chat-box ul li .chat-box-text { width: 83%;}
    .messages-text { width: 68%;}
    .fancybox-type-iframe.fancybox-opened { width: 85% !important; margin:0 auto;}
    .fancybox-type-iframe.fancybox-opened .fancybox-inner { width: 100% !important;}
    .fancybox-type-iframe.fancybox-opened iframe { width: 100% !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
button.navbar-toggle { display: block;
    height: 50px;
    position: relative;
    top: -37px;
    width: 50px;
    z-index: 9999;
    margin: 0px;
 }
    .icon-bar { background-color: #606d78; }
    .navbar-fixed-top { position: absolute!important; padding: 15px; background: #2f373e none repeat scroll 0 0; margin: 0px!important; }
    .mt-action-details { float: left; }
    .button-all { margin: 0 34%; }
    .page-header .topbar-actions { margin: 0 -20px 0 0; }
    .topbar-actions { width: 53%!important; }
    .toprightbuttons { width: 60%!important; }
    .secureclientaccess { width: 68%!important; }
    .page-header { margin: -9px!important; }
    .page-header .navbar-collapse { margin-top: 58px!important; }
    .navbar-toggle { top: -20px!important; }
    .logo { padding-top: 5px!important; }
    .topbar-actions { padding-top: 10px!important; }
     .page-content .row { margin-top: 14px!important; }
     .page-header .nav-collapse .navbar-nav { margin-bottom: 0px; }
     .detail-contacts h5 { font-size: 13px; }
    .profile-usertitle-job { font-size: 13px!important; }
    .profile-usertitle-name { font-size: 13px!important; }
}
@media (max-width: 768px){
    button.navbar-toggle { 
    display: block;
    height: 50px;
    position: relative;
    top: -37px;
    width: 50px;
    z-index: 9999;
    margin: 0px;
 }
    .icon-bar { background-color: #606d78; }
    .navbar-fixed-top { position: fixed!important; padding: 15px; background: #2f373e none repeat scroll 0 0; margin: 0px!important; }
    .mt-action-details { float: left; }
    .button-all { margin: 0 34%; }
    .detail-contacts h5 { font-size: 13px; }
    .profile-usertitle-job { font-size: 13px!important; }
    .profile-usertitle-name { font-size: 13px!important; }
    .page-header .topbar-actions .btn-group-img .btn > span { display: block!important; }
    .page-content { margin-top: 14px!important; }
    .page-header .navbar .topbar-actions { text-align: right; margin-right: 10px;}
    
}
@media only screen and (device-width: 768px) and (orientation: landscape) {
button.navbar-toggle { display: none!important; }
.page-header .navbar-collapse { margin-top: 70px!important; }
.page-header .topbar-actions { right: 50px!important; }
}
@media (max-width:767px){
    .proof_add_upload-btn, .proof_id_upload-btn { font-size: 14px; width:100%;}
    .mobile-view-proof .green-btn { min-width: auto; }
    .mobile-view-proof .gray-btn { float: right; }
    .customHTML { text-align: center; }
    .customHTML span { display: inline-block; margin: 0 0 5px; }
    /*.topbar-actions { display: none; }*/
    .close-mobile { top: -42px; right: -2px;}
    #proof_id2 { display: block;}
    #proof_id, #ob_upload_id_smartphone2 { display: none;}
    #proof_add2 { display: block;}
    #proof_add, #ob_upload_id_smartphone { display: none;}
    .bottom-checkbox label.mt-checkbox .btn { margin-left: 0px;}
    .mobile-float-none { float: none !important;}
    .button-button .btn + .btn { margin-left: 0; margin-top: 10px;}
    .skip-text { clear: both; display: block; padding-top: 15px; text-align: center;}
    .bottom-btn .btn + .btn { margin-right: 10px; float: left !important;}
    .bottom-btn .btn-success + .btn-success { float: left !important; }
    .order-reports-icon { margin-bottom: 15px;}
    .welcome-box label .btn.btn-success { width:100%; border-radius: 2px !important;}
     #client_choice_notification_popup .modal-content #success_popup { height: 210px; overflow: auto;}
    #client_choice_notification_popup .modal-dialog { top: 25%;}
    .input-small { width: 100% !important}
    .modal-footer .btn + .btn { margin: 10px 0 0 0; margin-left: 0;}
    .topbar-actions .dropdown-menu-v2 { margin: 0 !important;}
    .popup-btn .modal-footer .btn + .btn { margin-left: 0; margin-top: 10px;}
    #printdata { word-break: break-all; word-wrap: break-word;}
    #agreement { padding-right: 0 !important;}
    #agreement .modal-content { height: 400px; overflow: auto;}
    .messagelist ul#fb_msgs_place li .messages-name { width: 140px;}
    .dropdown-menu-v2 h2 { font-size: 15px;}
    .dropdown-menu-v2 h2 a { font-size: 12px;}
    .history-back .btn + .btn { margin-top: 10px;}
    .mobile-new-message { display: block; margin-bottom: 15px;}
    .full-new-message { display: none;}
    #messagedetaillist > div { position: relative !important;}
    #signatureparent .signature-number { margin-bottom: 10px;}
    .three .signature-right-box { margin-top: 15px !important;}
    #signature .jSignature { width: 240px !important;}
    #signatureparent .one .signature-right-box { width: 100%;}
    #signatureparent .gray-btn { margin-top: 0 !important;}
    #signatureparent .normaltext1 { bottom: 0; display: block; margin: 20px 0; position: initial; right: 0;}
    #signatureparent > div { margin-bottom: 30px;}
    #signatureparent .signature-right-box { display: block; margin: 0;}
    .searchbox .btn { width: 40px !important; text-align: right;}
    .copyright { float: none !important; margin: 0 auto !important; text-align: center !important; width: 90% !important;}
    .copyright.right-footer { margin-top: 15px !important;}
    
    .my-debts { min-height: auto;}
    .monthly-expenses { min-height: auto;}
    .my-calculator { min-height: auto;}
    
    .dispute-status .actions { width: 100%;}
    .messagelistbox .messagelist { height: 210px;}
    .setuppassword-top .setuppassword-box { margin-left: 0; margin-right: 0;}
    .send-message .row { margin-left: 0; margin-right: 0;}
    .page-header .navbar .topbar-actions { margin-right: -3px;}
    .tabbable-line ul { text-align: center;}
    .tabbable-line ul li { float: none;}
    .debts-right #debts_div .btn-success { padding: 6px 5px;}
    #monthly_expense .btn-success { padding: 6px 5px;}
    .debts-right > div { padding-top: 0;}
    .notification-main .dropdown-menu-v2::before { left: 20px;}
    .notification-main .dropdown-menu-v2 { margin-left: -10px !important;}
    .notification-main .dropdown-menu-v2 { min-width: 300px;}
    .topbar-actions .toprightbuttons { margin-left: 75px;}
    .notification-main { top: 63px; position: absolute;}
    .messagerightbox { min-height: auto;}
    .messagedetaillist { height: auto;}
    .selectprofile-main { height: 90px;}
    .header-tow .header-tow-text { font-size: 11px;}
    .btn-top-margin { margin-top: 0;}
    .selectprofile-header { float: none; text-align: center;}
    .selectprofile-header img { margin: 27px 0 0;}
    .title-line { margin-bottom: 20px;}
    .mobile-margin-bottom-10 { margin-bottom: 10px !important;}
    .mobile-margin-bottom-15 { margin-bottom: 15px;}
    .attachment-reply .attachment-box { display: block; width: 100%;}
    .attachment-reply .attachment-box .MultiFile-wrap { float: left !important; width: 90%;}
    .attachment-reply .attachment-box .MultiFile-wrap input { width: 100%;}
    .attachment-reply .reply-box { clear: both; display: inline-block; float: none; margin-top: 15px; width: 100%;}
    .chat-box ul li .chat-box-text { margin-right: 4%; width: 79%;}
    .chat-box ul li .chat-box-text .date-right { float: left; width: 100%;}
    .chat-box ul li .chat-box-bottom a { position: absolute; right: 10px; top: 0;}
    .chat-box ul li .chat-box-bottom .normaltext1 a { position: relative; right: initial; top: initial; word-break: break-all; word-wrap: break-word;}
    .messages-text { width: 83%;}
    .messageboxmain .messagelistbox { padding: 15px 15px 20px; border-bottom: 2px solid #ececec;}
    .messageboxmain .messagelistbox .messagelist { margin-top: 20px;}
    .messagerightbox { clear: both; dispaly: block}
    .messagerightbox { border:0;}
    .messageboxmain .mdtitle { padding: 5px 0 25px;}
    button.navbar-toggle { 
        display: block;
        height: 50px;
        position: relative;
        top: -37px;
        width: 50px;
        z-index: 8009;
     }
    .page-header-fixed .navbar-fixed-top { position: absolute!important; margin: -1px!important; padding: 0px; height: 115px;  }
    .logo { position: absolute; background-color: transparent; width: 100%; padding: 10px; }
    .page-header .topbar-actions { position: relative!important; top: 61px; right: 0px!important; padding: 0 8px; text-align: right; }
    .page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2 { min-width: 290px!important; margin-right: 20px!important; }
    .page-header .navbar-collapse { margin: 64px 0 0!important; padding-right: 0px; padding-left: 0px;  }

    .secureclientaccess { width: 60%!important; display: none!important; }
    .icon-bar { background-color: #606d78; }
    .page-content { padding: 20px;}
    .container-fluid { padding: 0px; }
    .login .logo  { position: inherit; background-color: transparent;  }
    .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2 { right: 0px; left: 0px; }
    .page-header .topbar-actions .btn-group-notification .dropdown-menu-v2::before { left: 0px!important; }
    .topbar-actions { width: 100%; }
    #header_notification_bar { float: left; }
    .toprightbuttons { float: left!important; margin-top: 10px!important; }

    .mt-action-desc { word-break: break-all; }
    .navbar-toggle { margin: 0px!important; }
    /*.logo { margin-top: -21%; }*/
    .name-company { font-size: 11px; }
    .page-header .navbar-collapse { margin-top: 30px; }
    .page-header { min-height: 40px; }
    .button-all { margin: 0 34%; }
    .contact-left .owl-item { border-right: 0px; }
    .mt-actions .mt-action .mt-action-img { width: 100%; text-align: center; }
    .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm { padding: 4px 7px; }
    .text-secure {
    vertical-align: bottom;
    font-size: 22px;
    }
    .link-password { font-size: 13px!important; }
    .no-password { padding: 20px; }
    .lock { height: 25px!important; }
    .bottom-padding { padding-bottom: 25px; }
    #submitFrmBtn { width: 100%!important; }
    #slidebtn { width: 100%!important; }
    #signin { width: 100%!important; float: none!important; margin-left: 0px!important; }
    .page-content .row { margin-top: 14px!important; }
    .page-header .topbar-actions { right: 10px!important; }
    #header_notification_bar { margin-left: 15px!important; }
    .copyright { margin-left: 20px; }
    .logo { z-index: 9999!important; }
    .page-header .nav-collapse .navbar-nav { margin-bottom: 0px; }
    .theme-blue .page-header .navbar-fixed-top { padding: 0px!important; }
    .theme-green .page-header .navbar-fixed-top { padding: 0px!important; }
    .theme-red .page-header .navbar-fixed-top { padding: 0px!important; }
    .theme-blue .logo { background-color: #0558b5; }
    .theme-green .logo { background-color: #27c24c; }
    .theme-red .logo { background-color: #f05050; }
    .page-header .topbar-actions .btn-group-img .btn > span.name-img { display: inline-block!important; font-size: 12px !important;  }
    .client-box .min-wid-50p { min-width: 82%; }
    .client-box .mt-action-body { padding-left: 1px!important; text-align: center; padding-top: 10px; }
    .detail-contacts h5 { text-align: center; }
    .popup-tooltip { display: none; left: 30px; position: absolute; top: 17px;}
    .yes-upload { width: auto; float:right; margin: 0 !important;}
    #button_cancel_add, #button_cancel_id { width: auto;}
    .upload-text { display: block; margin-bottom: 10px;}
    
    .overview-leads-box-1 { float: none; width: 100%; margin: 0 0 40px;}
    .overview-leads-box-2 { clear: both;}
    .summary-date { margin: 0 0 30px;}
    .overview-leads { border-right: 0;}
    .leads-clients-referred-left { border-right: 0;}
    .leads-clients-referred select { float: none;}
    
    .progress-skillbar { display: block; margin: 10px 0 0 0; width: 100%;}
    .fancy_modify .customHTML a { margin-left: 0; font-size: 13px;}
}
@media (max-width:479px){
    .header-tow-right { float: none; margin: 10px auto 0;}
    .selectprofile-main { height: 100px;}
    .header-tow-right img {  margin: 0 auto;}
    .button-all { margin: 0 35%; }
    .messages-text { width: 75%;}
    .chat-box ul li .chat-box-text { width: 70%;}
    .name-company { font-size: 9px;}
    .modal-dialog .video-box iframe { height: 40%;}
}

.green-3ccc14 { background-color: #3ccc14; border-color: #3ccc14; color: #fff; }
.green-3ccc14:hover { background-color: #51993d; color: #fff; border-color: #51993d; }

/*skillbar*/
 .skillbar {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  width: 100%;
  background: #eee;
  height: 25px;
  border-radius: 3px;
  width: 100%;
}
 .skillbar2 {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  width: 100%;
  background: #eee;
    border-radius: 3px;
  width: 100%;
}
 
.skillbar-bar {
  height: 25px;
  width: 0px;
  background: #6adcfa;
  border-radius: 3px;
  display: inline-block;
}

.skill-bar-percent {
   position: absolute;
  right: 10px;
  top: 0;
  font-size: 11px;
  height: 25px;
  line-height: 35px;
  color: #ffffff;
  color: rgba(0, 0, 0, 0.7);
  margin: -5px 0 0 0;
}
.chart-skill #chartdiv {  display: block; margin-bottom: 25px;}
.skill-bar-dispute-status { 
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -33px;
    color: #7c7c7c;
}
.dispute-status-skill-bar .skill-bar-percent {
    color: #000;
    font-size: 12px;
    height: 25px;
    left: initial;
    line-height: 35px;
    margin: 0;
    position: relative;
    right: initial;
    text-align: center;
    top: initial;
    font-weight: 700;
}
/*endSKILL*/