/*
 * Copyright (C) 2025 Dynamowebs Pvt  ltd  www.dynamowebs.com , Inc -
 * Dynamowebs : sas-sms-app-updated All Rights Reserved :  style.css (Last modified : 5/19/25, 9:29 AM )
 * style.css  Unauthorized copying of this file , via any medium is strictly prohibited
 * Proprietary and confidential Written by Dynamowebs software & VOIP solutions
 * <info@dynamowebs.com> / <faisal.aqurz@gmail.com>, at  19/ 5/ 2025
 * can not be copied and / or distributed without the express  permission of Dynamowebs
 * website :: https://www.dynamowebs.com
 */

/*------------------------------------------------------------------
    [Table of contents]

    1. import fonts
    2. import files
    3. basic
    4. header
    5. content section
    6. Progressbar
    7. Table style
    8. Social icon
    9. Pie charts
    10. Testimonial slider
    11. Blog Section
    12. Dashboard Style 2
    13. Footer
    14. Widgets section
    15. Calendar section
    16. General Elements
        -> tabbar style 1
        -> tabbar style 2
        -> tabbar style 3
        -> button section
        -> pagination
        -> model bt
    17. Gallery Section
    18. Icons
    19. Invoice
    20. Price table
    21. Mail
    22. Price table page
    23. Contact page
    24. Progress bar
    25. Login Section
    26. Error
    27. Map

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

/*------------------------------------------------------------------
    1. import fonts
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');

/*------------------------------------------------------------------
    2. import files
-------------------------------------------------------------------*/

@import url(animate.css);
@import url(flaticon.css);
@import url(font-awesome.min.css);

/* -----------------------------------------------------------------
bootstrap missing classes
----------------------------------------------------------------- */


/*------------------------------------------------------------------
    3. basic
-------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none !important;
}

html,
body {
	color: #000;
	font-size: 13px;
	font-family: 'Nunito', sans-serif;
	line-height: normal;
	font-weight: 400;
	overflow-x: hidden !important;
}

body.demos .section {
	background: url(assets/images/banner/bg.png) repeat top center #f2f3f5;
}

body.demos .section-title img {
	max-width: 280px;
	display: block;
	margin: 10px auto;
}

body.demos .service-widget h3 {
	border-bottom: 1px solid #ededed;
	font-size: 18px;
	padding: 20px 0;
	background-color: #ffffff;
}

body.demos .service-widget {
	margin: 0 0 30px;
	padding: 30px;
	background-color: #fff
}

body.demos .container-fluid {
	max-width: 1080px
}

a {
	color: #1f1f1f;
	text-decoration: none !important;
	outline: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: 0;
	position: relative;
	padding: 0;
	font-weight: normal;
	line-height: normal;
	color: #1f1f1f;
	margin: 0
}

h1 {
	font-size: 24px
}

.small_heading.main-heading h2 {
	font-size: 21px;
}

.small_heading.main-heading::after {
	top: 18px;
}

.small_heading.main-heading {
	margin-bottom: 20px;
	width: 100%;
}

.img-responsive {
	max-width: 100%;
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 13px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #212121;
	text-decoration: none !important;
	opacity: 1
}

a {
	color: #898989;
	text-decoration: none;
	outline: none;
}

a,
.btn {
	text-decoration: none !important;
	outline: none !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn-custom {
	margin-top: 20px;
	background-color: transparent;
	border: 2px solid #ddd;
	padding: 12px 40px;
	font-size: 16px;
}

/*.btn-success, .btn-success:hover {
    color: #fff;
    background: linear-gradient(115deg, hsl(155.5deg 73.8% 44.9%) 10%, #1ed07c 95%) !important;
    border-color: #1fbc7a;
}

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

.btn-primary, .btn-primary:hover {
    background: linear-gradient(115deg, #007bff 47%, hsl(211.06deg 100% 50%) 95%) !important;
    border-color: hsl(192.26deg 79.46% 49.33%);
}

.btn-danger, .btn-danger:hover {
    background: linear-gradient(115deg, hsl(0deg 81.22% 57.71%) 6%, hsl(11.15deg 79.91% 44.9%) 95%) !important;
    border-color: #ad280a30;
}*/

/* .btn-info, .btn-info:hover, .btn-info:active {
    background: linear-gradient(115deg, rgb(17 122 139 / 56%) 47%, rgb(19 158 181) 95%);
    border-color: rgba(17 122 139 / 56%);
} */
.btn-primary {
	color: #fff;
	background: linear-gradient(135deg, #0057a4, #0072ff);
	border-color: #0057a4;
	transition: background 0.3s ease;
}

.btn-secondary {
	color: #fff;
	background: linear-gradient(135deg, #545b62, #6c757d);
	border-color: #545b62;
	transition: background 0.3s ease;
}

.btn-success {
	color: #fff;
	background: linear-gradient(135deg, #0f5e28, #18a55c);
	border-color: #1a9a3e;
	transition: background 0.3s ease;
}

.btn-danger {
	color: #fff;
	background: linear-gradient(135deg, #bb2d2d, #f44336);
	border-color: #bb2d2d;
	transition: background 0.3s ease;
}

.btn-warning {
	color: #212529;
	background: linear-gradient(135deg, #d39e00, #ffc107);
	border-color: #d39e00;
	transition: background 0.3s ease;
}

.btn-info {
	color: #fff;
	background: linear-gradient(135deg, #13707f, #17a2b8);
	border-color: #13707f;
	transition: background 0.3s ease;
}

.btn-light {
	color: #212529;
	background: linear-gradient(135deg, #ced4da, #f8f9fa);
	border-color: #ced4da;
	transition: background 0.3s ease;
}

.btn-dark {
	color: #fff;
	background: linear-gradient(135deg, #202429, #343a40);
	border-color: #202429;
	transition: background 0.3s ease;
}

/* Hover effect */
.btn-primary:hover {
	background: linear-gradient(135deg, #004176, #0057a4);
}

.btn-secondary:hover {
	background: linear-gradient(135deg, #464d53, #545b62);
}

.btn-success:hover {
	background: linear-gradient(135deg, #14852e, #1a9a3e);
}

.btn-danger:hover {
	background: linear-gradient(135deg, #a02525, #bb2d2d);
}

.btn-warning:hover {
	background: linear-gradient(135deg, #b48c00, #d39e00);
}

.btn-info:hover {
	background: linear-gradient(135deg, #0c4f5f, #13707f);
}

.btn-light:hover {
	background: linear-gradient(135deg, #bfc7cf, #ced4da);
}

.btn-dark:hover {
	background: linear-gradient(135deg, #1a1d21, #202429);
}

.btn-xs {
	padding: 8px 10px !important;
}

/*--
a.btn {
    min-width: 170px;
    height: 40px;
    border-radius: 100px;
    padding: 0;
    text-align: center;
    line-height: 40px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
--*/
.red_bg {
	background: #ff4748;
}

.blue_bg {
	background: #36a9e2;
}

.yellow_bg {
	background: #fabb3d;
}

.green_bg {
	background: #79c347;
}

.green_bg2 {
	background: #1ed085;
}

.purple_bg {
	background: #8e68ef;
}

.padding_top_10 {
	padding-top: 10px !important;
}

.padding_top_20 {
	padding-top: 20px !important;
}

.padding-bottom_0 {
	padding-bottom: 0 !important;
}

.padding-bottom_1 {
	padding-bottom: 10px !important;
}

.padding-bottom_2 {
	padding-bottom: 20px !important;
}

.padding-bottom_3 {
	padding-bottom: 30px !important;
}

.padding-bottom_4 {
	padding-bottom: 40px !important;
}

.padding-bottom_5 {
	padding-bottom: 50px !important;
}

.padding_infor_info {
	padding: 35px 35px;
	float: left;
	width: 100%;
}

.color_black p,
.color_black ul,
.color_black ul li {
	color: #000;
}

button i:not(.note-editor i) {
	color: #fff;
}

.lead {
	font-size: 18px;
	line-height: 30px;
	color: #767676;
	margin: 0;
	padding: 0;
}

.activity_row {
	border: 1px solid #e0d2d77a;
	border-radius: 8px;
	padding: 15px 3px;
	background: linear-gradient(135deg, #9ed195, #41aebb);
	/* background: linear-gradient(135deg, #e6effb, #b3cce6); */
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	/* Example shadow effect */
}

#lead-details-page #load_more {
	margin-top: 15px;
}

blockquote {
	margin: 20px 0 20px;
	padding: 30px;
}

.light_silver {
	background: #f2f1f1;
}

h2 {
	font-size: 30px;
	color: #000;
	line-height: 20px;
	font-weight: 700;
	position: relative;
}

h3 {
	font-size: 24px;
	color: #000;
	line-height: normal;
	font-weight: 700;
	text-transform: uppercase;
}

h4 {
	font-size: 15px;
	color: #000;
	line-height: 21px;
	font-weight: 600;
	text-transform: none;
	margin-bottom: 15px;
}

h5 {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: normal;
	color: #000;
}

p {
	/*color: black;*/
	color: #000;
	font-size: 14px;
	line-height: 21px;
}

button,
input,
select,
textarea,
option {
	font-family: 'Poppins', sans-serif;
}

a#submit {
	z-index: 1;
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10 {
	padding: 0 15px;
	float: left;
	min-height: 25px;
}

.border_radius_0 {
	border-radius: 0 !important;
}

.span1 {
	width: 10%;
}

.span2 {
	width: 20%;
}

.span3 {
	width: 30%;
}

.span4 {
	width: 40%;
}

.span5 {
	width: 50%;
}

.span6 {
	width: 60%;
}

.span7 {
	width: 70%;
}

.span8 {
	width: 80%;
}

.span9 {
	width: 90%;
}

.span10 {
	width: 100%;
}

.container {
	width: 1200px;
}

.section_padding {
	padding: 80px 0 100px;
}

.layout_2_padding {
	padding: 100px 0 80px;
}

.full {
	width: 100%;
	float: left;
}

.brown_color {
	color: #795548 !important;
}

.brown_bg {
	background: #795548 !important;
}

.blue1_color {
	color: #2196f3 !important;
}

.blue1_bg {
	background: #2196f3 !important;
}

.orange_color {
	color: #ff5722 !important;
}

.orange_bg {
	background: #ff5722 !important;
}

.purple_color {
	color: #673ab7 !important;
}

.purple_bg {
	background: #673ab7 !important;
}

.purple_color2 {
	color: #3f51b5 !important;
}

.purple_bg2 {
	background: #3f51b5 !important;
}

.blue2_color {
	color: #03a9f4 !important;
}

.blue2_bg {
	background: #03a9f4 !important;
}

.red_color {
	color: #e91e63 !important;
}

.red_bg {
	background: #e91e63 !important;
}

.yellow_color {
	color: #ff9800 !important;
}

.yellow_bg {
	background: #ff9800 !important;
}

.purple_color2 {
	color: #9c27b0 !important;
}

.purple_bg2 {
	background: #9c27b0 !important;
}

.orange_color2 {
	color: #f44336 !important;
}

.orange_bg2 {
	background: #f44336 !important;
}

.green_color {
	color: #009688 !important;
}

.green_bg {
	background: #009688 !important;
}

.heading1 h2 {
	line-height: normal;
	font-size: 21px;
	font-weight: 400;
	margin: 0;
	padding-left: 0;
	color: #15283c;
	letter-spacing: 0px;
}

.margin_top_50 {
	margin-top: 50px;
}

.margin_top_30 {
	margin-top: 30px;
}

.margin_0 {
	margin: 0 !important;
}

.center {
	display: flex;
	justify-content: center;
}

.verticle_center {
	display: flex;
	align-items: center;
}

.dropdown-item {
	font-size: 13px;
}

.column img {
	width: 100%;
}

.max_w-50 {
	max-width: 50px;
}


/*------------------------------------------------------------------
    4. header
------------------------------------------------------------------*/
.full_container {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}

.inner_container {
	padding: 0;
	margin: 0;
	display: flex;
}

.dataTable .btn {
	font-size: 12px;
	padding: 4px 9px;
	border: none;
}

.dataTable a.btn {
	display: inline-block;
	padding: 5px 6px;
	line-height: 10px;
	font-size: 10px;
}

.dataTable .badge {
	display: inline-block;
	padding: 5px 10px;
	line-height: 10px;
}

html input.form-control[type="file"] {
	padding-top: 6px;
	line-height: 12px;
}


.header-info {
	font-size: 15px;
	color: white;
	padding: 11px 0px;
	padding-top: 21px;
	font-weight: 600;
}

.header-info i {
}

.header-info a {
	color: #FFC107;
	font-size: 19px;
	padding-left: 5px;
	text-transform: capitalize;
}

/*==============
    - topbar
==============*/

.topbar {
	position: fixed;
	width: 100%;
	padding-left: 265px;
	z-index: 2;
	background: #15283c;
	top: 0;
	transition: ease all 0.3s;
	left: 0;
}

#sidebar.active + #content .topbar {
	padding-left: 90px;
}

.topbar .navbar {
	margin: 0;
}

.right_topbar {
	float: right;
	padding: 0;
}

.icon_info {
	float: left;
	width: 100%;
}

.icon_info ul {
	float: left;
	width: auto;
	list-style: none;
	margin: 0;
}

.icon_info ul li {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 100%;
	text-align: center;
	line-height: 35px;
	position: relative;
	margin: 15px 0 0 5px;
}

.icon_info ul li .fa-question-circle {
	font-size: 21px;
	position: relative;
	top: 1px;
}

.icon_info ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}

.icon_info ul li a img {
	width: 35px;
}

.icon_info ul.user_profile_dd li {
	width: auto;
}

.icon_info ul.user_profile_dd > li span {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	padding: 0 35px 0 10px;
}

.icon_info ul.user_profile_dd li > a::after {
	color: #fff;
	top: 13px;
	right: 28px;
	display: block;
	position: absolute;
	transform: translateY(-50%);
	content: "\f107";
	font-family: 'fontawesome';
	border: none;
	font-size: 18px;
}

.icon_info ul.user_profile_dd {
	float: left;
	margin: 0 5px 0 25px;
}

.count_span {
	font-weight: bold;
	font-size: 16px;
	color: #e8e70f;
}

.icon_info ul.user_profile_dd li a {
	cursor: pointer;
}

.icon_info ul.user_profile_dd > li {
	width: auto;
	border-radius: 0;
	/*background: linear-gradient(90deg, hsla(11, 80%, 45%, 1) 6%, hsl(210.46deg 58.37% 24.41%) 95%);*/
	margin: 0;
	padding: 12px 0 12px 20px;
	height: auto;
}

.sidebar_toggle {
	border: none;
	padding: 14px 26px 14px;
	font-size: 21px;
	background: #ce3917;
	margin-right: 0;
	cursor: pointer;
	float: left;
}

.icon_info span.badge {
	font-size: 9px;
	line-height: 9px;
	padding: 2px 1px;
	position: absolute;
	top: 1px;
	left: -2px;
	background: #ffc107;
	color: #000;
	min-width: 11px;
	height: 12px;
	font-weight: 700;
}

.icon_info ul.user_profile_dd li div a {
	font-size: 15px;
	color: #15283c;
	padding: 4px 15px;
	border-bottom: none;
	line-height: normal;
}

.icon_info ul.user_profile_dd li div a span {
	font-size: 13px;
	color: #15283c;
	font-weight: normal;
	padding: 0;
	transition: all .3s ease-in-out;
	line-height: normal;
}

.icon_info ul.user_profile_dd li div a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.icon_info ul.user_profile_dd li div a:hover,
.icon_info ul.user_profile_dd li div a:focus {
	background: #243147;
	color: #fff;
}

.icon_info ul.user_profile_dd li div a:hover span,
.icon_info ul.user_profile_dd li div a:focus span {
	color: #fff;
}

.user_profile_dd .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	float: left;
	padding: 10px 6px;
	margin: 0;
	font-size: 15px;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
	width: 100%;
	box-shadow: -1px 1px 4px -2px rgba(0, 0, 0, 0.2);
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/**-- sidebar --**/

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}

i,
span {
	display: inline-block;
}

.chat-conversation {
	background-color: /*#15283c*/ #dee2e6;
	background-image: url('../images/layout_img/pattern_h.png');
}

.user-chat .chat-conversation ul li {
	background: transparent;
}

#sidebar {
	min-width: 265px;
	max-width: 265px;
	background-color: #15283c;
	background-image: url('../images/layout_img/pattern_h.png');
	color: #fff;
	transition: all 0.3s;
	/*position: relative;*/
	z-index: 11;
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4);
	float: left;
	width: 100%;
	position: fixed;
	height: 100%;
	overflow: auto;
}

.sidebar_blog_1,
.sidebar_blog_2,
.sidebar_blog_3 {
	float: left;
	width: 100%;
}

#sidebar ul li a {
	text-align: left;
}

#sidebar .sidebar-header strong {
	display: none;
	font-size: 1.8em;
}

#sidebar ul.components {
	padding: 0px 0;
	margin: 0;
	float: left;
	width: 100%;
}

#sidebar ul li a {
	padding: 13px 13px;
	font-size: 0.9em;
	display: block;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 300;
}

#sidebar ul li a:hover,
#sidebar ul li a:focus {
	color: white;
}

#sidebar ul.components li {
	position: relative;
}

#sidebar ul.components ul {
	background: #214162;
	padding: 0px 0;
}

#sidebar ul.components ul li a {
	/*font-size: 13px;*/
	color: rgba(255, 255, 255, .7);
	padding: 10px 35px;
	border-bottom: 1px solid #182b3f59;
}

#sidebar ul.components ul li a:hover {
	color: #fff;
	/*background: transparent;*/
	padding-left: 45px;
	background: linear-gradient(90deg, hsl(11deg 80% 45% / 56%) 6%, hsl(211.58deg 42.22% 17.65% / 78%) 95%);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#sidebar ul li a i {
	margin-right: 20px;
	width: 15px;
	font-size: 20px;
	float: left;
}

#sidebar.active li.active a,
#sidebar.active li.active a:hover {
	background: #ce3817;
}

.bottom_sidebar ul li {
	float: left;
	width: 50%;
	list-style: none;
}

a[data-toggle="collapse"] {
	position: relative;
}

#content {
	width: 100%;
	min-height: 100vh;
	transition: ease all 0.3s;
	position: relative;
	padding: 62px 15px 10px 285px;
	/*background: #f8f8f8;*/
	/*background: linear-gradient(135deg, #ffffcc, #fbf9e2);*/
	background: linear-gradient(135deg, #fffcfc, #9e9e9e1f);
}

#content div.card-body {
}

