body{font-family: 'Poppins', sans-serif;background: #f2f3f7;}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins-Regular.eot');
    src: url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),
        url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins-Medium.eot');
    src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff'),
        url('fonts/Poppins-Medium.ttf') format('truetype'),
        url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins-SemiBold.eot');
    src: url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff'),
        url('fonts/Poppins-SemiBold.ttf') format('truetype'),
        url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}


li{list-style-type:none !important;}
img{max-width:100%;}
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
.input-checkbox {
-webkit-appearance:none;
border-radius: 0;-webkit-border-radius:0;-webkit-box-shadow:none;box-shadow:none;outline:0;
}
h1,h2,h3,h4,h5,h6,p{margin:0px;}
input:focus{outline:0;}
textarea:focus{outline:0;}
button:focus{outline:0;}
a{cursor: pointer;text-decoration:none;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
a:focus{text-decoration:none;outline:0;}
.TC{text-align:center;}
.TL{text-align:left;}
.TR{text-align:right;}
.margin_auto{margin:auto;float:none;}
.padding{padding:0;}
.al{width:100%;height:100%;display:table;}
.alm{width:100%;height:100%;display:table-cell;vertical-align:middle;}
.p_0{padding: 0px;}

.main{
	width: 100%;
	background-color: #f2f3f7;
}
.container{
	max-width: 1340px;
}
#main-sec{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.mt-n12{
	margin-top: -7rem;
}
.mt-n25{
	margin-top: -3rem!important;
}
.btn-light-custom{
	background-color: transparent;
}
.bg-gray-100{
	background-color: #f3f6f9;
}

/* Login */

