body {
	color: #000000;
	padding: 0;
	margin: 0;
	background: #eff0f0;
	font-family: 'robotoregular';
	font-size: 16px;
}
p {
	font-size: 16px;
	line-height: 22px;
}
h1, .h1 {
	font-size: 42px;
	text-transform: uppercase;
	color: #2C1A13;
	font-family: 'robotobold';
	margin: 0px 0;
	color: #77a960;
}
li {
	list-style: none;
	display: inline;
}
a {
	transition: 0.4s all;
	-moz-transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-ms-transition: 0.4s all;
}
a, a:hover, a:focus, textarea:focus, input:focus, button:hover, button:focus, .dropdown:focus, .dropup:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#a7a7a7;
 opacity:0.8;
font-family: 'robotoitalic';
}
::-moz-placeholder { /* Firefox 19+ */
 color:#a7a7a7;
 opacity:0.8;
font-family: 'robotoitalic';
}
:-ms-input-placeholder { /* IE 10+ */
 color:#a7a7a7;
 opacity:0.8;
font-family: 'robotoitalic';
}
:-moz-placeholder { /* Firefox 18- */
 color:#a7a7a7;
 opacity:0.8;
font-family: 'robotoitalic';
}
 .agent-field ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#484848;
 opacity:0.8;