#content div.footer {
	border: 1px solid #2222222b;
	box-shadow: -3px 4px 10px 0px rgb(0 0 0 / 17%);
}

.custom-progress {
	padding: 17px 42px 17px !important;
}

.custom-progress .heading1 > * {
	color: white;
}

.page_title {
	background: #fff;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 15px 35px 15px 27px;
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
	margin-left: -40px;
	margin-right: -40px;
	position: relative;
}

#Menu_sms {
	background-color: #1ea37a;
	padding: 2px 13px;
	border-radius: 4px;
	color: white;
	margin-left: 10px !important;
}

.page_title h2 {
	font-size: 15px;
	font-weight: 600;
	color: #15283c;
}

#sidebar.active + #content {
	padding-left: 115px;
}

.topbar .navbar {
	padding: 0;
	/* background: linear-gradient(90deg, hsla(11, 80%, 45%, 1) 6%, hsl(210.46deg 58.37% 24.41%) 95%); */
	border: none;
	border-radius: 0;
}

.user_profle_side {
	display: flex;
}

.sidebar_user_info {
	padding: 10px 15px;
	background: #214162;
}

.user_img img {
	border-radius: 100% 100%;
	max-width: 50px;
}

.user_info {
	margin: 0 0 0 15px;
	padding-top: 15px;
}

.online_animation {
	width: 12px;
	height: 12px;
	background: #1ed085;
	border-radius: 100%;
	margin-top: 0;
	position: relative;
	top: 1px;
	-webkit-animation: online 2s infinite;
	/* Safari 4.0 - 8.0 */
	animation: online 2s infinite
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes online {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes online {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.user_info p {
	font-size: 13px;
	font-weight: 500;
	color: #1ed085;
	margin: 0;
}

.user_info h6 {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
}

.user_img {
	max-width: 75px;
	/*height: 75px;*/
	float: left;
}

.logo_section {
	padding: 0;
	width: auto;
	text-align: center;
	background: transparent;
	float: left;
}

.logo_section img {
	height: 42px;
	padding: 0;
	margin: 8px 15px 0;
}

#sidebar.active .logo_section a {
	width: 100%;
	display: flex;
	justify-content: center;
}

.logo_section img.logo_icon {
	margin: 0;
	text-align: center;
	padding: 8px 8px;
	height: 60px;
}

#sidebar h4 {
	background: #15283c;
	margin: 0;
	padding: 7px 12px 7px;
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	border-bottom: solid #ce3917 1px;
	font-size: 12px !important;
	text-transform: uppercase;
}

#sidebar .green_color {
	color: #ffffff !important;
}

/*------------------------------------------------------------------
    5. content section
-------------------------------------------------------------------*/
.content_inner_section {
	background: #fff;
	box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.4);
	padding: 25px 30px;
}

.content_inner_section .top_page_header {
	width: 100%;
}

.content_inner_section .top_page_header .page_title {
	float: left;
}

.content_inner_section .top_page_header .page_title h3 {
	font-size: 21px;
	font-weight: 500;
	text-transform: none;
	color: #222;
}

.page_menu_cont {
	width: auto;
	float: right;
}

.page_menu_cont ul {
	list-style: none;
	float: left;
	width: 100%;
}

.page_menu_cont ul li {
	float: left;
	font-size: 17px;
	margin: 0 15px;
}

.counter_section {
	min-height: auto;
	display: block;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border: 0px solid #e7e7e7;
	padding: 30px 10px;
	background: #9E9E9E;
	border-radius: 5px;
	min-height: 125px;
	display: flex;
}

.couter_icon span {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	padding: 0 5px;
	font-weight: 500;
}

.couter_icon span {
	width: 100%;
}

.couter_icon i {
	color: #fff;
	font-size: 50px;
	line-height: normal;
	width: 100%;
	float: left;
	text-align: center;
}

.couter_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	float: left;
	margin: 8px 0 8px;
}

.couter_icon > div {
	border-right: solid rgba(255, 255, 255, 0.3) 1px;
	padding-right: 35px;
}

.counter_no {
	padding: 0 12px;
	align-content: center;
	align-items: center;
	float: right;
	width: 100%;
}

.counter_no p.total_no {
	margin: 0;
	font-size: 18px !important;
	float: left;
	width: 100%;
	line-height: normal;
	font-weight: 600;
	color: white;
	text-align: right;
	font-size: 24px;
	font-weight: 400;
}

.customphones {
}

.customphones li {
	padding: 15px 10px !important;
}

.custom-dashboard {
}

.custom-dashboard tbody td {
	padding: 15px 15px;
	font-size: 16px;
	FONT-WEIGHT: 400;
}

.counter_no .head_couter {
	float: left;
	width: 100%;
	color: white;
	font-weight: 300;
	margin: 0px 0 0 0;
	font-size: 15px !important;
	text-align: right;
}

.counter_no .counter_desrp {
	margin: 0;
	color: #fff;
	line-height: 18px;
}

#myChart-top {
	box-shadow: 10px 10px 5px -4px rgba(224, 224, 224, 0.6);
}

.zc-ref {
	display: none;
}

#myChart-wrapper {
	margin: auto;
}

#graph1 {
	margin-top: 10px;
}

#rebenue {
}

.graph_revenue {
	padding: 0;
	margin-top: 0;
	min-height: auto;
}

.graph_head {
	padding: 18px 25px 15px;
	float: left;
	width: 100%;
	border-bottom: solid #f3f3f3 2px;
}

.heading1 {
	float: left;
	padding: 0 0 20px 0;
	width: 100%;
	margin-top: 50px;
}

.graph_head .heading1 {
	float: left;
	padding: 0;
	width: auto;
}

.heading2 {
	background: #fff;
	padding: 15px 25px;
	margin: 20px 0 0 0;
	border-bottom: solid #ff5722 2px;
}