.login{
	width: 100%;
	height: 100vh;
}
.login-left{
	width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	padding: 0px 100px;
}
.login-desc{
	width: 100%;
	position: relative;
}
.login-left h2{
	color: #ffffff;
	font-weight: 700;
	font-size:38px;
}
.login-left h2 span{
	color: #3699ff;
}
.login-left p{
	margin-top: 18px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 400;
	font-size: 18px;
	width:65%;
}
.login-left:before{
	position: absolute;
	content:'';
	top: 0;left: 0;right: 0;bottom: 0;
	background-color: rgba(0,0,0,0.3);
}
.login-right {
    width:35%;
}
.login-right {
    background: #fff;
    padding:0px 60px;
    position: relative;
}
.login-right h2{
	font-size: 32px;
	font-weight: 700;
	color: #454545;
	margin-bottom: 20px;
}
.login-form{
	width: 100%;
	padding-top: 20px;
}
.login-form label{
	font-weight: 400;
	color: #ffffff;
	font-size: 16px;
}
.cm-inp{
	width: 100%;
	border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border:1px solid #e5e5e5;
	height: 50px;
	line-height: 50px;
	font-weight: 500;
	color: #222222;
	padding: 0px 15px;
}
.login-right-desc{
	width: 400px;
	padding:30px;
	background-color: rgba(0,0,0,0.3);
	border-radius: 15px;
	max-width: 100%;
	position: relative;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.5);
	box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.5);
}
.login-right-desc h2{
	text-align: center;width: 100%;
	margin-bottom: 30px;
}
.req{
	color: #ff0000;
}
.forgot-block{
	width: 100%;
	padding-top:15px;
}
.check-label {
  	display: block;
  	position: relative;
  	padding-left:28px;
  	margin-bottom:0px;
  	cursor: pointer;
  	font-size: 16px;
  	color: #ffffff;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
.check-label input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}
.checkmark {
  	position: absolute;
  	top: 1px;
  	left: 0;
  	height: 20px;
  	width: 20px;
  	border-radius: 5px;
  	background-color: #eee;
}
.check-label:hover input ~ .checkmark {
  	background-color: #ccc;
}
.check-label input:checked ~ .checkmark {
  	background-color: #3699ff;
}
.checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}
.check-label input:checked ~ .checkmark:after {
  	display: block;
}
.check-label .checkmark:after {
	left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.forgot-block a{
	font-weight: 500;
	color: #3699ff;
	font-size: 16px;
	text-decoration: none;
}
.submit-btn{
	width: 100%;
	border:0px;
	background-color: #3699ff;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	text-transform: capitalize;
	height: 50px;
	line-height: 50px;
	border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	cursor: pointer;
	margin-top: 10px;
}
.submit-btn:hover{
	color: #ffffff;
	background-color: #333333;
}
.no-acc{
	width: 100%;
	margin-top: 30px;
	text-align: center;
}
.no-acc h6{
	font-weight: 500;
	font-size: 16px;
	color: #ffffff;
}
.no-acc h6 a{
	color: #3699ff;
}
.sale-chart{
	width: 100%;
	background-color: #3699ff;
}

/* Login */






.main-header-sec{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background-color: #3699ff;
	padding: 5px 0px;
}
.sub-heder-sec{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.left-logo{
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.left-logo a{
	text-decoration: none;
}
.left-logo a span{
	font-size: 32px;
	color: #ffffff;
	font-weight: 700;
}
.left-logo img{
	width: 100%;
	max-height: 35px;
	object-fit: contain;
}
.right-box{
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
.serch-box{
	width:auto;
	display: flex;
	padding-right: 10px;
}
.serch-box input.serch-box{
	background-color: #fff;
    color: #80808f;
    width: calc(100% - 15%);
    height: 40px;
    font-size: 14px;
    padding-left: 20px;
    border: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: 'Poppins-Regular';
}
.serch-box input.btn-serch{
	background-color: #fff;
    width: 15%;
    height: 40px;
    font-size: 0px;
    padding-left: 20px;
    border: 0;
    position: relative;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 36% 50%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: 50%;
}
.submenu-heder{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0px;
	background-color: #fff;
}
.submenu-heder ul{
	padding: 0;
	margin:0;
	text-align: left;
	width: 100%;
}
.submenu-heder ul li{
	display: inline-block;
	padding: 0px 20px;
}
.submenu-heder ul li a{
	color:#80808f;
	font-size: 14px;
	line-height: 14px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-family: 'Poppins-Medium';
}
.submenu-heder ul li a:hover{
	text-decoration: none;
	color: #3699ff;
}
.submenu-heder ul li.active{
	background-color: #f3f6f9;
    padding: 10px 25px;
    border-radius: 10px;
}
.serch-box form{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.user-box {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding: 10px;
}
.user-left {
    width: calc(100% - 45px);
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px
}
.user-left span {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    color: #fff;
    opacity: 0.5;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Poppins-Medium';

}
.user-img {
    width: 40px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(255,255,255,0.1);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    height: 35px
}
.user-img i.fas{
	color: #fff;
}
.user-left span.bold{
	color: #fff !important;
	opacity: unset !important;
	font-size: 14px;
    line-height: 18px;
    font-family: 'Poppins-SemiBold'; 
}
.user-box:hover{
	background-color: rgba(255,255,255,0.1);
	border-radius: 5px;
	cursor: pointer;
}

.card-title{
	font-size: 16px;
	font-weight: 600;
	margin:0;
}
.sales-start-box{
	box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
	border-radius: .42rem;
}
.sales-start-box .bg-primary{
	background-color: #3699ff !important;
}
.btn-custome{
	background-color: rgba(255,255,255,.1);
	color: #fff;
	border:0;
	padding: 7px 20px;
	font-weight: 600;
	font-size: 12px;
	border-radius: .42rem;
}
.btn-custome:hover{
	background-color: #fff;
}
.dropdown-menu{
	
	box-shadow: 0 0 50px 0 rgba(82,63,105,.15);
}
.dropdown-menu-sm{
	width: 175px;
}
.dropdown-menu-md{
	width: 250px;
}
.dropdown-item{
	color: #464e5f;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.dropdown-item:hover,.dropdown-item:hover i{
	background-color: #f3f6f9;
	color: #3699ff;
}
.dropdown-item i{
	width: 24px;
	color: #b5b5c3;
}
.dropdown-header{
	color: #3699ff;
}
.box-con{
	border-radius: 1.25rem!important;
	min-height: 126px;

}
.box-con span{
	width: 100%;
    text-align: center;
	
}
.box-con ul{
	width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
        column-count: 1;
	
}
.box-con ul{
	margin-top: 20px;
}
.box-con ul li a i{
	font-size: 20px;
}
.box-con i{
	color: #8950fc;
	font-size: 30px;
	    margin-right: 10px;
}
.box-con h6{
	margin-top: 10px;
	color: #ffa800;
	text-align: left;
	margin-left: 20px;
}
.box-con h6.text-primary{
	color: #3699ff;
}
.box-con h6.text-danger{
	color: #f64e60;
}
.box-con h6.text-success{
	color: #1bc5bd;
}
.card-subtitle{
	font-size: 12px;
	
}
.card-subtitle.text-mute{
	color: #b5b5c3!important;
}
.no-arrow:after{
	display: none;
}
.dots-btn{
	font-size: 18px;
	color: #b5b5c3;
}
.btn:hover,.btn:focus{
	outline: none;
	box-shadow: none;
}
.card-stretch-height-25{
	height: calc(100% - 25px);
}
.badge{
	    padding: 7px 11px;
    font-weight: 400;
    font-size: 13px;
}
.badge.badge-success{
	color: #1bc5bd;
    background-color: #c9f7f5;
}
.badge.badge-danger{
	color: #f64e60;
    background-color: #ffe2e5;
}
.badge.badge-warning{
	color: #ffa800;
    background-color: #fff4de;
}
.badge.badge-primary{
	color: #3699ff;
    background-color: #e1f0ff;
}
.badge.badge-secondary{
	color: #212121;
    background-color: #d6d6e0;
}
.badge.badge-white:hover{
	color: #3699ff;
    background-color: #f3f6f9;
    border-color: transparent;
}
.no-hover:hover{
	background-color: transparent !important; 
}
.left-inmg{
	width: auto;
}
.left-inmg span{
	width: 40px;
	height: 40px;
	background-color: #f3f6f9;
    color: #c7c7ca;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.right-content{
	flex:1;
	padding-left: 10px;
}
.right-content a{
	color: #464e5f!important;
	font-size: 15px;
}
.right-content a:hover{
	color: #3699ff!important;
}
.badge-sm {
    font-size: 12px !important;
    padding: 4px 6px 0 !important;
}
.trends-listng .left-inmg span{
	width: 50px;
	height: 50px;
	border-radius: 5px;
}

.trends-listng .left-inmg span img{
	height: 50%;
}
.trends-listng .right-content{
	padding-left: 15px;
}
.trends-listng .right-content a{
	font-weight: 400;
}
.trends-listng .right-content a:hover{

}
.right-content .badge{
	background-color: #f3f6f9;
	font-weight: 600;
	color: #80808f;
}
.card-body,.card-header{
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.box-shap-box .card-body{
	padding: 30px !important;
}
.box-shap-box .card-title{
	color: #b5b5c3!important;
	font-weight: 500;
}
.box-shap-box .card-subtitle{
	color: #1bc5bd!important;
	margin-top: 30px;
	margin-bottom: 20px !important;
}
.box-shap-box p{
	font-weight: 600;
}
.box-shap-box{
	background-position: right top;
    background-size: 30% auto;
    background-repeat: no-repeat;
}
.btn-custome-primary{
	background-color: #3699ff;
	color: #fff;
}
.icon-big{
    width: 45px;
    height: 45px;
    font-size: 21px;
    line-height: 45px;
    padding: 0;
}
.table td,.table th{
	vertical-align: middle;
}
.table .card-title{
	color: #212121!important;
	font-size: 15px;
}
.table .card-title:hover{
	color: #3699ff!important;	
}
.text-sm{
	font-size: 14px;
	font-weight: 500;
}
.table .text-muted{
	color: #b5b5c3!important;
}
.text-md{
	color: #464e5f!important;
	font-weight: 500;
	font-size: 15px;
}
.btn-next{
	color: #1bc5bd;
    background-color: #f3f6f9;
    border-color: #f3f6f9;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
}

.badge-coutome{
	background-color: #f3f6f9;
    color: #c7c7ca;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 5px;
}
.badge-coutome img{
	height: 50%;
}
.box-custome{
	min-height: 285px;
	flex-direction: column;
    display: flex;
}
.box-custome .card-title{
	color: #212121!important;
}
.box-custome .card-title:hover{
	color: #3699ff!important;
}
.box-custome p{
	font-size: 14px;
	color: #80808f!important;
	margin-top: 20px;
	margin-bottom: 10px;
}
.img-photo{
	margin-top: 10px;
}
.img-photo .badge-coutome{
	align-items: flex-end;
	margin-right: 5px;
	width: 45px;
	height: 45px;
}
.img-photo .badge-coutome img{
	height: 75%;
}
.w-70 {
    width: 70px;
}

.footer{
	width: 100%;
	padding: 20px 0px;
	background-color: #ffffff;
}
.footer p{
	font-weight: 400;
	color: #464e5f;
	font-size: 13px;
}
.footer ul{
	padding: 0px;
	margin: 0px;
}
.footer ul li{
	display: inline-block;
	padding: 0px 5px;
}
.footer ul li:first-child{
	padding-left:5px;
}
.footer ul li:last-child{
	padding-right:5px;
}
.footer ul li a{
	font-weight: 400;
	color: #464e5f;
	font-size: 13px;
}


.data-table-main{
	width: 100%;
	-webkit-box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    box-shadow: 0 0 30px 0 rgba(82,63,105,.05);
    background-color: #ffffff;
    padding: 10px;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #464e5f;
    background-color: transparent;
    border: 0;
}
.table td, .table th {
    padding: 5px 15px;
    vertical-align: top;
    border-top: 1px solid #ecf0f3;
    vertical-align: middle;
    font-size: 14px;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #ecf0f3;
}
.table thead td, .table thead th {
    font-weight: 600;
    font-size: 1rem;
    border-bottom-width: 1px;
    padding: 10px 15px;
}
.table:not(.table-bordered) thead td, .table:not(.table-bordered) thead th {
    border-top: 0;
}

table#example {
    border: none;
}
.dataTable{
	width: 100%;
	background-color: #ffffff;
}
.data-table-main{
	width: 100%;
}
.data-table-main .table-striped tbody tr:nth-of-type(odd){
	background-color: #ffffff;
}
.data-table-main tbody tr{
	border-bottom: 1px solid #ecf0f3 !important;
}
.data-table-main td{
	border:0px;
	border-bottom: 1px solid #ecf0f3 !important;
}
.data-table-main th{
	border:0px;
}
.data-table-main label{
	font-size: 14px;
	margin: 0px;
}
.dataTables_length select{
	border:0px;
}
.dataTables_filter .form-control{
	padding: 0px 15px;
	height: 40px;
	line-height: 40px;
}
.td_action ul{
	padding: 0px;
	margin: 0px;
}
.td_action ul li{
	display: inline-block;
}
.td_action ul li a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #f5f5f5;
	padding: 0px;
	font-size: 16px;
}
.td_action ul li a span{
	background-color: transparent;
}
.td_action ul li a i{
	background-color: transparent !important;
}
.td_action ul li a.edit i{
	color: #6078ff;
}
.td_action ul li a.edit:hover{
	background-color: #6078ff;
	color: #ffffff;
}
.td_action ul li a.edit:hover i{
	color: #ffffff;
}
.td_action ul li a.delete i{
	color: #fd397a;
}
.td_action ul li a.delete:hover{
	background-color: #fd397a;
	color: #ffffff;
}
.td_action ul li a.delete:hover i{
	color: #ffffff;
}
.td_action ul li a.add i{
	color: #0abb87;
}
.td_action ul li a.add:hover{
	background-color: #0abb87;
	color: #ffffff;
}
.td_action ul li a.add:hover i{
	color: #ffffff;
}
div.dataTables_wrapper div.dataTables_filter label{
	width: 100%;
	text-align: right;
}
div.dataTables_wrapper div.dataTables_filter input{
	width:50%;
	background-repeat: no-repeat;
	background-position:3% 50%;
	background-image: url('../images/search.png');
	background-size:16px;
	padding-left:40px;
	border: 1px solid #ecf0f3;
}
.success-main {
    width: auto;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    text-align: center;
    border-radius: 4px;
    padding: 6px 15px;
}
.gre-clr {
    color: #0abb87;
    background-color: #e6f8f3;
}
.pink-clr {
    color: #fd397a;
    background-color: #ffebf1;
}
.blue-clr {
    color: #6078ff;
    background-color: #eef1ff;
}
.org-clr {
    color: #ffb822;
    background-color: #fff8e8;
}
.dataTables_info{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
.pagination-row {
    padding-top: 20px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
	font-size: 14px;
}
.page-link{
	padding:8px 15px;
}
.page-item.active .page-link{
	background-color: #3699ff;
    border-color: #3699ff;
}

#th_id{
	width: 60px !important;
}
#th_name{
	width: 20%;
}
#th_city{
	width: 10%;
}
#th_state{
	width: 10%;
}
#th_phone{
	width: 10%;
}
#th_status{
	width: 20%;
	text-align: center;
}
#th_action{
	width: 10%;
	text-align: center;
}
.td_status{
	text-align: center;
}
.td_action{
	text-align: center;
}
.page-link:focus{
	box-shadow: none;
	-webkit-box-shadow: none;
}
.manage-comapny{
	width: 100%;
	background-color: #ffffff;
	padding: 30px;
	    padding-top: 0px;
    padding-bottom: 0px;
}
.title{
	width: 100%;
	padding: 10px 10px;
	background-color: #3699ff;
	color: #ffffff;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.title h4{
	color: #ffffff;
	font-weight:500;
	font-size: 22px;
}
.form-control{
	border: 1px solid #ecf0f3;
	border-radius: 4px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.form-control:focus{
	box-shadow: none;
	-webkit-box-shadow: none;	
	border:1px solid #3699ff;
}
.manage-form select{
	width: 350px;
	height: 40px;
	line-height: 40px;
	padding: 0px 15px;
	-webkit-appearance:none;
	background-repeat: no-repeat;
	background-position:96% 50%;
	background-image: url('../images/down.svg');
	background-size:16px;
}
.manage-form .btn{
	margin-left: 15px;
	border-radius: 4px;
}
.manage-form .btn{
	padding: .375rem 20px;
}
.manage-form .blue-btn{
	background-color: #3699ff;
	border-color: #3699ff;
}
.manage-form .btn:hover{
	background-color: #464e5f;
	border-color: #464e5f;
	color: #ffffff;
}
.cmn-inp{
	width: 100%;
	height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    font-size: 16px;
    border: 1px solid #3699ff;
}
.cmn-inp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a5a5a5;
	opacity: 1;
	font-weight:300;
}
.cmn-inp::-moz-placeholder { /* Firefox 19+ */
	color: #a5a5a5;
	opacity: 1;
	font-weight:300;
}
.cmn-inp:-ms-input-placeholder { /* IE 10+ */
	color: #a5a5a5;
	opacity: 1;
	font-weight:300;
}
.cmn-inp:-moz-placeholder { /* Firefox 18- */
	color: #a5a5a5;
	opacity: 1;
	font-weight:300;
}
textarea.cmn-inp{
	height: 100px;
	resize: none;
	padding: 10px 15px;
	line-height: normal;
}
select.cmn-inp{
	width: 100%;
}
.add-form-btn{
	padding-top:0px;
}
.add-form-btn .btn{
	margin:0px 7px;
	width: 100px;
}