font-family: 'robotobold';
}
.agent-field ::-moz-placeholder { /* Firefox 19+ */
 color:#484848;
 opacity:0.8;
font-family: 'robotobold';
}
.agent-field :-ms-input-placeholder { /* IE 10+ */
 color:#484848;
 opacity:0.8;
font-family: 'robotobold';
}
.agent-field :-moz-placeholder { /* Firefox 18- */
 color:#484848;
 opacity:0.8;
font-family: 'robotobold';
}
header {
	position: relative;
	z-index: 9999;
}
.logo {
	background: #171a29;
	display: block;
	float: left;
	padding: 22px 30px;
	width: 305px;
	text-align: center;
	position: fixed;
	top: 0;
}
.right-top {
	margin-left: 305px;
	padding: 50px 20px 28px;
}
.row {
	margin: 0;
}
.left-top-main {
	float: left;
	padding-top: 0px;
}
.right-top-main {
	float: right;
	padding-top: 14px;
}
.dropdown.user-top button {
	border: 0 none;
	font-size: 16px;
	background: none;
	padding: 0;
	font-family: 'MyriadPro-Regular';
}
.dropdown.user-top .caret {
	background: url(../images/top-user-arrow.png) center center no-repeat;
	width: 10px;
	height: 10px;
	border: 0 none;
	margin-left: 7px;
	margin-top: 7px;
}
.dropdown.user-top span {
	float: left;
}
span.top-user-img {
	margin: 0px 10px 0 0;
	position: relative;
	top: -4px;
}
.inner-container {
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #eeeeee;
	margin: 5px 0 55px;
}
.right-side-bar {
	margin-left: 305px;
	padding: 0 20px;
}
.main-sidebar {
	background: #121420;
	height: 100%;
	padding-top: 126px;
	position: fixed;
	top: 0;
	width: 305px;
	padding-left: 32px;
	padding-right: 32px;
}
.main-sidebar li {
	width: 100%;
	display: block;
	padding: 35px 0 0;
}
.main-sidebar li a {
	font-size: 18px;
	color: #e9e9e9;
	text-transform: uppercase;
	display: block;
	transition: 0.3s all;
	-moz-transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-ms-transition: 0.3s all;
}
.main-sidebar ul {
	margin: 0;
	padding: 0;
}
.main-sidebar li a i {
	font-size: 14px;
	margin: 0px 16px 0 0;
	position: relative;
	top: -2px;
}
.main-sidebar li a:hover, .main-sidebar li.current-menu-item a {
	color: #77a960;
}
.agent-form {
	width: 485px;
	margin: 50px auto;
}
.author-image {
	text-align: center;
	margin: 0 0 31px;
}
.form-field {
	width: 100%;
	margin: 0 0 16px;
	position: relative; float: left;
}
.form-field input, textarea {
	border: none;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
	color: #a7a7a7;
	border-radius: 7px;
	padding: 14px 18px 14px 46px;
	border: 1px solid #dedede;
}
textarea {
	resize: none;
	height: 208px;
	font-family: 'robotoitalic';
}
input[type="button"] {
	background: #77a960;
	border: none;
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 14px 18px;
	width: 100%;
	border-radius: 7px; text-transform: uppercase;
}
input[type="submit"] {
	background: #77a960;
	border: none;
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 14px 18px;
	width: 130px;
	border-radius: 7px; text-transform: uppercase;
}
.form-field i {
    position: absolute;
    top: 49px;
    left: 20px;
    color: #dddddd;
    font-size: 15px;
}
.dropdown-menu-right {
	right: 0;
	left: auto;
	background: #77a960;
	border: none;
	box-shadow: none;
	border-radius: 7px;
	padding: 7px 12px;
	width: 180px;
	margin: 8px 0 0;
}
.dropdown-menu>li {
	padding: 9px 0px;
	display: block;
	border-bottom: 1px solid #95bc83;
}
.dropdown-menu>li:last-child {
	border: none;
}
.dropdown-menu>li>a {
	font-size: 16px;
	color: #fff;
	padding: 0;
	font-family: 'MyriadPro-Regular';
}
.dropdown-menu>li>a i {
	font-size: 13px;
	margin: 0 8px 0 0;
}
.dropdown-menu-right::after {
	position: absolute;
	content: "";
	top: -13px;
	border: 5px solid transparent;
	border-bottom: 8px solid #77a960;
	right: 18px;
}
.main-sidebar li span i {
	margin: 0px 0 0 14px;
	font-size: 16px;
	position: relative;
	top: 0;
}
ul.custom-dropdown-menu {
	padding: 12px 0 0 38px;
	display: none;
}
ul.custom-dropdown-menu li {
	padding: 7px 0;
}
ul.custom-dropdown-menu li a {
	font-size: 15px;
}
.main-sidebar li:hover ul.custom-dropdown-menu {
	display: block;
}
.follow-up-form {
	padding: 16px;
}
.form-field label {
	color: rgba(67,67,67,0.8);
	font-weight: normal;
	width: 100%;
	margin: 0 0 8px;
	text-transform: capitalize;
}
.follow-up-form .form-field input {
	padding: 14px 18px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	margin: 0;
	width: 100%;
	font-family: 'robotoitalic';
	color: #a7a7a7;
	border: 1px solid #dedede;
	padding: 14px 18px;
	position: relative;
}
.bootstrap-select.btn-group .btn .filter-option {
	color: #aaa;
	padding: 0;
}
.follow-up-form form input[type="button"] {
	width: 182px;
}
.follow-up-form .form-field i {
	left: inherit;
	right: 18px;
	font-size: 25px;
	top: 42px;
	border-left: 1px solid #f0f0f0;
	padding-left: 16px;
	cursor: pointer;
	color: #cacaca;
}
.bootstrap-select > .btn {
	background: transparent;
}
.follow-up-form .form-field i.fa.fa-search, .follow-up-form .form-field i.fa.fa-calendar {
	font-size: 17px;
	line-height: 29px;
}
.follow-up-form textarea {
	padding: 14px 18px;
}
.follow-up-form textarea:focus {
	font-family: 'robotoregular';
}
.agent-list-button a {
	background: #77a960;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 8px 14px;
	border-radius: 5px;
}
.agent-list-button {
	float: right;
	margin: 13px 46px 0 0;
}
.agent-list-button a i {
	margin: 0 6px 0 0;
}
table {
	width: 100%;
}
.agent-list-table {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    clear: both;
    display: inline-block;
    background: transparent;
    margin: 0;
    border: 0px;
}
table th {
	font-size: 17px;
	font-weight: normal;
	color: #484848;
	text-transform: uppercase;
	text-align: center;
	padding: 19px 28px;
}
table td {
	color: #7b7b7b;
	text-align: center;
	padding: 19px 28px;
}
table th:first-child, table td:first-child {
	text-align: left;
}
table tr:nth-child(2n) {
	background: #f7f7f7;
}
table tr, table tr:last-child {
	border-top: 1px solid #eeeeee;
}
.pagination {
	float: right;
	background: #fff;
	border: 1px solid #e3e3e3;
	margin: 41px 0;
}
.pagination ul li {
	float: left;
}
.pagination ul {
	padding: 0;
	margin: 0;
}
.pagination ul li a {
	font-size: 14px;
	color: #666666;
	padding: 8px 12px;
	border-right: 1px solid #e3e3e3;
	display: block;
}
.pagination ul li:last-child a {
	border: none;
}
.pagination ul li a i {
	color: #77a960;
}
.pagination ul li.active a, .pagination ul li:hover a {
	background: #77a960;
	color: #fff;
}
.pagination ul li.active a i, .pagination ul li:hover a i {
	color: #fff;
}
.agent-field {
	background: #cccccc;
	float: left;
	width: 240px;
	border-radius: 4px;
	padding: 7px 13px;
}
.agent-field input[type="text"] {
	background: transparent;
	border: none;
}
.agent-field i {
	float: right;
	margin: 5px 0 0;
	color: #484848;
}
a.buton {
    background: #77a960;
    border-radius: 9px;
    padding: 10px 19px;
    color: #fff;
    text-transform: uppercase;
}
.agent-list-field input[type="button"] {
	width: auto;
	float: left;
	background: #6699cc;
	padding: 6px 12px;
	margin: 0 0 0 11px;
	border-radius: 3px;
	color: #000;
	font-family: 'robotobold';
	font-style: italic;
	text-transform: uppercase;
}
.agent-list-form {
	float: left;
	width: 100%;
	margin: 0 0 32px;
}
.login{/*background: url(../images/login-bg.png) no-repeat; */background-size: cover; height: 100%;}
.login-header {
    background: #121420;
    padding: 10px 0;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
}
.login-form {
	width: 1170px;
	margin: 70px auto 0;
	display: block;
	padding-bottom: 100px;
}
.login-form h1{font-size: 48px;font-family: 'robotoregular'; margin: 0 0 30px; font-weight: 600;}
.login-form h1 span{font-family: 'robotobold'; color: #77a960;}
.login-form h3{font-size: 26px; margin: 0;font-family: 'robotolight'; margin: 35px 0 20px; font-weight: 600;}
.login-inner-form {
    background: #f0f0f0; text-align: left; border-radius: 10px; overflow: hidden;
}
.login-inner-form form {
    padding: 40px;
}
.login-inner-form .form-field i {
    top: 47px;
}
.login-inner-form input[type="button"] {
    width: 190px;
}
.login-inner-form input[type="submit"] {
    width: 190px;
}
.login-inner-form h5 {
    font-size: 20px;
    text-align: center;
    background: #943e3f;
    color: #fff;
    text-transform: uppercase;
    padding: 21px 5px; margin: 0;
}
.login-inner-form h5 i {
    font-size: 24px;
    margin: 0 10px 0 0; 
}
.right-area {
    float: right; margin: 10px 0; position: relative; font-size: 14px; color: rgba(67,67,67,0.8); padding: 0 0 0 4px;
}
.right-area a{color: rgba(67,67,67,0.8);}
.left-area {
    float: left; margin: 10px 0; position: relative;font-size: 14px; color: rgba(67,67,67,0.8); padding: 0 0 0 4px;

}
label.error {
  color: #f00;
  font-size: 13px;
}
.left-area label, .right-area label, .right-area input, .left-area input {
    width: auto;
}
input[type="checkbox"] {
    opacity: 0;
    height: 16px;
    width: 16px; margin: 0;position: relative;
    z-index: 11;
    cursor: pointer;
}
.left-area label, .right-area label {
    position: absolute;
    width: 16px;
    height:16px; top: 2px;
    margin: 0;
    background: #fff;
    border-radius:3px; border: 2px solid #ababab; cursor: pointer; left: 0;
}
input[type="checkbox"]:checked + label:before {
    content: "\f00c";
    color: #ababab;
  font-family:'FontAwesome';
    position: absolute;
    top: 0;
    font-size: 9px;
    left:0px; right: 0; text-align: center;
}
.author-image i.fa-user {
  color: #777;
  font-size: 120px;
}
.author-image i.fa-building-o {
  color: #777;
  font-size: 120px;
}
.right-top-main .user-top span img {
  height: auto;
  max-width: 30px;
}
label.preview_image {
  margin-top: 20px;
  max-width: 100%;
  width: 80px;
}
.preview_image > img {
  height: auto;
  width: 100%;
}
.author-image img {
  height: auto;
  max-width: 100%;
  width: 150px;
}
.filters {
  background: #aa4c4c none repeat scroll 0 0;
  clear: both;
  padding: 5px 0;
}
.filters > ul {
  margin: 10px 0;
}
.filters ul li {
  border-right: 1px solid #eee;
  margin-right: 20px;
  padding-right: 20px;
}
.filters ul li a {
  color: #fff;
}
.filters ul li:last-child {
  border: medium none;
  margin-right: 0;
}
.pagination ul li .current  {
    background: #77a960 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px; 
    padding: 8px 12px;
    border-right: 1px solid #e3e3e3;
    display: block;
}
.pagination ul li .dots  {
    background: #fff none repeat scroll 0 0;
    color: #66666;
    font-size: 14px; 
    padding: 8px 12px;
    border-right: 1px solid #e3e3e3;	
    display: block;
}
.agent-list-field > input#btnsearch {
  padding: 7px 18px;
  width: 130px;
  margin-left: 15px;
}
input#btnreportsearch{
    padding: 7px 18px;
  width: 130px;
  margin-left: 15px;
}
input#btnAdd {
    padding: 7px 18px;
    width: 60px;
    margin-left: 88%;
}
input#btnphn {
    padding: 7px 18px;
    width: 60px;
    margin-left: 88%;
}
input#remove {
    padding: 7px 18px;
    width: 60px;
    margin-left: 10%;
}
input#email {
    width: 50%;
}
input#email_type {
    width: 50%;
}
input#phn {
    width: 50%;
}
input#phn_type {
    width: 50%;
}
html{height: 100%;}