.heading2 h3 {
	font-size: 20px;
	text-transform: none;
	font-weight: 600;
	position: relative;
	color: #15283c;
	font-family: 'Raleway', sans-serif;
}

.time_form {
	float: right;
	margin: 6px 0 0;
}

.time_form form {
	float: left;
	width: 100%;
}

.time_form form .field {
	float: left;
	margin-right: 0;
	margin-left: 12px;
}

.time_form form .field label {
	margin-right: 12px;
	margin-bottom: 0;
	font-size: 15px;
	color: #999;
}

.time_form form .field input {
	border: solid #ddd 1px;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	padding: 6px 10px;
	border-radius: 0;
}

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

.mail-option .dropdown-menu {
	padding: 10px;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	border: solid #ddd 1px;
}

.mail-option .dropdown-menu li {
	margin: 10px 0;
}

.mail-option .dropdown-menu {
	padding: 4px 15px;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	border: solid #ddd 1px;
	margin-top: 5px;
}

.mail-option .btn-group a.btn {
	border-radius: 0 !important;
	background: #fff;
	padding: 8px 14px;
	color: #666;
	font-size: 14px;
}


/*------------------------------------------------------------------
    6. Progressbar
-------------------------------------------------------------------*/

.progress_bar {
	padding: 15px 40px 50px 40px;
}

.progress.skill-bar {
	background: #e9ecef;
	border-radius: 0;
	height: 10px;
	margin-top: 2px;
	border-radius: 10px;
}

.progress.skill-bar .progress-bar {
	background-color: #1ed085;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

.skill {
	font-size: 14px;
	color: #455a64;
	margin-top: 20px;
	font-weight: 500;
}

.skill .info_valume {
	float: right;
}


/*------------------------------------------------------------------
    7. Table style
-------------------------------------------------------------------*/

.table_format.strp table {
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	color: #666;
}

.table_format.strp thead th {
	background: #15283c;
	border: none;
	color: #fff;
	vertical-align: middle;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 1;
	padding: 22px 40px;
	white-space: nowrap;
	font-size: 16px;
}

.table_format.strp tbody th,
.table_format.strp tbody td {
	font-size: 15px;
	padding: 20px 40px;
	vertical-align: middle;
	font-weight: 400;
	transform: capitalize;
	line-height: 1;
	width: white-space;
}

.top_countries_section {
	background-color: #ff4748;
	border-radius: 8px;
	padding: 25px 40px;
	background-image: -webkit-linear-gradient(90deg, #396afc 0%, #2948ff 100%);
}

.top_countries_section ul {
	list-style: none;
}

.top_countries_section ul li {
	color: #fff;
	padding: 14px 5px;
	float: left;
	width: 100%;
	border-bottom: solid rgba(255, 255, 255, .2) 1px;
}

.top_countries_section ul li span.country_name {
	float: left;
}

.top_countries_section ul li span.country_counter {
	float: right;
}

.area_chart {
	padding: 30px 0 30px 30px;
	width: 97%;
}

.margin_bottom_30 {
	margin-bottom: 30px;
}

.white_shd {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin-top: 0;
}

.dark_bg {
	background: #214162;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin-top: 0;
	background-image: url('../images/layout_img/pattern_h.png');
}

.dark_bg .graph_head {
	border-bottom: solid rgba(255, 255, 255, .1) 2px;
}

.dark_bg h2 {
	color: #fff;
}


/*------------------------------------------------------------------
    8. Social icon
-------------------------------------------------------------------*/

.socile_icons {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	background: #fff;
	min-height: 165px;
}

.social_icon {
	width: 100%;
	text-align: center;
	font-size: 45px;
	background: black;
	padding: 10px 0 8px;
	color: #fff;
	background: #222;
}

.fb .social_icon {
	background: #3b5998;
}

.tw .social_icon {
	background: #00aced;
}

.linked .social_icon {
	background: #0077B5;
}

.google_p .social_icon {
	background: #d34836;
}

.socile_icons .social_cont {
	float: left;
	text-align: center;
	width: 100%;
	padding: 15px 0 15px;
}

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

.socile_icons .social_cont ul li {
	float: left;
	width: 50%;
	font-size: 18px;
	color: #455a64;
	line-height: 24px;
}

.socile_icons .social_cont ul li span {
	float: left;
	width: 100%;
	color: #99abb4;
	font-size: 17px;
	font-weight: 300;
}

.socile_icons .social_cont ul li span strong {
	font-weight: 600;
	color: #455a64;
	font-size: 18px;
}


/*------------------------------------------------------------------
    9. Pie charts
-------------------------------------------------------------------*/


/**  **/

#canvas-holder {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

#chartjs-tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	border-radius: 3px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.chartjs-tooltip-key {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}


/*------------------------------------------------------------------
    10. Testimonial slider
-------------------------------------------------------------------*/

#testimonial_slider.carousel {
	width: 86%;
	margin: 35px 7% 35px;
}

#testimonial_slider .carousel-inner {
	padding: 0;
	text-align: center;
}

#testimonial_slider.carousel .item {
	color: #999;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: auto;
}

#testimonial_slider.carousel .item a {
	color: #eb7245;
}

#testimonial_slider.carousel .img-box {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border-radius: 50%;
}

#testimonial_slider.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}

#testimonial_slider.carousel .testimonial {
	padding: 30px 0 10px;
	color: rgba(255, 255, 255, .7);
	font-size: 15px;
	line-height: 24px;
}

#testimonial_slider.carousel .overview {
	text-align: center;
	padding-bottom: 5px;
	font-size: 14px;
	color: #1ed085;
	font-weight: 500;
	line-height: 14px;
}

#testimonial_slider.carousel .overview b {
	color: #fff;
	font-size: 16px;
	text-transform: none;
	display: block;
	padding-bottom: 5px;
	font-weight: 500;
}

#testimonial_slider.carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}

#testimonial_slider.carousel .carousel-control {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	text-shadow: none;
	top: 0;
	opacity: 1;
}

#testimonial_slider.carousel .carousel-control i {
	font-size: 20px;
	margin-right: 2px;
	color: #15283c;
	margin-top: -2px;
}

#testimonial_slider.carousel .carousel-control.left {
	left: auto;
	right: 40px;
}

#testimonial_slider.carousel .carousel-control.right i {
	margin-right: -2px;
	margin-top: -2px;
}

#testimonial_slider.carousel .carousel .carousel-indicators {
	bottom: 15px;
}

#testimonial_slider.carousel .carousel-indicators li,
#testimonial_slider.carousel .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}

#testimonial_slider.carousel .carousel-indicators li {
	background: #e2e2e2;
	border-color: transparent;
}

#testimonial_slider.carousel .carousel-indicators li.active {
	border: none;
	background: #888;
}


/*------------------------------------------------------------------
    11. Blog Section
-------------------------------------------------------------------*/

.dash_head {
	background-image: url('../images/layout_img/pattern_h.png');
	font-weight: normal;
	height: auto;
	border-radius: 5px 5px 0 0;
	padding: 35px 45px 32px;
	background-size: cover;
	background-color: #214162;
	position: relative;
}

.dash_head h3 {
	color: #fff;
	text-transform: none;
	font-weight: 400;
	font-size: 22px;
}

