/**
* Importing necessary  Styles.
**/

@import url("responsive-tru.css");

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');





*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body, html {
  margin:0px;
  padding:0px;
  }

body {
  background: #FCFCFC;
  margin: 0px;
  padding: 0px;
  font-family: 'Roboto', sans-serif;
  line-height: 20px;
  font-size: 14px;

}

img {
  max-width: 100%;
}

a,
a:hover {
  text-decoration: none;
}



h1, h2, h3, h4 {
  font-weight: 500;
}


.header-inner {
    border-bottom: 1px solid #D9D9D9;
    padding: 5px 0px;
    background: #ffffff;
    position: sticky;
    top: 0;
    z-index: 3;}


.header-inner .container {
    position: relative;
}

.topbar-nav {
    background: #FFFFFF;
    opacity: 1;
    position: relative;
    padding: 10px 0px;
    border-bottom: 1px solid #D9D9D9;
  
}

.topbar-nav a.text-muted {
    font-size: 14px;
    border: 1px solid #4C8CF3;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
    color: #4C8CF3 !important;
    padding: 6px 16px;
}


.header-inner .nav-link {
    color: #000000;
    border-bottom: 2px solid #ffffff;
    font-size: 15px;
}

.header-inner .nav-link:hover{
	color:#3d80f2;}



a.nav-link.active-link {
    color: #007bff;
    border-bottom-color:#007bff;
}


li.nav-item.flt-right {
    position: absolute;
    right: 0;
    padding: 0;
    top: -4px;
}

a.fave-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #cccccc;
    border-radius: 100%;
    background: #ffffff;
    margin-left: 20px;
    overflow: hidden;
}

a.fave-icon img {
    width: 35px;
    object-fit: cover;
    height: 35px;
}



a.notifications-r {
    color: #000000;
    position: relative;
    display: inline-flex;
}

a.notifications-r i {
    font-size: 20px;
}


.btn.btn-lg,
.modal-footer .btn.btn-lg{
    padding: 12px 16px !important;
    min-width: 190px;
    font-size: 17px;
    border-radius: 8px;
}


.ic-right a {
    position: absolute;
    right: 15px;
    top: 13px;
}

.form-sec a.text-muted {
    opacity: 0.7;
}

.ic-left a{
	position: absolute;
    left: 15px;
    top: 13px;}


.form-floating.ic-left .form-control,
.form-floating.ic-left .custom-select{
	padding-left:45px;}

.form-floating.ic-left > label{
	padding-left:48px;}


textarea.form-control {
    resize: none;}


h3.fts-24 {
    font-size: 24px;
    color: #2D3E50;
    letter-spacing: -0.07px;
}

.left-side-tab .nav-item {
    margin-bottom: 15px;
}


.left-side-tab .nav-item .nav-link,
.center-side-tab .nav-item .nav-link {
    border: 1px solid #3d80f2;
    padding: 15px 15px;
    font-size: 14px;
    letter-spacing: -0.04px;
    border-radius: 6px;
}


.center-side-tab .nav-item{
	margin:0px 10px;}

img.img-fluid.mx-auto {
    display: block;
}




.white-box {
    box-shadow: 0px 4px 8px #00000010;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 25px;
    background: #ffffff;
}


span.tag-no {
    background: #ff3535;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5px;
    right: -5px;
}

.white-box h4 {
    font-size: 32px;
    letter-spacing: -0.96px;
    color: #1F365C;
    font-weight: 400;
    padding-bottom: 15px;
}

a.ic-right.text-muted {
    opacity: 0.7;
}


.white-box p {
    color: #1F365C;
    letter-spacing: 0.13px;
    line-height: 22px;
}




/*-----Floating-Input------*/

.form-floating {
    position: relative;
    margin-bottom: 12px;
}


.form-floating > .form-control,
.form-floating > .custom-select {
  height: calc(3rem + 2px);
  line-height: 1.25;
  font-size: 14px;
  font-weight: 400;
  border-radius:8px;
}

.form-floating > label {
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #1f365cb5;
    font-weight: 400;
}