.reset11 h1 {
  text-align: center;
}
.login.reset11 form {
  background: none repeat scroll 0 0 #fff;
  margin: 40px auto;
  width: 550px;
}
.login.reset11 {
  padding: 50px 0;
}
.login.reset11 form table tr td input {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 0;
  padding: 10px;
  width: 100%;
}
.login.reset11 form table tr td {
  padding: 6px;
}
.login.reset11 form {
  background: none repeat scroll 0 0 #fff;
  margin: 40px auto;
  padding: 30px;
  width: 490px;
}
.login.reset11 form table tr, table tr:last-child {
  border-top: 0 solid #eeeeee;
}
.login.reset11 form table tr{
  background: transparent;
}


@media (max-width: 567px) {
.login.reset11 form {
  width: 94%;
}
.login.reset11 form table tr td {
  float: left;
  padding: 6px;
  width: 100% !important;
}
}
select#agent_id, select#task_type {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    padding: 7px 15px;
    margin: 0 10px 10px 10px;
    width:33%;
}
select#agent_list {
padding: 7px 15px;
background: #fff;
border: 1px solid #e4e4e4;
margin: 0 10px;
color: #000000;
}
select#todos_list {
padding: 7px 15px;
background: #fff;
border: 1px solid #e4e4e4;
margin: 0 10px;
color: #000000;
}
select#company_list {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: rgb(169, 169, 169);
    width: 100%;
    box-sizing: border-box;
    border-radius: 7px;
    padding: 14px 18px 14px 46px;
    border: 1px solid #dedede;

}
.error_block_email {
	color: #ffffff;
	text-align: center;
	float: left;
	width: 100%;
	font-size: 20px;
	padding: 40px 0;
	background: #80b863;
}
.login {
	height: initial !important;
}
.login.forget {
	height: 100vh !important;
}
.inner_cont ul{padding:0px;}
.inner_cont li{display:block;}