.dash_blog {
	min-height: 650px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.plus_green_bt {
	position: absolute;
	right: 0;
	bottom: -54px;
}

.plus_green_bt a {
	background: #1ed085;
	color: #fff;
	width: 45px;
	height: 45px;
	float: right;
	border-radius: 50%;
	text-align: center;
	line-height: 45px;
	font-size: 28px;
	font-weight: 500;
}

.dash_blog_inner .list_cont {
	border-bottom: 1px solid #f2f2f2;
	padding: 25px 40px;
}

.dash_blog_inner .list_cont p {
	margin: 2px 0 0 0;
	font-size: 16px;
	color: #455a64;
}

.task_list {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
}

.task_list li {
	padding: 20px 40px;
	border-bottom: solid #eee 1px;
	line-height: normal;
	font-size: 16px;
	border-left: solid 5px #666;
}

.main_bt {
	min-width: 125px;
	height: auto;
	float: left;
	/*background: #1ed085;*/
	background: linear-gradient(135deg, #00bcd4, #2196f3);
	text-align: center;
	color: #fff;
	padding: 10px 25px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
	transition: ease all 0.5s;
	cursor: pointer;
	font-weight: 300;
	transition: background 0.3s ease;
}

button.main_bt {
	float: none;
	margin: 0;
}

.main_bt:hover,
.main_bt:focus {
	/*background: #ff5722;*/
	background: linear-gradient(135deg, #2196f3, #00bcd4);
	color: #fff;
	/*transition: background 0.3s ease;*/
}

.task_list li a {
	color: #99abb4;
	font-size: 16px;
}

.task_list li strong {
	font-weight: 600;
	color: #455a64;
}

.task_list li:nth-child(1) {
	border-left-color: #ff9800;
}

.task_list li:nth-child(2) {
	border-left-color: #2196f3;
}

.task_list li:nth-child(3) {
	border-left-color: #673ab7;
}

.task_list li:nth-child(4) {
	border-left-color: #e91e63;
}

.task_list li:nth-child(5) {
	border-left-color: #1ed085;
}

.msg_list li:nth-child(1) {
	border-left-color: #ff9800;
}

.msg_list li:nth-child(2) {
	border-left-color: #2196f3;
}

.msg_list li:nth-child(3) {
	border-left-color: #673ab7;
}

.msg_list li:nth-child(4) {
	border-left-color: #e91e63;
}

.msg_list li:nth-child(5) {
	border-left-color: #1ed085;
}

.task_list_main {
	float: left;
	width: 100%;
}

.read_more {
	float: left;
	width: 100%;
	margin: 30px 0;
}

.dash_blog_inner {
	float: left;
	width: 100%;
}

.msg_list_main {
	float: left;
	width: 100%;
}

.msg_list_main ul {
	list-style: none;
	float: left;
	width: 100%;
}

.msg_list_main ul li {
	padding: 22px 40px;
	border-bottom: solid #eee 1px;
	line-height: normal;
	font-size: 14px;
	border-left: solid 5px #666;
	float: left;
	width: 100%;
	display: flex;
	position: relative;
}

.msg_list_main ul li span .time_ago {
	position: absolute;
	right: 40px;
	top: 25px;
}

.msg_list_main ul li span p {
	margin: 0;
}

.msg_list_main ul li span .name_user {
	font-size: 16px;
	font-weight: 500;
	color: #455a64;
	float: left;
	width: 100%;
	margin-bottom: 0;
	margin-top: 5px;
}

.msg_list_main ul li span .msg_user {
	font-size: 15px;
	font-weight: 300;
	color: #99abb4;
}

.msg_list_main ul li > span:nth-child(1) {
	margin-right: 20px;
}

.msg_list_main ul li > span img {
	width: 70px;
	border-radius: 100%;
}

.msg_list li:nth-child(4) {
	border-bottom: none;
}


/*------------------------------------------------------------------
    12. Dashboard Style 2
-------------------------------------------------------------------*/

.dashboard_2 .social_icon {
	float: left;
	width: 50%;
	height: 148px;
}

.dashboard_2 .socile_icons {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	background: #fff;
	min-height: auto;
}

.dashboard_2 .social_icon {
	line-height: 135px;
	font-size: 60px;
}

.dashboard_2 .social_cont {
	float: left;
	width: 50%;
	padding: 15px 15px;
}

.dashboard_2 .social_cont ul li {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #455a64;
	line-height: 24px;
	text-align: right;
	margin-bottom: 10px;
	padding: 0 20px;
}

.dashboard_2 .dash_blog {
	padding: 25px;
}

#chart-0,
#chart-1,
#chart-2,
#chart-3 {
	height: 380px;
}


/*------------------------------------------------------------------
    13. Footer
-------------------------------------------------------------------*/

.footer {
	min-height: auto;
	background: #fff;
	margin-top: 7vh;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	width: 100%;

}

.footer p {
	margin: 0;
	line-height: normal;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #070707;
	padding: 8px 15px;
}

.footer a {
	color: #104ba9;
}

/*------------------------------------------------------------------
    14. Widgets section
-------------------------------------------------------------------*/

.info_people {
	padding: 35px;
	display: flex;
}

.info_people .p_info_img {
	width: 30%;
}

.info_people .p_info_img img {
	width: 100%;
	border-radius: 5px;
}

.info_people .user_info_cont {
	width: 60%;
	padding-left: 30px;
	padding-top: 25px;
}

.info_people .user_info_cont h4 {
	font-weight: 500;
	margin-bottom: 5px;
}

.info_people .user_info_cont p {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
}

.info_people .user_info_cont p.p_status {
	font-weight: 600;
	color: #ff5722;
	margin-top: 10px;
}

.widget_progress_bar {
	padding: 40px 40px 50px 40px;
}

.widget_progress_bar .progress_no {
	font-size: 24px;
	color: #15283c;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}

.widget_progress_bar .progress_head {
	font-size: 15px;
	font-weight: 400;
	color: #666;
	padding: 0;
}

.widget_progress_bar .progress_bar {
	padding: 0;
}

.widget_progress_bar .progress_bar .skill {
	margin-top: 5px;
}


/*------------------------------------------------------------------
    15. Calendar section
-------------------------------------------------------------------*/

.calendar {
	float: left;
	width: 100%;
}

.calendar table.unstackable {
	display: inline-table;
	width: 100%;
}

.calendar table.unstackable thead tr:nth-child(1) th {
	font-weight: 500;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
	border: none;
	color: #fff;
	text-align: center;
	background: #1ed085;
	font-size: 21px;
	padding: 15px 0;
}

.calendar table.unstackable thead tr:nth-child(2) {
	background: #666;
	border: none;
	color: #fff;
}

.calendar table.unstackable thead tr:nth-child(2) th {
	font-weight: 500;
	text-align: center;
	border: none;
}

.calendar table.unstackable tbody tr {
	text-align: center;
	font-size: 15px;
}

.calendar table.unstackable thead tr:nth-child(1) th .prev.link {
	position: absolute;
	left: 30px;
	font-size: 32px;
	font-weight: 600;
	top: 6px;
	cursor: pointer;
}

.calendar table.unstackable thead tr:nth-child(1) th .next.link {
	position: absolute;
	right: 30px;
	font-size: 32px;
	font-weight: 600;
	top: 6px;
	cursor: pointer;
}

.link.disabled {
	opacity: 0.4;
}

.calendar tr {
	position: relative;
}

i.icon.chevron.left::before {
	content: "\f104";
}

i.icon.chevron.right::before {
	content: "\f105";
}

i.icon,
i.icons {
	font-size: 1em;
}

i.icon {
	font-family: fontawesome;
	font-style: normal;
	font-weight: 400;
	text-align: center;
}


/*------------------------------------------------------------------
    16. General Elements
-------------------------------------------------------------------*/

.link.today {
	background: #ff5722;
	color: #fff;
	font-weight: 600;
}


/** tabbar style 1 **/

.tabbar {
	float: left;
	width: 100%;
}

.tab-content {
	padding: 20px 0;
}

.tab-content p {
	margin: 0;
	line-height: normal;
	font-size: 14px;
	font-weight: 300;
}

.tabbar .nav-tabs {
	border-bottom: solid #eee 1px;
}

.tabbar nav div.nav-tabs .nav-link {
	border-radius: 0;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 300;
}


/** tabbar style 2 **/

.tab_style2 .tabbar nav div.nav-tabs .nav-link.active {
	background: #ce3917;
	color: #fff;
	border-color: #f3380d;
}


/** tabbar style 3 **/

.tab_style3 #v-pills-tab {
	float: left;
	width: auto;
	min-width: 120px;
}

.tab_style3 #v-pills-tabContent {
	float: left;
	width: 80%;
	padding: 0 20px;
}

.tab_style3 .tabbar {
	display: flex;
}

.tab_style3 div.tabbar div.nav-pills .nav-link.active {
	background: #ff5722;
	color: #fff;
	border-color: #ff5722;
}


/** button section **/

.btn {
	font-size: 14px;
}

.button_sction {
	float: left;
	width: 100%;
}

.button_sction .button_block {
	float: left;
	margin: 5px;
}

.button_sction .button_block button {
	margin: 0;
}


/** pagination **/

.pagination .btn {
	background: #1ed085;
	color: #fff;
	border-color: #1ed085;
	width: 45px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
}

.pagination.button_section {
	margin: 5px;
}

.pagination .btn.active,
.pagination .btn:hover,
.pagination .btn:focus {
	background: #333;
	border-color: #333;
}


/**-- model bt --**/

.model_bt {
	padding: 11px 20px 10px;
}

.dropdown_section {
	float: left;
	margin: 5px;
}


/*------------------------------------------------------------------
    17. Gallery Section
-------------------------------------------------------------------*/

.gallery_section_inner .column {
	background: #fff;
	box-shadow: 0 0 13px -10px #000;
	overflow: hidden;
}

.heading_section {
	border-top: solid #1ed085 2px;
	background: #15283c;
}

.heading_section h4 {
	color: #fff;
	margin: 0;
	font-weight: 200;
	text-align: center;
	padding: 16px 0 16px;
	font-size: 15px;
}


/*------------------------------------------------------------------
    18. Icons
-------------------------------------------------------------------*/

.fontawesome-icons-list .fw_icon a {
	transition: ease all 0.2s;
}

.fw_icon a {
	float: left;
	width: 100%;
	padding: 10px 15px;
	font-size: 14px;
	border-radius: 2px;
	color: rgba(21, 40, 60, 0.6);
}

.fw_icon a i {
	width: 25px;
	text-align: center;
	margin-right: 5px;
	font-size: 17px;
}

.fontawesome-icons-list .fw_icon a:hover,
.fontawesome-icons-list .fw_icon a:focus {
	background-color: #1ed085;
	color: #fff;
	text-decoration: none;
	transform: scale(1.1);
}

.fw_icon {
	width: 20%;
}

.fontawesome-icons-list .fw_icon:nth-child(2n+2) {
	background: #f9f9f9;
}


/*------------------------------------------------------------------
    19. Invoice
-------------------------------------------------------------------*/

h2.invoice_head {
	font-size: 22px;
	font-weight: 500;
	color: #222;
}

h2.invoice_head small {
	font-size: 13px;
	font-weight: 500;
}

.heading1 h2 i {
	position: relative;
	top: 1px;
}

.invoice_blog h4 {
	color: #15283c;
	background: #f8f8f8;
	padding: 15px 20px;
	font-weight: 400;
	font-size: 18px;
}

.invoice_blog p {
	margin: 0;
	padding: 0 20px;
	line-height: 26px;
}

.invoice_blog p strong {
	font-weight: 500;
	color: #15283c;
}

.table_row thead {
	border: none;
}

.table_row thead tr {
	border: none;
	background: #f8f8f8;
	color: #15283c;
}

.table_row thead tr th {
	border: none;
	font-size: 15px;
	font-weight: 500;
	padding: 14px 25px 14px;
	color: #15283c;
	text-transform: uppercase;
}

.invoice_page .table-striped tbody tr:nth-of-type(2n+2) {
	background-color: #f8f8f8;
}

.invoice_page .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #fff;
}

.table_row tbody {
}

.table_row tbody tr {
	border: none;
}

.table_row tbody tr td {
	font-size: 14px;
	font-weight: 400;
	padding: 12px 25px 12px;
	border: none;
	color: black;
}


/*------------------------------------------------------------------
    20. Price table
-------------------------------------------------------------------*/

.price_table table.table {
	margin: 0;
}

.payment_option {
	list-style: none;
	float: left;
	width: 100%;
}

.payment_option li {
	display: inline;
	float: left;
	margin-right: 10px;
	border-radius: 5px;
}

.price_table table th {
	font-weight: 500;
}

.price_table table th,
.price_table table td {
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	color: #666;
	vertical-align: middle;
}

p.note_cont {
	float: left;
	width: 100%;
	border: solid #1ed085 1px;
	padding: 11px 20px;
	border-radius: 3px;
	color: #1ed085;
	background: rgba(30, 208, 133, 0.05);
	margin-top: 15px;
}


/*------------------------------------------------------------------
    21. Mail
-------------------------------------------------------------------*/

.mail-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.mail-box aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top;
}

.mail-box .sm-side {
	background: #fff;
	border-radius: 0;
	width: 20%;
}

.mail-box .lg-side {
	background: none repeat scroll 0 0 #fff;
	border-radius: 0 4px 4px 0;
	width: 80%;
}

.mail-box .sm-side .user-head {
	background: #214162;
	border-radius: 0;
	color: #fff;
	min-height: 80px;
	padding: 11px 25px;
	float: left;
	width: 100%;
}

.user-head .inbox-avatar {
	float: left;
	width: 65px;
	margin-right: 5px;
}

.user-head .inbox-avatar img {
	border-radius: 100%;
}

.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px;
}

.user-head .user-name h5 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: -5px;
	margin-top: 10px;
	text-transform: none;
}

.user-head .user-name h5 a {
	color: #fff;
}

.user-head .user-name span a {
	color: #1ed085;
	font-size: 13px;
}

a.mail-dropdown {
	background: none repeat scroll 0 0 #80d3d9;
	border-radius: 2px;
	color: #01a7b3;
	font-size: 10px;
	margin-top: 20px;
	padding: 3px 5px;
}

.inbox-body {
	padding: 20px;
	float: left;
	width: 100%;
}

.labels-category {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
}

.btn-compose {
	background: #1ed085;
	color: #fff;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
}

.btn-compose:hover {
	background: #ff5722;
	color: #fff;
}

ul.inbox-nav {
	display: inline-block;
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
}

.labels-info {
	float: left;
	width: 100%;
	padding: 20px;
}

ul.labels-category li {
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 0 20px;
}

ul.labels-category li a:hover {
	color: #1ed085;
}

.inbox-divider {
	border-bottom: 1px solid #ddd;
}

ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%;
}

ul.inbox-nav li a {
	display: inline-block;
	line-height: 48px;
	padding: 0 20px;
	width: 100%;
	font-size: 15px;
}

ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
	background: #214162;
	color: #fff;
}

ul.inbox-nav li a:hover i,
ul.inbox-nav li.active a i,
ul.inbox-nav li a:focus i {
	color: #fff;
}

ul.inbox-nav li a i {
	color: #6a6a6a;
	font-size: 18px;
	padding-right: 10px;
	position: relative;
	top: 1px;
}

ul.inbox-nav li a span.label {
}

ul.labels-info li h4 {
	color: #5c5c5e;
	font-size: 13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	text-transform: uppercase;
}

ul.labels-category li h4 {
	margin: 0 0 10px 0;
	font-size: 21px;
	font-weight: 400;
	line-height: normal;
}

ul.labels-info li {
	margin: 0;
}