.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .custom-select {
  padding-top: 1.400rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .custom-select:focus ~ label{
	color: #3D80F2 !important;}


.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .custom-select ~ label {
  opacity: 1;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  color: #62728D;
  font-weight: 500;
  font-size: 13px;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-control,
.custom-select {
    color: #22395e;
    border-radius: 6px;}

/*----------*/


/*------Modal------*/

.modal.left {
    z-index: 1050;
}

.modal.left.fade.show .modal-dialog {
    right: 0;
    padding-top: 0px;
}

.modal.left .modal-dialog {
    position: fixed;
    margin: auto;
    width: 32%;
    height: 100%;
    top: 0px;
    max-height: calc(100% - 0px);
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    min-width: 100%;
    max-width: 1020px;
}

.modal.left .modal-content {
    background: #ffffff;
    border-radius: 0px;
    height: 100%;
    overflow-y: auto;
    border: 0px;
}



.modal.left .modal-header{
    position: sticky;
    width: 100%;
    background: white;
    top: 0px;
    z-index: 10;
    border-radius: 0px;
    display: block;
    border-bottom-color:#7070703d;
}


.modal.left .modal-content .modal-body {
    padding: 25px;
	padding-bottom: 100px;
	min-height:auto;
	max-height:unset;
}

.modal.left .modal-header .close {
    padding: 0px;
    margin: 0px;
    position: unset;
    top: 0;
    position: relative;
    top: 3px;}


.modal.left.fade .modal-dialog {
    right: -100%;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}


@media (min-width: 1200px){

.modal.left .modal-dialog {
    min-width: 823px;
	max-width: 1400px;}

}



/*-----Upload multiple files------*/





.imageuploadify {
	border: 1px dashed #3D80F2;
    position: relative;
    min-height: auto;
    min-width: 250px;
	max-width: 1000px;
	margin: auto;
	display: flex;
	padding: 0;
	flex-direction: column;
	text-align: center;
	background-color: #fff;
	color: #3AA0FF;
	border-radius: 8px;
}

.imageuploadify .imageuploadify-overlay {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  top: 0;
  left: 0;
  display: none;
  font-size: 7em;
  background-color: rgba(242, 242, 242, .7);
  text-align: center;
  pointer-events: none
}

.imageuploadify .imageuploadify-overlay i {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none
}

.imageuploadify .imageuploadify-images-list {
  display: inline-block
}

.imageuploadify .imageuploadify-images-list i {
    display: block;
    font-size: 40px;
    text-align: center;
    margin-top: 0.5em;
    padding-bottom: 12px;
}

.imageuploadify .imageuploadify-images-list span.imageuploadify-message {
    font-size: 15px;
    display: inline-block;
    color: #1F365C;

}

.imageuploadify .imageuploadify-images-list button.btn-default {
    display: block;
    color: #ffffff !important;
    border-color: #3D80F2;
    border-radius: 6px;
    margin: 16px auto 25px auto;
    width: 205px;
    max-width: 500px;
    font-size: 12px;
    background: #3d80f2 !important;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 100px;
  height: 100px;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  float: left;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 #888
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 10px;
    line-height: 1.42;
    padding: 2px 0;
    text-align: center;
    z-index: 3;
    color: red;
    background: #ffffff;
    border: none;}

.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger:hover {
    background: #ff0000;
    color: #ffffff;
}


.glyphicon-remove:before {
    content: "\e872";
	font-family: 'Material Icons Outlined';
	font-size:12px;
}



.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {
    position: absolute;
    top: 0;
    padding-top: 57px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #00000070;
    z-index: 2;
    opacity: 1 !important;
    font-size: 10px;
    color: #ffffff;
    line-height: normal;
    bottom: 0;
	top: auto;}

.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {
  display: block
}






/*----------*/

.white-box-s {
    box-shadow: 0px 4px 12px #0000000f;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    background: #ffffff;
    padding: 20px;
    width: 100%;
}

.head-t h3 {
    font-size: 19px;
	line-height: 23px;}

.head-t p {
    color: #3D80F2;
    margin: 0;
}

.white-box-s.space-none {
    padding: 0;
}

h6.head-6 {
    font-size: 15px;
    color: #2D3E50;
}

.ul-list li {
    margin-top: 15px;
}

.ul-list li:first-child{
    margin-top: 0px;}



h4.head-6 {
    font-size: 20px;
    color: #2D3E50;
    padding-top: 2px;
	font-weight:600;
}


.hold-s,
.requested-s,
.process-s{
	font-weight:500;}


.hold-s {
    color: #FF3535;}

.requested-s{
	color: #E67E22;}

.process-s{
	color: #5D6869;}


.table th,
.table td {
    font-size: 12px;
    white-space: nowrap;
    vertical-align: middle;}

.list-block dl {
    border-bottom: 1px solid #dee2e6;
    font-size: 13px;
    display: grid;
    grid-template: auto / 11em 1fr;
    margin: 0px;
    padding: 10px 0px;
    font-weight: 600;
    align-items: center;
}

.list-block dt {
    font-weight: 500;
    color: #1F365C;
}

.list-block dd {
    font-weight: 400;
    color: #1F365C;
    margin: 0;
}

.tab-content-sec .list-block dt{
	font-weight: 400;}


.center-section {
    align-items: center;
    justify-content: center;
    padding: 40px 0px;
}


/*------------Buttons----------*/



.wi-ic {
    position: relative;
    padding: 6px 20px 6px 10px;
	min-width:auto !important;
}

.wi-ic i {
	font-size: 18px;
    vertical-align: middle;
    padding-right: 8px;
    position: relative;
    top: -1px;
}

.right-wi-ic{
	position: relative;
    padding: 6px 30px;}


.right-wi-ic i {
    position: absolute;
    right: 5px;
    font-size: 19px;
    top: 6px;
}

.btn-lg.right-wi-ic i {
    top: 15px;
    right: 10px;
}

.tru-btn-primary {
    background: #3D80F2;
    color: #ffffff;
    min-width: 124px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;

}

.btn.tru-btn-md-primary{
	background: #3D80F2;
    color: #ffffff;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
	padding: 9px 30px;}
	
	
.tru-btn-lg-primary	{
	background: #3D80F2;
    color: #ffffff;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
	padding: 15px 30px;}	

	
.tru-btn-sm-secondary{
	border: 1px solid #3D80F2;
    color: #3D80F2;
	min-width:124px;
    font-size: 13px;

    background: none;
    position: relative;
    border-radius: 6px;
    background: #ffffff;
	text-align: center;}

	
.tru-btn-secondary {
    border: 1px solid #3D80F2;
    color: #3D80F2;
	min-width:124px;
    font-size: 13px;
    background: none;
    position: relative;
    border-radius: 6px;
    background: #ffffff;
	text-align: center;}
	
.btn.tru-btn-md-secondary {
    border: 1px solid #3D80F2;
    color: #3D80F2;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
    padding: 9px 30px;}	
	
	
.tru-btn-lg-secondary  {
    border: 1px solid #3D80F2;
    color: #3D80F2;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
    padding: 15px 30px;}		
		


.tru-btn-success{
	border: 1px solid #066E02;
    color: #066E02;
	min-width:124px;
    font-size: 13px;
    background: none;
    position: relative;
    border-radius: 6px;
	text-align: center;}	
	
	
.tru-btn-md-success {
    border: 1px solid #066E02;
    color: #066E02;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
    padding: 9px 30px;

}



	
.tru-btn-lg-success{
	border: 1px solid #066E02;
    color: #066E02;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 30px;}	
	


.tru-btn-primary-light {
    background: #ebf2fe;
    color: #3D80F2;
    min-width: 124px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;}


.btn.tru-btn-md-primary-light{
	background: #ebf2fe;
    color: #3D80F2;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
	padding: 9px 30px;}





.chat-alert .btn {
    font-weight: 500;}

	
	
	
.tru-btn-lg-primary.wi-ic i,
.tru-btn-lg-secondary.wi-ic i,
.tru-btn-lg-success.wi-ic i,
.tru-btn-lg-primary.right-wi-ic i,
.tru-btn-lg-secondary.right-wi-ic i ,
.tru-btn-lg-success.right-wi-ic i  {
    top: -2px;
    left: 0px;}	
	


.tru-btn-md-secondary.wi-ic i,
.tru-btn-md-primary.wi-ic i,
.tru-btn-md-primary-light.wi-ic i,
.tru-btn-md-success.wi-ic i {
    top: -2px;
    left: 0px;}
	
	
.tru-btn-md-secondary.wi-ic,
.tru-btn-md-primary.wi-ic,
.tru-btn-md-primary-light.wi-ic,
.tru-btn-md-success.wi-ic  {
	padding: 9px 20px 9px 10px;
 }	
 
 
.tru-btn-lg-primary.wi-ic,
.tru-btn-lg-secondary.wi-ic,
.tru-btn-lg-success.wi-ic,
.tru-btn-lg-primary.right-wi-ic,
.tru-btn-lg-secondary.right-wi-ic,
.tru-btn-lg-success.right-wi-ic  {
  padding: 15px 20px 15px 10px;}
	


.tru-btn-success:hover,	
.tru-btn-md-success:hover,
.tru-btn-lg-success:hover,
.tru-btn-success.selected-btn,	
.tru-btn-md-success.selected-btn,
.tru-btn-lg-success.selected-btn{
	color: #ffffff;
	background:#066E02;}

	
.tru-btn-secondary:hover,
.tru-btn-sm-secondary:hover,
.tru-btn-md-secondary:hover,
.file-download:hover,
.btn.bg-none:hover,
.tru-btn-lg-secondary:hover,
.tru-btn-secondary.selected-btn,
.tru-btn-sm-secondary.selected-btn,
.tru-btn-md-secondary.selected-btn{
	color:#ffffff;
	background:#3D80F2;
	opacity:1;}
	
	
	
	
	
	

	
.tru-btn-primary:hover,
.tru-btn-md-primary:hover,
.tru-btn-lg-primary:hover,
.tru-btn-primary.selected-btn,
.tru-btn-md-primary.selected-btn,
.tru-btn-lg-primary.selected-btn {
    color: #ffffff;
    background: #2165b7;
    opacity: 1;}



.fts-14 {
    font-size: 14px;
	font-weight:400;
}

.modal-footer {
    display: block;
}


.job-offer-box .card-body {
    padding: 12px 15px;
}

.custom-control-label::after {
    cursor: pointer;
}





.select-d{
	background:#d2f8ff;}

.select-d .fts-14{
	font-weight:500;}


.btn-lg.wi-ic i,
.modal-footer .btn.btn-lg.wi-ic i{
	top: 15px;
    left: 10px;}



.modal-footer .btn {
    padding: 9px 20px;
    min-width: 140px !important;
}

.modal-footer .btn.wi-ic i {
    left: 0px;
    top: 1px;
    float: left;
}


.modal-footer .btn.wi-ic {
   padding: 9px 20px 9px 10px;
}

.white-box-s address {
    line-height: 24px;
}

.job-offer-box h5 {
    font-size: 18px;
    letter-spacing: 0.27px;
    color: #000000;
}

.job-offer-box p.card-text {
    letter-spacing: -0.18px;
    color: #000000;
    opacity: 0.7;
    margin-bottom: 5px;
    font-size: 12px;
}

.job-offer-box p.text-primary{
	font-size: 16px;
	letter-spacing: -0.24px;
	font-weight:500;}

.form-inline a.rating-s {
    position: absolute;
    right: 0;
    top: 0;
    color: #c9c9c9;
}


.form-inline a.rating-s.text-warning,
.form-inline a.rating-s.text-warning:hover,
.form-inline a.rating-s:hover {
    opacity: 1;
    color: #3d80f2 !important;
}


.review-c.star-lg i {
    font-size: 34px;}


.title-head.text-dark:hover{
	opacity:0.7 !important;}

.job-offer-box .form-inline a i,
.job-offer-box .form-inline a i {
	font-size: 15px;}


.job-offer-box {
    box-shadow: 0px 4px 12px #0000000f;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}

.btn.bg-none {
    background-color: #f8f9fa;
}



.text-cl-sec > .form-control:focus ~ label,
.text-cl-sec > .form-control:not(:placeholder-shown) ~ label,
.text-cl-sec > .custom-select ~ label{
	color:#62728D;}

.card-p-box{
	border: 1px solid #f6f6f6;
	border-radius: 8px;
	background:#f6f6f6;}

.card-p-box .card-header {
    background: #f6f6f6;
    color: #62728D;
    font-size: 14px;
}


.job-offer-box .form-inline,
.review-uc .form-inline {
    position: relative;

}



.table thead th {
    color: #2D3E50;
    font-weight: 500;
}

.if-right-icon {
	position: relative;
    padding: 6px 30px;}

.if-right-icon i{
	position: absolute;
    right: 5px;
    font-size: 20px;
    top: 6px;}


.white-box-s .modal-footer{
	margin: 15px -20px -20px;}


.form-sec h4,
.form-sec p{
	text-align:center;}

ul.ul-list {
    padding: 0;
    list-style: none;
    margin: 0;
}


.rounded-bottom {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;}


label.label-14 {
    font-weight: 500;
	color:#2D3E50;}

.btn.h-40 {
    height: 40px;
    min-width: 135px;
    line-height: 26px;
}

.if-icon.h-40 i {
    top: 9px;
    left: 6px;
}


.btn-lg.if-right-icon i {
    top: 14px;
	right:14px;
}

.text-dark{
	color:#2D3E50 !important;}

h6.text-dark{
	font-weight:500;}


.space-15 {
    padding: 12px 15px;
}

.servbtn-block {
    text-align: center;
    background: #d2f8ff;
    padding: 30px;
    border-radius: 8px;
}

.servbtn-block:hover{
	text-decoration:none;}







a.event-t {
    vertical-align: middle;
    color: #3D80F2;
    width: 30.5px;
    height: 30.5px;
    display: inline-block;
    border: 1px solid #3D80F2;
    text-align: center;
    border-radius: 4px;
    margin-left: 5px;
}

.table th,
.table td {
    padding: 8px;
    color: #2D3E50;
}

a.file-download {
    background: #3d80f233;
    display: block;
    width: 25px;
    height: 25px;
    color: #3D80F2;
    border-radius: 5px;
    margin: auto;
}


.badge-setup-default,
.badge-default {
    background: #2ECC71;
    color: #ffffff;
    font-weight: 500;
}





a.file-download i {
    font-size: 20px;
    line-height: 24px;
}


.white-box-s .card-body {
    padding-left: 15px;
    padding-right: 15px;
}

.modal-header {
    display: block;
    text-align: center;

}

.modal-header h5 {
    font-size: 18px;
    color: #2D3E50
}

.modal-header .close {
    position: absolute;
    left: -4px;
    top: 18px;
    color: #000000;
    opacity: 1;
}

.modal-body {
    padding: 20px;
}

.modal-content{
	border-radius:8px;}


a.event-t i {
    line-height: 30.5px;
    font-size: 20px;}

.btn-group button.btn-primary {
    box-shadow: none;
	background-color: #3D80F2;
    border-color: #3D80F2;
	border-radius: 6px;
    min-width: 50px;}

.btn-group button.act-btn{
	background-color: #ffffff;
    border-color: #3D80F2;
	color:#3D80F2;}

    .account-p img {
        border-radius: 100%;
        display: inline-block;
        object-fit: cover;
        height: 64px;
    }
 

.account-p {
    width: 21%;}

img.favicon-t {
    border: 1px solid #cccccc;}


span.circle-l {
    background: #d2f8ff;
    width: 47px;
    height: 47px;
    display: inline-block;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    color: #4C8CF3;
    min-width: 47px;}


span.circle-l i {
    line-height: 47px;}

.group-tab .btn {
    font-size: 11px;}


.fd-tag {
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 1px solid #cccccc;
    border-radius: 100%;
    background: #ffffff;
    margin-left: 10px;
    overflow: hidden;
}
	
	
	

.favorite-d-box {
    display: block;
    padding: 7px 15px;
	text-decoration:none;
	color:#000000;}

.favorite-d-box:hover{
	text-decoration:none;
	background:#D2F8FF;
	color:#000000;}

.favorite-d-box .hover-s {
    opacity: 0;
    mix-blend-mode: luminosity;}

.favorite-d-box i.text-warning {
    font-size: 14px;
    margin-left: 15px;
}

.white-box-s h5{
	font-size: 18px;
    color: #2D3E50;}


.favorite-d-box:hover .hover-s{
	opacity:1;}

.badge {
    line-height: normal;
    vertical-align: middle;}

.form-sec h3,
h3.fts-32 {
    font-size: 32px;
    color: #1F365C;
    letter-spacing: -0.96px;
    font-weight: 400;
    padding-bottom: 12px;
}

a.card-box {
    display: block;
    background: #ffffff;
    box-shadow: 0px 4px 8px #0000000f;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin-bottom: 18px;
    font-size: 20px;
    color: #1F365C;
    padding: 15px;}

a.card-box:hover{
	text-decoration:none;
	background:#3D80F2;
	color: #ffffff;}

a.card-box:hover i.vertical-center{
	color: #ffffff;}


a.card-box i.vertical-center {
    color: #3D80F2;}


.bg-primary-dark {
    background: #5151E6;
    border-radius: 7px;
    padding-bottom: 20px;
}

.bg-primary-dark h6.card-title,
.bg-primary-dark p.card-text{
	color:#ffffff;}

.bg-primary-dark .card-body i {
    color: #1ED9FC;
    font-size: 32px;}

.bg-primary-dark .card-body {
    padding: 30px;}

.bg-primary-dark p.card-text {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.13px;}

.bg-primary-dark h6.card-title {
    font-size: 18px;
    padding-top: 20px;}

.profile .btn {
    min-width: 100px;
    margin-left: 10px;
    padding: 7px 12px;
}


.modal-header .close:hover,
.modal-header .close:focus{
	outline:none;}

.search-input{
	position:relative;}


.search-input a {
    position: absolute;
    display: block;
    top: 12px;
    left: 12px;
    font-size: 12px;}

.search-input a i {
    font-size: 16px;}

.search-input .form-control {
    color: #22395e;
    padding-left: 35px;}

.fts-18 {
    font-size: 18px;}


.job-offer-box .form-inline i.text-secondary {
    color: #3c3c3c3d !important;}

/*------------Chating-------------*/

.chat__list-messages {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:0px;
}

.btn:focus{
	box-shadow:none;}


.chat__list-messages li {
    margin-bottom: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.chat__time {
    font-size: 10px;
    color: #000000;
    padding-bottom: 0.2rem;
    opacity: 0.6;
}

.chat__time--me {
    align-self: end;
}

.chat__list-messages li .chat__bubble {
    margin-bottom: 0.2rem;
}



.chat__bubble--you {
    margin-right: 2rem;
    color: white;
    background-color:#F4F4F4;
	border-radius: 15px 15px 15px 0px;
}

.chat__bubble--me {
    margin-left: 2rem;
    background-color: #D2F8FF;
    align-self: flex-end;
    border-radius: 15px 15px 0px 15px;
}

.chat__time--you {
    width: 275px;
    text-align: right;
    max-width: 275px;
}



.chat__bubble {
    position: relative;
    color: #000000;
    max-width: 275px;
    font-size: 0.9rem;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
    min-width: 275px;
    padding: 18px;
}

.chat__bubble b {
    display: block;
    padding-bottom: 2px;
}


a.link-icon {
    font-size: 12px;
    font-weight: 500;
}

.chat__bubble a.link-icon {
    display: inline-block;
}




a.link-icon i {
    font-size: 13px;
    vertical-align: middle;
}

.chat__c {
    display: block;
	font-size: 13px;
}

.chat__bubble form {
    display: flex;
    align-items: center;
    padding-top: 8px;
}

.chat__bubble form .btn {
    min-width: 100px;
    margin-right: 10px;
}

.chat__bubble form .tru-btn-secondary {
    background:none;
}

.chat__bubble form .tru-btn-secondary:hover {
   color: #ffffff;
    background: #3D80F2;
    opacity: 1;
}


.tru-btn-wo-color {
    font-size: 14px;
    color: #3D80F2;
    font-weight: 500;
    padding: 0;
    text-align: left;
}

.tru-btn-wo-color i {
    vertical-align: middle;
    font-size: 21px;
    padding-right: 4px;
}


.chat-alert{
	border: none;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;}

.alert-warning {
    background:#FBFFDE;
    color: #6e6202;}



.alert-success {
    background:#E6FFF2;
    color: #066E02;}


.form-inline-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;}


.form-inline-btn .btn {
    margin-right: 10px;}

.form-inline-btn .btn.wi-ic {
    padding-left: 34px;}




.portfolio-c .card-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    margin: 0;
    color: #3D80F2;}


.portfolio-c .card-img-top,
.portfolio-c span {
    border-radius: 7px;}


.portfolio-c span,
#help-wrapper.toggled .portfolio-c span {
    margin-bottom: 12px;
    display: block;
    border: 1px solid #E8E8E8;
    height: 100%;
    width: 100%;
    height: 220px;
    overflow: hidden;}




.vid-link {
    position: relative;}


.vid-link i {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    background: #0000008a;
    width: 50px;
    height: 50px;
    top: 85px;
    color: #ffffff;
    font-size: 42px;
    border-radius: 100%;
    z-index: 1;}


.portfolio-c:hover {
    opacity: 0.8;}


.portfolio-c span img.card-img-top {
    height: 100%;
    object-fit: cover;
	 transition: 0.3s;
	     -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}


.portfolio-c {
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;}


.portfolio-c:hover span img.card-img-top{
-webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}


.btn.rounded-btn {
    border-radius: 40px;}

.custom-control-label::before,
.custom-control-label::after {
    top: 2px;}


ul.sm-list {
    color: #1F365C;}


.input-h-50 {
    height: 50px;}

.you-v {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    height: 300px;
    overflow: hidden;}

.you-v img {
    border-radius: 16px;
    height: 300px;
    object-fit: cover;
    width: 100%;
}


a.play-btn {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #fd3832;
    width: 68px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    height: 48px;
    color: #ffffff;}

a.play-btn i{
	font-size:36px;}

a.play-btn:hover{
	opacity:0.7;}



ul.sm-list li {
    margin-top: 4px;
    font-size: 12px;}

a.tags-link {
    display: inline-block;
    background: #3D80F226;
    line-height: normal;
    color: #3d80f2;
    border-radius: 20px;
    padding: 8px 10px;
    margin-bottom: 8px;
    margin-right: 4px;}

a.tags-link i {
    vertical-align: middle;
    font-size: 16px;}


a.tags-link:hover {
    background: #3d80f2;
    color: white;}


.posting-c .account-p {
    width: 52px;
}

.posting-c .head-t {
    width: 100%;}



h3.fts-24 a {
	color: #2D3E50;}

.posting-c p a,
h3.fts-24 a {
    vertical-align: middle;}

.posting-c p a i,
h3.fts-24 a i {
    font-size: 18px;
    margin-left: 2px;}

.review-c {
    margin-bottom:0px;}



.posting-c .account-p i {
    font-size: 50px;
    color: #2D3E50;}

.review-c i {
    font-size: 17px;
    vertical-align: top !important;}

a.img-upload {
    display: inline-block;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
    border: 1px dashed #3D80F2;
    border-radius: 8px;
    overflow: hidden;}

a.img-upload i {
    line-height: 80px;
    text-align: center;
    display: block;
}


a.img-upload img {
    width: 80px;
    height: 80px;
    object-fit: cover;}


a.img-upload:hover {
    background: #3D80F212;
    color: #3D80F2;}

span.name-c {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3d80f2;
    border-radius: 100%;
    color: white;
    font-size: 28px;}

.head-t h6 a,
.review-c span {
    color: #2D3E50;}

.review-c span {color: #2D3E50; font-size: 12px;}


span.font-light {
    font-weight: 400;}

.head-t h4 {
    font-size: 48px;
    color: #000000;
    font-weight: 400;}

a.img-upload.fill-img {
    border-color: white;
    display: inline-block;
    margin-top: 10px;}

.posting-c a.link-icon {
    color: #3d80f2;}

.review-progress-bar .progress {
    width: 100%;
    border-radius: 10px;
    height: 8px;}


.review-progress-bar span {
    color: #2D3E50;
    font-size: 14px;
    min-width: 22px;}


.review-progress-bar {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    max-width: 220px;}

span.name-c img {
    width: 50px;
    height: 50px;
    object-fit: cover;}



/*------------------------*/

.chat-alert p {
    margin: 0;
    font-weight: 400;
    margin-top: 4px;}

.review-uc h6 {
    color: #000000;
    font-size: 19px;
    letter-spacing: 0.28px;
    margin: 0;}

.review-uc h6 small {
    font-size: 12px;
    margin-top: 4px;}

.review-uc .fd-tag {
    width: 70px;
    height: 70px;}

.review-uc {
    margin-bottom: 20px;}

.head-t h6 a {
	font-size: 14px;
    color: #000000;}

.posting-c p a,
.posting-c p{
	font-size: 12px;
	 color: #000000;
	 letter-spacing: 0.18px;}


.d-flex.posting-c {
    border-bottom: 1px solid #0000001a;
    padding: 10px 0px;}

.modal-body .d-flex.posting-c:last-child{
	border-bottom:none;}

.review-c.star-lg {
    margin-bottom: 15px;}


.custom-control-label {
    cursor: pointer;}

.tru-btn-md-secondary.right-wi-ic i,
.tru-btn-md-success.right-wi-ic i{
    top: 9px;
    right: 7px;}
	
	
/*-------------------------Chat-Module-------------------------*/

/*--Chat Left Navigation--*/

::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;}

::-webkit-scrollbar-track {
  background: #e9edf4;
  border-radius: 10px;}

::-webkit-scrollbar-thumb {
  background: #aeb4be;
  border-radius: 10px;}	
	

.left-sidebar.collapse.show {
    transform: translateX(0%);
}	




/*----------------------*/



.chat-list li.active {
    border-color: #3D80F2;
    background-color: #D2F8FF;}
	
.left-sidebar .search-input {
    padding-bottom: 2px;}
	
.left-sidebar .sticky-search {
    position: sticky;
    top: 0px;
    z-index: 1;
    background: #f8f9fa;
    padding-top: 5px;
}	
	
	
.chat-list li {
    padding: 10px 10px;
    list-style: none;
    background: white;
    position: relative;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    opacity: 1;
    margin-bottom: 6px;
    cursor: pointer;}	


.chat-list li .name h4 {
    font-size: 13px;
    align-items: center;
    justify-content: space-between;
    color: #2D3E50;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.07px;
    display: block;
    line-height: normal;
	margin:0px;}
	
.chat-list li .name {
    padding-right: 45px;
    line-height: normal;
}  	
	

.chat-list p {
    font-size: 11px;
    font-weight: 500;
    color: #2D3E50;
    margin: 0;
    padding-top: 4px;}
	
.chat-list li .name span {
    float: right;
    font-size: 9px;
    color: #2D3E50;
    opacity: 0.7;
    font-weight: 500;
    position: absolute;
    right: 10px;
    top: 14px;}

.profile-img {
    width: 37px;
    border-radius: 100%;
    overflow: hidden;
    height: 37px;
    min-width: 37px;
    min-height: 37px;
    border: 1px solid #cccccc;
}
	
.profile-img img,
.fd-tag img{
    width: 100%;
    height: 100%;}	
	
	
.chat-list li .profile-img,
.chat-header .profile-img {
    margin-right: 10px;}	
	
.chat-list li .d-flex {
    align-items: center;}	
	
	
.chat-header .d-flex {
    align-items: center;}	
	
	
.chat-header {
    box-shadow: 0px 3px 6px #00000010;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    padding: 15px 20px;}
	
.chat-section {
    padding: 20px;
    height: calc(100vh - 312px);
    overflow-x: hidden;}
	
.chat-footer {
    padding: 5px 20px 20px 20px;}	
	
	
	
.chat-message textarea.form-control {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    padding-right: 60px;}
	
.chat-message .btn {
    font-size: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0;
    background: #3674E0;
    color: #ffffff;
    border: none;
    box-shadow: 0px 3px 6px #00000029;
    min-width: 36px;
    min-height: 36px;
    position: absolute;
    right: 10px;
    top: 0;
	margin-top: 7px;}
	
.chat-message .btn:hover{
	opacity:0.7;}	
	
	
.chat-message .btn i {
    font-size: 18px;}
	
.chat-message {
    position: relative;
    margin-top: 15px;}
	
	
	
.chat-list li:hover  .name h4{
	color:#3D80F2;}
	
	
.chat-list li.active:hover .name h4{ 
 color: #2D3E50;}	
 
 
.chat-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
	text-align: center;
    z-index: 3;
    border: none;
    background: #ffffff;
	height: 60px;
    z-index: 1;
    color: #3674e0;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0px -1px 9px #0000001a;
    cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;}
	
.chat-menu:hover,
.chat-menu:focus{
	outline:none;
	opacity:0.8;}	
	
	
	
.chat-menu i {
    font-size: 30px;
    margin-right: 7px;}

    

.chat-list li .name h4,
.chat-list li .name p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}   

 



/*----25-11-2022----*/

.table a.notifications-r {
    vertical-align: middle;
    margin-left: 10px;}
	
	
/*--Chat Left Navigation--*/

::-webkit-scrollbar {
  height:4px;}
	
	
	
	
	
/*----9-1-2023----*/
	
	
.form-floating.ic-left a {
    left: 13px;
}	


.text-cl-sec small {
    display: block;
    text-align: left;
    font-weight: 500;
    font-size: 11px;
    color: #62728D;
    line-height: normal;
    letter-spacing: 0;
}

.btn.text-cl-sec {
    text-align: left;
    padding-left: 45px;
    font-size: 14px;
    color: #22395e;
}


.btn.text-cl-sec{
	background: #3D80F226;
    opacity: 1;}

.btn.text-cl-sec:hover{
	background:#3D80F2;}

.btn.text-cl-sec:hover {
    background: #3D80F2;
    color: white;
}

.btn.text-cl-sec:hover i, .btn.text-cl-sec:hover small {
    color: #ffffff !important;
}


.topbar-nav .review-c i {
    font-size: 14px;
}

.btn.text-cl-sec i {
    left: 11px;
    font-size: 24px;
    top: 13px;
	position:absolute;
}

.title-head.text-dark{
	display:block;}

.btn .right-ic-btn {
    right: 11px;
    left: auto !important;
}

.min-w-auto {
    min-width: auto !important;
}

.tru-btn-md-danger{
	border: 1px solid #ff0000;
    color: #ff0000;
    min-width: 140px;
    font-size: 13px;
    border-radius: 6px;
    background: #ffffff;
    text-align: center;
    padding: 9px 30px;}
	
	
.tru-btn-md-danger:hover,
.tru-btn-md-danger.selected-btn{
	background: #ff0000;
	color: #ffffff;}	
	
	
	
	
/*----Tooth Count----*/	
	

.tooth-chart {
    width: 100%;
}


#Spots polygon,
#Spots path {
  -webkit-transition: fill 0.25s;
  transition: fill 0.25s;
}

#Spots polygon:hover,
#Spots polygon:active,
#Spots path:hover,
#Spots path:active {
    fill: #d2f8ff !important;
}

.has-no-title .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    position: relative;
    z-index: 1;
}


.tooth-chart text {
    font-weight: 600;
}

	
/*-------*/	

.link-t i {
    font-size: 18px;
    vertical-align: middle;
}

.badge-new-offer {
    background: #27ae60;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
	padding: 3px 7px;
}

.badge-service{
	background: #e67e22;
	padding: 3px 7px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;}
	
	
p.text-muted small {
    font-size: 9.7px;
}

.topbar-nav h6.fts-14 {
    font-size: 13px;
}




/*---Tab----*/	



.tab-header {
    box-shadow: 0px 3px 6px #00000010;
    border-radius: 9px 9px 0px 0px;
    opacity: 1;
    padding: 16px 20px;
    background: #ffffff;
}

.under-line-tab .nav-pills li {
    text-align: center;
    margin-right: 25px;
}

.under-line-tab .nav-pills .nav-link {
    background: none;
    color: #000000;
    padding: 6.5px 0px;
    border-bottom: 2px solid #ffffff;
    border-radius: 0;
    font-size: 16px;
}

.under-line-tab .nav-pills .nav-link.active, 
.under-line-tab .nav-pills .show>.nav-link {
    border-bottom-color: #3D80F2;
    color: #3D80F2;
}

.under-line-tab .nav-pills .nav-link:hover{
	color: #3D80F2;}
	
	
/*------*/		


.tab-content-sec .card-body h6.head-6{
    font-size: 14px;}
	
	
.tab-content-sec .list-block dl {
    font-size: 16px;
    padding: 12px 0px;}	
	
	
.list-block dl:last-child {
    border-bottom: none;
}

.tab-header,
.main-sec-ch .chat-header {
    position: sticky;
    top: 0;
    z-index: 1;
	background: #ffffff;
}
	


.chat-space{
	background: #ffffff;}
	

	
/*----------Upload Button----------*/		


/*------Outline Button------*/	


.upload-btn-outline {
    border: 1px solid #ffffff;
    line-height: normal;
    border-radius: 6px;
    text-align: center;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    min-width: 140px;
    background: none;
    background: #3d80f233;
    max-width: 140px;
}
	
	
.add-file {
    height: 36px;
    padding: 5px 10px;
    color: #3D80F2;
    display: block;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
}
	

	
.upload-btn-outline input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;}

.add-file i {
    color: #3674DF;
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 6px;
    font-size: 22px;
}


input[type=file],
input[type=file]::-webkit-file-upload-button {
    cursor: pointer;}	
	
	
.add-file:hover,
.upload-btn-outline:hover .add-file {
    background: #3674E0;
    color: #ffffff;}
	
.add-file:hover i,
.upload-btn-outline:hover  i {
    color: #ffffff;}	
	
	
.add-file.left-ic {
	padding-left: 33px;}	

	
/*------*/	



dl.align-top {
    align-items: baseline;
}

.list-block h3.fts-32 {
    margin: 0;
    padding: 0;
}


.close-t {
    color: #000000;
}

.close-t i {
    vertical-align: middle;
}

.btn.attachment-file {
    left: 10px;
    background: #E3E3E3;
    box-shadow: none;
    color: #2D3E50;
}

.btn.attachment-file i {
    font-size: 24px;
    transform: rotate(330deg);
}


.blue-attachment-file {
    background: #3d80f233;
    color: #3D80F2;
    font-size: 14px;
	border-radius:5px;
}

.blue-attachment-file i {
    vertical-align: middle;
    padding-right: 8px;
	
}

.blue-attachment-file:hover {
    background: #3D80F2;
    color: #ffffff;
}

.main-sec-ch .chat-message textarea.form-control {
    padding-left: 75px;
}

.btn.attachment-file:after {
    content: "";
    position: absolute;
    right: -10px;
    width: 1px;
    height: 100%;
    background: #d7d7d7;
}




.custom-select[readonly] {
    background-color: #E7E7E7;
    opacity: 1;
    cursor: text;
}


.back-t {
    position: relative;
    top: 4px;
    z-index: 1;
}


.topbar-nav .container-fluid {
    min-height: 46px;
    display: flex;
    align-items: center;
}

.topbar-nav .container-fluid .form-row {
    width: 100%;
}


.badge-in-process{
	color: #AA8C15;
    background-color: #FCF3CF;
    border-color: #FCF3CF;}

	
label.fts-14 {
    font-weight: 500;
    margin-bottom:2px;
}

.source-file-btn, .photo-btn {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    color: #ffffff;
    transition: all 0.3s;
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    display: block;
    margin-bottom: 15px;
}


.source-file-btn:hover,
.photo-btn:hover {
    box-shadow: 0 12px 16px 0 rgb(0 0 0 / 6%), 0 17px 50px 0 rgb(0 0 0 / 8%);
    opacity: 1;
    color: #ffffff;
}

.source-file-btn:hover span,
.photo-btn:hover span{
	box-shadow: 0 12px 16px 0 rgb(0 0 0 / 6%), 0 17px 50px 0 rgb(0 0 0 / 8%);
    opacity: 1;
    color: #ffffff;}
   


.btn.source-file-btn {
    background: #1ED9FC;
}

.btn.photo-btn{
    background: #3D80F2;}


.source-file-btn i, .photo-btn i {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
}

.source-file-btn span {
    left: 60px;
    top: 5px;
}

.photo-btn span {
    left: 60px;
    top: 5px;
}


.source-file-btn span,
.photo-btn span {
    position: absolute;
    background-color: #000000;
    color: #ffffff;
    height: 10px;
    z-index: 1;
    font-size: 13px;
    height: 32px;
    width: 100px;
    line-height: 32px;
    border-radius: 16px;
    opacity: 0.9;
	
}

.chat-bottom-option {
    position: absolute;
    bottom: 10px;
}
	
.hold-design-approval-s,
.in-process-s,
.require-medification-s,
.complete-s{
	display: inline-block;
    font-size: 12px;
    border-radius: 6px;
    padding: 2px 9px;
	font-weight: 500;
	text-align: center;}	
	
	
.hold-design-approval-s{
	color: #F00000;
    background-color: #f0000020;
    border-color: #f0000020;}	
	
.in-process-s {
    color: #B7950B;
    background-color: #FCF3CF;
    border-color: #FCF3CF;
}


.require-medification-s{
    color: #F00000;
    background-color: #f0000020;
    border-color: #f0000020;
	/* color: #E67E22;
    background-color: #E67E2220;
    border-color: #E67E2220; */}	
	
.complete-s{
	color: #27AE60;
    background-color: #27AE6020;
    border-color: #27AE6020;}	
	
	
	
.tab-content-sec .list-block dl:first-child {
    border-bottom: 1px solid #dee2e6;
}

.tab-content-sec h3.fts-32 {
    margin: 0;
}

.form-control {
    font-size: 12px;}
	
.account-p.w-img {
	display: inline-block;
    width: 70px;
    height: 70px;
    border: 1px solid #cccccc;
    border-radius: 100%;
    background: #ffffff;
}


.account-p.w-img  img {
    height: 100%;
}
	
.review-c span.text-primary.mt-1 {
    vertical-align: middle;
}

.file-details {
    padding-top: 15px;
    padding-bottom: 15px;
}

.file-date-detail h6 {
    background: #d4d4d440;
    font-size: 16px;
    color: #1F365C;
    padding: 10px;
    border-top: 1px solid #dee2e6;
}


	
.file-name-detail span {
    color: #3D80F2;
    mix-blend-mode: luminosity;
    float: right;
    font-size: 12px;
}

.file-name-detail a:hover{
    color: #0056b3;}

.date-time {
    color: #3D80F2;
    mix-blend-mode: luminosity;
    font-size: 12px;
}

.file-name-detail a {
    color: #3D80F2;
}

.file-name-detail {
    padding: 10px;
    border-bottom: 1px solid #dee2e6;
}

.file-date-detail :last-child.file-name-detail {
    border-bottom: none;
}


.upload-img-box {
    margin: -5px -7px 15px -7px;
    grid-template-columns: repeat(auto-fill, minmax(102px, 1fr));
    display: grid;
}


.flex-img-box {
    margin: 7px;
}

.img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 99px;
    width: 100%;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 8px;
    overflow: hidden;
}

.img-box img {
    width: 100%;
    object-fit: fill;
    height: 100%;
}

small.remove-f {
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 100%;
    text-align: center;
    z-index: 1;
    color: red;
    background: #ffffff;
    box-shadow: 0px 3px 6px #00000029;
    line-height: 10px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

small.remove-f:hover{
	background:red;
	color:#ffffff;}


small.remove-f i {
    font-size: 15px;
}

.uploda-file {
    background: #d2f8ff;}


.flex-img-box span {
    position: absolute;
    bottom: 7px;
    font-size: 12px;
}

.uploda-file i {
    font-size: 32px;
}



/*----------Right-Side-Bar-----------*/


#help-wrapper {
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#sidebar-wrapper .chat-header {
    border-radius: 0px;
    min-height: 59px;
    display: flex;
    padding: 11px 20px;
}

#sidebar-wrapper .chat-header> .form-row {
    width: 100%;
}



#sidebar-wrapper {
  z-index: 1;
  position: fixed;
  right: 500px;
  width: 0;
  height: 100%;
  margin-right: -500px;
  overflow-x: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0px;
  background: #ffffff;
}


#help-wrapper.toggled #sidebar-wrapper {
    width: 300px;
    border-right: solid lightgray 1px
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#help-wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-left: -500px;
}




a#menu-toggle-close {
  font-size: 15px;

}







/*----------17-1-23-----------*/


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
	
	

.online-c {
    width: 10px;
    height: 10px;
    box-shadow: 0px 2px 6px #00000029;
    border: 1px solid #FFFFFF;
    opacity: 1;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 0;
    background: #2ECC71;
    border-radius: 100%;
    right: 15px;
}


.offline-c	{
	width: 10px;
    height: 10px;
    box-shadow: 0px 2px 6px #00000029;
    border: 1px solid #FFFFFF;
    opacity: 1;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 0;
    background: #B4B4B4;
    border-radius: 100%;
    right: 15px;}
	
	
.fave-icon .online-c,
.fave-icon .offline-c{
	right:0px;}	
	
.fd-tag .online-c, .fd-tag .offline-c {
    right: auto;
    margin-left: -10px;
}
	
	
span.dropdown, span.position-relative {
    display: inline-flex;
}
	
.lable-box {
    border-radius: 19px;
    padding: 5px 30px 5px 10px;
    display: inline-block;
    font-size: 10px;
    position: relative;
    line-height: normal;
    color: #3D80F2;
    border: 1px solid #D2D2D2;
    margin-right: 6px;
    mix-blend-mode: luminosity;
}
	
.lable-box a {
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 6px;
    right: 10px;
    color: #787878;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lable-box a i {
    font-size: 12px;
}	

.lable-box a:hover  {
    color: #000000;
}




/*----------Designer-Filters-----------*/

	
.sidebar-content {
    padding: 13px;
    border-bottom: 1px solid #dee2e6;
}

.designer-filters-left .sidebar-content:last-child {
    border: none;
}	
	
.form-group label {
    margin-bottom: 5px;
    font-weight: 500;
    color: #2D3E50;
}


.form-group label.form-check-label {
    font-weight: 400;
    vertical-align: text-top;
    font-size: 13px;
	cursor: pointer;
}


.tru-btn-gray-rounded {
    border: 1px solid #b5b4b4;
    border-radius: 15px;
    opacity: 1;
    font-size: 11px;
    color: #b5b4b4;
    padding: 6px 9px;
	line-height: normal;
}

.tru-btn-gray-rounded:hover,
.tru-btn-gray-rounded.selected-btn{
	background:#b5b4b4;
	color:#ffffff;}

.tru-btn-secondary-rounded:hover,
.tru-btn-secondary-rounded.selected-btn{
	background:#3D80F2;
	color:#ffffff;}



.tru-btn-secondary-rounded,
.tru-btn-secondary-rounded.selected-btn{
	border: 1px solid #3D80F2;
    border-radius: 15px;
    opacity: 1;
    font-size: 12px;
	color: #3D80F2;
	padding: 6px 9px;
	line-height: normal;}


.btn-tag .btn {
    margin-top: 4px;}
	
.pos-sticky {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
	border-width: 2px;
}

.sidebar-content.pos-sticky a {
    font-size: 12px;
}
	
/*------------------*/


p.fts-13 {
    font-size: 13px;
}

.modal-footer .btn.btn-link {
    color: #3D80F2;
    mix-blend-mode: luminosity;
    padding: 0;
    font-size: 13px;
}


.modal-footer .btn.btn-link:hover{
	text-decoration:none;}
	
	
	
	
/*----------Price-Slider-----------*/	
	
.price-input {
    width: 100%;
    display: flex;
    align-items: center;
}
.price-input .field {
    display: flex;
    width: 37px;
    height: 30px;
    align-items: center;
    min-width: 37px;
}
.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #D1D1D1;
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
    width: 100%;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}
.slider {
    height: 10px;
    position: relative;
    background: #E9E9E9;
    border-radius: 3px;
	box-shadow: inset 0px 1px 5px #00000029;
}
.slider .progress {
    height: 100%;
    left: 15%;
    right: 40%;
    position: absolute;
    border-radius: 3px;
    background: #3D80F2;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  background: #ffffff;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0px 1px 5px #00000029;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  opacity: 1;
  margin-top:-5px;
  cursor:pointer;
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  background: #ffffff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0px 1px 5px #00000029;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  opacity: 1; margin-top:-5px;
  cursor:pointer;
}

/* Support */
.support-box {
  top: 2rem;
  position: relative;
  bottom: 0;
  text-align: center;
  display: block;
}
.b-btn {
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.b-btn.paypal i {
  color: blue;
}
.b-btn:hover {
  text-decoration: none;
  font-weight: bold;
}
.b-btn i {
  font-size: 20px;
  color: yellow;
  margin-top: 2rem;
}
	
.sidebar-content .slider-range {
    position: relative;
    max-width: 60%;
    top: -10px;
    margin: auto;
}	
	
.sidebar-content .price-input {
    margin-bottom: -10px;
}	
	
/*----------------*/	


.total-row td {
    font-weight: 600;
    font-size: 16px;
}


.dropdown-menu.dropdown-menu-right{
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D8D8D8;
    border-radius: 9px;
    opacity: 1;
}

.dropdown-item {
    font-size: 13px;
    color: #2D3E50;
    padding: 5px 12px;
    line-height: normal;
}



.dropdown-item .online-c, .dropdown-item .offline-c {
    position: unset;
    margin-right: 10px;
}

.dropdown-menu h6 {
    font-size: 13px;
    color: #2D3E50;
    padding: 5px 12px 0px 12px;
}

.gray-box {
    background: #F1F1F1;
    padding: 20px;
}

.gray-box h6.head-6 {
    margin: 0;
}

.card-body-c {
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
}


.card-body-c p {
    font-size: 13px;
    color: #000000;
    line-height: 22px;
}	





.btn-outline-danger, .btn-outline-warning, .btn-outline-success {
    font-size: 12px;
    font-weight: 500;
    min-width: 157px;
}
	
	
.btn.btn-outline-warning{
	color: #E67E22;
    border-color: #E67E22;}	
	
	
.btn.btn-outline-warning:hover{
	color: #ffffff;
    border-color: #E67E22;
	background:#E67E22;}	
	
	
.close-attachment-r {
    box-shadow: 0px 3px 6px #00000010;
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
    color: #ffffff;
    background: #3D80F2;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    margin-left: -69px;

}	
	
	
.close-attachment-r:hover{
	color:#ffffff;
	opacity:0.7;
}	
	
	
.more-link {
    color: #505050;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}

.more-link:hover {
    color: #3d80f2;
}


.notifications-r:hover {
    color: #3d80f2;
}

.card-p-box.bg-white .card-body {
    padding: 6px 0px;
}


.review-c.pt-2 {
    padding-top: 4px !important;
}


.card-p-box.bg-white small.text-muted {
    line-height: 18px;
    display: block;
    font-weight: 300;
    font-size: 13px;
}


.content-section-right .file-details {
    padding: 0;
    margin: -20px -20px 10px -20px;
}


.content-section-right .file-date-detail h6,
.content-section-right .file-name-detail{
	padding: 10px 20px 10px 20px;}
	
	
	
.file-appear-here {
    background: #F9F9F9;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

.file-appear-here i.rotate-icon {
    font-size: 50px;
    color: #1f365ce8;
    transform: rotate(330deg);
    padding-bottom: 10px;
}

.file-appear-here p {
    color: #3B4F70;
    font-size: 16px;
}



.card-client-c {
    background: #f5f5f5a8;
}




.gray-attachment-file {
    color: #000000;
    font-size: 13px;
    border-radius: 5px;
    border: 1px solid #ADADAD;
    opacity: 1;
    padding: 9px 15px 9px 45px;
    position: relative;
}

.gray-attachment-file i {
    vertical-align: middle;
    padding-right: 8px;
    color: #3D80F2;
    position: absolute;
    left: 10px;
    top:6.5px;
}


.gray-attachment-file:hover {
    background: #3D80F2;
    color: #ffffff;
	border-color:#3D80F2;
}


.gray-attachment-file:hover i {
    color: #ffffff;
}


/*----------------*/


.require-medification-s.fill {
    background: #E67E22;
    color: #ffffff;

}

.hold-design-approval-s.fill {
    background: #F00000;
    color: #ffffff;
}

.in-process-s.fill {
    background: #B7950B;
    color: #ffffff;
}

.complete-s.fill {
    background: #28a745;
    color: #ffffff;
}


.btn.btn-outline-danger.selected-btn:hover,
.btn.btn-outline-warning.selected-btn:hover,
.btn.btn-outline-success.selected-btn:hover{
	opacity:0.8;}

.btn.btn-outline-danger.selected-btn {
    color: #ffffff;
    background: #F00000;}

.btn.btn-outline-warning.selected-btn{
	color: #ffffff;
    background: #E67E22;}

.btn.btn-outline-success.selected-btn{
    color: #ffffff;
    background: #28a745;}
	
	
.white-box-s.space-none .card-body .list-block dl {
    grid-template: auto / 14em 1fr;}	
	
.white-box-s.space-none .card-body .list-block dl dd,
.white-box-s.space-none .card-body .list-block dl dt {
    color: #000000;
}	

.border-bottom.space-15 .btn.tru-btn-primary {
    min-width: 100px !important;
}

.border-bottom.space-15 .btn.tru-btn-primary i {
    float: left;
    top: 0;
}

.form-sec p.text-left {
    color: #1f365c;
}



.review-c.star-lg a,
.review-c a,
.modal-content .review-c a{
    color: #c9c9c9;
}

.review-c.star-lg a:hover,
.review-c a:hover,
.review-uc a.rating-s:hover {
    color: #ffc107 !important;
    opacity: 1;
}



.header-inner .fave-icon .online-c, 
.header-inner .fave-icon .offline-c {
    right: -2px;
}
	
	
.selected-teeth {
    fill: #d2f8ff;
}