.inner_cont li:nth-child(1){background:#666;}
.inner_cont li:nth-child(2){background:#b94c38;}
.inner_cont li:nth-child(3){background:#b3b434;}
.inner_cont li:nth-child(4){background:#1bab2d;}
.inner_cont li:nth-child(5){background:#7b3f95;}
.inner_cont li:nth-child(6){font-weight:bold;  padding: 10px 0px;}
.inner_cont {
    padding: 0px 10px;
}
.inner_cont li{padding: 2px 0px;}
.inner_cont li:nth-child(1) .contact-num-val{color:lightgrey;}
.inner_cont li:nth-child(2) .num-val{color:#cc1019;}
.inner_cont li:nth-child(3) .num-val{color:#c5c525;}
.inner_cont li:nth-child(4) .num-val{color:#21d01f;}
.inner_cont li:nth-child(5) .num-val{color:#681f72;}
.inner-container.agent-list-table h1{    color: #000;
    font-size: 25px;
    margin-bottom: 10px;}
.num-val {
    font-size: 25px;
    text-shadow: 0px 2px 2px #000;
}
.contact-num-val {
    text-shadow: 0px 2px 2px #000;
}
.txt-val {
    text-shadow: 1px 0px 2px #fff;
	color: #000;
}

.filter_date{    margin-left: 20px;
    height: 40px;
    border-radius: 5px;
    border: 0;
    padding: 6px 12px;}
    
#myChart-license-text{
	display: none !important;
}
input[type="reset"] {
	background: #77a960;
border: none;
color: #fff;
font-size: 18px;
margin: 0;
padding: 7px 28px;
width: 130px;
border-radius: 7px;

}
.agent_company.admn.valid {
    width: 100%;
    height: 47px;
    padding-left: 37px;
}
.filter td {
padding: 3px;
}
.filter input {
width: 145px;
}
.filter th {
    padding: 11px;
}
.filter input[type="submit"],.filter input[type="reset"] {
    background: #77a960;
    border: none;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 6px 0px;
    width: 130px;
    border-radius: 7px;
    text-transform: uppercase;
}
.agent-list-field select[name="company_list"] {
    width: 18%;
    padding: 6px;
    margin-left: 21px;
}
.agent-sub{
float: left !important;
margin-right:18px !important;
margin-bottom: 61px !important;;
}
/*-- 13-11-2018 --*/
.agent-form.form-wrap .form-field i {
	top: 19px;
}
.agent-form.form-wrap .filter_date {
	margin-left: 0;
	height: 51px;
}
.agent-form.form-wrap .form-field.form-field-edit-contact input[type="tel"], .agent-form.form-wrap .form-field.form-field-edit-contact input[type="text"] {
	max-width: 202.5px;
	width: 100% !important;
	margin-right: 10px;
}
.agent-form.form-wrap #TextBoxContainer td:nth-child(1), #TextBoxContainer td:nth-child(2) {
	max-width: 213px;
	padding-right: 10px;
}
.agent-form.form-wrap .form-field.form-field-edit-contact input#remove {
	margin: 0;
}
/*-- 13-11-2018 -End-*/

/*-------6-12-2018-------*/
.main-sidebar {
    background: #121420;
    height: 100%;
    padding-top: 126px;
    position: fixed;
    top: 0;
    width: 305px;
    padding-left: 30px;
    padding-right: 13px;
}
.main-sidebar li a i {
    font-size: 14px;
    margin: 0px 7px 0 0;
    position: relative;
    top: -2px;
}
.logo {
    background: #171a29;
    display: block;
    float: left;
    padding: 22px 30px;
    width: 305px;
    text-align: center;
    position: fixed;
    top: 0;
}
.main-sidebar li a {
    font-size: 17px;
}
.login .col-md-12{
	float: none;
}
.login-inner-form .form-field i.fa.fa-lock {
    top: 48px;
}
.form-field input[type="password"]{
    padding: 14px 18px 14px 41px;
}
.login {
    /*background: url(../images/login-bg.png) no-repeat;*/
    background-size: cover;
    height: 100vh !important;
}
/*-------6-12-2018----END---*/
.mobile-menu-icon{
	display: none;
}
.agent-rightside-bar .agent-list-field input[type="submit"] {
    background: #77a960;
    border: none;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 14px 18px;
    width: 130px;
    margin-right: 10px;
    border-radius: 7px;
    text-transform: uppercase;
}
.table_filter table tr:nth-child(2n) {
    background: transparent;
}
.table_filter #txtdatstrt, .table_filter #txtdatend, .table_filter #txtagent, .table_filter #txtcontact {
    background: white;
    border-radius: 5px;
    border: navajowhite;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table-1-td,.table-2-td{
  position: relative;
}
.table-1-td .fa.fa-search,.table-2-td .fa.fa-search{
   position: absolute;
top: 16px;
right: 13px;
font-size: 13px;
color: #484848;
}
 .table_filter #txtagent,.table_filter #txtcontact{
    background: #cccccc !important;
    color: #646479 !important;
}

 .table_filter #txtagent::placeholder,.table_filter #txtcontact::placeholder{
    color: #646479 !important;
}
.to-do-rightside-bar .agent-list-field .label-text .to{
	margin-left: 18px;
}
.to-do-rightside-bar select#agent_id{
    margin: 0 6px 10px 20px;
}
.to-do-rightside-bar .label-text input#btnreportsearch {
    margin-left: 15px;
    margin-right: 15px;
}
.to-do-rightside-bar .label-text {
    margin-top: 15px;
}
.to-do-rightside-bar .label-text a.buton {
    padding: 9px 42px 9px;
}
.to-do-rightside-bar  .agent-field {
    padding: 8px 13px 8px;
}
.to-do-rightside-bar input#btnreportsearch {
    padding: 7px 18px 8px;
}

/*---contact-list-----*/
.contact-right-side-bar .agent-field {
    width: 240px;
    padding: 8px 13px 8px;
}
.contact-right-side-bar select#agent_list {
    padding: 7px 10px;
    width: 20%;
    margin: 0 0px 0px 14px;
}
.contact-right-side-bar select#todos_list {
    padding: 7px 12px;
    width: 20%;
    margin: 0 10px;
}
.contact-right-side-bar .agent-list-field > input#btnsearch {
    padding: 7px 18px 8px;
    width: 115px;
    margin-left: 1px;
    margin-right: 11px;
}
.contact-header .right-top-main {
    float: right;
    padding-top: 3px;
}
.contact-right-side-bar .agent-list-form a.buton {
    padding: 9px 34px 9px;
}
/*----report-list----*/
.report-task-rightbar .agent-list-form input#btnreportsearch {
    padding: 7px 18px 8px;
    width: 130px;
    margin-left: 15px;
    margin-right: 13px;
}
.report-task-rightbar .agent-list-form a.buton {
    background: #77a960;
    border-radius: 9px;
    padding: 9px 42px 9px;
    color: #fff;
    text-transform: uppercase;
}
.report-task-rightbar .agent-list-form .filter_date {
    margin-left: 10px;
    height: 40px;
    border-radius: 5px;
    border: 0;
    padding: 6px 12px;
}
.report-task-rightbar .agent-field {
    background: #cccccc;
    float: left;
    width: 240px;
    border-radius: 4px;
    padding: 8px 13px 8px;
}
.report-task-header .right-top-main {
    float: right;
    padding-top: 3px;
}
.report-task-rightbar .agent-list-form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 23px;
    font-weight: 700;
}
.dashboard-2-rightbar .agent-list-field > input#btnsearch {
    padding: 7px 18px 8px;
    width: 130px;
    margin-left: 15px;
    margin-right: 13px;
}
.dashboard-2-rightbar input[type="reset"] {
    background: #77a960;
    border: none;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 7px 28px 8px;
    width: 130px;
    border-radius: 7px;
}
.dashboard-2-rightbar .agent-field {
    padding: 8px 13px 8px;
}
.dashboard-2-header .right-top-main {
    float: right;
    padding-top: 3px;
}
.notes-header .right-top-main {
    float: right;
    padding-top: 3px;
}
.notes-right-sidebar .table_filter #txtdatstrt,.notes-right-sidebar  .table_filter #txtdatend,.notes-right-sidebar  .table_filter #txtagent, .table_filter #txtcontact {
    background: white;
    border-radius: 5px;
    border: navajowhite;
    padding-left: 10px;
    padding-top: 5px;
    width: 96%;
    padding-bottom: 5px;
}
.notes-right-sidebar .table_filter .filter th {
    padding: 11px;
    text-align: left;
}
.notes-right-sidebar .table_filter .table-1-td .fa.fa-search,.notes-right-sidebar .table_filter  .table-2-td .fa.fa-search {
    position: absolute;
    top: 15px;
    right: 21px;
    font-size: 13px;
    color: #484848;
}
.notes-right-sidebar .table_filter #txtagent,.notes-right-sidebar .table_filter #txtcontact {
    background: white;
    border-radius: 5px;
    border: navajowhite;
    padding-left: 10px;
    padding-top: 6px;
    width: 96%;
    padding-bottom: 6px;
}
.notes-right-sidebar .agent-field {
    background: #cccccc;
    float: left;
    width: 240px;
    border-radius: 4px;
    padding: 8px 13px 8px;
    margin-right: 19px;
}
.notes-right-sidebar a.buton {
    background: #77a960;
    border-radius: 9px;
    padding: 10px 42px 8px;
    color: #fff;
    text-transform: uppercase;
}
.notes-right-sidebar .filter_date {
    margin-left: 10px;
}
.notes-right-sidebar input[type="submit"] {
    font-size: 18px;
    margin: 0;
    padding: 7px 18px 8px;
    width: 130px;
    border-radius: 7px;
    margin-right: 13px;
    text-transform: uppercase;
}
.notes-right-sidebar input#txtdatend {
    margin-right: 14px;
}
.notes-right-sidebar input#txtdatstrt {
    margin-right: 17px;
}
.agent-header .right-top-main {
    float: right;
    padding-top: 6px;
}
.company-right-side-bar .agent-list-field > input#btnsearch {
    padding: 7px 18px;
    width: 130px;
    margin-left: 15px;
    margin-right: 11px;
}
.to-do-rightside-bar select#agent_id,.to-do-rightside-bar select#task_type {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    padding: 7px 15px;
    margin: 0 10px 10px 10px;
    width: 26%;
}
.to-do-rightside-bar .agent-field {
    padding: 8px 13px 8px;
    margin-right: 13px;
}