ul.labels-category li i {
	font-size: 12px;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

ul.labels-info li a {
	border-radius: 0;
	color: #6a6a6a;
}

ul.labels-info li a:hover,
ul.labels-info li a:focus {
	background: none repeat scroll 0 0 #d5d7de;
	color: #6a6a6a;
}

ul.labels-info li a i {
	padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
	color: #9d9f9e;
	font-size: 11px;
	margin-bottom: 0;
	padding: 0 22px;
}

.inbox-head {
	background: #f6f6f6;
	border-radius: 0;
	color: #fff;
	min-height: 80px;
	padding: 24px 30px 24px;
	background-size: cover;
	background-position: center center;
}

.inbox-head h3 {
	display: inline-block;
	font-weight: 500;
	margin: 0;
	padding-top: 3px;
	text-transform: none;
	letter-spacing: 0;
	color: #15283c;
	font-size: 21px;
}

.inbox-head .sr-input {
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	color: #222;
	float: left;
	height: 40px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 500;
	width: 210px;
}

.inbox-head .sr-btn {
	background: #ff5722;
	border: medium none;
	border-radius: 0;
	color: #fff;
	height: 40px;
	padding: 0;
	width: 40px;
}

.table-inbox {
	border: 1px solid #d3d3d3;
	margin-bottom: 0;
}

.table-inbox tr td {
	padding: 12px !important;
}

.table-inbox tr td:hover {
	cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
	color: #f78a09;
}

.table-inbox tr td .fa-star {
	color: #d5d5d5;
}

.table-inbox tr.unread td {
	background: none repeat scroll 0 0 #f7f7f7;
	font-weight: 400;
	font-size: 13px;
}

ul.inbox-pagination {
	float: right;
}

ul.inbox-pagination li {
	float: left;
}

.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

.mail-option .chk-all,
.mail-option .btn-group {
	margin-right: 5px;
}

.mail-option .chk-all,
.mail-option .btn-group a.btn {
	background: none repeat scroll 0 0 #fcfcfc;
	border: 1px solid #e7e7e7;
	border-radius: 3px !important;
	color: #afafaf;
	display: inline-block;
	padding: 5px 10px;
}

.inbox-pagination a.np-btn {
	background: #1ed085;
	border: 1px solid #1ed085;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	font-size: 20px;
}

.mail-option .chk-all input[type="checkbox"] {
	margin-top: 0;
}

.mail-option .btn-group a.all {
	border: medium none;
	padding: 0;
}

.inbox-pagination a.np-btn {
	margin-left: 5px;
}

.inbox-pagination li span {
	display: inline-block;
	margin-right: 10px;
	margin-top: 7px;
	font-size: 14px;
}

.fileinput-button {
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid #e6e6e6;
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
	border: 1px solid #e6e6e6;
	box-shadow: none;
}

.btn-send,
.btn-send:hover {
	background: none repeat scroll 0 0 #00a8b3;
	color: #fff;
}

.btn-send:hover {
	background: none repeat scroll 0 0 #009da7;
}

.modal-header h4.modal-title {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}

.modal-body label {

	font-weight: 500;
	font-size: 12px;
	margin-bottom: 1px;
	display: inline-block;
	padding-left: 2px;
}

.modal-body .form-group {
	margin-bottom: 5px;
}

.modal-body .session-title {
	font-weight: 600;
	font-size: 15px;
}

#profileupdate .session-title {
	font-weight: 600;
	font-size: 15px;
}

.heading-inbox h4 {
	border-bottom: 1px solid #ddd;
	color: #444;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.sender-info {
	margin-bottom: 20px;
}

.sender-info img {
	height: 30px;
	width: 30px;
}

.sender-dropdown {
	background: none repeat scroll 0 0 #eaeaea;
	color: #777;
	font-size: 10px;
	padding: 0 3px;
}

.view-mail a {
	color: #ff6c60;
}

.attachment-mail {
	margin-top: 30px;
}

.attachment-mail ul {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

.attachment-mail ul li {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 150px;
}

.attachment-mail ul li img {
	width: 100%;
}

.attachment-mail ul li span {
	float: right;
}

.attachment-mail .file-name {
	float: left;
}

.attachment-mail .links {
	display: inline-block;
	width: 100%;
}

.fileinput-button {
	float: left;
	margin-right: 4px;
	overflow: hidden;
	position: relative;
}

.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 23px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(-300px, 0px) scale(4);
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}

.files .progress {
	width: 200px;
}

.table thead th {
	font-weight: 700;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.table-hover tbody tr.unread:hover,
.table-hover tbody tr.unread:focus {
	color: #333;
}

/* .table-hover tbody tr:hover,
.table-hover tbody tr:focus {
    background-color: #1ed085 !important;
    color: #fff;
} */
.midde_cont {
	/* min-height: 656px;*/
	min-height: 75vh;
}

.midde_cont .card {
	border: none;
	border-radius: 8px;
	overflow: hidden;
}

.midde_cont .column_title .page_title {
	padding-top: 12px;
	padding-bottom: 12px;
}

.view-message.inbox-small-cells i {
	font-size: 17px;
}

ul.labels-category li p {
	margin: 0 0 5px 0;
	padding: 0 0 0 18px;
}

.fileupload-processing .fileupload-loading {
	display: block;
}

* html .fileinput-button {
	line-height: 24px;
	margin: 1px -3px 0 0;
}

* + html .fileinput-button {
	margin: 1px 0 0;
	padding: 2px 15px;
}

@media (max-width: 767px) {
	.files .btn span {
		display: none;
	}

	.files .preview * {
		width: 40px;
	}

	.files .name * {
		display: inline-block;
		width: 80px;
		word-wrap: break-word;
	}

	.files .progress {
		width: 20px;
	}

	.files .delete {
		width: 60px;
	}
}

/*------------------------------------------------------------------
    22. Price table page
-------------------------------------------------------------------*/
.price_table_head h2 {
	line-height: normal;
	color: #fff;
	text-align: center;
	font-weight: 400;
	padding: 18px 20px;
	font-size: 24px;
}

.cont_table_price_blog {
	text-align: center;
}

.cont_table_price_blog p {
	font-size: 24px;
	line-height: normal;
	margin: 0;
	padding: 15px 0;
	font-weight: 400;
	border-bottom: solid #ddd 1px;
}

.cont_table_price ul {
	text-align: center;
	line-height: normal;
	padding: 20px 0 10px;
	float: left;
	width: 100%;
	background: #f8f8f8;
}

.cont_table_price li {
	margin: 10px 0;
	float: left;
	width: 100%;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: 300;
}

.cont_table_price ul li:last-child {
	border-bottom: none;
}

.cont_table_price_blog p span.price_no {
	font-size: 60px;
	font-weight: 600;
}

.price_table_bottom {
	float: left;
	width: 100%;
}

.price_table_head {
	margin: -1px -1px 0;
}

.table_price {
	border: solid #ddd 1px;
	padding-bottom: 35px;
	margin-bottom: 20px;
}

.price_table_bottom {
	float: left;
	width: 100%;
	border-top: solid #ddd 1px;
	padding-top: 35px;
}

/*------------------------------------------------------------------
    23. Contact page
-------------------------------------------------------------------*/
.contact_blog {
	float: left;
	width: 100%;
	border: solid #ddd 1px;
	border-radius: 3px;
	padding: 30px;
}

.contact_blog h4.brief {
	font-size: 15px;
	font-weight: 300;
	color: #455a64;
	margin: -5px 0 5px;
	line-height: normal;
}

.contact_inner {
	float: left;
	width: 100%;
}

.contact_inner .left {
	width: 70%;
	float: left;
	padding-right: 20px;
}

.contact_inner .right {
	width: 30%;
	float: left;
}

.contact_inner h3 {
	font-weight: 600;
	text-transform: none;
	font-size: 20px;
	margin-bottom: 10px;
	color: #455a64;
}

.contact_inner p {
	font-size: 13px;
	margin: 0 0 10px 0;
}

.contact_inner p strong {
	font-weight: 600;
}

.contact_inner .list-unstyled {
	list-style: none;
}

.contact_inner .list-unstyled li {
	float: left;
	margin-right: 15px;
	font-size: 14px;
	color: black;
	width: 100%;
}

.profile_contacts img {
	border-radius: 100%;
	border: 1px solid #ddd;
	padding: 4px;
}

.bottom_list {
	float: left;
	width: 100%;
	border-top: solid #ddd 1px;
	margin-top: 20px;
	padding-top: 20px;
}

.bottom_list .left_rating {
	float: left;
	width: auto;
}

.bottom_list .right_button {
	float: right;
}

.bottom_list .left_rating p.ratings {
	margin: 0;
	font-size: 16px;
	padding: 7px 0;
}

.bottom_list .left_rating p.ratings a {
}

.fa.fa-star {
	color: #ff9800;
}

.profile_img {
	float: left;
	margin-right: 20px;
}

.profile_contant {
	float: left;
	padding: 0 20px 20px 20px;
	width: 100%;
}

.tab-content .msg_list_main ul li {
	padding-top: 15px;
	padding-bottom: 15px;
}

.tab-content .msg_list_main ul li {
	border-left: none;
	padding-left: 15px;
	padding-right: 0;
}

.user_progress_bar .progress_bar {
	padding: 0;
}

.dis_flex {
	display: flex;
}

td ul.list-inline li {
	display: inline;
	margin: 0 5px;
}

/*------------------------------------------------------------------
    24. Progress bar
-------------------------------------------------------------------*/
.progress-bar {
	background-color: #1ed085;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

.progress {
	display: flex;
	height: 10px;
	overflow: hidden;
	font-size: .75rem;
	background-color: #fff;
	border-radius: 10px;
}

.projects .btn.btn-success {
	background: #1ed085;
	color: #fff;
	font-size: 12px;
	border: none;
	font-weight: 400;
	padding: 6px 15px;
	border-radius: 50px;
}

table.projects tr td:first-child {
	text-align: center;
}

.table.projects thead.thead-dark th {
	background: #15283c;
	font-weight: 300;
	padding: 15px 15px;
}

.table.projects tbody td {
	padding: 15px 15px;
}

.table-responsive-sm {
	overflow: auto;
}

/*------------------------------------------------------------------
    25. Login Section
-------------------------------------------------------------------*/
.login {
	background: #eee;
}

.full_height {
	height: 100vh;
}

.login_section {
	max-width: 640px;
	background: #fff;
	min-height: 540px;
	width: 100%;
	box-shadow: 0px 0 10px -8px #000;
	margin: 0px;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

.logo_login {
	background: url('../images/layout_img/login_image.jpg');
	padding: 20px 0;
	background-position: center center;
	position: relative;
}

.logo_login::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(21, 40, 60, .8);
	top: 0px;
	left: 0;
}

.logo_login div {
	position: relative;
	z-index: 1;
}

.logo_login img {
	width: 100%;
	max-width: 400px;
}

.auth_form {
	padding: 50px 15px 20px 15px;
	float: left;
	width: 100%;
}


.auth_form form .field {
	margin: 0 0 10px;
}

.auth_form form .regist-input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid #ddd 2px;
	padding: 10px;
	line-height: normal;
	font-weight: 300;
	transition: ease all 0.5s;
	background: #53555514;
	border-radius: 7px;
	width: 100%;
}

.auth_form form label.error {
	color: red;
	font-weight: 600;
	margin-top: 7px;
	font-size: 11px;
	position: absolute;
	left: 18px;
	bottom: -15px;
}

.auth_form form label#country_phone-error {
	color: red;
	font-weight: 600;
	margin-top: 7px;
	font-size: 11px;
	position: absolute;
	left: 15px;
	bottom: -25px !important;
}

.auth_form form .field label.label_field {
	margin: 0 30px 0 0;
	width: 115px;
	line-height: 45px;
	height: 45px;
	font-weight: 400;
	font-size: 15px;
}

.auth_form form .field .login-input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid #ddd 2px;
	max-width: 395px;
	float: right;
	padding: 10px;
	line-height: normal;
	font-weight: 300;
	transition: ease all 0.5s;
	background: #53555514;
	border-radius: 7px;
	width: 100%;
}

.auth_form form .field input:hover,
.auth_form form .field input:focus {
	box-shadow: none;
}

.select.form-control:not([size]):not([multiple]) {
	height: auto !important;
}

.auth_form .field label.form-check-label .form-check-input {
	width: auto;
}

.hidden {
	visibility: hidden;
}

.auth_form .field label.form-check-label {
	margin-left: 20px;
	position: relative;
	top: 0;
}

.forgot {
	float: right;
	margin: 11px 0 0px 0px;
	position: relative;
	left: 0;
	color: #ff5722;
}

/*------------------------------------------------------------------
    26. Error
-------------------------------------------------------------------*/
.error_page h2 {
	font-size: 150px;
	line-height: 150px;
	text-align: center;
	font-weight: 300;
}

.error_page h3 {
	color: #444d5b;
	text-align: center;
	font-weight: 700;
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 25px;
	text-shadow: none;
	margin-top: 10px;
}

.error_page h3 + p {
	font-size: 16px;
	margin-top: -10px;
	margin-bottom: 30px;
	text-align: center;
}

.error_404 {
	background: url('../images/layout_img/pattern_h.png');
	background-size: cover;
	background-color: #fff;
}

/*------------------------------------------------------------------
    27. Map
-------------------------------------------------------------------*/
#map {
	height: 100%;
	min-height: 720px;
}

/* .footer{
    position: fixed;  bottom: 0;  left: 280px;   right: 0;  padding-right: 173px;
} */
/* #sidebar li.active{
    color: #fff !important; background: #ff5722 !important;
} */
.forgot-password-page .login_section {
	min-height: 40px;
}

.forgot-password-page .forgot-login-btn {
	padding-left: 10rem;
}

.forgot-password-page .forgot-form {
	padding: 25px 50px;
}