.profile_img{
	width: 100%;
	text-align: center;
}
.p_img{
	width:180px;
	height: 180px;
	border-radius: 100%;
	border:5px solid #f5f5f5;
}
.p_img img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
	object-fit: cover;
}
.profile_block{
	width: 100%;
	padding: 2rem 1.25rem;
}

.avatar-upload {
  	position: relative;
  	max-width: 205px;
}
.avatar-upload .avatar-edit {
  	position: absolute;
  	right: 12px;
  	z-index: 1;
  	top: 10px;
}
.avatar-upload .avatar-edit input {
  	display: none;
}
.avatar-upload .avatar-edit input + label {
  	display: inline-block;
  	width: 34px;
  	height: 34px;
  	margin-bottom: 0;
  	border-radius: 100%;
  	background: #FFFFFF;
  	border: 1px solid transparent;
  	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  	cursor: pointer;
  	font-weight: normal;
  	transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  	background: #f1f1f1;
  	border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  	content: "\f303";
  	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
  	color: #3699ff;
  	position: absolute;
  	top: 5px;
  	left: 0;
  	right: 0;
  	text-align: center;
  	margin: auto;
}
.avatar-upload .avatar-preview {
  	width: 180px;
  	height: 180px;
  	position: relative;
  	border-radius: 100%;
  	border: 6px solid #f1f1f1;
}
.avatar-upload .avatar-preview > div {
  	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.avtar-information{
	width: 100%;
	padding-top:40px;
}
.a-i-box{
	width: 100%;
	padding: 10px 0px;
	border-bottom: 1px solid #f2f3f7;
}
.avtar-information .a-i-box:first-child{
	border-top: 1px solid #f2f3f7;
}
.a-i-box h6{
	font-weight: 400;
	font-size: 16px;
	color: #464e5f;
}
.a-i-box p{
	font-weight:400;
	font-size: 16px;
	color: #464e5f;
}

.nav-tabs{
	border:0px;
}
.nav-tabs .nav-link{
	border:0px;
	background-color: #f3f6f9;
	color: #80808f;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 30px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border:0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #ffffff;
	border:0px;
	background-color: #3699ff;
	border-radius: 0px;
}
.profile_form{
	margin-top:40px;
}
.profile_form .add-form-btn{
	padding-top: 20px;
}

.profile_co_user{
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0px;
	padding-top: 30px;
}
.profile_co_user .table tbody td, .profile_co_user .table thead th{
	padding: 10px;
}
.profile_co_user .table tbody td{
	font-size: 14px;
}
.middle-content{
	min-height: calc(100vh - 210px);
}


.circular-menu {
    position: fixed;
    bottom: 1em;
    right: 1em;
}

.circular-menu .floating-btn {
    display: block;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background-color: #3699ff;
    box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
    color: #ffffff !important;
    text-align: center;
    line-height: 3.9;
    cursor: pointer;
    outline: 0;
}

.circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
    font-size: 1.3em;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.circular-menu.active .floating-btn i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color: #3699ff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.circular-menu.active:after {
    -webkit-transform: scale3d(5.5, 5.5, 1);
    transform: scale3d(5.5, 5.5, 1);
    -webkit-transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.circular-menu .menu-item {
    position: absolute;
    top: .2em;
    right: .2em;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size:1em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    text-align: center;
    line-height: 3;
    background-color: hsla(0, 0%, 0%, .1);
    -webkit-transition: background .2s ease, -webkit-transform .3s ease;
    transition: background .2s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, background .2s ease;
    transition: transform .3s ease, background .2s ease, -webkit-transform .3s ease;
}

.circular-menu .menu-item:hover {
    background-color: hsla(0, 0%, 0%, .3);
}

.circular-menu.active .menu-item {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
    -webkit-transform: translate3d(1em, -7em, 0);
    transform: translate3d(1em, -7em, 0);
}

.circular-menu.active .menu-item:nth-child(2) {
    -webkit-transform: translate3d(-3.5em, -6.3em, 0);
    transform: translate3d(-3.5em, -6.3em, 0);
}

.circular-menu.active .menu-item:nth-child(3) {
    -webkit-transform: translate3d(-6.5em, -3.2em, 0);
    transform: translate3d(-6.5em, -3.2em, 0);
}

.circular-menu.active .menu-item:nth-child(4) {
    -webkit-transform: translate3d(-7em, 1em, 0);
    transform: translate3d(-7em, 1em, 0);
}


.ui.fluid.search.selection.dropdown.cmn-inp{
	width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    font-size: 16px;
    border: 1px solid #3699ff;
}
.ui.fluid.search.selection.dropdown.cmn-inp input[type="search"]{
	height: 50px;
	padding: 0px 15px;
	line-height: 50px;
}

.main-menu-icon{
    float: right;
    width: auto;
    display: none;
}
.main-menu-icon a{
    position: relative;
    float: left;
    display: inline-block;
    text-align: center;
    color: #35ace3;
}
.main-menu-icon a:before{
    content: "";
    position: absolute;
    top:5px;
    left: 0;
    right: 0;
    margin: auto;
    height:3px;
    width:25px;
    background-color: #ffffff;
    transition: all 0.4s;

}
.main-menu-icon a:after{
    content: "";
    position: absolute;
    bottom:2px;
    left: 0;
    right: 0;
    margin: auto;
    height: 3px;
    width:25px;
    background-color: #ffffff;
    transition: all 0.4s;
}
.main-menu-icon a span{
    height: 3px;
    width: 25px;
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    top: -2px;
}
.menu-open span{
    opacity: 0;
}
.menu-open:before{
    transform: rotate(-45deg);
    top: 10px !important;
}
.menu-open:after{
    transform: rotate(45deg);
    bottom:10px !important;
}



.manage-form{
	width: auto;
}
.responsive-tabs{
	display: none;
}
.dropdown-tabs{
	display: none;
}



.td_action ul li a.view i{
	color: #ffc107;
}
.td_action ul li a.view:hover{
	background-color: #ffc107;
	color: #ffffff;
}
.td_action ul li a.view:hover i{
	color: #ffffff;
}
.mr-10{margin-left: 10px;}

.box-con ul li {
    padding-bottom: 5px;
}
hr{
	padding: 0;
margin: 0;
}