body
{font-family: 'Roboto', sans-serif;font-size: 14px;color: #222}
.dropdown:focus {  outline: -webkit-focus-ring-color auto 0px;}
.dropdown-toggle:focus {outline: none;box-shadow: none;}
.dropdown-menu {min-width: 135px;}
*{margin:0; padding:0;}
.display-table{display: table}
.display-table-cell{display: table-cell}
a{text-decoration:none; cursor:pointer; color:#333;}
a:focus, a:hover{text-decoration:none;}
.head-right-side {float: right;padding: 21px 0 0 ;}
.head-right-side .btn.dropdown-toggle {background: transparent;color:#1585DE;font-size: 20px;}
.sidebar {position: fixed;left: 0;right: 0;top: 0;width: 294px;background: #485462;height: 100%;overflow-y: auto;   overflow-x: hidden; -webkit-box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease,
 width 0.3s ease;
    -o-transition: left 0.3s ease,
 width 0.3s ease;
    transition: left 0.3s ease,
 width 0.3s ease;}
.btn {border: none;}
Select { background: url(../images/down-arrow-img.png) no-repeat right center !important;
 	-moz-appearance: none;
    -webkit-appearance:none;

}
.form-control {border-radius: 0;font-size: 11px;}
.wrapper {margin-left: 294px;position: relative;z-index: 999;}
.main-wrapper {padding:35px 30px;float: left;background: #EEEDF2;width: 100%;}
.sidebar ul li {list-style-type: none;}
.sidebar ul li a {font-size: 15px;color: #fff;line-height: 21px;text-decoration: none;width: 100%;display: block;padding: 10px 30px;}
.sidebar ul li:hover a{background:#1585DE;}
ul.distibutor {margin-bottom: 15px;}
.side-menu {float: left;width: 100%;}
.side-menu h4 a {color: #fff;text-align: center;padding-left: 15px;}
.side-menu img {width: 22px;margin-right: 2px;}
.sidebar .log-out {margin: 60px 0 0;}
.table > thead > tr > th {border-bottom-width: 0;color: #798A93;font-weight: 500;}
.main-wrapper .table {background: #fff;}
.table-bordered > thead > tr > th, .table-bordered {border: none !important;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td a {font-size: 12px;color: #929292;}
.table-bordered > thead > tr > th{font-size: 13px;color:#778E97}
.table-bordered > tbody > tr > td, .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-bottom:1px solid #E0E0E0;padding:8px;border-right: none;
border-left: none;}
.table tbody {
	border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0;
}
.main-wrapper .table thead, .table thead {background:#fff;}
.main-wrapper .table {margin-bottom: 0;}
.side-menu ul li a em, .right-side-sec .notesCount, h4 em {float: right;font-style: normal;background: #236FAD;width: auto;height: 25px;text-align: center;border-radius: 3px;vertical-align: middle;padding: 2px 5px;font-size: 14px;
}
.profile-sec {float: left;width: 100%;padding:15px;margin-bottom: 15px;border-bottom: 1px solid #57626f;}
.avtar-img {
	float: left;
	text-align: center;
	width: 20%;
}
.avtar-img img {
	border-radius: 100%;
	width: 100%;
}
.avtar-n {
	float: right;
	width: 75%;
}
.avtar-n h1 {
	font-size: 20px;
	color: #fff;
	margin: 10px 0 0;
}
.login-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}

.login-content .logo {
  margin-bottom: 40px;
  font-family: "Niconne";
  color: #fff;
}

.login-content .logo h1 {
  font-size: 52px;
  font-weight: 400;
}

.login-content .login-box {
  position: relative;
  min-width: 350px;
  min-height: 390px;
  background-color: #fff;
  -webkit-box-shadow: 0px 29px 147.5px 102.5px rgba(0, 0, 0, 0.05), 0px 29px 95px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 29px 147.5px 102.5px rgba(0, 0, 0, 0.05), 0px 29px 95px 0px rgba(0, 0, 0, 0.16);
  -webkit-perspective: 800px;
          perspective: 800px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.login-content .login-box .login-head {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.login-content .login-box label {
  color: #666;
  font-weight: 700;
}

.login-content .login-box .utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-content .login-box .btn-container {
  margin-bottom: 0;
}

.login-content .login-box .login-form, .login-content .login-box .forget-form {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.login-content .login-box .forget-form {
  opacity: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.login-content .login-box.flipped {
  min-height: 300px;
}

.login-content .login-box.flipped .login-form {
  opacity: 0;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.login-content .login-box.flipped .forget-form {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

@media (max-width: 351px) {
  .login-content .login-box {
    min-width: 100%;
  }
  .login-content .login-box .login-form, .login-content .login-box .forget-form {
    width: 100%;
  }
}


.avtar-n span {display: block;font-size: 17px;margin: 5px 0 0;font-weight: normal;}
.table th {position: relative;}
 .table .fa-sort-up, .table .fa-sort-down  {text-align: center;position: absolute;top: 16px;padding-left: 6px;font-size: 11px;}
.search-sec {padding: 20px 0 5px;}
.search-sec input {border: 1px solid #ccc;height: 32px;text-indent: 5px;font-size: 15px;color: #2c2c2c;width: 50%}
.search-sec .search-btn, .notes-sec .search-btn {padding: 5px 18px !important;background: #1585DE;border: none;color: #fff;text-indent: 0;height: auto;}
.user .profile .info {padding: 30px 60px;text-align: center;white-space: nowrap;background-color:#1585DE;color: #fff;}
.user .profile {margin: -30px -30px 0 -30px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.user .profile .cover-image {
	-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background-image: url(http://placeimg.com/1200/300/nature);
	background-size: cover;background-position: center;min-height: 300px;}
.flex-column {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;
	flex-direction: column !important;}
.nav-tabs .nav-item {	margin-bottom: -1px;}

.user .user-tabs .nav-link {padding: 10px 15px;border-bottom: 0;font-size: 15px;border-radius: 0;}
.user .timeline-post {background-color: #fff;padding: 20px;margin-bottom: 20px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.user .timeline-post .post-media {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 15px;}
.user .timeline-post .post-media h5 {margin-top: 0;margin-bottom: 3px;font-size: 15px;}
.user .timeline-post .post-content {margin-bottom: 20px;}
.user .timeline-post .post-utility .likes a, .user .timeline-post .post-utility .shares a {color: #555;}
.user .timeline-post .post-utility .likes, .user .timeline-post .post-utility .shares {margin-right: 10px;}
.user .timeline-post .post-utility .comments {color: #555;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: right;}
.user-img {border-radius: 100%;}
.nav-tabs > li {float: none;}
.user .profile .info {padding: 30px 60px;text-align: center;white-space: nowrap;	background-color:#1585DE;color: #fff;}
.user .profile {margin: -30px -30px 0 -30px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.user .profile .cover-image {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background-image: url(http://placeimg.com/1200/300/nature);
	background-size: cover;background-position: center;min-height: 300px;}
.flex-column {-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-ms-flex-direction: column !important;flex-direction: column !important;}
.nav-tabs .nav-item {margin-bottom: -1px;}


.user .timeline-post {background-color: #fff;padding: 20px;margin-bottom: 20px;-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);float: left;
width: 100%;}
.user .timeline-post .post-media {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 15px;}
.user .timeline-post .post-media h5 {margin-top: 0;margin-bottom: 3px;font-size: 15px;}
.user .timeline-post .post-content {margin-bottom: 20px;}
.user .timeline-post .post-utility .likes a, .user .timeline-post .post-utility .shares a {color: #555;}
.user .timeline-post .post-utility .likes, .user .timeline-post .post-utility .shares {margin-right: 10px;}
.user .timeline-post .post-utility .comments {color: #555;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;text-align: right;}
.user-img {border-radius: 100%;}


.nav-tabs > li {float: none;}
.post-utility li {display: inline-block;padding: 0 5px 0 0;}
.main-wrapper .tab-content {margin: 25px 0 0;}
.tile {margin: 25px 0 0 ;
	position: relative;float: left;
width: 100%;
	background: #fff;
	border-radius: 3px;
	}
.user .timeline-post .post-media h5 a {color: #1585DE;}
.post-media a img {border-radius: 100%;border: 1px solid #ccc;width: 100%}
.post-media .content {margin: 10px 0 0 15px;}
.post-utility i {color: #1585DE;}
.head-right-side a {padding: 8px 14px;background: #1585DE;color: #fff;}
.main-wrapper .profile {display: none;}
.notes-sec textarea {width: 100%;border: 1px solid #ccc;padding: 5px;height: 115px;resize: none;}
.notes-sec {
	float: left;
	width: 100%;
}
.notes-sec .search-btn {float: right;margin: 15px 0;}
.post-media a {
	float: left;
	width: 54px;
}
.user .timeline-post .post-media h5 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 15px;
	float: left;
	width: 100%;
}
.post-media h5  a{float: none;}
.left-side-profile .left-img {
	float: left;
}
.left-side-profile .left-img img {
	border-radius: 100%;
	border: 1px solid #ccc;
	width: 90%;
}
.left-side-profile .right-con {
	float: right;
	width: 80%;
}
.left-side-profile .left-img {
	float: left;
	width: 20%;
}
.right-con h5 {
	margin: 18px 0 0;
}
.left-side-profile {
	float: left;
	width: 100%;
	margin: 25px 0 0;
}



.main-wrapper i.fa.fa-circle.first-flag {
    color: #95d290;
	padding-right:6px;
}
.main-wrapper i.fa.fa-circle.second-flag {
    color: #ef6868;
	padding-right:6px;
}
.main-wrapper i.fa.fa-circle.third-flag {
    color: #e3e7a2;
}
.main-wrapper i.fa.fa-circle.fourth-flag {
    color: #b8b1cf;
}
.main-wrapper i {
	padding: 0 5px;
	font-size: 14px;
}
.customer-name a {
    color: #1585DE!important;
}
.customer-name a:hover {
    text-decoration: underline;
}
/*#myModal-contact .modal-dialog {*/
	/*width:1000px;*/
/*}*/
/*#myModal-contact .form-group label {*/
    /*font-weight: normal;*/
    /*font-size: 14px;*/
/*}*/
/*#myModal-contact .btn-save {*/
    /*text-align: right;*/
/*}*/
/*#myModal-contact .btn-primary.cancel-btn, .btn-primary.cancel-btn {*/
    /*background:#FF0000;*/
    /*border: none;*/
/*}*/
.btn-save .btn {
    border-radius: 0;
}
.detail-info h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
}
.modal-header {
	padding: 15px;
	border-bottom:none;
	background: #1585DE;
}
.modal-title {
	color: #fff;
}
.app-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background-color: #EEEDF2;
	margin: -30px -30px 0;
	padding: 20px 30px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

}
.app-breadcrumb {
	margin-bottom: 0;
	text-align: right;
	font-weight: 500;
	font-size: 13px;
	text-transform: capitalize;
	padding: 0;
	text-align: left;
	padding: 0;background-color: transparent;}
.app-title h1 {margin: 0;font-size: 24px;font-weight: 400;}
.app-title p {margin-bottom: 0;font-style: italic;}
.breadcrumb-item a {color: #1585DE;font-size: 15px;}
.user-settings {
	margin: 0;
border: 1px solid #e4e4e4;
	border-radius: 0;
	background: #f2f2f2;
}
.user-settings form {
	padding: 15px;
}
.user-settings span {
	display: block;
	font-size: 14px;
	color:#5c5c5c;font-weight: 500;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #555;
	cursor: default;
	background-color: transparent;
	border: none;
	border-bottom-color: transparent;
}
.nav-tabs li a{margin: 0;padding:10px 5px;}
.nav-item.active .nav-link.active {
	background: #1585DE !important;
}
.app-title h1 i {
	font-size: 23px;
	padding: 0;
}
.user .user-tabs .nav-link em {
	float: right;
	font-style: normal;
	background: #236FAD;
	padding: 2px 6px;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
}
.nav-item.active .nav-link em {
	background: #fff;
	color: #1585DE;
}
.user-settings h1 {
	padding: 13px 8px;
	font-size: 18px;
	text-align: center;
	margin: 0;
	color: #485462;
	border-bottom: 1px solid #eaeaea;
}
.user-settings .form-group {

	padding-bottom: 15px;
}
.table tr th span{
    position: relative;
}
.table tr th span .fa-arrow-up, .table tr th span .fa-arrow-down {
    position: absolute;right: -27px;
    top: 0;font-size: 12px;
}

.table tr th {
    font-size: 12px !important;font-weight:600 !important;color:#666 !important;
}
.table tr th .fa-arrow-down {
    right: -38px !important;
    top: 2px !important;
}
.contact-d {
	float: left;
	width: 100%;
	padding: 0 15px;
}
.contact-d i {
    font-size: 19px;
    color: #1585DE;
}
.contact-d .table tr th {
    padding: 0px 5px;
}
.contact-d .table tr th {padding: 11px 5px 5px;margin: 0;border-top: 1px solid #cde1ef !important;
  border-left: 1px solid #cde1ef !important;border-right: 1px solid #cde1ef !important;
}
.addRow {padding: 8px 0 0;display: block;}
.actionTd a {
    display: inline-block;
    margin: 0 4px 0 0;
}
.delete i {color: #ff0000;}
@media(max-width:1366px)
{
  .main-wrapper .search-sec {  padding:15px 0 15px !important;}

}

.firstFlag{
  background: #ade3a8 !important;
}
.secondFlag{
  background: #ef8080 !important;
}
.thirdFlag{
  background: #dfdd9f !important;
}
.fourthFlag{
  background: #CBC3E3 !important;
}
/* .firstFlag i.fa.fa-flag.first-flag{
  color: #1585de;
}
.secondFlag i.fa.fa-flag.second-flag{
  color: #1585de;
}
.thirdFlag i.fa.fa-flag.third-flag{
  color: #1585de;
} */
.thirdFlag td , .secondFlag td,  .firstFlag td {
  color: #000 !important;
}
.side-menu-link li.active {
    background: #1585DE;
}
.main-wrapper i.fa:hover{
  cursor: pointer;
}
/* .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #95B9D7;
}
.customer.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #95B9D7;
}
.customer.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  cursor: pointer;
  color: #000
} */
.loader-div {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
  top: 50%;
  bottom: 50%;
  left: 50%;
  z-index: 9999;
}
.loader-div:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 6px;
  box-sizing: border-box;
  border: 70px solid #1585DE;
  border-color: #fff transparent #1585DE transparent;
  animation: loader-div 1.2s infinite;
}
@keyframes loader-div {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}
body{
  background: #f0f4f7;
}
.tablesorter .sort_col{
	cursor: pointer;
}

.login {
  background: #368ee0;
}
.login .wrapper {
  width: 400px;
  height: 500px;
  margin: -200px -200px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.login .wrapper h1 > a {
  color: #fff;
  display: block;
  font-weight: 300;
  font-size: 48px;
  text-align: center;
  padding: 2px 0;
  text-decoration: none;
}
.login .wrapper h1 > a img {
  margin-right: 20px;
  margin-top: -8px;
}
.login .wrapper .login-body {
  margin-top: 20px;
  background: #fff;
}
.login .wrapper .login-body form {
  padding: 0 30px;
}
.login .wrapper .login-body h2 {
  font-weight: 300;
  color: #333;
  font-size: 24px;
  padding: 30px 30px 15px 30px;
}
.login .wrapper .login-body .email input, .login .wrapper .login-body .pw input {
  padding: 8px 12px;
  height: 35px;
}
.login .wrapper .login-body .submit {
  margin-top: 15px;
  *zoom: 1;
}
.login .wrapper .login-body .submit:after {
  content: "";
  display: table;
  clear: both;
}
.login .wrapper .login-body .submit input {
  float: right;
}
.login .wrapper .login-body .submit .remember {
  float: left;
  margin-top: 5px;
  margin-left: 1px;
}
.login .wrapper .login-body .submit .remember [class*=icheckbox], .login .wrapper .login-body .submit .remember label {
  float: left;
}
.login .wrapper .login-body .submit .remember label {
  margin-left: 10px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 21px;
}
.login .wrapper .login-body .forget {
  margin-top: 50px;
}
.login .wrapper .login-body .forget a {
  background: #eee;
  padding: 10px 0;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #555;
}
.login .wrapper .login-body .forget a:hover {
  background: #ddd;
}
.login .wrapper .login-body .forget a span {
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
}

/*  switch buttons */
.contact_modal .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.contact_modal .switch input {display:none!important;}

.contact_modal .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.contact_modal .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.contact_modal input:checked + .slider {
  background-color: #2196F3;
}

.contact_modal input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.contact_modal input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.contact_modal .slider.round {
  border-radius: 34px;
}

.contact_modal .slider.round:before {
  border-radius: 50%;
}
/*  switch buttons */
.contact_modal .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

#user-profile .switch input {display:none;}

#user-profile .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  height: 34px;
  width: 54px
}

#user-profile .slider:before {
  position: absolute;
    content: "";
    height: 34px;
    width: 28px;
    left: 0px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;

}

#user-profile input:checked + .slider {
  background-color: #2196F3;
}

#user-profile input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

#user-profile input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#user-profile .slider.round {
  border-radius: 34px;
}

#user-profile .slider.round:before {
  border-radius: 50%;
}

.form-group label.has-error {
    font-weight: 500;
}
.form-group.has-error label {
    color: #dd4b39;
}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #dd4b39;
    box-shadow: none;
}
.userTable td:hover{
  cursor: pointer;
}
.permissions .form-group{
  border: none;
}
.table {font-family: arial;}
.table-hover > tbody > tr:hover {background-color: #e7e7e7; cursor: pointer;}
.modal-content{
  border-radius: 0;
}
label { font-weight: 500;color: #424242;}
.right-side-sec {float: right;width: 60%;}
.right-side-sec .nav li {display: inline-block;}
.backButton {color:#1585DE;font-size:16px;
	background: transparent !important;text-decoration: underline;
}
.nav-tabs {
	border-bottom: none;
}
.nav-tabs > li > a {
	cursor: pointer !important;
	font-size: 16px;
}
.nav > li > a:focus, .nav > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	text-decoration: none;color:#1585DE;
	background-color: transparent !important;
	border-color: transparent !important;
}
.right-side-sec .notesCount {
	color: #fff;
	width: 25px;
	height: 25px;
	margin-left: 5px;
	font-size: 11px;
	padding: 5px 0;
}
.right-btn-sec {
	float: right;
}
.right-btn-sec .btn-primary {
	border-radius: 0;
	margin: 25px 0 6px 5px;
	padding: 5px 20px;

}
.no-border-radius{
  border-radius: 0 !important;
}
.customer_type_column{
	display: none;
}
.fa-times,a,button,h1,h2,h3,h4,h5,input,p,td,th{font-family:'Open Sans',sans-serif}.cancel,a,button,input{transition:all .3s ease-in-out}button{outline:none}ul{list-style-type:none}.wrapper{margin-left:250px}.main-wrapper{padding:33px 30px;background-color:#f0f3f6}.main-wrapper .app-title{padding:19px 30px;position:relative;background-color:#e4e7e9}.main-wrapper .app-title .row{width:100%}.main-wrapper .app-title figure{display:inline-block;vertical-align:middle;margin-right:20px}.main-wrapper .app-title h1{display:inline-block;vertical-align:middle;color:black;font-size:24px;font-weight:700;line-height:20px}.main-wrapper .app-title h1 i{font-size:34px}.main-wrapper .head-right-side a{color:white;font-size:14px;font-weight:700;line-height:30px;text-transform:uppercase;padding:13px 15px 13px 44px;background-color:#236fad;border:1px solid transparent;background-image:url("../images/svg/contact.svg");background-repeat:no-repeat;background-position:10% center}.main-wrapper .head-right-side a:before{content:'+ '}.main-wrapper .head-right-side a:hover{color:#236fad;background-color:transparent;border:1px solid #236fad;background-image:url("../images/svg/contact-hover.svg")}.main-wrapper .profile-sec{border-bottom:0;background-color:#44505d}.main-wrapper .avtar-n h1{color:white;line-height:20px;font-size:16px;font-weight:700}.main-wrapper .avtar-n h1 span{font-size:14px;font-weight:400}.main-wrapper .logout{float:right;position:relative;top:5px;transition:all .5s ease-in-out}.main-wrapper .logout img{margin-right:10px;margin-top:-3px}.main-wrapper .logout a{opacity:0.8;color:black;font-size:14px;font-weight:700;line-height:30px;text-decoration:underline;text-transform:uppercase}.main-wrapper .logout:hover img{margin-right:5px}.main-wrapper .logout:hover a{color:#485462}.menu-lines{display:none}.sidebar{width:250px}.sidebar ul li a,.sidebar ul li em{color:white;font-size:15px;font-weight:400}.sidebar ul li a{padding:10px}.sidebar .side-menu h4 a{color:white;font-size:13px;font-weight:700;line-height:20px;text-transform:uppercase;margin-bottom:20px}.sidebar .side-menu img{margin-right:20px}.sidebar .side-menu .log-out{position:absolute;bottom:0;width:100%;margin:0;padding:30px 0;border-top:2px solid #44505d}.contact_modal .modal-header{background-color:#eeeff1;padding:20px}.contact_modal .modal-body{padding:20px 0}.contact_modal h4{color:black;font-size:24px;font-weight:700;line-height:20px;display:inline-block;vertical-align:middle;padding:20px 0}.contact_modal h6{color:black;font-size:18px;font-weight:700;line-height:50px;margin-left:120px}.contact_modal .close{display:inline-block;vertical-align:middle;opacity:0.4;color:black;font-size:14px;font-weight:400;line-height:20px}.contact_modal .close strong{opacity:0.5;color:black;font-size:26px;font-weight:300;line-height:56px;position:relative;top:4px;right:-4px}.contact_modal .close:hover{opacity:1}.contact_modal .mdl_form{padding:0 30px}.contact_modal .inputs{display:block;margin:10px 0}.contact_modal .inputs label{text-align:right;display:inline-block;vertical-align:middle;opacity:0.5;color:#333;font-size:12px;font-weight:600;line-height:20px;margin:0 16px 0 0;width:100px}.contact_modal .inputs input{display:inline-block;vertical-align:middle;color:#666;font-size:13px;font-weight:400;line-height:50px;background-color:white;border:2px solid #e5e5e5;width:390px;height:44px;padding:0 20px}.contact_modal .inputs input ::placeholder{color:#666;font-size:13px;font-weight:400;line-height:50px}.contact_modal .inputs input[type=file]{cursor:pointer;position:absolute;z-index:1;width:130px;height:55px;opacity:0}.contact_modal .inputs input[type=submit]{width:125px;height:44px;background-color:#236fad;color:white;font-size:16px;font-weight:700;line-height:44px;text-transform:uppercase;border:1px solid transparent}.contact_modal .inputs input[type=submit]:hover{color:#236fad;background-color:transparent;border:1px solid #236fad}.contact_modal .inputs .cancel{color:black;opacity:0.33;font-size:16px;font-weight:700;line-height:50px;text-decoration:underline;text-transform:uppercase;background-color:transparent;border:0;margin:0 0 0 30px}.contact_modal .inputs .cancel:hover{text-decoration:none;opacity:1}.contact_modal .inputs .file_upload{color:#666;font-size:13px;font-weight:400;line-height:50px;background-color:white;border:2px solid #e5e5e5;width:130px}.contact_modal .inputs select{display:inline-block;vertical-align:middle;color:#666;font-size:13px;font-weight:400;line-height:40px;background-color:white;border:2px solid #e5e5e5;width:390px;height:44px;background:url("../images/svg/select_arrow.svg") no-repeat 96% center !important;padding:0 20px}.contact_modal .inputs textarea{display:inline-block;vertical-align:middle;color:#666;font-size:13px;font-weight:400;line-height:20px;background-color:white;border:2px solid #e5e5e5;resize:none;width:390px;height:100px;padding:20px}.contact_modal .add-more{margin:0 118px}.contact_modal .add-more button{background-color:transparent;border:0;color:#666;font-size:13px;font-weight:400;line-height:50px}.contact_modal .add-more img{position:relative;top:-1px}@media (max-width:991px){.contact_modal h6{margin-left:0}.contact_modal .add-more{margin:0}.contact_modal .inputs label{text-align:left;margin:0}.contact_modal .inputs input,.contact_modal .inputs select,.contact_modal .inputs textarea{width:100%}.main-wrapper .app-title figure{margin-bottom:20px;margin-right:0}.sidebar{display:none;left:36px;z-index:9999}.menu-lines{position:absolute;top:35px;padding:0;left:5px;background:none;border:0;margin-right:12px;display:block;width:25px;height:25px;font-size:0;z-index:999}.menu-lines:focus{outline:none}.menu-lines>span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;display:block;height:2px;width:100%;border-bottom:2px solid #0599d7;transition:all .3s ease-in-out}.menu-lines>span:nth-child(1){transform:translate(0, -7px)}.menu-lines>span:nth-child(3){transform:translate(0, 7px)}.menu-toggle1.menu-lines>span:nth-child(1){transform:translate(0, 0) rotate(45deg)}.menu-toggle1.menu-lines span:nth-child(2){opacity:0}.menu-toggle1.menu-lines>span:nth-child(3){transform:translate(0, 0) rotate(-45deg)}.wrapper{margin-left:0}.head-right-side{margin:0;float:none;padding:0}.main-wrapper{float:none;padding:0;text-align:center}.main-wrapper .margzero{margin:0}.main-wrapper .app-title{display:block;text-align:center;margin:0}.main-wrapper .app-title .row{margin:0}.main-wrapper .logout{display:none}}.fa-group:before,.fa-users:before{content:none}.search-sec input{width:270px;height:44px;background-color:rgba(255,255,255,0.1);border:2px solid rgba(0,0,0,0.1);padding:0 34px;background-image:url("../images/svg/search-icon.svg");background-repeat:no-repeat;background-position:95% center}.main-wrapper .table{background:transparent;border-collapse:separate;border-spacing:0 12px}.main-wrapper .table thead{background:transparent}.main-wrapper .table thead th{opacity:0.5;color:black;font-size:11px;font-weight:600;line-height:30px;text-transform:uppercase;text-align:center}.main-wrapper .table tbody{border-left:0;border-right:0;text-align:center}.main-wrapper .table tbody tr{background-color:rgba(255,255,255,0.5);border:0}.main-wrapper .table tbody tr td{color:black;font-size:15px;font-weight:400;line-height:50px;border:0}.main-wrapper .table tbody tr td a{color:black;font-size:15px;font-weight:400;line-height:30px}.main-wrapper .table tbody tr td:nth-child(99):before{content:url("../images/svg/clock.svg");position:relative;top:4px;height:18px;margin-right:10px}.main-wrapper .table tbody tr:hover{background-color:#d6dee7}.fa-close:before,.fa-remove:before,.fa-times:before{display:none}.fa-times{opacity:0.5;color:black;font-size:18px;font-weight:400;line-height:39px}@media (max-width:1229px){.main-wrapper .table tbody tr td{vertical-align:middle;line-height:25px}.main-wrapper .table tbody tr td:nth-child(99):before{display:block;margin-right:0;margin-bottom:10px}}@media (max-width:991px){#tableData{padding:0 15px}.main-wrapper .table tbody tr td{font-size:13px}.main-wrapper .table tbody tr td a{font-size:13px}}@media (max-width:767px){#tableData{overflow:hidden}.over_scr{overflow:scroll}.main-wrapper .table{width:100%}}.main-wrapper .head{position:relative}.main-wrapper .back{position:absolute;right:-60px;top:-23px}.main-wrapper .back a{text-align:right;color:#666;font-size:14px;font-weight:700;line-height:83px;text-transform:uppercase;background-color:rgba(0,0,0,0.05);border:0;background-image:url("../images/svg/backarrow.svg");background-repeat:no-repeat;background-position:20px center;padding:36px 20px 36px 60px}.main-wrapper .back a:hover{background-position:10px center}.main-wrapper .heading{color:black;font-size:20px;font-weight:700;line-height:20px}.user-management{text-align:center;line-height:26px;padding:15px 0}.user-management .content{background-color:white;padding:20px 0;margin:10px 0}.user-management figure{margin-bottom:15px}.user-management h3{color:black;font-size:18px;font-weight:700;margin-bottom:10px}.user-management h4{color:black;font-size:15px;font-weight:600;margin-bottom:10px}.user-management h5{color:#236fad;font-size:15px;font-weight:400;margin-bottom:10px}.user-management img{border-radius:100%}.user-management button{opacity:0.5;color:black;font-size:11px;font-weight:400;line-height:26px;text-transform:uppercase;background-color:transparent;border:1px solid rgba(1,1,1,0.1);width:112px;height:32px}.user-management button:hover{background-color:black;color:white}@media (max-width:1229px){.user-management h4{font-size:10px}}@media (max-width:991px){.main-wrapper .back{position:inherit;margin-top:20px;right:0;top:0}.user-management h4{font-size:15px}}.main-wrapper .back-2{right:-44px}.profile_info{position:absolute;right:72px;top:-23px}.profile_info li{display:inline-block;vertical-align:middle}.profile_info button{text-align:right;color:#666;font-size:14px;font-weight:700;line-height:87px;text-transform:uppercase;background-color:transparent;border:0;background-repeat:no-repeat;background-position:20px center;padding:0 60px}.profile_info button.active{background-color:#fff}.profile_info .active button{background-color:#fff}.details{padding:20px 0}.details h2{color:#999;font-size:12px;line-height:24px;font-weight:600;text-transform:uppercase;margin:0}.details h3{color:black;font-size:14px;line-height:24px;font-weight:400;margin:0}.details .info{margin:36px 0}.details .info figure{display:inline-block;vertical-align:middle}.details .info h2{display:inline-block;vertical-align:middle}.details .info:last-child{margin:10px 0}.details .information{padding:0 40px;background-color:#fff;display:none;}.details .info_editor{padding:10px 0;border-top:1px solid #ebecee}.details .info_editor p{display:inline-block;vertical-align:middle;opacity:0.7;line-height:24px;color:black;font-size:14px;font-weight:400;margin:0}.details .info_editor p strong{color:black;font-size:14px;font-weight:700}.details .info_editor .time{display:inline-block;vertical-align:middle;padding-left:20px}.details .info_editor .time figure{display:inline-block;vertical-align:middle;margin-right:5px}.details .info_editor .time p{display:inline-block;vertical-align:middle;color:#666;font-size:12px;font-weight:400}.details .edit_delete{margin:20px 0;display: none;}.details .edit_delete button{border:0;font-size:16px;font-weight:700;line-height:50px;text-transform:uppercase}.details .edit_delete .edit{color:white;background-color:#236fad;padding:0 46px;border:1px solid transparent}.details .edit_delete .edit:hover{background-color:transparent;border:1px solid #236fad;color:#236fad}.details .edit_delete .delete{opacity:0.33;color:black;text-decoration:underline;background-color:transparent;padding:0 20px}.details .edit_delete .delete:hover{opacity:1;text-decoration:none}.details .information_2{padding:0 25px 40px;border:1px solid #ebecee;display:none;}.details .information_2 figure{display:inline-block;vertical-align:middle}.details .information_2 .contact_number{margin-right:10px}.details .information_2 .det{display:inline-block;vertical-align:middle;margin-left:15px}.details .information_2 .additional_info{margin:16px 0 0;border-top:1px solid #ebecee}.details .information_2 .additional_info h2{margin:20px 0}.details .information_2 .additional_info p{color:black;font-size:14px;font-weight:400;line-height:25px}.notes_details{display:none;margin:20px 0}.notes_details h2,.orders_details h2{color:black;font-size:18px;font-weight:700;line-height:30px;margin:0 0 17px}.notes_details textarea{color:#6f6f70;font-size:13px;font-weight:400;line-height:50px;width:460px;height:163px;background-color:white;border:2px solid #d8dadd;resize:none;padding:0 20px;margin-bottom:10px}.notes_details input[type=submit]{color:white;font-size:16px;font-weight:700;line-height:40px;text-transform:uppercase;width:125px;height:44px;background-color:#236fad;border:1px solid transparent}.notes_details input[type=submit]:hover{border:1px solid #236fad;color:#236fad;background-color:transparent}.notes_details .comments_det{padding:50px 0}.notes_details .comment{background-color:white;padding:20px;margin-bottom:10px}.notes_details .comment .name_pic{display:inline-block;vertical-align:middle}.notes_details .comment .name_pic img{border-radius:100%;width:46px;height:46px}.notes_details .comment .time{float:right;margin:18px 0}.notes_details .comment .time p{display:inline-block;vertical-align:middle;color:#666;font-size:12px;font-weight:400;line-height:24px;margin:0}.notes_details .comment figure{display:inline-block;vertical-align:middle;margin-right:5px}.notes_details .comment h3{display:inline-block;vertical-align:middle;color:black;font-size:16px;font-weight:700;line-height:20px}.notes_details .writing{border-top:1px solid #ebecee;padding:20px 0 0;margin:20px 0}.notes_details .writing p{opacity:0.7;color:#333;font-size:14px;font-weight:400;line-height:24px}.notes_details .buttoni{position:relative}.notes_details .buttoni button{display:inline-block;vertical-align:middle;opacity:0.5;color:black;font-size:13px;font-weight:600;line-height:50px;text-transform:uppercase;background-color:transparent;border:1px solid transparent}.notes_details .buttoni button:hover{text-decoration:underline}.notes_details .buttoni button:first-child{margin-right:20px}.notes_details .buttoni button:last-child{margin-left:20px}.notes_details .buttoni button+button:before{content:'';width:1px;height:15px;opacity:0.05;background-color:#010101;position:absolute;top:19px;left:79px}.notes_details .buttoni img{margin-right:10px}@media (max-width:1229px){.profile_info button{padding:0 25px}.details{text-align:center}.details h3{font-size:12px}.details .information_2{padding:0 0 40px}.details .information_2 .det{margin:0}.details .information_2 figure{display:block;margin-bottom:20px}.details .information_2 .additional_info p{padding:0 15px}}@media (max-width:991px){.main-wrapper .back-2{right:0}.profile_info{position:inherit;right:0;top:0;margin:30px 0}.details .row{margin:0}.notes_details{padding:0 15px}.notes_details textarea{width:100%}}/*# sourceMappingURL=style2.css.map */