#sidebar li.active {
	color: #fff !important;
	background: linear-gradient(90deg, hsla(11, 80%, 45%, 1) 6%, hsl(211.58deg 42.22% 17.65%) 95%);
}

#sidebar li.active i.fa {
	color: #fff !important;
}

#sidebar.active .collapse.show {
	background: transparent;
}

#sidebar.active li.active:hover {
}

#sidebar.active li a:has(strong) {
	position: relative;
}

#sidebar.active li a:has(strong) strong {
	position: absolute;
	left: 22%;
	top: 0;
}

.overflow-hidden {
	overflow: hidden;
}

.stripe-page h4 {
	font-weight: 500;
}

/* dashboard page  */
#dashboard .counter .counter_section {
	min-height: 202px;
	align-items: center;
}

#dashboard .counter_no .head_couter {
	font-size: 15px;
}

/* end  */
#expiry-packages-page .plan-box,
#packages-page .plan-box {
	border: thin solid #e0cfcf;
	box-shadow: rgb(227 218 218 / 40%) 9px 17px 19px -10px, rgb(227 218 218 / 40%) -7px 17px 19px -10px;
	border-radius: 9px;
	margin-bottom: 10px;
}

#expiry-packages-page .plan-box .color-yellow,
#packages-page .plan-box .color-yellow {
	color: #ed9900;
}

#expiry-packages-page .plan-features p,
#packages-page .plan-features p {
	font-weight: 500;
}

#expiry-packages-page .plan-features p.pckg-desc,
#packages-page .plan-features p.pckg-desc {
	height: 100vh;
	max-height: 100px;
	overflow: auto;
	padding-right: 3px;
	margin-bottom: 0;
}

#expiry-packages-page .plan-features p i.fa,
#packages-page .plan-features p i.fa {
	color: #41a88e;
}

#expiry-packages-page .plan-features p.pckg-desc::-webkit-scrollbar,
#packages-page .plan-features p.pckg-desc::-webkit-scrollbar {
	width: 7px;
	background: lightblue;
	border-radius: 3px;
}

#expiry-packages-page .plan-features p.pckg-desc::-webkit-scrollbar-thumb,
#packages-page .plan-features p.pckg-desc::-webkit-scrollbar-thumb {
	background-color: #93bfcd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

#expiry-packages-page .plan-btn,
#packages-page .plan-btn {
	margin-top: 5px;
}

#expiry-packages-page h3,
#packages-page h3 {
	font-weight: 600;
	font-size: 21px;
}

.chat-page {
	--active-and-hover-contact: #d9dfe5;
	border-radius: 0.2rem;
	border: thin solid var(--active-and-hover-contact);
}

.chat-page .card {
	border: none;
}

.scrollable.chat {
	height: 400px;
	overflow-y: auto;
}

.chat-page .chat-list {
	overflow-y: auto;
	/*height: 490px;*/
	overflow-x: hidden;
	/* box-shadow: 0px 0px 7px -1px #e2d4d4, -14px 0px 6px -1px #ffffff; */
	/*background: linear-gradient(90deg, rgb(228 227 246 / 38%) 0%, rgb(242 237 237 / 65%) 35%, rgb(224 229 230 / 46%) 100%);*/
	background: white;
}

.chat-page .dropdown a:hover {
	cursor: pointer;
}

.chat-page .chat-list li {
	transition: 0.5ms ease;
	padding: 6px 5px 6px 5px;
	position: relative;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border-bottom: 1px solid #21416247 !important;
	background: linear-gradient(94deg, rgb(223 227 231) 0%, rgb(232 236 240) 100%);
}

.chat-page .chat-list li i.fa-circle {
	display: none !important;
}

.chat-page .chat-list li a {
	overflow: hidden;
	width: 100%;
	display: block;
}

.chat-page .chat-list li i.fa-circle {
	position: absolute;
	left: 12px;
	top: 43%;
	color: #74788d !important;
}

/*.chat-page .chat-list li:hover {
    background: linear-gradient(90deg, #b4bbc3 6%, hsl(0deg 0% 100% / 97%) 95%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}*/

.chat-page .chat-list .media img {
	width: 36px;
	height: 36px;
	margin-right: 9px;
}

.chat-page .chat-leftsidebar {
	max-width: 25%;
	/*background: #14273a;*/
	flex: 25%;
}

#sms-inbound-logs-page .chatter {
	font-weight: 600;
	font-size: 12px;
	color: #495057;
}

#sms-inbound-logs-page .media-body p {
	font-size: 12px;
}

#messages_admin {
	background: #14273a;
	border-top: 1px solid #dee2e614;
	border-left: 1px solid #eeeeee0f;
}

.chat-page .chat-header-area {
	padding: 8.5px 0px;
	/*border-bottom: thin solid #cf391752;
	background: linear-gradient(90deg, #14273b 6%, hsl(0deg 45.5% 24.93% / 97%) 95%);*/
}

.sms-inbox-cog {
	font-size: 2rem;
	color: black !important;
	margin-right: 15px;
}

.chat-page .chat-header-area button {
	font-size: 1.7rem;
	display: inline-flex;
	color: var(--dark);
}

.chat-page .user-chat {
	max-width: 75%;
	flex: 75%;
	/*background: #17283b;*/
}

.chat-page .chat-list .media {
	justify-content: center;
	align-items: center;
}

.chat-page .chat-search-box input {
	border-radius: 17px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 6px;
	padding-left: 34px;
	border: none;
	background-color: #e9ecef;
	color: black;
	padding-top: 11px;
	padding-bottom: 9px;
}

.chat-page .chat-search-box input::placeholder {
	color: #819fa8;
}

.chat-page .chat-input {
	/*border-radius: 21px;
	padding-right: 32px;*/
}

.chat-page .chat-input-links {
	position: absolute;
	top: 4px;
	right: 17px;
}

.chat-page li.active,
.chat-page li.hover {
	/* background: #f4f9ff;*/
	color: white;
	border-bottom: 1px solid #22ce90 !important;
	background: linear-gradient(94deg, rgb(30 163 122) 0%, rgb(30 163 122) 100%);
}

html .chat-page li.active *,
html .chat-page li.hover * {
	color: white !important;
}

.chat-page li.active i.fa {
	color: #34c38f !important;
}

.chat-page li {
	background: white;
}

.chat-page .chat-list .media h5 {
	margin: 0;
}

/* custom feild page css */
#table-container-data {
	/*height: 40em;*/
}

#table-container-data table {
	display: flex;
	flex-flow: column;
	height: 100%;
	width: 100%;
}

#table-container-data table thead {
	/* head takes the height it requires,
	and it's not scaled when table is resized */
	flex: 0 0 auto;
	width: calc(100% - 0.9em);
}

#table-container-data table tbody {
	/* body takes all the remaining available space */
	flex: 1 1 auto;
	display: block;
	overflow-y: scroll;
}

#table-container-data table tbody tr {
	width: 100%;
}

#table-container-data table thead,
#table-container-data table tbody tr {
	display: table;
	table-layout: fixed;
}

#table-container-data .dfields {
	width: 24%;
	margin-bottom: 10px !important;
}

#table-container-data .nav-tabs {
	margin-left: 0px !important;
}

#table-container-data .padding {
	padding: 16px
}

#table-container-data .alert {
	display: table;
	width: 100%
}

#table-container-data .optionInput + .optionInput {
	margin-top: 10px
}

/*end */
/* drop and dropd section input feilds page  */
#drag-drop-page .DADF a {
	text-decoration: none;
}

#drag-drop-page .widget-container .widget-content {
	padding: 16px;
}

#drag-drop-page #fieldSetting {
	background: #fff;
	border: 1px solid #ccc;
}

#drag-drop-page .credit_record {
	padding: 0 0 15px;
	display: table;
	width: 100%;
}

#drag-drop-page .credit_record span {
	display: table;
	color: #676767;
	font-size: 18px;
}

#drag-drop-page .section-header[class*="col-"] {
	margin-top: 0
}

#drag-drop-page .fields-menu li a i.fa-plus {
	margin-top: 5px;
	font-size: 14px
}

#drag-drop-page .fields-menu {
	display: block;
	list-style: outside none none;
	padding: 0;
}

#drag-drop-page .dragable,
.dragableSection {
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	cursor: move;
	display: inline-block;
	padding: 8px 13px;
	text-align: center;
	width: 130px;
	border-radius: 4px;
}

#drag-drop-page .dragable,
#drag-drop-page .dragableSection {
	padding: 8px 13px;
}

#drag-drop-page .dragable:hover,
#drag-drop-page .dragableSection:hover {
	background-color: #fff;
}

#drag-drop-page .drophere {
	background-color: #ffffce;
	border: 1px dashed #cccccc;
	padding: 15px 0;
	text-align: center;
	display: none;
	float: left;
}

#drag-drop-page .glyphicon {
	cursor: pointer;
}

#drag-drop-page #droppable .form-group {
	display: block;
	float: left;
	width: 100%;
	padding: 16px;
	cursor: grabbing;
	margin-bottom: 0;
}

#drag-drop-page #droppable1 .form-group {
	display: block;
	float: left;
	width: 100%;
	padding: 16px;
	cursor: grabbing;
	margin-bottom: 0;
}

#drag-drop-page .mkt-blaw {
	min-height: 75px;
	padding: 0;
	display: table;
	width: 100%
}

#drag-drop-page .mkt-blaw[class*="col-"] {
	margin-top: 10px
}

#drag-drop-page .icon-area {
	display: none;
	padding: 0;
}

#drag-drop-page textarea {
	resize: none;
}

#drag-drop-page #droppable .mkt-blaw .form-group:hover .icon-area {
	display: block;
}

#drag-drop-page #droppable .col-md-6 {
	height: 70px;
}

#drag-drop-page .form-property span {
	margin-top: 3px;
}

@keyframes blink {
	50% {
		border-color: #F8F8F8;
	}
}

#drag-drop-page .drophere {
	animation: blink .7s step-end infinite alternate;
}


#drag-drop-page .fa.fa-gear.dropdown-toggle {
	cursor: pointer;
	margin-top: 1.5%;
}

#drag-drop-page .acitve-column {
	background-color: #F6F6F6;
}

#drag-drop-page .form-group.md-group {
	display: block;
	float: left;
	margin-bottom: 0;
	padding: 5px 0;
	width: 100%;
	cursor: grabbing;
}

#drag-drop-page .showPickOption .form-group.md-group:hover {
	background-color: #f2f2f2;
}

#drag-drop-page .showPickOption .col-md-4 {
	display: none;
}

#drag-drop-page .form-group.md-group:hover .col-md-4 {
	display: block !important;
}

#drag-drop-page .ui-state-highlight {
	background-color: #ffffb7;
	width: 100%;
	display: block;
	height: 40px;
	float: left;
}

#drag-drop-page .form-control.md-option {
	height: 28px;
	font-size: 12px;
}

#drag-drop-page .form-sect .kpl-show {
	border-color: #d4d4d4;
	background-color: #D4D4D4;
}

#drag-drop-page .form-sect .kpl-show:focus {
	border-color: #ccc;
	background-color: #fff;
}

#drag-drop-page .section-header .input-group-btn {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 7%;
	margin-top: 10px;
}

#drag-drop-page .TokensContainer {
	height: auto !important;
	min-height: 35px !important;
}

#drag-drop-page .Tokenize {
	padding: 0px;
	width: 97%;
}

#drag-drop-page .icon-area {
	margin: 0;
	padding: 0;
}

#drag-drop-page .col-permission .TokensContainer {
	width: 100%;
}

#drag-drop-page .col-permission .form-control.tokenize-sample.Tokenize {
	margin-left: 0;
}

#drag-drop-page label u {
	text-decoration: underline;
	-webkit-text-decoration-color: red;
	text-decoration-color: red;
}

#drag-drop-page .note-view {
	float: right;
}

#drag-drop-page .panel-heading.note-toolbar > .btn-group > .btn-default {
	border: none
}

#drag-drop-page iframe {
	width: 300px;
	height: 200px
}

#drag-drop-page .btn-minimize:before {
	content: "\f067";
	font: normal normal normal 14px/1 FontAwesome;
	vertical-align: middle;
	float: right;
	position: relative;
	left: 60px;
	top: 11px;
	color: #555;
}