form.edit_agent {
    margin-top: 108px;
    float: left;
    width: 100%;
}
.edit_agent select#company_list {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: rgb(169, 169, 169);
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 14px 18px 14px 39px;
    border: 1px solid #dedede;
}
.edit_agent label.preview_image {
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
}
.edit_agent .form-field input{
    border: none;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #a7a7a7;
    background: #fff;
    border-radius: 4px;
    padding: 14px 18px 14px 42px;
    border: 1px solid #dedede;
}
.edit_agent .form-field i {
    position: absolute;
    top: 48px;
    left: 20px;
    color: #dddddd;
    font-size: 15px;
}
.edit-header .right-top-main {
    float: right;
    padding-top: 3px;
}
.agent-sub {
    float: right !important;
    margin-top: -53px !important;
    padding: 14px 15px !important;
    margin-right: 1px !important;
    margin-bottom: 61px !important;
}
.edit-rightside-bar .inner-container {
    background: #fff;
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #eeeeee;
    margin: 5px 0 55px;
}
.agent-list-field select {
    background: #fff;
    border: 1px solid #e4e4e4;
    color: #000000;
    padding: 7px 15px;
    margin: 0 10px 10px 10px;
    width: 23%;
    border-radius:5px;
}
.edit-rightside-bar .agent-form {
    max-width: 485px;
    margin: 50px auto;
    width: 100%;
}
.dashboard-rightside-bar .agent-list-field > input#btnsearch {
    padding: 7px 18px;
    width: 130px;
    margin-right: 13px;
    margin-left: 15px;
}
.dashboard-rightside-bar .filter_date {
    margin-left: 5px;
    height: 40px;
    border-radius: 5px;
    border: 0;
    padding: 6px 12px;
}
/*----14-12-2018------*/
.edit-profile .form-field i,.user-password .form-field i{
    top: 18px;
}
.edit-profile .form-field input.admin_last_name,.edit-profile .form-field input.admin_first_name{
    padding: 14px 18px 14px 42px;
}
 .change-header .right-top-main {
    float: right;
    padding-top: 3px;
}
td span {
    font-size: 13px;
}
.dashboard-header .right-top-main {
    float: right;
    padding-top: 3px;
}