#drag-drop-page .btn-minimize.btn-plus:before {
	content: "\f068";
	float: right;
	position: relative;
	left: 60px;
	top: 11px;
	color: #555;
}

#drag-drop-page .load-more {
	background: url("https://www.aveva.com/Images/ajax-loader.gif") no-repeat scroll center center;
	position: absolute;
	height: 5%;
	width: 94%;
	top: 50%;
	z-index: 9999
}

/*end*/
/* for library selection  */
.selection {
	width: 100% !important;
}

.select2 {
	width: 100% !important;
}

/*end*/
/* lead details page  */
.nav-pills .nav-link {
	border: 0;
	border-radius: .25rem;
	background: #c5c5c530;
	margin: 0 auto;
	max-width: 98%;
	border-bottom: 0;
}

#lead-details-page .nav-pills .nav-link.active {
	color: white;
	/*outline: thin solid #2141624a !important;*/
	outline-offset: 3px;
	/* background: #14273a; */
	background: linear-gradient(135deg, #15283c, #25676e);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #ffffff;
	/* background-color: #14273a; */
	background: linear-gradient(135deg, #15283c, #25676e);
}

#lead-details-page .notes-tab-ul .nav-link {
	border: none;
	margin-bottom: 0;
	border-bottom: 0;
	position: relative;
}

#lead-details-page .notes-tab-ul .nav-link.active::after {
	content: "";
	position: absolute;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #214162a6;
	display: block;
	width: 100%;
}

#lead-details-page .notes-tab-ul {
	border-bottom: none;
}

#lead-details-page #smsMMs {
	height: 600px;
	overflow-y: auto;
}

/*end */
/* lead listing page  */
#lead-listing-page .radio-inline {
	display: inline-block;
	width: 30%;
}

#lead-listing-page .radio-inline input {
	margin-right: 6px;
	position: relative;
	top: 2px;
}

#lead-listing-page .text-primary.note {
	font-size: 10px;
}

#lead-listing-page #leadMessageModal .chat-input {
	border-radius: 23px;
}

/* end */
/* view notes page  */
#view-notes-page .widget-container.chat-page {
	padding: 0;
	background-color: #fff;
	box-shadow: none;
}

#view-notes-page .widget-container.scrollable {
	padding-top: 0px !important;
}

#view-notes-page .note_activity {
	padding: 10px 15px;
	border: 1px solid #dbd7d7;
	background-color: #fbfbfb;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#view-notes-page .over_all_note_box {
	border: 1px solid #bbb;
	width: auto;
	height: 98%;
	overflow-y: scroll;
	padding: 15px;
}

/* end  */
/* sms broadcast batches page   */
#sms-broadcast-batches-page #dataTables-broadcast {
	width: 100% !important;
}

/*end*/
/* sms-template-list page */
#sms-template-list #dataTables-sms {
	width: 100% !important;
}

/*end*/
#messages-reports-page li.right {
	padding-right: 10px;
}

/*end*/
/* custom-fields-page */
#custom-fields-page .btn.btn-primary {
	float: right;
}

/*end*/
/* sms-inbound-logs-page */
#sms-inbound-logs-page li.right {
	padding-right: 10px;
}

#sms-inbound-logs-page .chat-conversation ul li.inbound {
	text-align: left;
}

#sms-inbound-logs-page .chat-conversation ul li.outbound {
	text-align: right;
}

#sms-inbound-logs-page .chat-conversation ul li.inbound .conversation-list {
	background-color: white;
	border-radius: 10px 7px 10px 0;
	max-width: 75%;
}

#sms-inbound-logs-page .chat-conversation ul li.outbound .conversation-list,
	/* the is lead-listing-page sms listing css  */
#leadMessageModal .conversation-list {
	background-color: #ffffff;
	border-radius: 7px 10px 0 10px;
	max-width: 75%;

}

#sms-inbound-logs-page .chat-conversation ul li .conversation-list {
	display: inline-block;
	margin: 0 11px 12px 0;
	padding: 12px 14px;
	font-weight: 300;
}

#sms-inbound-logs-page .chatter {
	font-weight: 600;
	font-size: 14px;
	color: #495057;
}

.card-inbox-page {
	/*background: #14273a;*/
	padding-top: 0px;
	padding-bottom: 0px;

}

#sms-inbound-logs-page .card-inbox-page,
#sms-inbound-logs-page .chat-page {
	border: none;
}

#sms-inbound-logs-page .card-inbox-page .card-body {
	padding: 0;
	/*background: #f8f8fb;*/
}

#sms-inbound-logs-page .chat-search-box i.fa {
	position: absolute;
	left: 12px;
	top: 11px;
	font-size: 1.2rem;
	color: #819fa8;
}

#sms-inbound-logs-page .chat-conversation {
	/*background: linear-gradient(90deg, rgb(228 227 246 / 38%) 0%, rgb(242 237 237 / 65%) 35%, rgb(224 229 230 / 46%) 100%);
	border-bottom: 3px solid #0d8abc30;
	border-top: 3px solid #0d8abc30;*/
}

#sms-inbound-logs-page .chat-leftsidebar-nav .tab-pane {
	padding-top: 0px;
	padding-right: 0px;
	border-top: 1px solid #17a2b8;
	border-bottom: 1px solid #17a2b8;
	height: 100vh;
	max-height: 550px;
	background: #007bff0a;
}

#sms-inbound-logs-page .msg_card_body::-webkit-scrollbar,
.chat-page .chat-list::-webkit-scrollbar {
	width: 5px;
}

#sms-inbound-logs-page .msg_card_body::-webkit-scrollbar-track,
.chat-page .chat-list::-webkit-scrollbar-track {
	background: #f1f1f1;
}

#sms-inbound-logs-page .msg_card_body::-webkit-scrollbar-thumb,
.chat-page .chat-list::-webkit-scrollbar-thumb {
	background: #ADD8E6;
	border-radius: 5px;
}

#sms-inbound-logs-page .chat-header-area .dropdown-menu {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
	border: none;
}

/*end*/
/* profile-page */
#profile-page .form-floating .error {
	position: relative !important;
}

#profile-page .nav-item.nav-link {
	padding: 10px 40px;
}

#profile-page .nav-item.nav-link i.fa {
	font-size: 18px;
}

#profile-page label[id$="-error"] {
	color: red;
	font-weight: 600;
	margin-top: 10px;
}

#profile-page .profile-tabs .nav-link {
	border: none;
	margin-bottom: 0;
	border-bottom: 0;
	position: relative;
	border: 1px solid #182b3f0f;
	margin-left: 5px;

}

#profile-page .profile-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 0;
	background: #007bff;
	display: block;
	width: 100%;
}

#profile-page .profile-tabs .nav-tabs {
	border-bottom: none;
}

/*end*/
/*number-list */
#number-list .shadow {
	box-shadow: 0 0 3px 2px #ec1a4b !important;
}

/*import-lead-contact-page  */
#import-lead-contact-page label,
.slim-tabs label {
	display: block;
}

#import-lead-contact-page .import-laad-tabs .nav-link,
.slim-tabs .import-laad-tabs .nav-link {
	border: none;
	margin-bottom: 0;
	border-bottom: 0;
	position: relative;
}

#import-lead-contact-page .import-laad-tabs .nav-link.active::after,
.slim-tabs .import-laad-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 0;
	background: #007bff;
	display: block;
	width: 100%;
}

#import-lead-contact-page .import-laad-tabs .nav-tabs,
.slim-tabs .import-laad-tabs .nav-tabs {
	border-bottom: none;
}

#import-lead-contact-page .import-laad-tabs,
.slim-tabs .import-laad-tabs {
	border-bottom: none;
}

/*end*/
/* groups-list-page  */
#groups-list-page .updat-value {
	cursor: pointer;
}

/*end*/
/* import-lead-contact-options */
#import-lead-contact-options .import-lead-contact-tabs .nav-link {
	border: none;
	margin-bottom: 0;
	border-bottom: 0;
	position: relative;
}

#import-lead-contact-options .import-lead-contact-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	height: 3px;
	bottom: 0;
	left: 0;
	background: #007bff;
	display: block;
	width: 100%;
}

#import-lead-contact-options .import-lead-contact-tabs .nav-tabs {
	border-bottom: none;
}

#import-lead-contact-options .import-lead-contact-tabs {
	border-bottom: none;
}

/*end*/
/* register page  */
#register-page {
	height: 100vh;
}

#register-page .registration-form {
	padding-block: 10px;
	padding-inline: 20px;
}

#register-page .registration-form .field label.label_field {
	padding-left: 0;
	text-align: left;
}

#register-page .registration-section {
	margin-block: 10px;
	box-shadow: 0px 5px 12px -7px #8e7e7e;
	max-width: 800px;
}

#register-page .registration-form form .field label.label_field {
	margin: 0;
	width: 137px !important;
}

#register-page .registration-form form label.error {
	margin-left: 27% !important;
	/* margin-bottom: 0; */
}

.conversation-list.success {
	border-right: 6px solid #1ecf7c !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	background: linear-gradient(94deg, rgba(173, 255, 47, 0.46254475911458337) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.conversation-list.fail {
	border-right: 6px solid #ce3817 !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	background: linear-gradient(94deg, rgb(255 68 47 / 9%) 0%, rgba(247, 247, 247, 1) 100%) !important;
}

/* messages listing in lead-listing-page */
#leadMessageModal .conversation-list {
	margin-bottom: 9px;
}

#leadMessageModal .messages-list-wrapper {
	padding: 7px;
	min-height: 150px;
	max-height: 400px;
	overflow: hidden scroll;
}

#leadMessageModal .leadMessageModal_messages-list li::after {
	content: '';
	display: block;
	clear: both;
}

#leadMessageModal .leadMessageModal_messages-list li .conversation-list {
	border-radius: 17px 17px 0 17px;
	-webkit-border-radius: 17px 17px 0 17px;
	-moz-border-radius: 17px 17px 0 17px;
	-ms-border-radius: 17px 17px 0 17px;
	-o-border-radius: 17px 17px 0 17px;
}

#leadMessageModal .leadMessageModal_messages-list li.inbound .conversation-list {
	background-color: rgba(85, 110, 230, .1);
	float: left;
	max-width: 75%;
}

#leadMessageModal .leadMessageModal_messages-list li.outbound .conversation-list {
	float: right;
	border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	-ms-border-radius: 0 10px 10px 10px;
	-o-border-radius: 0 10px 10px 10px;
	max-width: 75%;
}

#leadMessageModal .conversation-list {
	padding: 7px 15px 3px 15px;
	display: inline-block;
	min-width: 25%;
	max-width: 95%;
}

#leadMessageModal .ctext-wrap p.sms-body,
.user-chat .ctext-wrap p.sms-body {
	margin-bottom: 5px !important;
	font-size: 14px;
	color: black;
	font-weight: 500;
	border-bottom: 3px solid #17a2b812;
}

#leadMessageModal .ctext-wrap p {
	margin-bottom: 0px;
}

#leadMessageModal .chat-time,
.user-chat .chat-time {
	text-align: right;
	font-size: 0.8rem;
	font-weight: 600;
	color: #15283c;
}


/*end*/
html .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 21px;
	font-size: 13px;
}

html form .form-control input,
html form .form-control select,
html .select2-container--default .select2-selection--multiple,
html .select2-container--default .select2-selection--single {
	padding: 5px 10px;
	border: 1px solid #aaaaaa6e;
	height: auto;
	max-height: 100%;
	border-radius: 6px;
}

html .select2-container--default .select2-selection--multiple {
	max-height: fit-content !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #aaaaaa6e !important;
}

html .form-control {
	border: 1px solid #aaaaaa6e;
	border-radius: 6px;
	background: #bcbaba29;
	font-size: 13px;
	/*box-shadow: rgb(0 0 0 / 0%) 2px 1px 17px 4px, rgb(0 0 0 / 17%) 0px 4px 6px -2px;*/
	margin-bottom: 2px;
	/*text-transform: capitalize;*/
	/*padding: 5px 10px;*/
}

form label {
	font-weight: 600;
}

#sidebar .components > li:not(:last-child) {
	border-bottom: 2px solid #dee2e60a;
}

#sidebar .close-side-bar-btn {
	position: absolute;
	top: 3px;
	right: 6px;
	color: white;
	background-color: transparent;
}

.page-item.active .page-link {
	z-index: 1 !important;
}

.dropdown-item {
	padding: 2px 11px;
}

.dropdown-icon {
	padding-right: 10px;
}

.pkg-sider {
	background: white;
	padding: 2px;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
}

.check-nav-icon {
	font-size: 18px;
	margin-right: 5px;
	font-size: 1.3em;
}

.footer {
}

.footer p br {
	display: none
}

.midde_cont .container > .card,
.midde_cont .container-fluid > .card {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #33333338;
	box-shadow: -4px 4px 12px 1px rgb(0 0 0 / 39%);
}

.midde_cont .card-body {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	margin-top: 0;
	/*border: 1px solid white !important;*/
}

html .form-control:focus {
	border-color: #007bff96;
	box-shadow: 0px 0px 0px 0.1rem rgba(0, 123, 255, .25);
}

.tab-content {
	background: rgb(129 123 123 / 2%) !important;
	border: 1px solid #00000005 !important;
}

#leadMessageModal .modal-body {
	padding: 0px;
}

#leadMessageModal .modal-body textarea {
	margin-bottom: 12px;
}

#leadMessageModal .modal-body button[type="submit"] {
	width: 100%;
	padding: 1em;
}

.ctext-wrap {
}

.ctext-wrap .sms-body {
}

.ctext-wrap .chat-time {
}

.ctext-wrap .chat-time > i {
	color: #ffc107;
	font-size: 1.3em;
	display: inline-block;
	margin-right: 6px;
}

.ctext-wrap .chat-time .phone-number {
	display: inline-block;
	float: left;
}

.ctext-wrap .chat-time .phone-number i {
	color: #1ecf7c;
	display: inline-block;
	margin-right: 5px;
	font-size: 1.3em;
}

.ctext-wrap .chat-time .phone-number span {
	color: white;
	font-size: 11px;
	margin: 0px 5px
}

html .btn-warning,
html .btn-warning:hover {
	color: #ffffff;
}

.table td,
.table th {
	padding: 0.35rem 0.65rem !important;
}

.table td,
.table th {
	text-align: left;
	padding: 0.35rem 0.65rem;
	vertical-align: middle !important;
}

.dataTables_wrapper {
	min-height: 300px;
}

.dataTable tbody tr {
}

.dataTable tbody tr td {
}

.font-size-13 {
	font-size: 13px;
	font-weight: 800;
}

.plan-features-dec {
	max-height: 350px;
	display: block;
	overflow: auto;
	min-height: 232px;
	background-color: #9e9e9e36;
	padding: 15px;
	border-radius: 10px;
}

.chat-leftsidebar-nav #chat {
	overflow-y: scroll !important;
}

.conversation-list .error {
	display: block;
	width: 100%;
	margin: 0px;
	color: #ff0000;
	background: #eb2e2e00;
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: 600;
}

.user_profile_dd .dropdown-item i {

	font-size: 1em;
	color: white;
	background: #14273a;
	padding: 5px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid #07ffc1;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #ffffff;
	background-color: #14273a;
}


.unread {
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #c63819;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	right: 25px;
	top: 4px;
}

.unread::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 0, 0, 0.3);
	/* Adjust the color and opacity as needed */
	border-radius: 50%;
	animation: ripple 1s ease-out;
	z-index: -1;
}

@keyframes ripple {
	to {
		transform: scale(2);
		opacity: 0;
	}
}

.fav {
	position: relative;
	top: 1px;
	right: 1%;
}

.fav.active {
}

html .chat-page li .fav i {
	color: grey !important;
	font-size: 18px;
}

.chat-page li.active .fav.active i,
.chat-page li .fav.active i {
	color: gold !important;
}

html body .text-info {
	color: #15283c !important;
}

html body .activity_row {
	margin-top: 10px;
	padding-bottom: 5px
}

.inner-notes,
.outer-notes {
	clear: both;
}

html input.form-control[type="file"] {
	padding-top: 6px;
	line-height: 12px;
}

#profileupdate .session-title {
	font-weight: 600;
	font-size: 15px;
}

.dropdown-item {
	padding: 2px 11px;
}

.dropdown-icon {
	padding-right: 10px;
}

.pkg-sider {
	background: white;
	padding: 2px;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 0.25rem;
}

.check-nav-icon {
	font-size: 18px;
	margin-right: 5px;
}

.font-size-13 {
	font-size: 13px;
	font-weight: 800;
}

.blog-details__text-1 {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

.plan-features-dec {
	max-height: 90px;
	display: block;
	overflow: auto;
}

.text-muted {
	color: #2e3236 !important;
}

.plan-features-dec {
	max-height: 350px;
	display: block;
	overflow: auto;
	min-height: 232px;
	background-color: #9e9e9e36;
	padding: 15px;
	border-radius: 10px;
}

#show_calcuator {
	background: #ffc107f2;
	padding-top: 13px;
	border-radius: 10px;
	margin-bottom: 11px;
}

#calculated_credit {
	font-size: 3.5em;
	color: #1b1c1b;
	font-weight: 700;
	margin-top: -20px;

}

.modal-xl {
	max-width: 90%;
	width: 100%;
}

.digital-clock {
	margin: auto;
	display: inline-block;
	position: initial;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* width: 200px; */
	/* height: 60px; */
	color: #f0c107;
	/* border: 2px solid #999; */
	border-radius: 6px;
	text-align: center;
	font: 15px / 14px 'DIGITAL', Helvetica;
	background: transparent;
	display: inline-block;
	font-weight: 600;
}

.digital-clock-t {
	float: right;
	margin-left: 7px;
	padding-top: 2px;
}

.digital-clock-i {
	color: #f0c107;
}

.dataTable .btn-xs {
	padding: 6px 10px !important;
}

.dataTable .dropdown-me .btn {
}

.dataTable td.dt-control {
	background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
	cursor: pointer;
}

.dataTable tr.shown td.dt-control {
	background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}

.wrap-text {
	width: 100%;
	display: block;
	overflow: hidden;
	max-width: 100%;
	text-wrap: wrap;
}

.truncate-para {
	width: 300px;
	/* Set the desired width */
	white-space: nowrap;
	/* Prevent the text from wrapping */
	overflow: hidden;
	/* Hide the overflow text */
	text-overflow: ellipsis;
	/* Display ellipsis (...) */
	display: inline-block;
	/* Required for ellipsis to work */
}

.truncate-msg {
	width: 20ch;
	/* Set the desired width */
	white-space: nowrap;
	/* Prevent the text from wrapping */
	overflow: hidden;
	/* Hide the overflow text */
	text-overflow: ellipsis;
	/* Display ellipsis (...) */
	display: inline-block;
	/* Required for ellipsis to work */
}

.truncate-username {
	width: 15ch;
	/* Set the desired width */
	white-space: nowrap;
	/* Prevent the text from wrapping */
	overflow: hidden;
	/* Hide the overflow text */
	text-overflow: ellipsis;
	/* Display ellipsis (...) */
	display: inline-block;
	/* Required for ellipsis to work */
}


.dyanmo-error-span {
	width: 100%;
	display: inline-block;
	max-width: 100%;
	margin-top: 9px;
	font-size: 15px;
	border: 1px solid #f2f2f2;
	padding: 15px 15px;
	border-radius: 10px;
	color: #fff;
	/* background: linear-gradient(135deg, #dc2f2f, #d37474); */
	/* border-color: #f2f2f2; */
	transition: background 0.3s ease;
	background-image: linear-gradient(to bottom, #e93939, #cf5e5e);
	box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
	width: 100%;
	color: white !important;
	font-weight: 600;
}

.dyanmo-success-span {
	width: 100%;
	display: inline-block;
	max-width: 100%;
	margin-top: 9px;
	font-size: 15px;
	border: 1px solid #f2f2f2;
	padding: 15px 15px;
	border-radius: 10px;
	color: #fff;
	/* background: linear-gradient(135deg, #dc2f2f, #d37474); */
	/* border-color: #f2f2f2; */
	transition: background 0.3s ease;
	/*background-image: linear-gradient(to bottom, #239C29, #229B28);*/
	background-image: linear-gradient(135deg, #36454f, #14273a);
	box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
	width: 100%;
	color: white !important;
}

.sub-cron-table tr:first-child td {
	border-top: none !important;
}

.icon-on {
	color: #05cb99 !important;
}

.icon-on-action {
	border: none;
	box-shadow: none;
	background-color: transparent;
}

.icon-on-action i {
	font-size: 20px;
	color: #05cb99 !important;
}

.available-minutes {
	color: white !important;
	width: 180px !important;
}

.expanded-control {
	background-color: transparent;
	border: transparent;
	text-align: center;
}

.expanded-control i {
	color: #30b331 !important;
	padding: 1px;
	font-size: 14px;
}

/*======================================================================
======================= MIN width media queries ==============
======================================================================*/
@media screen and (min-width: 1200px) {
	.modal-xl {
		max-width: 1240px;
	}

	.available-minutes {
		width: 119px !important;
	}
}

@media screen and (min-width: 992px) {
	.modal-xl {
		max-width: 1100px;
	}

	.right_topbar {
		float: inline-end !important;
	}
}

@media screen and (min-width: 767px) {
	#register-page .registration-form form .btn1 {
		margin-left: 26% !important;
	}
}

@media screen and (min-width: 300px) {

	.modal-xl {
		max-width: 90%;
		width: 100%;
	}
}

/*======================================================================
======================= MAX width media queries ==============
======================================================================*/
@media screen and (max-width: 1300px) {
	.sidebar_toggle {
		padding: 16px 20px 16px !important;
		font-size: 18px !important;
	}

	.logo_section img {
		height: 40px;
		padding: 0;
		margin: 12px 12px 0;
	}

	.header-info {
		font-size: 14px;
	}

}

@media screen and (max-width: 992px) {

	.chat-page .chat-leftsidebar,
	.chat-page .user-chat {
		max-width: 50%;
		flex: 50%;
	}
}

@media screen and (max-width: 892px) {
	/* table.table{
		overflow-x: auto;
	}
table.table tbody td, table.table thead th{
		display: inline !important;
} */
}

@media screen and (max-width: 770px) {
	#drag-drop-page .dragable {
		display: block;
		width: 100%;
	}

	.files .btn span {
		display: none;
	}

	.files .preview * {
		width: 40px;
	}

	.files .name * {
		display: inline-block;
		width: 80px;
		word-wrap: break-word;
	}

	.files .progress {
		width: 20px;
	}

	.files .delete {
		width: 60px;
	}

	.chat-page .chat-leftsidebar,
	.chat-page .user-chat {
		max-width: 100%;
		flex: 100%;
	}

	#content {
		left: 0 !important;
	}

	.topbar {
		left: 0 !important;
	}
}

@media screen and (max-width: 767px) {

	.chat-page .chat-leftsidebar,
	.chat-page .user-chat {
		max-width: 100%;
		flex: 100%;
	}

	#content {
		left: 0 !important;
	}

	.topbar {
		left: 0 !important;
	}

	.auth_form form .field .login-input {
		float: left;
		max-width: 440px;
	}

	.auth_form form label.error {
		left: 20px;
		bottom: -18px;
	}
}

@media screen and (max-width: 548px) {
	.icon_info ul.user_profile_dd {
		margin: 0;
	}

	.icon_info ul.user_profile_dd > li {
		/* padding: 11px 0 10px 11px; */
		padding: 11px 0 10px 36px;
	}

	.icon_info ul {
		margin-top: 5px;
	}

	.icon_info ul li {
		width: 23px;
	}

	.pkg-sider {
		margin-bottom: 12px;
	}

	.auth_form form .field {
		margin: 0 0 5px !important;
	}

	.auth_form form .field {
		margin: 0 0 5px !important;
	}
}

/* Extra Small Devices, Phones */
@media screen and (max-width: 480px) {
	.header-info {
		display: none;
	}

	.demo-btn {
		margin-left: 25px;
	}

	.icon_info {
		display: flex;
	}

	.available-minutes {
		width: 140px !important;
	}

	.icon_info ul {
		display: flex;
	}
}

/* Custom, iPhone Retina */
@media screen and (max-width: 332px) {
}