.right-top .right-top-main .dropdown.user-top .caret {
    margin-top: -4px;
}
.right-top .right-top-main span.name {
    margin-top: -6px;
}

.agent-field input[type="text"] {
    background: transparent;
    border: none;
    width: 100%;
}
.agent-field i {
    float: right;
    margin: -18px 0 0;
    color: #484848;
}
/*-----14-12-2018----end----*/

.right-top .right-top-main span.top-user-img {
    margin: -2px 5px 0 0;
    position: relative;
    top: -4px;
}
.right-top .right-top-main span.name {
    margin-top: -6px;
}
.right-top .right-top-main .dropdown.user-top .caret {
    margin-top: -2px;
    margin-left: 4px;
}
.login .form-field input {
    box-shadow: none;
}
.login .form-field input{
      -webkit-appearance:none;
   -moz-appearance:none;
   appearance:none;
 }
 .login span.login-remember {
    float: left;
    margin-left: 20px;
}
.admin-rightside-bar .agent-field {
    padding: 8px 13px 8px;
}
.admin-rightside-bar .agent-list-field select[name="company_list"] {
    width: 18%;
    padding: 6px;
    height: 40px;
    margin: 0 1px 10px 21px;
}
.admin-rightside-bar .agent-list-field > input#btnsearch {
    padding: 7px 18px 7px;
    width: 130px;
    margin-left: 15px;
}
.agent-header .right-top-main {
    float: right;
    padding-top: 8px;
}
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: 25px !important;
	right: 3px !important;
}
.buttonchart {
	padding: 8px !important;
	display:block;
}
.buttonchart #btnsearch {
	padding: 8px;
	margin-top: 10px;
}
.datefields label {
	margin-left: 30px !important;
}

span.morecontent{
    display: none;
}
.morelink {
    display: block;
}