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

Template Name: Kiaalap - Kiaalap Admin Template 
Description: Kiaalap Admin Template is a responsive admin template based on the famous Bootstrap framework it's easy to edit and customize by documentation.
Author: Colorlib
Version: 1.0

-----------------------------------------------------------------------------------

CSS INDEX
===================

1. Common
2. Helper Class
3. All Nested Class
4. left sidebar
4.1 left Sidebar switcher
5. Header Top
6. Breadcrumb
7. Star Rating css
8. Analytics
9. widgets CSS
10. Event
11. Professors
12. Student
13. Courses
13.1 Courses Info
13.2. Course Payment
14. Library
15. Inbox
16. Google Map
17. Images Cropper
18. Form Element
19. Mini Sidebar
20. Custom Scroll
21. Wizard CSS
22. Notification
23. footer

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

/*----------------------------------------*/
/*  1. Common
/*----------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,700i,900,900i&display=swap'); */
div.dataTables_wrapper div.dataTables_filter {
    float: right;
}
.dt-button{
	background: #7cc144;
    padding: 6px 20px;
    border-radius: 20px;
    border-color: #7cc144;


}
.menu-listing {
    /* 	 */
    padding-left: 14px;

}
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

html,
body {
	height: 100%;
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Poppins', sans-serif !important;
	font-weight: 400;
	background: #F6F8FA;
	font-size: 12px;
	overflow: auto;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

::-webkit-scrollbar:horizontal{
  height: 5px;
}
::-webkit-scrollbar-thumb:horizontal{
        background: #999;
        
    }
#sidebarTogglebtn {
	display: none;
}


.floatleft {
	float: left
}

.floatright {
	float: right
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px
}

.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px
}

.aligncenter {
	display: block;
	margin: 0 auto 15px
}

a:focus {
	outline: 0px solid
}

img {
	max-width: 100%;
	height: auto
}

.fix {
	overflow: hidden
}

p {
	margin: 0 0 7px;
	font-family: 'Poppins', sans-serif !important;
}

.p-file p{
	margin: 0;
	word-break: break-word;
    max-width: 300px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif !important; 
}

a {
	transition: all 0.3s ease 0s;
	text-decoration: none;
}

a:hover {
	color: #7cc144;
	text-decoration: none;
}

a:visited,
a:link,
a:active {
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0 none;
}

button{
	outline: 0 none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: none;
	outline-offset: 0;
}

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

.clear {
	clear: both
}
.dropdown-menu{
	font-size: 12px;
}
@font-face {
	font-family: 'educate-icon';
	src:
		url('fonts/educate-icon.ttf?ka5vvx') format('truetype'),
		url('fonts/educate-icon.woff?ka5vvx') format('woff'),
		url('fonts/educate-icon.svg?ka5vvx#educate-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------------------------custom font----------------------------
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,300i,400,400i,500,500i,600,600i,700,800');

body {
font-family: 'Libre Franklin', sans-serif;
}*/

/*----------------------------------------*/
/*  2. Helper Class
/*----------------------------------------*/
.mg-tb-30 {
	margin: 30px 0px;
}

.mg-b-30 {
	margin-bottom: 30px;
}

.mg-tb-15 {
	margin: 15px 0px;
}

.mg-t-30 {
	margin-top: 30px;
}

.mg-b-10 {
	margin-bottom: 23px;
}

.mg-ub-10 {
	margin-bottom: 17px;
}

.mg-t-15 {
	margin-top: 15px;
}

.mg-t-10 {
	margin-top: 10px;
}

.mg-b-15 {
	margin-bottom: 20px;
}

.mt-b-30 {
	margin-bottom: 30px;
}

.mg-b-5 {
	margin-bottom: 10px;
}

.mg-b-5 {
	margin-bottom: 5px;
}

.bg-green {
	background: #006DF0;
}

.bg-red {
	background: #933EC5;
}

.bg-blue {
	background: #65b12d;
}

.bg-purple {
	background: #D80027;
}

.px-15 {
	padding-right: 15px;
	padding-left: 15px;
}

/*----------------------------------------*/
/*  3. All Nested Class
/*----------------------------------------*/
.product-sales-chart,
.analytics-info-cs,
.tranffic-als-inner,
.analytics-rounded,
.single-new-trend,
.personal-info-wrap,
.author-widgets-single,
.calender-inner,
.product-status-wrap,
.review-tab-pro-inner,
.income-dashone-total,
.analytics-edu-wrap,
.analytics-sparkle-line,
.analysis-progrebar,
.sparkline8-list,
.sparkline9-list,
.sparkline7-list,
.sparkline10-list,
.sparkline12-list,
.sparkline13-list,
.sparkline14-list,
.sparkline13-list,
.sparkline11-list,
.x-editable-list,
.code-editor-single,
.blog-details-inner,
.charts-single-pro,
.about-sparkline,
.sparkline-list,
.button-ad-wrap,
.tab-content-details,
.sparkline16-list,
.sparkline15-list,
.tinymce-single,
.single-product-item,
.courses-inner,
.single-latest-item,
.product-payment-inner-st,
.profile-info-inner,
.contact-panel,
.widget-int-shape,
.social-media-edu {
	padding: 20px;
	background: #fff;
}

/*----------------------------------------*/
/*  4. left sidebar
/*----------------------------------------*/
.all-content-wrapper {
	margin-left: 220px;
	transition: all 0.3s;
	padding-bottom: 100px;
}

.upgDiv {
	color: #000; 
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	right: 5px;
	background-color: #F6F8FA; 
	padding: 5px; 
}

.left-sidebar-pro {
	z-index: 9999;
	width: 240px;
}

#sidebar {
	width: 220px;
	background: #fff;
	color: #fff;
	position: fixed;
	transition: all 0.3s;
	z-index: 999;
	height: 100%;
}

.mini-navbar .all-content-wrapper {
	margin-left: 80px;
	transition: all 0.3s;
}

#sidebar.active {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
	display: none;
}

#sidebar.active .sidebar-header strong {
	display: block;
}

#sidebar.active ul li .sidebar-right-icon {
	display: none;
}

.bar-button-pro {
	margin: 13px 0px;
	font-size: 16px;
	color: #333;
}

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

.sidebar-header {
	text-align: center;
}

.sidebar-header h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 5px;
}

#sidebar.active .sidebar-header .main-logo {
	display: none;
}

#sidebar.active .sidebar-header h3 {
	display: none;
}

#sidebar.active .sidebar-header p {
	display: none;
}

#sidebar ul li a .sidebar-right-icon {
	float: right;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro {
	width: 100%;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li {
	display: block;
	float: none;
	position: relative;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown {
	left: 0px;
	top: 0px;
	opacity: 0;
	border-radius: 0;
	border: 0px solid #fff;
	box-shadow: none;
	background: #ebebeb;
}

.left-custom-menu-adp-wrap .dropdown-menu {
	position: relative;
	float: none;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown a:hover {
	padding: 15px 30px;
	transition: all .4s ease 0s;
	background: #fff;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown {
	opacity: 1;
	left: 0px;
	z-index: 9999;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.chart-left-menu-std {
	top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.form-left-menu-std {
	top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.apps-left-menu-std {
	top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown.pages-left-menu-std {
	top: 0px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a {
	display: block;
	padding: 15px 20px;
	color: #444;
	transition: all .4s ease 0s;
	font-size: 16px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active,
.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
	background: #ebebeb;
	color: #444;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .indicator-right-menu {
	float: right;
	font-size: 12px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li.open .left-menu-dropdown {
	left: 80px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .mini-dn {
	display: none;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .big-icon {
	font-size: 20px;
}

#sidebar.active .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li > a {
	padding: 20px 20px;
}

/*----------------------------------------*/
/*  4.1 Left Sidebar switcher
/*----------------------------------------*/
.menu-switcher-pro {
	transition: all .4s ease 0s;
}

.mini-navbar .menu-switcher-pro {
	transition: all 0.3s;
}

.menu-switcher-pro button {
	background: none;
	border: none;
}

.menu-switcher-pro button:hover,
.menu-switcher-pro button:focus,
.menu-switcher-pro button:active,
.menu-switcher-pro button:visited {
	background: none;
	border: none;
}

/*----------------------------------------*/
/*  5. Header Top
/*----------------------------------------*/
.header-top-menu .navbar-nav > li > a {
	padding: 20px 20px;
	color: #fff;
	font-size: 14px;
}

.header-top-menu .navbar-nav > li a .angle-down-topmenu {
	margin-left: 4px;
}

.header-top-menu .navbar-nav > li > a:hover {
	color: #03a9f4;
}

.header-top-menu .navbar-nav > li .dropdown-menu a {
	padding: 10px 20px;
	display: block;
	color: #303030;
}

.header-top-menu .navbar-nav > li .dropdown-menu a:hover {
	background: #2b2a2a;
}

.header-top-menu .navbar-nav > li .dropdown-menu {
	border: 0px solid #ccc;
	border: 0px solid rgba(0, 0, 0, .15);
	background-color: #303030;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

.header-right-info .navbar-nav > li .dropdown-menu {
	border: 0px solid #ccc;
	border: 0px solid rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

.header-top-menu .nav > li > a:focus,
.header-top-menu .nav > li > a:hover,
.header-top-menu .nav > li > a:active {
	text-decoration: none;
	background-color: transparent;
}

.header-top-menu .nav .open > a,
.header-top-menu .nav .open > a:focus,
.header-top-menu .nav .open > a:hover {
	background-color: transparent;
}

.header-right-info .nav > li > a:focus,
.header-right-info .nav > li > a:hover,
.header-right-info .nav > li > a:active {
	text-decoration: none;
	background-color: transparent;
}

.header-right-info .nav.custon-set-tab > li > a:focus,
.header-right-info .nav.custon-set-tab > li > a:hover,
.header-right-info .nav.custon-set-tab > li > a:active {
	color: #03a9f4;
}

.header-right-info .nav.custon-set-tab > li > a {
	color: #303030;
}

.header-right-info .nav .open > a,
.header-top-menu .nav .open > a:focus,
.header-top-menu .nav .open > a:hover {
	background-color: transparent;
}

.header-right-info .navbar-nav {
	float: right;
	/* padding: 17px 0px; */
	display: flex;
    align-items: center;
    height: 60px;
}

.admin-logo {
	padding: 10px 0px;
}

.header-top-menu ul.header-top-nav li {
	display: inline-block;
	position: relative;
}

.header-top-menu ul.header-top-nav li ul.dropdown-header-top {
	position: absolute;
	top: 130%;
	left: -10px;
	width: 200px;
	background: #303030;
	opacity: 0;
	transition: all 0.5s ease 0s;
	z-index: 999;
	padding: 10px 0px;
}

.header-top-menu ul.header-top-nav li ul.dropdown-header-top.in {
	opacity: 1;
	top: 100%;
	transition: all 0.5s ease 0s;
}

.admin-project-icon {
	margin-left: 5px;
	font-size: 10px;
	color: #fff;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li {
	display: block;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li a {
	display: block;
	color: #fff;
	padding: 15px 20px;
}

.header-top-menu ul.header-top-nav li .dropdown-header-top li a:hover {
	background: #03a9f4;
}

.header-top-menu ul.header-top-nav li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	display: block;
	padding: 18px 10px;
}

.header-right-info {}

.header-right-info ul.header-right-menu li {
	display: inline-block;
}

.header-right-info ul.header-right-menu li .author-message-top,
.header-right-info ul.header-right-menu li .notification-author,
.header-right-info ul.header-right-menu li .author-log {
	position: absolute;
	top: 160%;
	left: -70px;
	width: 330px;
	background: #343434;
	text-align: left;
	opacity: 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	z-index: 999;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log {
	width: 200px;
	padding: 10px 0px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li {
	display: block;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a {
	padding: 10px 20px;
	display: block;
	color: #303030;
	font-size: 11px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li .author-log-ic {
	margin-right: 10px;
}

.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus {
	background: #2b2a2a;
}

.header-right-info ul.header-right-menu li .author-message-top {
	left: -133px;
}

.header-right-info ul.header-right-menu li .notification-author {
	left: -134px;
}

.header-right-info ul.header-right-menu li .author-log {
	left: -2px;
}

.header-right-info ul.header-right-menu li.open .author-message-top,
.header-right-info ul.header-right-menu li.open .notification-author,
.header-right-info ul.header-right-menu li.open .author-log {
	opacity: 1;
	top: 170%;
	transition: all 0.5s ease 0s;
	visibility: visible;
}

.header-right-info ul.header-right-menu li ul.message-menu li a,
.header-right-info ul.header-right-menu li ul.notification-menu li a {
	margin: 20px 20px;
	display: block;
	text-decoration: none;
	color: #fff;
}

.header-right-info ul.header-right-menu li .message-view a,
.header-right-info ul.header-right-menu li .notification-view a {
	display: block;
	color: #ccc;
	font-size: 14px;
	border-top: 1px solid #383838;
	padding: 15px 0px;
	text-align: center;
	text-decoration: none;
}

.header-right-info ul.header-right-menu > li > a {
	display: inline-block;
	color: #333;
	padding: 0px 0px 0px 20px;
	font-size: 20px;
	text-decoration: none;
	position: relative;
}

.indicator-nt {
	position: absolute;
	height: 5px;
	width: 5px;
	background: #03a9f4;
	border-radius: 50%;
	top: -5px;
	right: 0px;
}

.indicator-ms {
	position: absolute;
	height: 5px;
	width: 5px;
	background: #03a9f4;
	border-radius: 50%;
	top: -5px;
	right: -7px;
}

.header-right-info .admin-name {
	display: inline-block;
	color: #333;
	font-size: 16px;
	position: relative;
	margin-left: 2px;
}

.header-right-info .nav > li > a > img {
	width: 26px;
	border-radius: 50%;
	height: 26px;
	object-fit: cover;
}

.header-right-info .author-project-icon {
	color: #fff;
	font-size: 10px;
	position: relative;
	top: -4px;
	margin-left: 5px;
}

.header-right-info .message-author {
	position: relative;
}

.header-right-info .author-message-top:before,
.header-right-info .notification-author:before {
	position: absolute;
	content: "";
	display: inline-block;
	border-bottom: 10px solid #343434;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 0;
	right: 50%;
	top: -9px;
	margin-right: -10px;
	z-index: 99;
}

.header-right-info .author-message-top li a {
	color: #fff;
}

.message-single-top h1,
.notification-single-top h1 {
	font-size: 16px;
	color: #303030;
	font-weight: 400;
	text-align: center;
	padding: 15px 0px;
	margin: 0px;
	border-bottom: 1px solid #383838;
}

ul.message-menu,
ul.notification-menu {
	height: 230px;
}

ul.message-menu li .message-img {
	float: left;
	width: 70px;
	margin-right: 10px;
}

ul.message-menu li .message-img img {
	border-radius: 50%;
}

ul.notification-menu li .notification-icon {
	float: left;
	width: 50px;
	height: 50px;
	background: #444;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
	margin: 5px 10px 5px 0px;
}

ul.message-menu li .message-content,
ul.notification-menu li .notification-content {
	position: relative;
}

ul.message-menu li .message-content .message-date,
ul.notification-menu li .notification-content .notification-date {
	position: absolute;
	top: -2px;
	right: 0px;
	font-size: 13px;
	font-style: italic;
	color: #303030;
}

ul.message-menu li .message-content h2,
ul.notification-menu li .notification-content h2 {
	font-size: 14px;
	font-weight: 700;
	color: #303030;
}

ul.message-menu li .message-content p,
ul.notification-menu li .notification-content p {
	font-size: 14px;
	line-height: 20px;
	color: #303030;
}

.header-right-info ul.header-right-menu li.open > a {
	color: #fff;
}

.header-top-menu .navbar-nav > li.open > a {
	color: #03a9f4;
}

.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
	background: #343434;
}

.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.dropdown-menu {
	position: absolute;
	top: 170%;
	left: -358px;
	width: 400px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .175);
	padding: 20px;
}

.note-heading-indicate {
	margin-top: 20px;
}

.note-heading-indicate h2 {
	font-size: 18px;
	color: #303030;
}

.note-heading-indicate p {
	font-size: 14px;
	color: #303030;
}

.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:focus,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:hover .notes-img {
	background: #303030;
}

.notes-img {
	float: left;
}

.notes-img img {
	border-radius: 50%;
	width: 60px;
}

.notes-list-flow .notes-content {
	margin-left: 80px;
}

.notes-list-flow .notes-content p {
	margin: 0px;
	font-size: 14px;
	color: #303030;
	line-height: 22px;
}

.notes-list-flow .notes-content span {
	font-size: 13px;
	color: #303030;
}

.notes-list-area ul.notes-menu-list li {
	margin: 10px 0px;
}

.notes-menu-scrollbar,
.project-st-menu-scrollbar {
	height: 315px;
}

.project-st-list-area ul.projects-st-menu-list li a {
	color: #303030;
}

.project-st-list-area ul.projects-st-menu-list li {
	padding: 10px 0px;
}

.projects-st-heading {
	position: relative;
}

.projects-st-heading .project-st-time {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 13px;
	color: #303030;
}

.projects-st-heading h2 {
	font-size: 16px;
	color: #303030;
}

.projects-st-heading p {
	font-size: 14px;
	color: #303030;
	line-height: 22px;
	margin: 0px 0px 10px;
}

.projects-st-content p {
	font-size: 14px;
	color: #303030;
	margin: 0px 0px 5px;
}

.projects-st-content .progress {
	height: 5px;
	margin-bottom: 5px;
}

.projects-st-content.project-rating-cl .progress-bar {
	background-color: #f8ac59;
}

.projects-st-content.project-rating-cl2 .progress-bar {
	background-color: #03a9f4;
}

.project-list-flow,
.notes-list-flow {
	margin-right: 15px;
}

ul.setting-panel-list li {
	display: block !important;
}

.checkbox-title-pro h2 {
	display: block;
	font-size: 14px;
	margin: 0px;
	padding: 8px 0px;
	color: #303030;
	font-weight: 400;
}

.checkbox-title-pro {
	position: relative;
}

.ts-custom-check {
	position: absolute;
	right: 0px;
	top: 5px;
}

.onoffswitch {
	position: relative;
	width: 54px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #006DF0;
	border-radius: 3px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 7px;
	background-color: #006DF0;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 7px;
	background-color: #FFFFFF;
	color: #919191;
	text-align: right;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 16px;
	line-height: 16px;
	font-size: 10px;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-switch {
	display: block;
	width: 18px;
	margin: 0;
	background: #FFFFFF;
	border: 2px solid #006DF0;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0;
}

.header-top-menu .navbar-nav > li .dropdown-menu,
.header-right-info ul.header-right-menu li .author-message-top,
.header-right-info ul.header-right-menu li .notification-author,
.header-right-info ul.header-right-menu li .author-log,
.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
	background: #e12503;
}

.header-top-menu .navbar-nav > li .dropdown-menu a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus,
.header-drl-controller-btn.btn-info:active:focus,
.btn-info:active:hover {
	background: #F6F8FA;
}

.menu-switcher-pro .btn-info:active,
.menu-switcher-pro .btn-info:focus,
.menu-switcher-pro .btn-info:hover,
.menu-switcher-pro .btn-info:visited,
.header-drl-controller-btn.btn-info:active:focus {
	background: #006DF0;
}

.header-right-info ul.header-right-menu li .message-view a,
.header-right-info ul.header-right-menu li .notification-view a {
	border-top: 1px solid #c7290d;
}

.message-single-top h1,
.notification-single-top h1 {
	border-bottom: 1px solid #F6F8FA;
}

.header-right-info .author-message-top:before,
.header-right-info .notification-author:before {
	border-bottom: 10px solid #F6F8FA;
}

.header-top-menu .navbar-nav > li.open > a {
	color: #fff;
}

.header-top-menu .navbar-nav > li > a:hover {
	color: #fff;
}

.header-right-info .author-message-top:before,
.header-right-info .notification-author:before {
	position: absolute;
	content: "";
	display: inline-block;
	border-bottom: 10px solid #e12503;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 0;
	right: 50%;
	top: -9px;
	margin-right: -10px;
	z-index: 99;
}

.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:focus,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:hover .notes-img {
	background: #e12503;
}

.breadcome-list {
	background: #fff;
	padding-right: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.sr-input-func {
	position: relative;
	margin: 0;
	width: 180px;
	right: 0px;
	transition: .5s ease-out;
}

.sr-input-func a {
	position: absolute;
	top: 8px;
	right: -5px;
	color: #999;
	transition: .5s ease-out;
	font-size: 14px;
}

.sr-input-func:focus a {
	color: #006DF0;
}

.back_button {
	background: #7cc144;
    padding: 6px 20px;
    border-radius: 20px;
    border-color: #7cc144;
}

.back_button:hover {
	background: #7cc144;
    padding: 6px 20px;
    border-radius: 20px;
    border-color: #7cc144;
}

/*----------------------------------------*/
/*  6.  breadcrumb
/*----------------------------------------*/
.breadcome-heading .form-control,
.sr-input-func .form-control:focus {
	border: 1px solid #ececec;
	font-size: 14px;
	height: 34px;
	color: #303030;
	padding-left: 20px;
	padding-right: 40px;
	background: rgba(255, 255, 255, 0.1);
	box-shadow: none;
	border-radius: 30px;
	width: 200px;
}

.breadcome-heading .form-control:focus {
	border: 1px solid #006DF0;
}

ul.breadcome-menu {
	padding-top: 8px;
}

ul.breadcome-menu {
	text-align: right;
}

ul.breadcome-menu li {
	font-size: 14px;
	display: inline-block;
	color: #444;
}

ul.breadcome-menu li a {
	color: #444;
}

ul.breadcome-menu li a:hover {
	color: #7266BA;
}

/*-----------------------
7. Star Rating css
-------------------------*/
.review-title span {
	font-size: 14px;
	padding-top: 5px;
	display: block;
}

.review-rating {
	text-align: left;
	float: left;
}

.rating {
	border: none;
}

.rating > input {
	display: none;
}

.rating > label:before {
	margin: 5px;
	font-size: 16px;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating > .half:before {
	content: "\f089";
	position: absolute;
}

.rating > label {
	color: #ddd;
	float: right;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
	color: #e12503;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
	color: #e12503;
}

.text-muted p {
	font-size: 14px;
	margin: 0;
}

.txt-primary p {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.custom-pro-edt-ds .btn-primary {
	background: #e12503;
	border-color: #e12503;
}

.custom-pro-edt-ds .btn-warning {
	background: #ccc;
	border-color: #ccc;
}

/*----------------------------------------*/
/*  8. Analytics
/*----------------------------------------*/
.payment-inner-pro i {
	color: #006DF0;
}

.income-rate-total h3 {
	color: #303030;
	font-size: 20px;
}

.income-rate-total {
	position: relative;
}

.price-graph {
	position: absolute;
	top: 0;
	right: 0;
}

.income-range p {
	font-size: 14px;
	color: #303030;
	margin: 0;
	float: left;
}

.income-range .income-percentange {
	font-size: 13px;
	color: #fff;
	float: right;
	padding: 0px 8px;
	border-radius: 2px;
}

.analytics-edu-wrap {
	overflow: hidden;
}

.analytics-edu {
	background: #fff;
	overflow: hidden;
}

.analytics-edu .skill {
	overflow: hidden;
}

.analytics-edu .progress {
	margin-bottom: 0px;
}

.analytics-edu2 .skill .progress-bar {
	background: #D80027 !important;
}

.analytics-edu3 .skill .progress-bar {
	background: #65b12d !important;
}

.analytics-edu4 .skill .progress-bar {
	background: #933EC5 !important;
}

.analytics-sparkle-line .analytics-content h5,
.analytics-rounded .analytics-rounded-content h5,
.analysis-progrebar .analysis-progrebar-content h5 {
	font-size: 16px;
	color: #303030;
}

.analytics-sparkle-line .analytics-content h2,
.analytics-rounded .analytics-rounded-content h2,
.analysis-progrebar .analysis-progrebar-content h2,
.analytics-edu .skill .progress .lead-content h3 {
	font-size: 20px;
	color: #303030;
}

.analytics-edu .skill .progress .lead-content {
	top: -55px;
}

.analysis-progrebar-content .small p {
	font-size: 14px;
	color: #303030;
	margin: 0px;
}

.analysis-progrebar-content .progress {
	height: 5px;
	margin-bottom: 10px;
}

.ug-1 .progress-bar {
	background: #006DF0;
}

.ug-2 .progress-bar {
	background: #933EC5;
}

.ug-3 .progress-bar.progress-bar-danger {
	background: #65b12d;
}

.ug-4 .progress-bar.progress-bar-danger {
	background: #D80027;
}

.skill-content-3 {
	overflow: hidden
}

.skill .progress .lead-content {
	left: 0;
	position: absolute;
	top: -50px;
	z-index: 9;
	width: 100%;
}

.skill .progress .lead-content h3 {
	font-size: 20px;
	margin: 0px 0px;
}

.skill .progress .lead-content p {
	font-size: 14px;
	margin: 5px 0px;
}

.skill .progress {
	background-color: #f0f0f0;
	border-radius: 0;
	box-shadow: none;
	height: 5px;
	overflow: visible;
	position: relative;
	margin: 60px 0px;
	margin-bottom: 0px;
}

.skill .progress.progress-bt {
	margin-bottom: 0px;
}

.skill .progress-bar > span {
	background: #333 none repeat scroll 0 0;
	float: right;
	font-size: 11px;
	margin-right: 10px;
	margin-top: -26px;
	position: relative;
	padding: 0 5px;
	z-index: 9;
}

.skill .progress-bar > span:before,
.skill .progress-bar > span:after {
	border: medium solid transparent;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}

.skill .progress-bar > span:before {
	border-top-color: #333;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}

.holax-shop h3,
.we-are-good-at h3 {
	font-size: 18px;
	margin-bottom: 25px;
}

.progress-bar.progress-bar-success {
	background: #006DF0;
}

.progress-bar.progress-bar-danger.ctn-vs-1 {
	background: #006DF0;
}

.progress-bar.progress-bar-info.ctn-vs-2 {
	background: #933EC5;
}

.progress-bar.progress-bar-success.ctn-vs-3 {
	background: #65b12d;
}

.progress-bar.progress-bar-success.ctn-vs-4 {
	background: #D80027;
}

.progress-bar.progress-bar-inverse.ctn-vs-5 {
	background: #555;
}

.skill .progress:nth-child(1) .progress-bar {
	background: #006DF0;
}

.skill .progress:nth-child(2) .progress-bar {
	background: #933EC5;
}

.skill .progress:nth-child(3) .progress-bar {
	background: #2BCDC0;
}

/*-----------------------
9. widgets CSS
-------------------------*/
.m-t-xl {
	margin-top: 40px;
}

.m-t-xl h1 {
	font-size: 18px;
}

.stats-title h4 {
	font-size: 20px;
	color: #303030;
}

.stats-icon i,
.icon-box i {
	font-size: 30px;
}

.m-t-xl small,
.content-bg-pro small {
	font-size: 14px;
	line-height: 24px;
	color: #444;
}

.content-box h2 {
	font-size: 20px;
	color: #303030;
}

.content-box p {
	font-size: 14px;
	line-height: 24px;
}

.content-box .mg-t-box {
	margin-top: 15px;
}

.content-bg-pro h3 {
	font-size: 20px;
	color: #fff;
}

.content-bg-pro p {
	color: #fff !important;
}

.content-bg-pro .text-big {
	font-size: 18px;
}

.btn-success.widget-btn-1 {
	background: #006DF0;
	border: 1px solid #006DF0;
}

.text-info {
	color: #3498db;
}

.wd-tb-cr .text-success {
	color: #006DF0;
}

.wd-tb-cr .text-info {
	color: #933EC5;
}

.wd-tb-cr .text-warning {
	color: #65b12d;
}

.wd-tb-cr .text-danger {
	color: #D80027;
}

.text-warning {
	color: #ffb606;
}

.text-danger {
	color: #e74c3c;
}

.text-danger.ctn-ic-1 {
	color: #006DF0;
}

.text-success.ctn-ic-2 {
	color: #933EC5;
}

.text-success.ctn-ic-3 {
	color: #65b12d;
}

.text-success.ctn-ic-4 {
	color: #D80027;
}

.text-success.ctn-ic-5 {
	color: #555;
}

.text-big.font-light {
	color: #fff;
}

.content-bg-pro small {
	color: #fff;
}

/*----------------------------------------*/
/*  10. Event
/*----------------------------------------*/
.calender-inner .fc-state-default {
	background: #006DF0;
	color: #fff;
	background-image: none;
	text-shadow: none;
	outline: none;
}

/*----------------------------------------*/
/*  11. Professors
/*----------------------------------------*/
.hpanel .panel-body {
	background: #fff;
	border-radius: 2px;
	padding: 20px;
	position: relative;
}

.program-widget-bc .table.table-striped {
	margin-bottom: 0px;
}

.hpanel.contact-panel-cs .panel-body,
.hpanel.widget-int-shape .panel-body {
	padding: 0;
	box-shadow: none;
}

.social-media-in {
	float: right;
}

.social-media-in a {
	height: 25px;
	width: 25px;
	background: #006DF0;
	font-size: 13px;
	border-radius: 50%;
	display: block;
	line-height: 25px;
	text-align: center;
	color: #fff !important;
	margin-top: 0px;
	margin-bottom: 5px;
	transition: all .4s ease 0s;
}

.social-media-in a:hover {
	background: #006DF0;
	transition: all .4s ease 0s;
}

.custom-panel-jw h3 {
	font-size: 16px;
	margin-bottom: 0px;
	color: #303030;
	margin-top: 15px;
}

.custom-panel-jw .all-pro-ad {
	font-size: 14px;
	color: #999;
	margin-bottom: 5px;
}

.professor-stds-int {
	display: flex;
}

.contact-stat span,
.contact-stat strong {
	font-size: 13px;
	color: #fff;
}

.product-payment-inner-st {
	padding: 20px;
	background: #fff;
}

#myTab3.tab-review-design,
#myTabedu1.tab-review-design {
	padding: 0px 0px 20px 0px;
	background: #fff;
}

#myTab3.tab-review-design li a,
#myTabedu1.tab-review-design li a {
	padding-right: 40px;
	text-transform: capitalize;
}

#myTab3.tab-review-design li i,
#myTabedu1.tab-review-design li i {
	margin-right: 5px;
}

ul.tab-custon-design li,
ul.tab-review-design li {
	display: inline-block;
}

#myTab3.tab-review-design li a,
#myTabedu1.tab-review-design li a {
	padding-right: 40px;
	text-transform: capitalize;
	position: relative;
	transition: all .4s ease 0s;
}

#myTab3.tab-review-design li a:before,
#myTab4.tab-review-design li a:before,
#myTabedu1.tab-review-design li a:before {
	position: absolute;
	bottom: -15px;
	left: 0px;
	width: 0%;
	height: 2px;
	background: #006DF0;
	content: "";
	transition: all .4s ease 0s;
}

#myTab3.tab-review-design li.active a:before,
#myTab4.tab-review-design li.active a:before,
#myTabedu1.tab-review-design li.active a:before {
	position: absolute;
	bottom: -15px;
	left: 0px;
	width: 80%;
	height: 2px;
	background: #006DF0;
	content: "";
	transition: all .4s ease 0s;
}

ul.tab-custon-design li.active a,
ul.tab-review-design li.active a {
	color: #006DF0 !important;
}

ul.tab-custon-design li a,
ul.tab-custon-design li a:hover,
ul.tab-custon-design li a:focus,
ul.tab-review-design li a,
ul.tab-review-design li a:hover,
ul.tab-review-design li a:focus {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #909090;
}

ul.tab-custon-design,
ul.tab-review-design {
	padding-bottom: 20px;
	width: 100%;
	background: #fff;
}

.profile-details-hr {
	margin-top: 18px;
	padding: 7px 7px;
}

.address-hr p {
	font-size: 11px;
	color: #303030;
}

.address-hr {
	text-align: center;
}

.address-hr.biography {
	text-align: left;
}

.address-hr a {
	font-size: 20px;
	color: #444;
}

.address-hr h3 {
	font-size: 20px;
	color: #303030;
	font-weight: 400;
	margin: 0px;
}

.message-avatar {
	height: 36px;
	width: 36px;
	border-radius: 50%;
	margin-top: 1px;
}

.chat-message {
	padding: 10px 0px;
}

.chat-message:last-child {
	padding-bottom: 0px;
}

.chat-discussion .chat-message .message-avatar {
	float: left;
	margin-right: 10px;
}

.chat-discussion .chat-message .message {
	text-align: left;
	margin-left: 55px;
}

.chat-discussion .message {
	background-color: #f7f8fa;
	text-align: left;
	display: block;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
}

.message-content {
	display: block;
	font-size: 14px;
	color: #303030;
	line-height: 24px;
	margin: 10px 0px;
}

.chat-discussion .chat-message .message-date {
	float: right;
}

.message .message-author {
	font-weight: 700;
	font-size: 16px;
	color: #303030;
}

.skill-title h2 {
	font-size: 20px;
}

.ex-pro ul li {
	padding: 4px 0px;
	font-size: 14px;
	color: #303030;
}

.ex-pro ul li i {
	margin-right: 5px;
}

/*----------------------------------------*/
/*  12. Student
/*----------------------------------------*/
.student-dtl h2 {
	font-size: 18px;
	color: #303030;
}

.student-dtl p.dp,
.student-dtl p.dp-ag {
	font-size: 14px;
	color: #303030;
	margin: 0;
}

.student-inner-std {
	text-align: center;
	background: #fff;
}

.student-dtl {
	padding: 20px;
}

.student-img img {
	width: 100%;
}

/*----------------------------------------*/
/*  13. Courses
/*----------------------------------------*/
.courses-title h2 {
	font-size: 18px;
	color: #303030;
	margin-top: 10px;
}

.courses-alaltic .cr-ic-r,
.single-item-comment-view .cr-ic-r {
	margin-right: 10px;
}

.course-des p {
	margin: 2px 0px;
	font-size: 14px;
	color: #303030;
}

.course-des {
	margin: 10px 0px;
}

.product-buttons button {
	border: none;
	background: #006DF0;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
	transition: all .4s ease 0s;
	font-size: 14px;
}

#single-product-tab .active img {
	border: 1px solid #e12503;
}

ul#single-product-tab {
	margin-top: 10px;
	margin-left: -5px;
	margin-right: -5px;
}

ul#single-product-tab li {
	width: 25%;
	float: left;
	padding: 0px 5px;
	border: 1px solid transparent;
}

.single-pro-list {
	margin-top: 20px;
}

.single-product-details h1 {
	font-size: 20px;
}

.single-product-details h1,
.single-pro-size h6,
.color-quality-details h5,
.color-quality h4,
.single-social-area h3,
.sb-shop-product-single h2 {
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
}

.single-pro-star,
.list-star {
	color: #e12503;
	font-size: 14px;
}

.single-pro-star i {
	margin: 0px 1px;
}

.single-pro-price {
	margin: 10px 0px;
}

.single-regular,
.list-regular {
	color: #333333;
	font-weight: 700;
	font-size: 24px;
}

.single-old,
.list-old {
	color: #909090;
	font-weight: 400;
	font-size: 14px;
	margin: 0px 10px;
}

.single-pro-cn h3 {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
}

.single-pro-cn p,
.list-pro-cn p {
	font-size: 14px;
	color: #606060;
	font-weight: 400;
	line-height: 24px;
}

.single-pro-size h6,
.color-quality-details h5,
.color-quality h4,
.single-social-area h3 {
	font-size: 14px;
}

.single-pro-size {
	margin: 10px 0px;
}

.single-pro-size span {
	color: #333;
	font-size: 12px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
}

.color-quality-details {
	float: left;
}

.color-quality-details .red,
.sidebar-color-area .red {
	background: #00ffff;
}

.color-quality-details .green,
.sidebar-color-area .green {
	background: #ef7676;
}

.color-quality-details .yellow,
.sidebar-color-area .yellow {
	background: #f06eaa;
	border: 1px solid #05c2f9;
}

.color-quality-details .black,
.sidebar-color-area .black {
	background: #2094ed;
}

.color-quality-details .white,
.sidebar-color-area .white {
	background: #f7941d;
}

.single-pro-size span,
.color-quality-details span {
	display: inline-block;
	font-weight: 300;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	margin-right: 10px;
}

.single-arrow-area {
	height: 25px;
	width: 25px;
	border: 1px solid #ececec;
}

.color-quality {
	float: left;
	margin: 0px 90px;
}

.pro-quantity-changer a {
	border: 1px solid #ececec;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 25px;
	cursor: pointer;
	color: #333;
	text-decoration: none;
}

.pro-quantity-changer [type="text"] {
	border: 1px solid #ececec;
	height: 25px;
	text-align: center;
	width: 50px;
	color: #333;
	font-weight: 400;
	font-size: 12px;
}

.color-quality-pro {
	margin: 10px 0px;
}

.single-social-area a {
	border: 1px solid #979797;
	color: #909090;
}

.single-social-area a:hover {
	color: #fff;
}

.pro-button,
.pro-viwer {
	float: left;
	margin: 10px 0px;
}

.pro-button,
.list-pro-button {
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 150px;
	background: #e12503 none repeat scroll 0 0;
	border-radius: 25px;
	transition: all .4s ease 0s;
}

.pro-button a,
.pro-button a:focus,
.list-pro-button a,
.list-pro-button a:focus {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

.pro-viwer {
	margin: 10px 10px;
}

.pro-viwer a,
.list-pro-viwer a {
	border: 1px solid #e12503;
	border-radius: 50%;
	color: #e12503;
	display: inline-block;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	margin-right: 5px;
}

.review-content-section {
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

.review-content-section p {
	color: #303030;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.suggested-heading {
	width: 33%;
}

.single-social-area a:hover {
	background: #e12503;
	border: 1px solid #e12503;
}

.single-social-area a {
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	margin: 0px 2px;
}

.single-social-area {
	margin-top: 10px;
}

ul.tab-custon-design {
	margin: 0 auto;
}

ul.tab-custon-design,
ul.tab-review-design {
	padding: 15px 35px;
	width: 100%;
	background: #fff;
}

ul.tab-custon-design li,
ul.tab-review-design li {
	display: inline-block;
}

ul.tab-custon-design li span,
ul.tab-review-design li span {
	margin: 0px 20px;
	color: #e12503;
	font-size: 14px;
}

ul.tab-custon-design li a,
ul.tab-custon-design li a:hover,
ul.tab-custon-design li a:focus,
ul.tab-review-design li a,
ul.tab-review-design li a:hover,
ul.tab-review-design li a:focus {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: #909090;
}

.hpanel .vw-mb {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.panel-body {
	padding: 15px;
	background: #fff;
}

.hpanel.hbggreen .panel-body {
	background: #62cb31;
	color: #fff;
}

.hpanel.hbgblue .panel-body {
	background: #3498db;
	color: #fff;
}

.hpanel.hbgyellow .panel-body {
	background: #ffb606;
	color: #fff;
}

.hpanel.hbgred .panel-body {
	background: #e74c3c;
	color: #fff;
}

.content-bg-pro small {
	color: #fff;
}

.hpanel.hbggreen.bg-1 .panel-body {
	background: #006DF0 !important;
}

.hpanel.hbgblue.bg-2 .panel-body {
	background: #933EC5 !important;
}

.hpanel.hbgyellow.bg-3 .panel-body {
	background: #65b12d !important;
}

.hpanel.hbgred.bg-4 .panel-body {
	background: #D80027 !important;
}

.custom-product-edit {
	background: #fff;
}

.input-group-addon {
	background-color: #e12503;
	color: #fff;
}

.mg-b-pro-edt {
	margin-bottom: 15px;
}

.form-control.pro-edt-select {
	width: 100%;
}

.custom-pro-edt-ds button,
.product-edt-remove button {
	padding: 5px 15px;
	margin-right: 10px;
}

.custom-pro-edt-ds .btn-primary {
	background: #e12503;
}

.custom-pro-edt-ds .btn-warning {
	background: #ccc;
	border-color: #ccc;
}

.form-radio input {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
}

.radio label:hover .helper {
	color: #4099ff;
}

.radio .helper {
	position: absolute;
	top: -0.15rem;
	left: -0.25rem;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #999;
}

.radio .helper::after,
.radio .helper::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	margin: 0.25rem;
	width: 1rem;
	height: 1rem;
	-webkit-transition: -webkit-transform 0.28s ease;
	transition: -webkit-transform 0.28s ease;
	transition: transform 0.28s ease, -webkit-transform 0.28s ease;
	border-radius: 50%;
	border: 0.125rem solid #4099ff;
}

.radio.radiofill .helper::after {
	background-color: #4099ff;
}

.radio .helper::after {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: #4099ff;
	border-color: #4099ff;
}

.radio.radiofill input:checked ~ .helper::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.radio input:checked ~ .helper::after {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

.product-edt-remove button {
	margin-top: 20px;
}

.product-edt-pix-wrap {
	padding: 40px 0px;
}

.pro-edt-img {
	margin-bottom: 20px;
}

.review-pro-edt button {
	padding: 5px 15px;
	background: #e12503;
	border-color: #e12503;
}

.analysis-progrebar-ctn .progress {
	height: 5px;
	margin-bottom: 10px;
}

.analysis-progrebar-ctn {
	padding: 20px;
	background: #fff;
}

.graph-rp {
	text-align: right;
}

.graph-rp-dl p {
	font-size: 14px;
	color: #999;
}

ul.cus-product-sl-rp li i {
	margin-right: 5px;
}

.pro-sl-hd span {
	font-size: 16px;
	color: #303030;
}

.actions-graph-rp a {
	font-size: 14px;
	color: #999;
	background: #F6F8FA;
	box-shadow: none !important;
}

.cus-gh-hd-pro h2 {
	font-size: 20px;
}

.analysis-progrebar-ctn h4,
.tranffic-als-inner h3 {
	font-size: 15px;
}

ul.two-part-sp li {
	display: inline-block;
	width: 49%;
	font-size: 20px;
	font-weight: 700;
}

.sp-cn-r .text-success {
	color: #303030;
}

.sp-cn-r i {
	color: #006DF0;
}

.sp-cn-r i,
.graph-two-ctn i,
.graph-three-ctn i,
.graph-four-ctn i {
	font-size: 14px;
}

.graph-two-ctn .text-purple {
	color: #303030;
}

.graph-two-ctn i {
	color: #933EC5;
}

.graph-three-ctn .text-info {
	color: #303030;
}

.graph-three-ctn i {
	color: #65b12d;
}

.graph-four-ctn .text-danger {
	color: #303030;
}

.graph-four-ctn i {
	color: #D80027;
}

.analytics-info-cs h3 {
	font-size: 20px;
}

.stats-row {
	margin-bottom: 20px;
}

.stat-item {
	display: inline-block;
	padding-right: 15px;
}

.single-new-trend {
	position: relative;
	transition: all 0.3s ease 0s;
}

.single-new-trend > a,
.product-tabs a,
.widget-image > a,
.single-brand > a,
.blog-img > a {
	display: block;
}

.single-new-trend img,
.single-new-trend img {
	width: 100%;
}

.featured-product-list .overlay-content h2 {
	font-size: 18px;
	left: 20px;
}

.overlay-content h2 {
	color: #5a5a5a;
	font-size: 20px;
	font-weight: 700;
	left: 10px;
	position: absolute;
	top: 10px;
	transition: all 0.3s ease 0s;
}

.btn-small {
	background: #24caa1;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 10px;
	position: absolute;
	right: 10px;
	text-align: center;
	text-transform: uppercase;
	top: 10px;
	border-radius: 2px;
}

.featured-product-list .overlay-content .product-action {
	bottom: 45px;
}

.overlay-content .product-action {
	bottom: 40px;
	left: 50%;
	position: absolute;
	margin-left: -43px;
}

.product-action > ul,
#checkout-review-table thead,
.single-brand {
	text-align: center;
}

.product-action li,
.all-adress-info,
.product-attributes > span,
.left-content span,
.shop-tab-pill ul li,
.team-member > a,
.footer-left > a {
	display: inline-block;
}

.featured-product-list .product-action a {
	height: 28px;
	line-height: 26px;
	width: 28px;
}

.product-action a {
	border: 1px solid #ddd;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
}

.featured-product-list .overlay-content h4 {
	left: 20px;
}

.overlay-content h4 {
	bottom: 10px;
	color: #5a5a5a;
	font-size: 15px;
	font-weight: 700;
	left: 10px;
	margin: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	font-size: 15px;
}

.pro-rating {
	bottom: 8px;
	position: absolute;
	right: 10px;
}

.widget-head-info-box {
	width: 100%;
	height: 240px;
	color: #fff;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

.personal-info-ano .widget-head-info-box {
	background: #2eb7f3;
}

.widget-head-info-box {
	padding: 20px;
	text-align: center;
}

.stat-item h6 {
	font-size: 12px;
	margin-bottom: 5px;
}

.analytics-rounded-content h2,
.persoanl-widget-hd h2,
.fc-center h2 {
	font-size: 20px;
}

.widget-text-box p {
	font-size: 14px;
	line-height: 24px;
}

.widget-text-box {
	margin-top: 10px;
}

.author-wiget-inner {
	text-align: center;
	padding: 20px;
}

.fc-content .fc-title {
	color: #fff;
	padding: 5px 5px;
	display: inline-block;
	font-size: 14px;
}

.fc-content .fc-time {
	color: #fff;
	font-size: 14px;
}

.fc button,
.fc-button-group,
.fc-time-grid .fc-event .fc-time span {
	display: block;
}

.header-top-area {
	position: fixed;
	background: -webkit-linear-gradient(178deg, #e12503 0%, #85060c 100%);
	background: linear-gradient(178deg, #e12503 0%, #85060c 100%);
	z-index: 99;
	left: 220px;
	right: 0;
	top: 0;
	margin: 0 auto;
	transition: all 0.3s;
}

.jqstooltip {
	width: auto !important;
	height: auto !important;
}

.mini-navbar .header-top-area {
	left: 80px;
	/* z-index: 9999; */
}


.mg-b-pro-edt {
	margin-bottom: 15px;
}

.custom-product-edit {
	margin-top: 20px;
}

.product-edt-pix-wrap {
	padding: 40px 0px;
}

.pro-edt-img img {
	width: 60%;
}

.product-edt-remove button {
	margin-top: 20px;
	background-color: #e12503;
	border-color: #e12503;
}

/*----------------------------------------*/
/*  13.1 Courses Info
/*----------------------------------------*/
.blog-box {
	background: #fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.blog-std {
	padding-top: 15px;
}

.blog-std p {
	margin: 2px 0px;
}

.custom-blog-hd {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
}

.blog-std p {
	margin: 2px 0px;
}

.blog-std {
	padding-top: 15px;
}

.blog-pra p {
	margin: 0;
}

.blog-img img {
	margin-bottom: 10px;
}

.blog-image {
	position: relative;
}

.blog-image img {
	border: 1px solid rgba(0, 0, 0, .12);
}

.blog-date {
	background: #006DF0;
	border: 4px solid #fff;
	border-radius: 50%;
	bottom: -25px;
	color: #fff;
	height: 70px;
	left: 0;
	line-height: 15px;
	position: absolute;
	text-align: center;
	width: 70px;
}

.blog-date p {
	font-weight: 400;
	margin: 0;
	padding: 7px 10px;
	font-size: 16px;
	display: block;
	line-height: 20px;
}

.blog-date .blog-day {
	font-size: 14px;
}

.details-blog-dt {
	margin-left: 60px;
	margin-bottom: 20px;
}

.details-blog-dt a,
.details-blog-dt a:hover,
.details-blog-dt a:focus {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}

.blog-details a.blog-ht,
.blog-details a.blog-ht:hover,
.blog-details a.blog-ht:focus {
	font-size: 20px;
	font-weight: 700;
	color: #303030;
	text-transform: capitalize;
	text-decoration: none;
}

.blog-details p {
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.comment-head h3::before,
.lead-head h3:before {
	background: #e7e7e7 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
}

.comment-head h3::before,
.comment-head h3::after {
	width: 37%;
}

.comment-head h3::after,
.lead-head h3:after {
	background: #e7e7e7 none repeat scroll 0 0;
	content: "";
	height: 1px;
	right: 0;
	position: absolute;
	top: 50%;
}

.user-comment {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 15px;
}

.user-comment img {
	float: left;
	/* margin-right: 20px; */
	
	border-radius: 50%;
	width: 34px !important;
	height: 34px;
	object-fit: cover;
	box-shadow: 0 5px 10px 0 rgba(50,50,50,.15);

}

.user-comment.user-coment2 {
    margin-bottom: 12px !important;
	/*max-height:40px;*/
}


.comment-head h3 {
	margin: 20px 0;
	text-transform: uppercase;
	position: relative;
	text-align: center;
}

.comment-head h3,
.comment-details h4,
.lead-head h3 {
	color: #303030;
	font-size: 16px;
	font-weight: 400;
}

.blog-sig-details-dt span {
	margin: 10px 80px 0;
	display: inline-block;
}

.comment-details p {
	color: #303030;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}

.comment-replay {
	float: right;
	text-transform: uppercase;
}

.lead-head h3 {
	text-transform: uppercase;
	position: relative;
	text-align: center;
}

.lead-head h3:before,
.lead-head h3:after {
	width: 30%;
}

.comment-head h3::before,
.lead-head h3:before {
	background: #e7e7e7 none repeat scroll 0 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
}

.lead-head h3:before,
.lead-head h3:after {
	width: 30%;
}

.comment-head h3::after,
.lead-head h3:after {
	background: #e7e7e7 none repeat scroll 0 0;
	content: "";
	height: 1px;
	right: 0;
	position: absolute;
	top: 50%;
}
.admin-comment {
	padding: 20px 0px;
	padding-left: 40px;
}

.user-coment2 {
	display: flex;
	border-bottom: none;
	padding: 5px 0px;
	border-bottom: 1px solid #e3e3e3;
}
.user-comment.user-coment2:last-child {
	border-bottom: 0;
}

.coment-area input[type="text"] {
	height: 40px;
}

.coment-area input[type="text"],
.coment-area textarea {
	width: 100%;
	border: 1px solid #e7e7e7;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 0px 10px;
	outline: none;
}

.coment-area input[type="text"]:focus,
.coment-area textarea:focus {
	border: 1px solid #006DF0;
}

.coment-area input[type="submit"] {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	color: #fff;
	padding: 10px 30px;
	background: #006DF0;
	border: none;
	border-radius: 2px;
	transition: all .4s ease 0s;
	outline: none;
}

.coment-area textarea {
	padding-top: 10px;
}

/*----------------------------------------*/
/*  13.2. course Payment
/*----------------------------------------*/
#myTab4.tab-review-design li a {
	padding-right: 40px;
	text-transform: capitalize;
	position: relative;
	transition: all .4s ease 0s;
}

.payment-card {
	padding: 20px;
	background: #fff;
}

.payment-inner-pro i {
	font-size: 40px;
	float: right;
}

.payment-inner-pro h5 {
	font-size: 20px;
	margin-bottom: 30px;
}

.credit-card-custom a,
.waves-light {
	background: #7cc144;
	border-color: #7cc144;
	border-radius: 22px;
}

.payment-method-ht i {
	font-size: 50px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.payment-adress {
	text-align: center;
}

.payment-adress button {
	background: #7cc144;
	border-color: #7cc144;
}

.payment-adress button:hover,
.payment-adress button:focus,
.payment-adress button:active,
.payment-adress button:visited,
.credit-card-custom a:hover,
.credit-card-custom a:focus,
.credit-card-custom a:active,
.credit-card-custom a:visited,
.waves-light:hover,
.waves-light:focus,
.waves-light:active,
.waves-light:visited {
	background: #7cc144;
	border: 1px solid #7cc144;
	outline: none;
	cursor: pointer;
}

.product-cart-dn {
	display: none;
}

.product-status-wrap.border-pdt-ct {
	box-shadow: none;
}

.payment-adress.mg-t-15 {
	margin-top: 0px;
}

/*----------------------------------------*/
/*  14. Library
/*----------------------------------------*/
.add-product a {
	float: right;
	position: absolute;
	top: 20px;
	right: 35px;
	background: #7cc144;
	padding: 6px 20px;
	color: #fff;
	border-radius: 50px;
	min-width: 77px;
	text-align: center;
}

.product-status-wrap h4 {
	font-size: 20px;
	color: #5d5e60;
	margin-bottom: 20px;
}

.product-status-wrap table {
	width: 100%;
}

.product-status-wrap table th {
	padding: 20px 5px;
	vertical-align: top;
	border-top: 1px solid #e9ecef;
}

.product-status-wrap table th {
	vertical-align: bottom;
	border-bottom: 2px solid #e9ecef;
}

.product-status-wrap th,
.product-status-wrap td {
	padding: 10px;
	text-align: left;
	font-size: 11px;
	color: #303030;
}

button.btn.btn-success.waves-effect.waves-light.add-more {
	font-size: 11px;
	padding: 2px 9px;
}
.btn_remove {
	padding: 1px 6px;
	font-size: 10px;
}

.product-status-wrap table td {
	padding: 2px 7px;
	border-top: 1px solid #e9ecef;
}
.product-status-wrap .pd-setting {
	border: none;
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
	background: #006DF0;
	border-radius: 3px;
	outline: none;
}

.product-status-wrap .ps-setting {
	border: none;
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
	background: #933EC5;
	border-radius: 3px;
	outline: none;
}

.product-status-wrap .ds-setting {
	border: none;
	color: #fff;
	padding: 5px 15px;
	font-size: 15px;
	background: #D80027;
	border-radius: 3px;
	outline: none;
}

.asset-inner {
	overflow-y: hidden;
	width: 100%;
}

.custom-pagination ul.pagination li a {
	font-size: 14px;
	color: #303030;
}

.custom-pagination ul.pagination li a:focus {
	background: #006DF0;
	color: #fff;
}

.custom-pagination .pagination {
	margin: 20px 0px 0px 0px;
	position: relative;
	top: 6px;
}

.sales-report-stn-his button.product-btn-history,
button.pd-setting-ed {
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .12);
	background: #f5f5f5;
}

button.pd-setting-ed {
	display: inline-block;
	margin-right: 5px;
}

.product-status-wrap.drp-lst table td {
	border-top: none !Important;
}

/*----------------------------------------*/
/*  15. Inbox
/*----------------------------------------*/
.inbox-bt-mg {
	margin-bottom: 15px;
}

.mg-b-23 {
	margin-bottom: 23px;
}

.mg-b-20,
.mg-b-23 {
	margin-bottom: 20px;
}

ul.mailbox-list li.active a,
ul.h-list li.active a {
	background: #f7f9fa;
	border: 1px solid #e4e5e7;
	font-weight: 600;
	border-radius: 1px;
}

ul.mailbox-list li a,
ul.h-list li a {
	padding: 8px 15px;
	display: block;
	font-size: 14px;
	transition: all .4s ease 0s;
	color: #303030;
}

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

.mailbox-hd {
	background: #fff;
}

.mailbox-pagination {
	text-align: right;
}

.table.table-mailbox > tbody > tr > td,
.table.table-mailbox > tbody > tr > th,
.table.table-mailbox > tfoot > tr > td,
.table.table-mailbox > tfoot > tr > th,
.table.table-mailbox > thead > tr > td,
.table.table-mailbox > thead > tr > th {
	padding: 0px;
	vertical-align: middle;
	white-space: nowrap;
}

.table-mailbox tr.unread td a {
	font-weight: 600;
	font-size: 14px;
}

.panel-body a {
	font-size: 14px;
	color: #444;
	margin-top: 15px;
	transition: all .4s ease 0s;
}

.contact-footer,
.panel-footer {
	background: #F6F8FA;
}

.active-hook .btn-default {
	transition: all .4s ease 0s;
	outline: none;
}

.active-hook .btn-default:active {
	transition: all .4s ease 0s;
	outline: none;
}

.active-hook .btn-default:hover,
.active-hook .btn-default:active,
.active-hook .btn-default:focus {
	background: #006DF0;
	color: #fff;
	border: 1px solid #006DF0;
	transition: all .4s ease 0s;
}

.hpanel.email-compose {
	background: #fff;
	padding: 20px;
}

.hpanel .panel-body.panel-csm {
	border: 0px solid rgba(0, 0, 0, .12);
}

.mailbox-view .panel-heading,
.hpanel.email-compose .panel-heading {
	padding: 0px 0px 10px 0px;
}

.panel-heading.hbuilt.mailbox-hd {
	padding: 20px 20px 0px 20px;
}

.table.table-hover.table-mailbox {
	margin-bottom: 0px;
}

.custom-address-mailbox {
	margin-bottom: 20px;
}

.file-body i.fa {
	font-size: 40px;
	padding: 20px 0px;
}

.incon-ctn-view {
	text-align: center;
}

.btn-success.compose-btn {
	background-color: #006DF0;
	border-color: #006DF0;
	color: #fff;
	margin-top: 0px;
}

.panel-body.no-padding {
	box-shadow: none;
}

.panel-body p {
	font-size: 14px;
	color: #303030;
	line-height: 24px;
}

.btn-primary.ft-compse {
	background-color: #006DF0;
	border-color: #006DF0;
	color: #fff;
}

.cts-ml-in {
	margin-top: 20px;
}

.cts-ml-in input[type="text"] {
	font-size: 14px;
	padding: 6px 15px;
	display: block;
}

.cts-ml-in .btn-default {
	padding: 8px 15px;
	color: #303030;
	font-size: 14px;
}

.ib-btn-gp button {
	font-size: 14px;
	color: #303030;
}

.ib-tb .label-warning {
	background: #006DF0;
}

.ib-tb .label-info {
	background: #933EC5;
}

.ib-tb .label-danger {
	background: #D80027;
}

.ib-ml-ft {
	font-size: 14px;
	color: #fff;
	background: #006DF0;
}

ul.mailbox-list li i {
	margin-right: 5px;
}

.input-sm {
	font-size: 14px;
}

.compose-multiple-email .multipleInput-container {
	height: 55px;
	padding: 5px;
}

.multipleInput-container {
	border: 1px #ccc solid;
	padding: 1px;
	padding-bottom: 0;
	cursor: text;
	font-size: 13px;
	width: 100%;
	height: 40px;
	overflow: auto;
	background-color: white;
	border-radius: 0px;
	padding: 0px 10px;
}

.multipleInput-container ul {
	list-style-type: none;
	padding-left: 0px !important;
}

.multipleInput-container input {
	font-size: 13px;
	width: 150px;
	height: 24px;
	border: 0;
	margin-bottom: 1px;
	outline: none;
}

.email_search {
	width: 100% !important;
}

li.multipleInput-email {
	float: left;
	margin-right: 2px;
	margin-bottom: 1px;
	border: 1px #006DF0 solid;
	background: #006DF0;
	color: #fff;
	padding: 4px 10px;
	border-radius: 2px;
}

li.multipleInput-email a {
	background: none;
	color: #fff;
	margin-left: 4px;
	display: inline-block;
	padding: 0px 1px;
}

.form-horizontal .control-label {
	padding-top: 10px;
}

.panel-body .note-editor.note-frame.panel.panel-default {
	margin-bottom: 0px;
}

.panel-body .dropmail {
	margin-bottom: 20px;
	margin-top: 20px;
}

.dropmail .dropzone.dz-clickable .dz-message {
	border: 1px #fff solid;
}

.dropmail .download-custom i {
	color: #999;
	font-size: 30px;
}

.dropmail .download-custom h2 {
	color: #999;
	font-size: 16px;
}

.dropmail .download-custom p {
	color: #999;
}

.dropmail .dropzone.dropzone-custom {
	border: 2px dashed #999;
}

.contact-panel-cs .contact-footer,
.contact-panel-cs .panel-footer {
	background: #006DF0;
}

.form-control.dt-tb {
	height: 35px;
}

.ft-pn {
	background: #F6F8FA;
}

.ft-pn a {
	font-size: 14px;
	color: #303030;
}

td.text-right.mail-date {
	padding-right: 15px !important;
}

.static-table-list .table {
	margin-bottom: 0px;
}

.hpanel.email-compose .panel-body {
	padding: 0px;
}

/*----------------------------------------*/
/*  16. Google Map
/*----------------------------------------*/
#map,
#map1,
#map2,
#googleMap,
#maplan,
#map6,
#map7,
#map8 {
	height: 100%;
}

.google-map-single {
	width: 100%;
	height: 300px;
}

/*----------------------------------------*/
/*  17. Images Cropper
/*----------------------------------------*/
.img-preview-custom {
	height: 130px;
	width: 200px;
	overflow: hidden;
}

.dual-list-box-inner .other-method {
	margin-top: 15px;
}

.images-cropper-pro .btn-primary {
	background-color: #006DF0;
	border-color: #006DF0;
}

.images-cropper-pro .btn-primary:active:focus,
.images-cropper-pro .btn-primary:active:hover {
	background-color: #006DF0;
	border-color: #006DF0;
}

.images-action-pro .btn-warning {
	background-color: #006DF0;
	border-color: #006DF0;
}

.images-action-pro .btn-warning:active,
.images-action-pro .btn-warning:focus,
.images-action-pro .btn-warning:hover {
	background-color: #006DF0;
	border-color: #006DF0;
}

.img-preview-custom {
	height: 130px;
	width: 200px;
	overflow: hidden;
}

.img-croper-fl {
	display: flex;
}

.common-pre-dz {
	margin-left: 15px;
}

.images-cropper-pro .btn {
	margin: 5px 0px;
}

/*----------------------------------------*/
/*  18. Form Element
/*----------------------------------------*/
.sparkline8-graph .basic-login-inner,
.sparkline8-graph .login-social-inner,
.sparkline9-graph .basic-login-form-ad,
.sparkline11-graph .basic-login-form-ad {
	text-align: left;
}

.form-group-inner {
	margin-bottom: 15px;
}

.form-group-inner label {
	font-size: 14px;
	color: #303030;
}

.form-group-inner input[type="email"],
.form-group-inner input[type="password"],
.form-group-inner input[type="text"],
.form-select-list .custom-select-value {
	font-size: 14px;
	color: #303030;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 0px;
	box-shadow: none;
}

.icheckbox_square-green,
.iradio_square-green {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(img/green1.png) no-repeat;
	border: none;
	cursor: pointer;
}

.icheckbox_square-green {
	background-position: 0 0;
}

.icheckbox_square-green.hover {
	background-position: -22px 0;
}

.icheckbox_square-green.checked {
	background-position: -44px 0;
	transition: all 0.3s ease 0s;
}

.login-btn-inner .check-label {
	margin-left: 5px;
}

.login-btn-inner .label-check-inner {
	margin: 0px;
	padding-top: 5px;
}

.login-social-inner {
	margin-bottom: 20px;
}

.login-social-inner a.button {
	line-height: 42px;
	text-decoration: none;
	margin-right: 5px;
}

.login-social-inner .btn-social {
	position: relative;
}

.login-social-inner .span-left {
	padding-left: 55px;
	padding-right: 15px;
}

.login-social-inner .facebook {
	background-color: #3b5998;
}

.login-social-inner .twitter,
.login-social-inner .twitter:hover,
.login-social-inner .twitter:focus,
.login-social-inner .facebook,
.login-social-inner .facebook:hover,
.login-social-inner .facebook:focus,
.login-social-inner .googleplus,
.login-social-inner .googleplus:hover,
.login-social-inner .googleplus:focus,
.login-social-inner .linkedin,
.login-social-inner .linkedin:hover,
.login-social-inner .linkedin:focus {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.login-social-inner .button {
	border: 0;
	height: 42px;
	color: #fff;
	line-height: 1;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

.login-social-inner .button {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: none;
}

.login-social-inner .facebook:hover,
.login-social-inner .facebook:focus {
	background-color: #25385F;
}

.login-social-inner .facebook span {
	background-color: #31497D;
}

.login-social-inner .btn-social span {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 42px;
	left: 0;
}

.login-social-inner .btn-social i {
	font-size: 22px;
	position: relative;
	top: 2px;
}

.login-social-inner .twitter span {
	background-color: #009AD5;
}

.login-social-inner .twitter {
	background-color: #00acee;
}

.login-social-inner .twitter:hover,
.login-social-inner .twitter:focus {
	background-color: #00749F;
}

.login-social-inner .googleplus span {
	background-color: #C03121;
}

.login-social-inner .googleplus:hover,
.login-social-inner .googleplus:focus {
	background-color: #8D2418;
}

.login-social-inner .googleplus {
	background-color: #dd4b39;
}

.login-social-inner .linkedin span {
	background-color: #084261;
}

.login-social-inner .linkedin:hover,
.login-social-inner .linkedin:focus {
	background-color: #084261;
}

.login-social-inner .linkedin {
	background-color: #0077B5;
}

.login-horizental {
	margin-top: 20px;
}

.form-group-inner label.login2 {
	margin: 0px;
	padding: 7px 0px;
}

.inline-basic-form .form-group-inner {
	margin-bottom: 0px;
}

.modal-login-form-inner {
	text-align: left;
}

.modal-edu-general .modal-body .modal-basic-inner p {
	margin-bottom: 15px;
}

.bt-df-checkbox {
	padding: 8px 0px;
	margin: 0;
}

.bt-df-checkbox .radio-checked {
	margin-right: 8px;
}

.icheckbox_square-green.checked {
	background-position: -44px 0;
}

.icheckbox_square-green.checked.disabled {
	background-position: -88px 0;
}

.iradio_square-green {
	background-position: -109px 0;
}

.iradio_square-green.hover {
	background-position: -131px 0;
}

.iradio_square-green.checked {
	background-position: -153px 0;
	transition: all 0.3s ease 0s;
}

.iradio_square-green.checked.disabled {
	background-position: -197px 0;
}

.inline-checkbox-cs {
	padding: 7px 0px;
}

.inline-checkbox-cs .checkbox-inline {
	padding-left: 0px;
}

.form-group-inner.input-with-success label {
	color: #1ab394;
}

.form-group-inner.input-with-success input[type="text"] {
	border: 1px solid #1ab394;
}

.form-group-inner.input-with-warning label {
	color: #f8ac59;
}

.form-group-inner.input-with-warning input[type="text"] {
	border: 1px solid #f8ac59;
}

.form-group-inner.input-with-error label {
	color: #ed5565;
}

.form-group-inner.input-with-error input[type="text"] {
	border: 1px solid #ed5565;
}

.inline-remember-me label {
	margin: 0px;
	padding: 5px 0px;
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-addon:first-child {
	border-right: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-btn .btn,
.form-bc-ele .btn {
	padding: 10px 12px;
}

.input-group-addon {
	background-color: #fff;
	border: 1px solid #E5E6E7;
	border-radius: 1px;
	color: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
}

.input-group-addon {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.form-control {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #e5e6e7;
	border-radius: 1px;
	color: inherit;
	display: block;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	height: 40px;
	box-shadow: none;
}

.form-control:focus {
	border-color: #006DF0;
	outline: 0;
	box-shadow: none;
}

.custom-go-button .btn-primary,
.custom-dropdowns-button .dropdown-toggle,
.dropdown-segmented .dropdown-toggle,
.dropdown-segmented .btn-white {
	background-color: #006DF0;
	border-color: #006DF0;
	color: #FFFFFF;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.custom-go-button .btn-primary,
.custom-go-button .btn-primary:active,
.custom-go-button .btn-primary:focus,
.custom-dropdowns-button .dropdown-toggle,
.custom-dropdowns-button .dropdown-toggle:active,
.custom-dropdowns-button .dropdown-toggle:focus,
.dropdown-segmented .dropdown-toggle,
.dropdown-segmented .dropdown-toggle:active,
.dropdown-segmented .dropdown-toggle:focus {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #006DF0;
	border-color: #006DF0;
}

.dropdown-segmented .dropdown-toggle,
.dropdown-segmented .dropdown-toggle:active,
.dropdown-segmented .dropdown-toggle:focus {
	border-left: 1px solid #006DF0;
}

.cancel-wp .btn-white,
.cancel-wp .btn-white:active,
.cancel-wp .btn-white:focus {
	border-radius: 0px;
	outline: none;
}

.file-upload-inner.ts-forms input[type="text"]:hover,
.file-upload-inner.ts-forms input[type="text"]:focus,
.file-upload-inner.ts-forms input[type="text"]:active,
.file-upload-inner.ts-forms .file-button:hover + input {
	border: 1px solid #7cc144;
}

.file-upload-inner.ts-forms input[type="text"] {
	height: 40px;
}

.file-upload-inner.ts-forms .file-button,
.file-upload-inner.ts-forms .file-button:active,
.file-upload-inner.ts-forms .file-button:focus {
	background: #7cc144;
	border-radius: 0px;
	width: 70px;
	height: 40px;
	line-height: 40px;
	top: 0px;
}

.file-upload-inner.ts-forms .prepend-small-btn .file-button,
.file-upload-inner.ts-forms .prepend-big-btn .file-button {
	left: 0px;
}

.file-upload-inner.ts-forms .prepend-big-btn input[type="text"] {
	padding-left: 81px;
}

.file-upload-inner.ts-forms .icon-left,
.file-upload-inner.ts-forms .icon-right {
	top: 0px;
}

.file-upload-inner.file-upload-inner-right.ts-forms .file-button,
.file-upload-inner.file-upload-inner-right.ts-forms .file-button:active,
.file-upload-inner.file-upload-inner-right.ts-forms .file-button:focus {
	right: 0px !important;
}

.file-upload-inner.file-upload-inner-right.ts-forms .append-small-btn .file-button input,
.file-upload-inner.file-upload-inner-right.ts-forms .append-big-btn .file-button input {
	right: 0px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #03a9f4;
}

.chosen-select-single label {
	font-weight: 400;
	font-size: 14px;
}

.spacer-b16a {
	text-align: left;
	margin-bottom: 5px;
}

.sliderv-wrapper.green-slider.green-left-pro {
	margin-left: 8px;
}

.sliderv-wrapper.black-slider.slider-bl-pro {
	margin-top: 22px;
}

.input-mask-title {
	text-align: right;
	padding: 10px 0px;
}

.input-mark-inner,
.data-custon-pick,
.touchspin-inner {
	text-align: left;
}

.input-mask-title label,
.input-mark-inner .help-block,
.data-custon-pick label,
.touchspin-inner label {
	font-size: 14px;
	font-weight: 400;
}

.input-mark-inner .form-control,
.data-custon-pick .form-control {
	border-radius: 0px;
}

.input-mark-inner .form-control:focus,
.input-mark-inner .form-control:active,
.data-custon-pick .form-control:focus,
.data-custon-pick .form-control:active {
	outline: none;
	box-shadow: none;
	border: 1px solid #006DF0;
}

.form-group.data-custon-pick.data-custom-mg {
	margin-bottom: 0px;
}

/* calender styling */

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
	background-color: #7cc144;
	border-color: #7cc144;
	border-radius: 100%;
}

.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover {
	color: #fff;
	background-color: #7cc144 !important;
	border-color: #7cc144 !important;
}

.datepicker th.dow {
	color: #7cc144;
	border-top: 1px solid #7cc144;
}

.datepicker th.datepicker-switch {
	color: #888888;
}

.datepicker span.year.active {
	border-radius: 4px !important;
}

.datepicker span.decade.active.focused{
	border-radius: 4px !important;
}

.datepicker span.month.focused.active{
	border-radius: 4px !important;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
	border-radius: 100% !important;
}


.ts-forms .tsbox {
	position: relative;
}

.ts-forms .label {
	font-size: 14px;
	margin-bottom: 15px;
	height: 14px;
	color: #303030;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.colorpicker-inner.ts-forms.mg-b-23 {
	margin: 14px 0px;
}

.ts-forms label {
	display: block;
	color: inherit;
	font-weight: normal;
	text-align: left;
	margin-bottom: 0;
}

.ts-forms {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, .54);
	line-height: 1;
	position: relative;
}
.file-upload-inner.file-upload-inner-right.ts-forms.mg-b-5 .file-button {
	font-size: 11px;
}

.ts-forms input[type="text"],
.ts-forms input[type="password"],
.ts-forms input[type="email"],
.ts-forms input[type="search"],
.ts-forms input[type="url"],
.ts-forms textarea,
.ts-forms select {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 0px;
	color: rgba(0, 0, 0, .87);
	display: block;
	font-family: inherit;
	font-size: 14px;
	height: 34px;
	padding: 10px 15px;
	width: 100%;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all.4s;
	-moz-transition: all.4s;
	-ms-transition: all.4s;
	-o-transition: all.4s;
	transition: all.4s;
}

.sp-replacer {
	background-color: #e0e0e0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border: none;
	bottom: 0;
	cursor: pointer;
	display: block;
	outline: none;
	padding-left: 16px;
	padding-top: 0px;
	position: absolute;
	right: 0;
	top: 0;
	width: 52px;
	color: rgba(0, 0, 0, .56);
	-webkit-transition: color.4s;
	-moz-transition: color.4s;
	-ms-transition: color.4s;
	-o-transition: color.4s;
	transition: color.4s;
}

.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sp-replacer {
	top: 20px !important;
	padding-left: 10px !important;
}

.sp-preview {
	position: relative;
	width: 25px;
	height: 20px;
	border: solid 1px #222;
	margin-right: 5px;
	float: left;
	z-index: 0;
	top: 5px;
}

.sp-dd {
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 10px;
	margin-top: 5px;
}

.dual-list-box-inner option {
	padding: 0px 15px;
}

.inbox-email-menu-list .nav-tabs > li > a {
	border: 0px solid transparent;
}

.x-editable-list .table {
	margin-bottom: 0px;
}

.menu-list-mg-b.menu-list-wrap {
	margin-bottom: 40px
}

.main-sparkline8-hd h1,
.main-sparkline9-hd h1,
.main-spark7-hd h1,
.main-sparkline10-hd h1,
.main-sparkline11-hd h1,
.main-sparkline12-hd h1,
.main-sparkline13-hd h1,
.main-sparkline14-hd h1 {
	font-size: 20px;
	color: #303030;
}

.basic-choropleth {
	height: 400px;
	width: 100%;
}

.alert-title.dropzone-custom-sys h2,
.download-custom h2,
.alert-title h2,
.code-editor-single h2 {
	font-size: 18px;
	color: #303030;
}

.mini-navbar .charts-single-pro .bar-mini-ds {
	display: none;
}

.alert-title.dropzone-custom-sys p,
.download-custom p,
.alert-title p,
.sparkline-content p {
	font-size: 14px;
	color: #303030;
	line-height: 24px;
}

.sparkline-content a {
	font-size: 14px;
	color: #303030;
}

.preloader-single {
	background: #fff;
	width: 100%;
	height: 350px;
	padding: 15px;
}

.file-cs-ctn {
	text-align: center;
	padding: 30px 0px !important;
}

.custonfile .btn-primary {
	color: #fff;
	background-color: #86bc42;
	border-color: #86bc42;
}

.dropdown-menu.filedropdown {
	width: 100%;
}

.dropdown-menu.filedropdown li a {
	margin-top: 0px;
	padding: 8px 20px;
}

.dropdown-menu.filedropdown li i {
	margin-right: 5px;
}

.custom-panel-jw a {
	font-size: 18px;
}

.project-people img {
	width: 28px;
	height: 28px;
	margin-left: 2px;
	margin-bottom: 4px;
}

.panel-body a {
	font-size: 14px;
	color: #303030;
	margin-top: 15px;
}

.custom-panel-jw .social-media-in a {
	margin-top: 5px;
}

.project-value h2 {
	font-size: 25px;
	color: #444;
	margin-top: 10px;
}

.custom-project-dsl h2 {
	margin: 0;
	padding: 10px 15px;
	background: #ddd;
	font-size: 16px;
}

.m-t-none {
	font-size: 20px;
	color: #444;
}

.custom-address-mailbox div {
	margin: 5px 0px;
}

.panel-csm h4 {
	font-size: 18px;
	color: #303030;
}

.project-dtl-info h1 {
	font-size: 25px;
	color: #444;
}

.back-backend a {
	background: #006DF0;
	border-color: #006DF0;
}

.back-backend a:hover {
	background: #006DF0;
	border-color: #006DF0;
}

.back-link {
	float: left;
	width: 100%;
	margin: 10px;
}

.content-error h1 {
	font-size: 35px;
	color: #444;
	text-transform: uppercase;
}

.content-error .counter {
	color: #006DF0;
}

.content-error {
	text-align: center;
	margin: 28px 0 0;
}

.content-error p {
	font-size: 14px;
	color: #444;
	line-height: 24px;
}

.content-error a {
	display: inline-block;
	margin: 0px 5px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	padding: 10px 30px;
	border-radius: 3px;
	background: #006DF0;
	transition: all .4s ease 0s;
}

.login-footer a {
	color: #006DF0;
}

.login-footer {
	margin-top: 15px;
}

.main-spark-hd h1,
.smart-main-spark-hd h1 {
	font-size: 20px;
}

.custom-datatable-overright table tbody tr td a {
	color: #303030;
	font-size: 12px;
}

.custom-datatable-overright table tbody tr td {
	padding-left: 10px !important;
	padding-right: 5px !important;
	font-size: 11px;
	text-align: left;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #7cc144;
	border-color: #7cc144;
}

.fixed-table-pagination {
	padding: 0px 10px;
}

.tab-content-details h2 {
	font-size: 20px;
	color: #303030;
}

.tab-content-details {
	text-align: center;
	background: #fff;
	padding: 20px 100px;
}

.tab-content-details p {
	font-size: 14px;
	color: #303030;
	line-height: 24px;
	margin-bottom: 0px;
}

.color-line {
	background: #f7f9fa;
	height: 6px;
	background-image: -webkit-linear-gradient(left, #006DF0, #006DF0 25%, #933EC5 25%, #933EC5 35%, #65b12d 35%, #65b12d 45%, #D80027 45%, #D80027 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
	background-image: -moz-linear-gradient(left, #006DF0, #006DF0 25%, #933EC5 25%, #933EC5 35%, #65b12d 35%, #65b12d 45%, #D80027 45%, #D80027 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
	background-image: -ms-linear-gradient(left, #006DF0, #006DF0 25%, #933EC5 25%, #933EC5 35%, #65b12d 35%, #65b12d 45%, #D80027 45%, #D80027 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
	background-image: linear-gradient(to right, #006DF0, #006DF0 25%, #933EC5 25%, #933EC5 35%, #65b12d 35%, #65b12d 45%, #D80027 45%, #D80027 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
	background-size: 100% 6px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

.form-group-inner {
	margin-bottom: 15px;
}

.form-group-inner label {
	font-size: 14px;
	color: #303030;
}

.form-group-inner input[type="email"],
.form-group-inner input[type="password"],
.form-group-inner input[type="text"],
.form-select-list .custom-select-value {
	font-size: 14px;
	color: #303030;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 0px;
	box-shadow: none;
}

.form-group-inner input[type="email"]:focus,
.form-group-inner input[type="password"]:focus,
.form-group-inner input[type="text"]:focus,
.form-select-list .custom-select-value:focus {
	border: 1px solid #006DF0;
	outline: none;
	border-radius: 0px;
	box-shadow: none;
}

.icheckbox_square-green,
.iradio_square-green {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(img/green1.png) no-repeat;
	border: none;
	cursor: pointer;
}

.icheckbox_square-green {
	background-position: 0 0;
}

.icheckbox_square-green.hover {
	background-position: -22px 0;
}

.icheckbox_square-green.checked {
	background-position: -44px 0;
	transition: all 0.3s ease 0s;
}

.login-btn-inner .check-label {
	margin-left: 5px;
}

.login-btn-inner .label-check-inner {
	margin: 0px;
	padding-top: 5px;
}

.login-btn-inner .login-submit-cs {
	background-color: #006DF0;
	border-color: #006DF0;
	font-size: 14px;
	font-weight: 400;
	border-radius: 0px;
}

.modal-bootstrap.modal-login-form {
	padding: 7px 20px;
	background-color: #006DF0;
	display: inline-block;
	text-align: center;
}

.modal-bootstrap.modal-login-form a {
	color: #fff;
}

.login-btn-inner .btn-primary.active.focus,
.login-btn-inner .btn-primary.active:focus,
.login-btn-inner .btn-primary.active:hover,
.login-btn-inner .btn-primary:active.focus,
.login-btn-inner .btn-primary:active:focus,
.login-btn-inner .btn-primary:active:hover,
.login-btn-inner .btn-primary:hover,
.login-btn-inner .btn-primary:active,
.login-btn-inner .btn-primary:focus {
	background-color: #006DF0;
	border-color: #006DF0;
	border-radius: 0px;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
}

.create-account-sign a {
	color: #006DF0;
	font-size: 100px;
	padding: 5px 70px;
	display: block;
}

.login-social-inner {
	margin-bottom: 20px;
}

.login-social-inner a.button {
	line-height: 42px;
	text-decoration: none;
	margin-right: 5px;
}

.login-social-inner .btn-social {
	position: relative;
}

.login-social-inner .span-left {
	padding-left: 55px;
	padding-right: 15px;
}

.login-social-inner .facebook {
	background-color: #3b5998;
}

.login-social-inner .twitter,
.login-social-inner .twitter:hover,
.login-social-inner .twitter:focus,
.login-social-inner .facebook,
.login-social-inner .facebook:hover,
.login-social-inner .facebook:focus,
.login-social-inner .googleplus,
.login-social-inner .googleplus:hover,
.login-social-inner .googleplus:focus,
.login-social-inner .linkedin,
.login-social-inner .linkedin:hover,
.login-social-inner .linkedin:focus {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.login-social-inner .button {
	border: 0;
	height: 42px;
	color: #fff;
	line-height: 1;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
}

.login-social-inner .button {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	outline: none;
}

.login-social-inner .facebook:hover,
.login-social-inner .facebook:focus {
	background-color: #25385F;
}

.login-social-inner .facebook span {
	background-color: #31497D;
}

.login-social-inner .btn-social span {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 42px;
	left: 0;
}

.login-social-inner .btn-social i {
	font-size: 22px;
	position: relative;
	top: 2px;
}

.login-social-inner .twitter span {
	background-color: #009AD5;
}

.login-social-inner .twitter {
	background-color: #00acee;
}

.login-social-inner .twitter:hover,
.login-social-inner .twitter:focus {
	background-color: #00749F;
}

.login-social-inner .googleplus span {
	background-color: #C03121;
}

.login-social-inner .googleplus:hover,
.login-social-inner .googleplus:focus {
	background-color: #8D2418;
}

.login-social-inner .googleplus {
	background-color: #dd4b39;
}

.login-social-inner .linkedin span {
	background-color: #084261;
}

.login-social-inner .linkedin:hover,
.login-social-inner .linkedin:focus {
	background-color: #084261;
}

.login-social-inner .linkedin {
	background-color: #0077B5;
}

.form-group-inner label.login2 {
	margin: 0px;
	padding: 10px 0px;
}

.bt-df-checkbox {
	padding: 8px 0px;
	margin: 0;
}

.bt-df-checkbox .radio-checked {
	margin-right: 8px;
}

.icheckbox_square-green.checked {
	background-position: -44px 0;
}

.icheckbox_square-green.checked.disabled {
	background-position: -88px 0;
}

.iradio_square-green {
	background-position: -109px 0;
}

.iradio_square-green.hover {
	background-position: -131px 0;
}

.iradio_square-green.checked {
	background-position: -153px 0;
	transition: all 0.3s ease 0s;
}

.iradio_square-green.checked.disabled {
	background-position: -197px 0;
}

.inline-checkbox-cs {
	padding: 7px 0px;
}

.inline-checkbox-cs .checkbox-inline {
	padding-left: 0px;
}

.checkbox.login-checkbox label {
	padding-left: 0px;
}

.btn-success.loginbtn {
	background-color: #006DF0;
	border-color: #006DF0;
}

.lock-inner i {
	font-size: 60px;
	color: #006DF0;
}

.lock-inner .text-success {
	color: #006DF0;
}

.lock-inner .btn-primary {
	background: #006DF0;
	border-color: #006DF0;
}

.poss-recover .btn-success {
	background-color: #006DF0;
	border-color: #006DF0;
}

.main-sparkline16-hd h1,
.main-sparkline15-hd h1 {
	font-size: 20px;
}

.knob-single input {
	position: absolute;
	top: 0px;
	right: 25px;
}

.download-custom i {
	font-size: 40px;
}

.dropzone-custom-sys {
	text-align: center;
	padding: 30px 100px;
	background: #fff;
}

element.style {
	display: inline-block;
	width: 721px;
	height: 355px;
	vertical-align: top;
}

div#sparklinehome canvas {
	width: 100% !important;
}

.header-top-area {
	background: #f6f8fa;
	border-bottom: 1px solid #ddd;
	z-index: 5;
}

.sidebar-nav .metismenu {
	background: linear-gradient(to right, #162F67 22%, #142B58 22%);
}

.sidebar-nav {
	background: #fff;
}

.sidebar-nav ul {
	background: inherit;
}

#sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle {
	position: absolute;
	right: -180px;
	top: 0px;
	text-align: left;
	width: 180px;
	background: #142B58;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

#sidebar.active .sidebar-nav .metismenu a:hover,
#sidebar.active .sidebar-nav .metismenu a:focus,
#sidebar.active .sidebar-nav .metismenu a:active {
	color: #7cc144;
	background: transparent;
}

#sidebar.active .mCustomScrollBox {
	overflow: unset;
}

#sidebar.active .mCSB_container {
	overflow: unset;
}

.sidebar-nav .metismenu a {
	color: #fff;
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active {
	color: #7cc144;
	background: transparent;
}

.header-top-menu .navbar-nav > li .dropdown-menu,
.header-right-info ul.header-right-menu li .author-message-top,
.header-right-info ul.header-right-menu li .notification-author,
.header-right-info ul.header-right-menu li .author-log,
.header-right-info ul.header-right-menu li .admintab-wrap.menu-setting-wrap.menu-setting-wrap-bg.dropdown-menu {
	background: #fff;
}

.header-top-menu .navbar-nav > li .dropdown-menu a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:hover,
.header-right-info ul.header-right-menu li .dropdown-header-top.author-log li a:focus,
.header-drl-controller-btn.btn-info:active:focus,
.btn-info:active:hover {
	background: #F6F8FA;
}

.header-top-menu .navbar-nav > li.open > a {
	color: #fff;
}

.header-top-menu .navbar-nav > li > a:hover {
	color: #fff;
}

#sidebar.active,
#sidebar.active .sidebar-nav .metismenu {
	background: #162F67;
}

#sidebar {
	background: linear-gradient(to right, #162F67 22%, #142B58 22%);
}

#sidebar .sidebar-header {
	background: #7cc144;
}

#sidebar.active .sidebar-header {
	padding-top: 10px;
	position: relative;
	z-index: 9;
	padding-bottom: 10px;
}

.order-st i {
	background: #86bc42;
}

.product-details-btn button,
.product-details-btn-2 button {
	background: #86bc42;
}

.single-product-text .button-default.cart-btn {
	background: #006DF0;
}

.history-anl-icon i {
	background-color: #86bc42;
}

.footer-copyright-area {
	background: #f6f8fa;
	padding: 6px 0px;
	text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	border-top: 1px solid #cacaca;
	right: 0;
	left: 0;
	//z-index: 111;
}

.message-single-top h1,
.notification-single-top h1 {
	border-bottom: 1px solid #F6F8FA;
}

.header-right-info ul.header-right-menu li .message-view a,
.header-right-info ul.header-right-menu li .notification-view a {
	border-top: 1px solid #F6F8FA;
}

.header-right-info .author-message-top:before,
.header-right-info .notification-author:before {
	border-bottom: 10px solid #fff;
}

.header-right-info ul.header-right-menu li.open > a {
	color: #73c65b;
}

.header-right-info ul.header-right-menu li.open .indicator-ms,
.header-right-info ul.header-right-menu li.open .indicator-nt {
	background: #73c65b;
}

.indicator-ms {
	background: #333;
}

.indicator-nt {
	background: #333;
}

.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:focus,
.menu-setting-wrap.menu-setting-wrap-bg .nav-tabs > li.active > a:hover .notes-img {
	background: #F6F8FA;
}

.header-right-info .nav.custon-set-tab > li > a:focus,
.header-right-info .nav.custon-set-tab > li > a:hover,
.header-right-info .nav.custon-set-tab > li > a:active {
	color: #303030;
}

.edu-custon-design .panel-heading {
	background: #006DF0;
	color: #fff;
}

.panel-group.edu-custon-design .accordion-head a:hover,
.panel-group.edu-custon-design .accordion-head a:focus,
.panel-group.edu-custon-design .accordion-head a:active {
	color: #fff;
}

.analytics-sparkle-line .analytics-content .tuition-fees {
	font-size: 14px;
	float: right;
	margin-top: 8px;
	color: #999;
	font-weight: 300;
}

.storage-right {
	float: right;
	margin-bottom: 0px;
	margin-top: -25px;
	font-size: 16px !important;
}

.analysis-progrebar-content .progress {
	width: 100%;
	margin-bottom: 6px;
}

.single-item-rating {
	float: right;
	margin-top: -32px;
	color: #ffb463;
}

.single-item-rating i {
	font-size: 14px;
}

.product-price h3 {
	font-size: 25px;
}

.product-buttons button:hover {
	background: #006DF0;
	transition: all .4s ease 0s;
}

.single-product-text a,
.single-latest-text a {
	color: #444;
	display: block;
	font-size: 18px;
}

.single-product-text .cards-hd-dn {
	margin-top: 17px;
}

.single-product-text.edu-pro-tx a {
	margin-top: -1px;
}

.single-product-image img {
	width: 100%;
}

.single-product-text a:hover,
.single-latest-text a:hover {
	color: #006DF0;
	transition: all .4s ease 0s;
}

.single-product-text .button-default.cart-btn:hover {
	background: #006DF0;
	transition: all .4s ease 0s;
}

.single-latest-image {
	float: left;
}

.single-latest-text {
	background: #fff;
	overflow: hidden;
	padding: 10px 0 25px 30px;
}

.single-latest-text p {
	font-size: 14px;
	color: #444;
	margin: 10px 0px;
}

.single-latest-text .button-default {
	font-size: 14px;
	background: #86bc42;
	padding: 5px 10px;
	border-radius: 3px;
	transition: all .4s ease 0s;
	color: #fff;
	display: inline;
}

.single-latest-text .button-default:hover {
	background: #2d3e50;
	color: #fff;
}

.progress-skill .progress {
	height: 5px;
	margin-bottom: 10px;
}

.progress-skill h2 {
	font-size: 16px;
	color: #444;
}

.progress-green {
	background-color: #006DF0;
}

.progress-yellow {
	background-color: #933EC5;
}

.progress-blue {
	background-color: #65b12d;
}

.progress-red {
	background-color: #D80027;
}

.blog-sig-details-dt.courses-info span {
	margin: 10px 50px 0;
	display: inline-block;
}

.social-media-edu,
.single-review-st-text {
	display: flex;
	align-items: center;
}

.single-review-st-text {
	padding: 7.7px 0px;
}

.single-review-st-text:last-child {
	padding-bottom: 0px;
}

.social-media-edu i {
	font-size: 40px;
	line-height: 54px;
	color: #006DF0;
}

.social-media-edu.twitter-cl i {
	color: #933EC5;
}

.social-media-edu.linkedin-cl i {
	color: #65b12d;
}

.social-media-edu.youtube-cl i {
	color: #D80027;
}

.social-edu-ctn {
	margin-left: 15px;
}

.social-edu-ctn h3 {
	font-size: 16px;
	text-transform: capitalize;
	color: #006DF0;
}

.twitter-cl .social-edu-ctn h3 {
	color: #933EC5;
}

.linkedin-cl .social-edu-ctn h3 {
	color: #65b12d;
}

.youtube-cl .social-edu-ctn h3 {
	color: #D80027;
}

.social-edu-ctn p {
	font-size: 14px;
	margin: 0;
	color: #303030;
}

.single-product-text img {
	width: 100px;
	height: 100px;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	margin-top: -70px;
}

.single-product-text {
	padding: 20px;
	text-align: center;
}

.single-product-text.edu-pro-tx {
	padding: 20px 0px 0px 0px;
}

.single-product-text.edu-pro-tx h5 {
	line-height: 20px;
	margin-bottom: 5px;
	color: #444;
}

.single-cards-item,
.single-review-st-item,
.white-box {
	background: #fff;
	overflow: hidden;
}

.single-review-st-item,
.white-box {
	padding: 20px;
}

.single-product-text .ctn-cards {
	font-size: 14px;
	color: #444;
	line-height: 24px;
}

.single-product-text .follow-cards {
	font-size: 14px;
	color: #fff;
	background: #006DF0;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 3px;
}

.single-product-text .follow-cards:hover {
	color: #fff;
}

.cards-dtn {
	margin-top: 27px;
}

.single-product-text .cards-hd-dn {
	font-size: 18px;
}

.single-product-text h5 {
	font-size: 14px;
	color: #999;
	font-weight: 300;
}

.cards-dtn h3 {
	font-size: 18px;
	color: #303030;
	margin: 0;
}

.cards-dtn p {
	font-size: 14px;
	color: #303030;
	margin: 0;
}

.single-review-st-text img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.review-ctn-hf h3 {
	font-size: 14px;
	color: #303030;
	margin-bottom: 5px;
}

.review-ctn-hf,
.review-item-rating {
	margin-left: 15px;
	word-break: break-word;
}

.noti_one_div {
	display: flex;
	padding-left: 10px;
	padding-right: 10px;
}

.noti_one_title {
	font-weight: 600;
	font-size: 12px;
	text-transform: capitalize;
}

.noti_one_desc a {
	color: #9a9a9a;
	word-break: break-word;
}

.noti_one_date {
	color: #9a9a9a;
	font-size: 10px;
	margin-top: 0px;
	display: inline-block;
	float: right;
}

.review-ctn-hf p {
	font-size: 10px;
	color: #303030;
	margin: 0;
}

.single-review-st-hd h2 {
	font-size: 18px;
	color: #303030;
}

.review-item-rating i {
	font-size: 14px;
	margin-top: 15px;
	color: #ffb463;
}

.review-ctn-hf {
	margin-top: 5px;
}

.review-item-rating {
	text-align: right;
	margin-left: auto;
	margin-top: 5px;
}

.single-product-text.edu-pro-tx {
	text-align: left;
}

.label-purple {
	background-color: #9675ce;
}

.basic-list li {
	display: block;
	padding: 11.6px 0;
	border-bottom: 1px solid rgba(120, 130, 140, .13);
	line-height: 27px;
	color: #303030;
	font-size: 14px;
}

.basic-list li:last-child {
	border-bottom: 0px solid rgba(120, 130, 140, .13);
	padding-bottom: 0px;
}

.basic-list .label {
	margin-top: 0px;
	padding: 7px 10px;
	font-size: 12px;
	border-radius: 2px;
}

.label-danger.label-1 {
	background: #006DF0;
}

.label-purple.label-2 {
	background: #933EC5;
}

.label-success.label-3 {
	background: #65b12d;
}

.label-info.label-4 {
	background: #D80027;
}

.label-purple.label-7 {
	background: #555;
}

.white-box h3 {
	font-size: 16px;
	color: #444;
}

.country-state .progress {
	height: 4px;
	margin-bottom: 0px;
}

.country-state h2 {
	font-size: 18px;
	color: #444;
	margin-bottom: 2px;
}

.country-state li {
	margin: 26px 0px;
}

.country-state small {
	font-size: 14px;
	color: #303030;
}

.white-box.analytics-info-cs h3 {
	font-size: 16px;
	color: #303030;
}

.analytics-content .progress {
	height: 5px;
	margin-bottom: 0;
}

.analytics-content .text-success {
	color: #006DF0;
}

.analytics-content .text-danger {
	color: #933EC5;
}

.analytics-content .text-info {
	color: #65b12d;
}

.analytics-content .text-inverse {
	color: #D80027;
}

.progress-bar.progress-bar-danger {
	background: #933EC5;
}

.progress-bar.progress-bar-info {
	background: #65b12d;
}

.progress-bar.progress-bar-inverse {
	background: #D80027;
}

.progress-bar.progress-bar-danger.hd-tp-1 {
	background: #006DF0;
}

.projects-st-content.project-rating-cl .progress-bar.hd-tp-2 {
	background: #933EC5;
}

.progress-bar.hd-tp-3 {
	background: #65b12d;
}

.projects-st-content.project-rating-cl2 .progress-bar.hd-tp-4 {
	background: #D80027;
}

.progress-bar.progress-bar-danger.hd-tp-5 {
	background: #9675ce;
}

.projects-st-content.project-rating-cl .progress-bar.hd-tp-6 {
	background: #555;
}

.cus-product-sl-rp li h5 {
	color: #999;
	font-weight: 300;
}

.menu-switcher-pro .btn-info:active,
.menu-switcher-pro .btn-info:focus,
.menu-switcher-pro .btn-info:hover,
.menu-switcher-pro .btn-info:visited,
.header-drl-controller-btn.btn-info:active:focus {
	background: #7cc144;
	outline: none;
}

.mini-navbar .single-review-st-text img {
	height: 56px;
	width: 56px;
}

.mini-navbar .single-product-text img {
	width: 116px;
	height: 116px;
}

.mini-navbar .country-state li {
	margin: 28.5px 0px;
}

.mini-navbar .basic-list li {
	padding: 11.6px 0px;
}

.widget-cl-1 .text-success {
	color: #006DF0;
}

.widget-cl-2 .text-info {
	color: #933EC5;
}

.widget-cl-3 .text-warning {
	color: #65b12d;
}

.widget-cl-4 .text-danger {
	color: #D80027;
}

.btn-success.widget-btn-1:active,
.btn-success.widget-btn-1:hover,
.btn-success.widget-btn-1:focus,
.btn-success.widget-btn-1:visited {
	background: #006DF0;
	border: 1px solid #006DF0;
	outline: none;
}

.btn-info.widget-btn-2:active,
.btn-info.widget-btn-2:hover,
.btn-info.widget-btn-2:focus,
.btn-info.widget-btn-2:visited {
	background: #933EC5;
	border: 1px solid #933EC5;
	outline: none;
}

.btn-info.widget-btn-2 {
	background: #933EC5;
	border: 1px solid #933EC5;
}

.btn-warning.widget-btn-3 {
	background: #65b12d;
	border: 1px solid #65b12d;
}

.btn-warning.widget-btn-3:active,
.btn-warning.widget-btn-3:hover,
.btn-warning.widget-btn-3:focus,
.btn-warning.widget-btn-3:visited {
	background: #65b12d;
	border: 1px solid #65b12d;
	outline: none;
}

.btn-danger.widget-btn-4 {
	background: #D80027;
	border: 1px solid #D80027;
}

.btn-danger.widget-btn-4:active,
.btn-danger.widget-btn-4:hover,
.btn-danger.widget-btn-4:focus,
.btn-danger.widget-btn-4:visited {
	background: #D80027;
	border: 1px solid #D80027;
	outline: none;
}

.add-professors .invalid,
.addcourse .invalid,
.comment .invalid,
.addcoursepro .invalid,
.add-department .invalid {
	color: #D80027;
}

.form-group textarea {
	width: 100%;
	height: 134px;
	padding: 10px;
	border: 1px solid #e5e6e7;
	outline: none;
	line-height: 24px;
}

.form-group.edit-ta-resize textarea {
	height: 144px;
}

.form-group textarea:focus {
	border: 1px solid #006DF0;
}

.add-professors .form-group,
.addcoursepro .form-group {
	margin: 10px 0px;
}

.add-professors .file-upload-inner.ts-forms input[type="text"] {
	margin: 10px 0px;
}

.m-t-md .btn-success {
	background-color: #006DF0;
	border-color: #006DF0;
}

.m-t-md .btn-primary {
	background-color: #933EC5;
	border-color: #933EC5;
}

.m-t-md .btn-warning {
	background-color: #65b12d;
	border-color: #65b12d;
}

.addcourse .form-group {
	margin: 10px 0px;
}

.pro-ad .dropzone.dropzone-custom {
	border: 0px dashed #86bc42;
}

.dropzone.dz-clickable .dz-message {
	border: 2px dashed #ccc;
	margin: 0px 0px;
	padding: 20px;
}

.pro-ad .dropzone.dz-started .dz-message {
	display: block;
	height: 142px;
}

.pro-ad .dropzone.dz-started .edudropnone {
	display: none;
}

.pro-ad .dropzone .dz-preview {
	position: absolute;
	bottom: 42px;
}

.pro-ad .download-custom i {
	color: #999;
	font-size: 25px;
	margin-bottom: 10px;
}

.pro-ad .download-custom h2,
.pro-ad .download-custom p {
	font-size: 14px;
	color: #999;
}

.pro-ad .dropzone {
	padding: 0px;
}

.pro-ad .form-group textarea {
	height: 134px;
}

.pro-ad.addcoursepro .form-group textarea {
	height: 234px;
}

.hd-pro-img {
	overflow: hidden;
	opacity: 0;
}

.alert-up-pd .invalid {
	position: relative;
	top: 10px;
}

.pro-ad .dropzone.dz-clickable {
	cursor: auto;
}

.pro-ad .dropzone .download-custom {
	cursor: pointer;
}

.payment-adress .waves-effect.waves-light {
	cursor: poiner;
}

.comment .form-group {
	margin-bottom: 0px;
}

.comment input[type="text"],
.comment textarea {
	margin: 15px 0px;
}

.payment-adress.comment-stn {
	text-align: left;
}

.add-department .form-group {
	margin: 10px 0px;
}

.datatable-dashv1-list .form-control {
	margin-bottom: 4px;
	border-radius: 25px;
}

.datatable-dashv1-list .btn-default {
	outline: none
}

.datatable-dashv1-list .editable-submit {
	background: #006DF0;
	color: #fff;
	border: 1px solid #006DF0;
}

.datatable-dashv1-list .btn-default:hover,
.datatable-dashv1-list .btn-default:focus,
.datatable-dashv1-list .btn-default:active,
.datatable-dashv1-list .editable-submit:hover,
.datatable-dashv1-list .editable-submit:focus,
.datatable-dashv1-list .editable-submit:active {
	background: #7cc144;
	color: #fff;
}

.dropdown-segmented .btn {
	padding: 9px 12px;
}

.multi-uploader-cs .dropzone.dropzone-custom {
	border: 2px dashed #006DF0;
}

.multi-uploader-cs .dropzone.dz-clickable .dz-message {
	border: 0px dashed #006DF0;
}

.custom-login h3,
.ps-recovered h3 {
	font-size: 20px;
	color: #303030;
}

.custom-login p,
.ps-recovered p {
	font-size: 14px;
	color: #303030;
}

.footer-lg-pro a {
	font-size: 14px;
	color: #006DF0;
}

.country-state li:last-child {
	margin-bottom: 0px;
}

.pwstrength_viewport_progress .progress,
.pwstrength_viewport_progress2 .progress,
.pwstrength_viewport_progress4 .progress,
.form-group.mg-b-pass {
	margin-bottom: 0px;
}

/*----------------------------------------*/
/*  19. Mini Sidebar
/*----------------------------------------*/
#sidebar.active .sidebar-nav .metismenu {
	margin-top: 12px;
}

.mini-navbar .dropzone.dz-clickable .dz-message {
	padding: 32px 20px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.interface-mini-nb-dp {
	top: -30px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.chart-mini-nb-dp {
	top: -40px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.form-mini-nb-dp {
	top: -100px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.app-mini-nb-dp {
	top: -170px;
}

.mini-navbar #sidebar.active .sidebar-nav ul.metismenu li ul.submenu-angle.page-mini-nb-dp {
	top: -210px;
}

.sparkline-content p {
	line-height: 27px;
}

.sparkline-content.peity-ctn p {
	line-height: 26px;
}

.mini-navbar .sparkline-content p {
	font-size: 15px;
	line-height: 29px;
}

.form-group-inner:last-child {
	margin-bottom: 0px;
}

.note-editor.note-frame.panel.panel-default {
	margin-bottom: 0px;
}

.custon-tab-style1 p:last-child,
.edu-custon-design .admin-panel-content p:last-child {
	margin-bottom: 0px;
}

.edu-tab1 .nav-tabs {
	border-bottom: 0px solid #ddd;
	text-align: center;
}

/*----------------------------------------*/
/*  20. Custom Scroll
/*----------------------------------------*/
.comment-scrollbar,
.timeline-scrollbar,
.messages-scrollbar,
.project-list-scrollbar {
	height: 580px;
}

.comment-scrollbar {
	height: 75vh;
    padding-top: 5px;
    padding-bottom: 30px;
}

.mCSB_outside + .mCSB_scrollTools {
	right: -15px;
	margin: 0px 0px;
}

.message-menu .mCSB_outside + .mCSB_scrollTools,
.notification-menu .mCSB_outside + .mCSB_scrollTools,
.left-custom-menu-adp-wrap .mCSB_outside + .mCSB_scrollTools {
	right: 0px;
	margin: 0px 0px;
}

.mCS-light-1.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #006DF0;
}

.mCS-light-1.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #ccc;
}

/*-----------------------
21. Wizard CSS
-------------------------*/
.wizard > .steps {
	position: relative;
	display: block;
	width: 100%;
}

.wizard.vertical > .steps {
	display: inline;
	float: left;
	width: 30%;
}

.wizard > .steps .number {
	font-size: 1.429em;
}

.wizard > .steps > ul > li {
	width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
	float: left;
}

.wizard.vertical > .steps > ul > li {
	float: none;
	width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
	background: #eee;
	color: #aaa;
	cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
	background: #2184be;
	color: #fff;
	cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
	background: #9dc8e2;
	color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
	background: #ff3111;
	color: #fff;
}

.wizard > .content {
	background: #eee;
	display: block;
	margin: 0.5em;
	min-height: 35em;
	overflow: hidden;
	position: relative;
	width: auto;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard.vertical > .content {
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em 2.5%;
	width: 65%;
}

.wizard > .content > .body {
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.wizard > .content > .body ul {
	list-style: disc !important;
}

.wizard > .content > .body ul > li {
	display: list-item;
}

.wizard > .content > .body > iframe {
	border: 0 none;
	width: 100%;
	height: 100%;
}

.wizard > .content > .body input {
	display: block;
	border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"] {
	display: inline-block;
}

.wizard > .content > .body input.error {
	background: rgb(251, 227, 228);
	border: 1px solid #fbc2c4;
	color: #8a1f11;
}

.wizard > .content > .body label {
	display: inline-block;
	margin-bottom: 0.5em;
}

.wizard > .content > .body label.error {
	color: #8a1f11;
	display: inline-block;
	margin-left: 1.5em;
}

.wizard > .actions {
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
}

.wizard.vertical > .actions {
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%;
}

.wizard > .actions > ul {
	display: inline-block;
	text-align: right;
}

.wizard > .actions > ul > li {
	margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
	margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
	background: #2184be;
	color: #fff;
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
	background: #eee;
	color: #aaa;
}

.current-info {
	display: none;
}

#example-basic-h-1,
#example-basic-h-0,
#example-basic-h-2,
#example-basic-h-3 {
	display: none;
}

.product-cart-inner .wizard > .steps a,
.product-cart-inner .wizard > .steps a:hover,
.product-cart-inner .wizard > .steps a:active {
	padding: 10px 15px;
	line-height: 24px;
	font-size: 14px;
	background: #e12503;
}

.product-cart-inner .wizard > .steps .disabled a,
.product-cart-inner .wizard > .steps .disabled a:hover,
.product-cart-inner .wizard > .steps .disabled a:active {
	background: #fff;
	color: #444;
}

.product-cart-inner .wizard > .content > .body {
	background: #fff;
	width: 100%;
}

.product-cart-inner .wizard > .content {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
}

.product-cart-inner .wizard > .content > .body input {
	width: 35px;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
	background: #e12503;
}

.product-list-cart .product-status-wrap {
	border: 0px solid rgba(0, 0, 0, .12);
	padding: 0px;
}

.product-list-cart .product-status-wrap table th {
	border: 0px solid rgba(0, 0, 0, .12);
}

.product-list-cart h3 {
	font-size: 16px;
}

.product-delivary input,
.payment-details input {
	width: 100% !important;
}

.payment-details button,
.product-confarmation button {
	background: #e12503;
	border-color: #e12503;
}

.product-confarmation {
	text-align: center;
}

.product-confarmation p {
	padding: 0px 130px;
	line-height: 24px;
	font-size: 14px;
}

.error-pagewrap {
	min-height: 100vh;
	text-align: center;
}

.error-pagewrap:before {
	content: '';
	height: 100vh;
	width: 1px;
}

.error-page-int,
.error-pagewrap:before {
	vertical-align: middle;
	display: inline-block;
}

.error-page-int {
	padding: 20px 0;
	width: 95%;
	position: relative;
	margin: 0 auto;
	margin-top: 30px;
}

.content-error a {
	margin: 5px 5px;
	display: inline-block;
}

.nk-ds-n-pro {
	display: none;
}

.nk-ds-n-pro-t-0 {
	margin-top: 0px;
}

.devit-card-custom .form-group {
	margin: 10px 0px;
}

.custom-product-edit {
	margin-top: 0px;
}

.login-horizental.lg-hz-mg {
	margin-top: 0px;
}

.content-error .hpanel {
	text-align: left;
}

.content-error #loginForm a {
	padding: 6px 0px;
	margin: 5px 0px;
	border: none;
}

.header-right-info .author-message-top::before,
.header-right-info .notification-author::before {
	position: unset;
	display: block;
	border-width: 0px;
}



.c3-align-dlt {
	display: none;
}

.cstm_delete_icon {
	float: right;
    margin-top: 30px;
    margin-right: 15px;
    font-size: 22px;
    color: #7cc144;
}

/*----------------------------------------*/
/*  22. Notification
/*----------------------------------------*/
.notification-bt .btn {
	border-radius: 3px;
}

.notification-bt .btn-info {
	background-color: #006DF0;
	border-color: #006DF0;
}

.notification-bt .btn-warning {
	background-color: #933EC5;
	border-color: #933EC5;
}

.notification-bt .btn-danger {
	background-color: #D80027;
	border-color: #D80027;
}

.notification-bt .btn-success {
	background-color: #65b12d;
	border-color: #65b12d;
}

.notification-bt .btn-info:focus,
.notification-bt .btn-info:active,
.notification-bt .btn-info:visited,
.notification-bt .btn-warning:focus,
.notification-bt .btn-warning:active,
.notification-bt .btn-warning:visited {
	background-color: #006DF0;
	border-color: #006DF0;
	outline: none;
}

.notification-bt .btn-warning:focus,
.notification-bt .btn-warning:active,
.notification-bt .btn-warning:visited {
	background-color: #933EC5;
	border-color: #933EC5;
	outline: none;
}

.notification-bt .btn-danger:focus,
.notification-bt .btn-danger:active,
.notification-bt .btn-danger:visited {
	background-color: #D80027;
	border-color: #D80027;
	outline: none;
}

.notification-bt .btn-success:focus,
.notification-bt .btn-success:active,
.notification-bt .btn-success:visited {
	background-color: #65b12d;
	border-color: #65b12d;
	outline: none;
}

.info-md a {
	background-color: #933EC5;
	border-color: #933EC5;
}

.warning-md a {
	background-color: #65b12d;
	border-color: #65b12d;
}

.danger-md a {
	background-color: #D80027;
	border-color: #D80027;
}

.chart-ds-n-ex {
	display: none;
}

.cstm_mtable tr td:last-child {
	text-align: right;
}

/*----------------------------------------*/
/*  23. footer
/*----------------------------------------*/
.footer-copy-right p {
	margin: 0px;
	font-size: 13px;
	color: #676767;
}

.footer-copy-right a {
	color: #fff;
	text-decoration: none;
}



/*_______________________________
_____________________Custom Style
_________________________________*/

/*LOGIN PAGE*/
/****  floating-Lable style start ****/
.floating-label {
	position: relative;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 10px;
}

.floating-input {
	font-size: 11px;
	padding: 4px 4px;
	padding-left: 8px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}
.floating-select {
	font-size: 11px;
	padding: 4px 4px;
	display: block;
	width: 100%;
	height: 30px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.floating-input:focus,
.floating-select:focus {
	outline: none;
	border-bottom: 2px solid #ddd;
}

.floating-label label {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-input:focus ~ label,
.floating-input:not(:placeholder-shown) ~ label {
	top: -7px;
	font-size: 11px;
	color: #3c8dbc; 
}

.floating-input:not(:placeholder-shown) {
	border-bottom: 1px solid #ddd;
}

.floating-select:not([value=""]):valid {
	border-bottom: 1px solid #3c8dbc;
}

.floating-select:focus ~ label,
.floating-select:not([value=""]):valid ~ label {
	top: -7px;
	font-size: 11px;
	color: #3c8dbc;
}

.floating-select > option:not([value=""]):valid ~ label {
	top: -15px;
	font-size: 12px;
	color: #3c8dbc;
}

/* .fileinput.fileinput-new.employee-image .btn {
	padding: 4px 6px;
	font-size: 11px;
} */
/*error class start*/
/*
.floating-input.error:focus,
.floating-select.error:focus {
border-bottom: 2px solid #d9534f;
}

.floating-input.error:not(:placeholder-shown) {
border-bottom: 1px solid #d9534f;
}

.floating-select.error:not([value=""]):valid {
border-bottom: 1px solid #d9534f;
}

.floating-select.error:focus ~ label,
.floating-select.error:not([value=""]):valid ~ label {
color: #d9534f;
}

.floating-input.error:focus ~ label,
.floating-input.error:not(:placeholder-shown) ~ label {
color: #d9534f;
}
*/
span.error {
	font-size: 11px;
	color: #d9534f;
	font-weight: bold;
	position: static;
}
span.invalid {
	font-size: 11px;
	color: #d9534f;
	font-weight: bold;
}
/*error class end*/

/* active state */
.floating-input:focus ~ .bar:before,
.floating-input:focus ~ .bar:after,
.floating-select:focus ~ .bar:before,
.floating-select:focus ~ .bar:after {
	width: 50%;
}

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

.floating-textarea {
	min-height: 60px;
	max-height: 260px;
	overflow: hidden;
	overflow-x: hidden;
	resize: none;
}

textarea {
	width: 100%;
	resize: none;
	border: 1px solid #ddd;
	background: transparent;
}

/* highlighter */
.highlight {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 15%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

.list-group.assign-roles {
	width: 354px;
}

/* active state */
.floating-input:focus ~ .highlight,
.floating-select:focus ~ .highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

/* animation for background color */
@-webkit-keyframes inputHighlighter {
	from {
		background: #3c8dbc;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #0085d024;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #0085d024;
	}

	to {
		width: 0;
		background: transparent;
	}
}

/****  floating-Lable style end ****/
.login-wrapper {
	background: url(img/login-bg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 100vh;
}

.forgot-pass {
	float: right;
	margin-top: -9px;
}

.forgot-pass a {
	display: inline-block;
	font-weight: normal;
	color: #292929;
	background: transparent;
	font-size: 12px;
}

.login-panel {
	background: #fff;
	margin: 14% 0;
	border-radius: 4px;
	padding-left: 60px;
	position: relative;
}

.login-btn-cover {
	margin: 0 auto;
	text-align: center;
	margin-top: 35px;
}

.login-btn {
	padding: 6px 35px !important;
    border-radius: 15px !important;
    min-width: 140px;
    background-color: #7cc144 !important;
    border-color: #7cc144;
}

.cstm_required_div {
	overflow: visible !important;
} 

.cstm_required + span.invalid {
	position: absolute;
    top: 30px;
    z-index: 1000;
    overflow: visible;
    width: 200px;
    left: -90px;
}

.cstm_required_two + span.invalid {
	position: absolute;
    top: 20px;
    z-index: 1000;
    overflow: visible;
    width: 200px;
    left: -45px;	
}

.main-login {
	background: #043169;
	color: #fff;
	padding: 40px;
	border-radius: 4px;
	position: relative;
	min-height: 550px;
	min-height: 669px;
	margin-top: -30px;
	margin-bottom: -30px;
	box-shadow: 0px 0px 20px #848484;
	-webkit-box-shadow: 0px 0px 20px #848484;
	-moz-box-shadow: 0px 0px 20px #848484;
}

.login-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 285px;
}

.login-box img {
	width: 53%;
}

.login-box h1 {
	margin: 20px 0
}

.login-checkbox {
	font-size: 12px;
	color: #999;
}

.login-action {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.login-action ul li a {
	height: 52px;
	width: 40px;
	display: block;
	/* text-indent: 100%; */
	white-space: nowrap;
	/* overflow: hidden; */
	text-align: center;
}

.login-action ul li {
	padding: 0 9px;
	margin-bottom: 12px;
	border-bottom: 1px solid #c3c5c7;
	padding-bottom: 12px;
}

.login-action .log {
	background: url(img/login_icon1.png) no-repeat;
	background-position: 5px bottom;
	background-size: 75px;
}

.login-action .reg {
	background: url(img/login_icon2.png) no-repeat;
	background-position: 3px bottom;
	background-size: 75px;
}

.login-action .sup {
	background: url(img/login_icon3.png) no-repeat;
	background-position: 3px bottom;
	background-size: 75px;
}

.login-action .cont {
	background: url(img/login_icon4.png) no-repeat;
	background-position: 2px bottom;
	background-size: 75px;
}

.login-action ul li a {
	transition: none;
}

.login-action ul li a:hover,
.login-action ul li a:focus,
.login-action ul li a:active,
.login-action ul li.active a {
	background-position: 107% bottom;
	transition: none;
	color: #7cc144;
}

.l-grey {
	color: #717171;
}

/*add vacency page*/

.stepwizard-step p {
	margin-top: 0px;
	color: #666;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}

.stepwizard-step button[disabled] {
	/*opacity: 1 !important;
	filter: alpha(opacity=100) !important;*/
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
	opacity: 1 !important;
	color: #bbb;
}

.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-index: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.main-title {
	padding-top: 7px;
	margin-bottom: 0;
}


/*custom tabs*/
.nav-tabs > li > span {
	display: none;
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 8px;
	color: red;
}

.nav-tabs > li:hover > span {
	display: inline-block;
}

.dropdown-menu > li > a {
	margin-top: 0;
}

/*tabs style*/
.edu-tab1 .nav-tabs li {
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: middle;
	float: none;
	margin-left: -4px;
}

.edu-tab1 .nav-tabs > li::before {
	top: 58%;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	left: 50%;
	height: 4px;
	background-color: #0e4a9d;
	z-index: 0;
	transform: translate(-50%, -50%);
}

.custom-menu-wrap.custon-tab-menu-style1 > li > a {
	margin-right: 0px;
	width: 112px;
	min-height: 75px;
	border: 1px solid #ddd !important;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	background: #fff;
	margin-left: 32px;
	margin-right: 32px !important;
}

.add_before {
	position: absolute;
	top: 44%;
	left: -15px;
	z-index: 1;
	padding: 6px;
	line-height: 10px;
	border-radius: 50%;
	height: 27px;
	width: 27px;
	background-image: linear-gradient(to right top, #57b547, #6bbb4d, #7dc254, #8ec85b, #9ece63);
	color: #fff;
	font-weight: bold;
}

.add_after {
	position: absolute;
	top: 44%;
	right: -11px;
	z-index: 1;
	padding: 6px;
	line-height: 10px;
	border-radius: 50%;
}

.nav-tabs.custom-menu-wrap > li a {
	border-radius: 17px;
	color: #333!important
}

.nav-tabs.custom-menu-wrap > li.active a,
.nav-tabs.custom-menu-wrap li a:hover {
	background: #fff !important;
	color: #73c65b !important;
	border: 1px solid #73c65b !important;
}

.custom-tab .nav-tabs.custom-menu-wrap li a,
.nav-tabs.custom-menu-wrap li.active a {
	padding: 2px 10px !important;
}

.setup-content .nav-tabs.custom-menu-wrap > li .wizard-icon {
	height: 41px;
	width: 43px;
	display: block;
}

.shortlist-icon {
	background: url(img/img.png) no-repeat;
	background-position: 0px center;
	margin-top: 0px;
	margin-left: 20px;
}

.app-icon {
	background: url(img/app-receive.png) no-repeat;
	background-position: 0px center;
	margin-top: 0px;
	margin-left: 22px;
}

.test-icon {
	background: url(img/teset.png) no-repeat;
	background-position: 6px center;
	margin-top: 0px;
	margin-left: 21px;
}

.interview-icon {
	background: url(img/interview.png) no-repeat;
	background-position: 2px center;
	margin-top: 0px;
	margin-left: 20px;
}

.final-icon {
	background: url(img/finalizing.png) no-repeat;
	background-position: 2px center;
	margin-top: 0px;
	margin-left: 20px;
}

.nav-tabs.custom-menu-wrap > li.active a .app-icon,
.nav-tabs.custom-menu-wrap li a:hover .app-icon {
	background-position: -41px center;
}

.nav-tabs.custom-menu-wrap > li.active a .shortlist-icon,
.nav-tabs.custom-menu-wrap li a:hover .shortlist-icon {
	background-position: -41px center;
}

.nav-tabs.custom-menu-wrap > li.active a .test-icon,
.nav-tabs.custom-menu-wrap li a:hover .test-icon {
	background-position: -36px center;
}

.nav-tabs.custom-menu-wrap > li.active a .interview-icon,
.nav-tabs.custom-menu-wrap li a:hover .interview-icon {
	background-position: -38px center;
}

.nav-tabs.custom-menu-wrap > li.active a .final-icon,
.nav-tabs.custom-menu-wrap li a:hover .final-icon {
	background-position: -38px center;
}

.btn-test-bshort,
.btn-inter-bshort {
	display: block;
	width: 100%;
}

.sidebar-nav .metismenu ul li.active a {
	color: #73C65B;

}

.product-status-wrap .modal h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.nextBtn {
	min-width: 110px;
	border-radius: 22px;
	background: #73C65B;
	border-color: #73C65B;
}

/*pagiantion*/
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 22px;
	border-bottom-left-radius: 22px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
}

/*side nav icon*/
.nav_icon_admin {
	background: url(img/icon/admin.png) no-repeat;
	background-size: 45px;
	background-position: 1px center;
}

.nav_icon_customer {
	background: url(img/icon/customer.png) no-repeat;
	background-size: 44px;
	background-position: 1px center;
}

.sidebar-nav .metismenu li:hover .icon-wrap,
.sidebar-nav .metismenu li:focus .icon-wrap,
.sidebar-nav .metismenu li:active .icon-wrap,
.sidebar-nav .metismenu li.active .icon-wrap {
	background-position: -21px center;
}

.sidebar-nav .metismenu li:hover .icon-wrap.nav_icon_admin,
.sidebar-nav .metismenu li:focus .icon-wrap.nav_icon_admin,
.sidebar-nav .metismenu li:active .icon-wrap.nav_icon_admin,
.sidebar-nav .metismenu li.active .icon-wrap.nav_icon_admin {
	background-position: -22px center
}

.nav_icon_recruitment {
	background: url(img/icon/recruit.png) no-repeat;
	background-size: 43px;
	background-position: 0 center;
}

.nav_icon_vetting {
	background: url(img/icon/vetting.png) no-repeat;
	background-size: 42px;
	background-position: -1px center;
}

.nav_icon_ccheck {
	background: url(img/icon/credit.png) no-repeat;
	background-size: 44px;
	background-position: 2px center;
}

.nav_icon_emp {
	background: url(img/icon/emp.png) no-repeat;
	background-size: 43px;
	background-position: 0px center;
}

.nav_icon_traning {
	background: url(img/icon/tranning.png) no-repeat;
	background-size: 43px;
	background-position: 3px center;
}

.nav_icon_leave {
	background: url(img/icon/leave.png) no-repeat;
	background-size: 44px;
	background-position: 0px center;

}

.nav_icon_time {
	background: url(img/icon/time.png) no-repeat;
	background-size: 43px;
	background-position: 0px center;
}

.nav_icon_disc {
	background: url(img/icon/decep.png) no-repeat;
	background-size: 44px;
	background-position: 1px center;
}

.nav_icon_pay {
	background: url(img/icon/pay.png) no-repeat;
	background-size: 43px;
	background-position: 1px center;
}

.nav_icon_appra {
	background: url(img/icon/apprisal.png) no-repeat;
	background-size: 43px;
	background-position: 4px center;

}

.nav_icon_releving {
	background: url(img/icon/reliving.png) no-repeat;
	background-size: 44px;
	background-position: 2px center;
}

.nav_icon_asset {
	background: url(img/icon/assets.png) no-repeat;
	background-size: 45px;
	background-position: 2px center;
}

.nav_icon_doc {
	background: url(img/icon/doc.png) no-repeat;
	background-size: 44px;
	background-position: 5px center;
}

.nav_icon_report {
	background: url(img/icon/reports.png) no-repeat;
	background-size: 44px;
	background-position: 2px center;

}

/*custom checkbox and radio buttons*/
/* Radios */

.rdio {
	position: relative;
	padding-left: 20px;
}

.rdio input[type="radio"] {
	opacity: 0;
}
.rdio label {
	cursor: pointer;
	margin-bottom: 7px !important;
	font-weight: 400;
	display: inline-block;
	position: relative;
	padding-left: 5px;

}

.rdio label:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	top: 0px;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
}

.rdio input[type="radio"] {
	margin: 0px;
	opacity: 0;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	margin-left: -20px;

}

.rdio input[type="radio"]:disabled + label {
	color: #999;
}

.rdio input[type="radio"]:disabled + label:before {
	border: 1px solid #d8d8d8;
}
.rdio input[type="radio"]:disabled + label:after {
	background-color: #d2d2d2 !important;
	border-color: #d8d8d8 !important;
}
.rdio input[type="radio"]:disabled + label {
	color: #a4a4a4;
	cursor: no-drop;
}
.rdio input[type="radio"]:disabled + label::after {
	color: #999;
	content: '';
	cursor: no-drop;
}

.rdio input[type="radio"]:checked + label::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 13px;
	height: 13px;
	left: 2px;
	top: 2px;
	margin-left: -20px;
	border: 1px solid #7cc144;
	border-radius: 50%;
	background-color: #7cc144;
}

.rdio-default input[type="radio"]:checked + label:before {
	border-color: #0E2F67;
}





/* Checkbox */
.custom-checkbox > [type="checkbox"],
.custom-checkbox label {
	/*margin-bottom:0px !important;*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-checkbox > [type="checkbox"]:not(:checked),
.custom-checkbox > [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label,
.custom-checkbox > [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 22px;
	cursor: pointer;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 17px;
	height: 17px;
	border: 1px solid #7cc144;
	background: #ffffff;
	border-radius: 2px;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {
	font: normal normal normal 12px/1 'Glyphicons Halflings';
	content: '\e013';
	position: absolute;
	top: 44%;
	margin-top: -7px;
	left: 1px;
	padding: 1.6px 1.5px;
	color: #ffffff;
	background: #7cc144;
}

.custom-checkbox label {
	font-weight: 400;
}

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

.custom-checkbox > [type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
	content: '\2212';
	left: 2px;
	opacity: 1;
	transform: scale(1);
}

.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before {
	box-shadow: none;
	background-color: #eeeeee;
	border-color: #eeeeee;
	cursor: not-allowed;
	opacity: 1;
	color: #dadada;
}

.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	background-color: #eeeeee;
	border-color: #eeeeee;
	cursor: not-allowed;
	opacity: 1;
	color: #0E2F67;
}

.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
	color: #929292;
	cursor: not-allowed;
	background: #cfcfcf;
}

.custom-checkbox > [type="checkbox"]:disabled + label {
	color: #aaa;
	cursor: not-allowed;
}

.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
	border: 1px solid #5ca836;
}

.custom-checkbox label:hover:before {
	border: 1px solid #519a2c !important;
}

.custom-checkbox [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.custom-checkbox [type="checkbox"]:disabled:checked + label:hover:before {
	border: 1px solid #5ca836 !important;
}

.modal-radio,
.modal-checkbox {
	text-align: left;
}

.inline-radio,
.inline-checkbox {
	display: inline-block;
	margin-right: 20px;
}

.block-label {
	display: block;
}

.normal-label {
	font-weight: 400;
	margin-right: 12px;
	color: #999;
	font-size: 11px;
	vertical-align: middle;
}

.sp-btn-dp-1 {
	padding: 1em;
	padding-top: 3px;
	border-radius: 4px !important;
	left: -12px;
}

.sp-btn-dp-1 .btn {
	padding: 2px 10px;
}

.sp-btn-dp-1::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin-left: -0.5em;
	top: 1px;
	left: 30px;
	box-sizing: border-box;
	border: 7px solid black;
	border-color: transparent transparent #ffffff #ffffff;
	transform-origin: 0 0;
	transform: rotate(135deg);
	box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.24);
}

/* custom styling for plus button */
.main-heading {
	display: inline-block;
}

.page-menu {
	display: inline-block;
	float: right;
}

.sub-detail ul li {
	display: block !important;
	padding: 3px 0;
}

.multi-level .header-right-info ul.header-right-menu li.open > a {
	color: #333;
}

.multi-level .header-right-info ul.header-right-menu > li > a {
	position: relative;
	background: #e3e3e3;
	padding: 10px 14px;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.multi-level .header-right-info .navbar-nav {
	padding: 0;
}

.add-menu-listing {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	text-align: center;
	padding: 25px 37px;
	background: #fff;
}

.sub-menu {
	padding: 6px 14px;
	text-align: left;
	line-height: 2;
	min-width: 160px;
}

li.title-head {
	font-size: 14px;
	font-weight: bold;
	color: #142b58;
	padding-bottom: 3px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.sub-menu:last-child {
	border-right: none;
}

.sub-menu ul li a {
	color: #303030;
}

.sub-menu ul li a:hover {
	color: #76c251;
}

.listing .dropdown-menu {
	margin: 40px 11px 0;
	padding: 0;
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .175);
	box-shadow: 0 4px 10px rgba(0, 0, 0, .175);
	border: none;
}

.sidebar-nav .metismenu > li.active > a {
	color: #7cc144;
}

/*range slider*/
.rangeslider--horizontal {
	height: 7px;
}

.rangeslider__handle:after {
	width: 12px;
	height: 12px;
}

.rangeslider__handle {
	width: 27px;
	height: 27px;
}

/* custom styling for accordians rec-setting page */
h4.panel-title {
	margin-bottom: 0;
}

.panel-heading {
	padding: 0;
	border: 0;
}

.panel-title > a,
.panel-title > a:active {
	display: block;
	padding: 15px;
	color: #555;
	font-size: 16px;
	text-decoration: none;
}

.panel-heading a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e072";
	float: right;
	transition: all 0.5s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.panel-heading.active a:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: #fff;
}

.panel-heading.active {
	background: #0D2F5B;
}

.panel-heading.active h4.panel-title a {
	color: #fff;
}

.align-right {
	text-align: right;
	/* padding-right: 29px; */
}

.hightlighter {
	background: yellow;
	padding: 2px 12px;
}

/* column action styling */
.column.actions a {
	padding-left: 4px;
	color: #333;
	opacity: 0.7;
}

/*
.column.actions .edit.vacancy_record_edit.inprogress{
background: #ffee75;
padding: 5px 7px;
color: #333;
border-radius: 50%;
font-size: 11px;
height: 20px;
width: 20px;
text-align: center;
}
*/
/* styling 2-12-2019 */
.dp-flex {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.cust-checkbox.modal-checkbox.dp-flex .inline-checkbox {
	margin-right: 8px;
	margin-top: 10px;
}

.cust-checkbox.modal-checkbox.dp-flex .content {
	padding: 5px 0px;
	width: 100%;
}

.cust-checkbox.modal-checkbox.dp-flex .border-line {
	border-right: 1px solid #e3e3e3;
}


/* pulse styling */

.pulse {
	display: block;
	border-radius: 50%;
	background: #7cc144;
	cursor: pointer;
	box-shadow: 0 0 0 rgba(124, 193, 68, 0.68);
	animation: pulse 2s infinite;
}

.pulse:hover {
	animation: none;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(124, 193, 68, 0.55);
	}

	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(124, 193, 68, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(124, 193, 68, 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(124, 193, 68, 0.55);
		box-shadow: 0 0 0 0 rgba(124, 193, 68, 0.55);
	}

	70% {
		-moz-box-shadow: 0 0 0 10px rgba(124, 193, 68, 0);
		box-shadow: 0 0 0 10px rgba(124, 193, 68, 0);
	}

	100% {
		-moz-box-shadow: 0 0 0 0 rgba(124, 193, 68, 0);
		box-shadow: 0 0 0 0 rgba(124, 193, 68, 0);
	}
}

.listing .btn{
	margin-top: 7px;
}
.browse-width {
	width: 50%;
}



.color-branding .floating-input:focus ~ label,
.color-branding .floating-input:not(:placeholder-shown) ~ label {
	top: -15px;
	font-size: 14px;
	color: #333;
	border-bottom: none !Important;
}

.color-branding .floating-input:not(:placeholder-shown) {
	border-bottom: 1px solid #ddd;
}



/* edit vacancy page styling */
.edit-vacancy .nav-tabs > li.active > a,
.edit-vacancy .nav-tabs > li.active > a:focus,
.edit-vacancy .nav-tabs > li.active > a:hover {
	color: #7cc144;
	cursor: default;
	background-color: #fff;
	border-bottom: 3px solid #7cc144 !important;
	border: 0px;
}

.edit-vacancy .nav-tabs {
	border-bottom: 1px solid #ddd;
	display: table-cell;
}

.edit-vacancy .nav-tabs > li > a:focus,
.edit-vacancy .nav-tabs > li > a:hover {
	color: #7cc144;
	cursor: default;
	background-color: #fff;
	border-bottom: 3px solid #7cc144 !important;
	border: 0px;
	cursor: pointer;
}

.edit-vacancy .nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 0px solid transparent !Important;
	border-radius: none !Important;
	color: #333;
	padding: 5px 29px 14px;
	font-size: 15px;
}



/* top menu listing styling */

.menu-listing ul li {
	text-align: center;
	display: inline-block;
}   

.menu-listing {
	padding-left: 14px;
}
.menu-listing ul li.active{
	background: #7cc144;
}
.menu-listing ul li:hover, .menu-listing ul li:focus{
	background: #7cc144;
}
.menu-listing ul li:hover a, .menu-listing ul li:focus a{
	color: #fff;
}
.menu-listing ul li.active a{
	color: #fff;
	padding: 14px 15px;
	pointer-events: all;
}
.menu-listing ul li a{
	color: #333;
	padding: 14px 15px;
	display: inline-block;
}



/* custom styling for cadidate-1 page */
.c-no-padding .product-status-wrap.drp-lst.candidate_view {

}
.candidate-sidebar {
	background-color: #fff;
	margin: 25px;
}

.test-info {
	background: #e4f2fd;
	padding: 18px 18px;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;
}

.candidate-sidebar p{
	margin: 0 0 9px;
}

.candidate-sidebar .btn-primary {
	color: #fff;
	background-color: #152f66;
	border-color: #163a80;
}
.profile-data {
	height: 238px;
	text-align: center;
	background: #e3f2fd;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);

}

.profile-img {
	padding-top: 10px;
}

.profile-img img {
	width: 100px !important;
	height: 100px;
	object-fit: cover;
	border-radius: 50%;
}


.btn-profile {
	background: #132b58;
	border: 1px solid #132b58;
	color: #fff;
	width: 100%;
	padding: 15px;
}

.no-gutter {
	padding: 0;
}

.profile-info-inner .test-info {
	background: #e3f2fd;
	padding: 12px 0 12px;
}

.profile-info-inner .test-info p {
	color: #585858;
	padding: 0px 14px;
	line-height: 0.8;
}

.profile-info-inner .test-info p span {
	padding-left: 9px;
}


.general-btn button{
	background: #7cc144;
	border: 1px solid #7cc144;
	font-size: 14px;
	color: #fff;
	text-transform: capitalize;
	padding: 10px 18px;
	/* margin-right: 10px; */
	min-width: 105px;
	border-radius: 22px;
}

.general_anchor_btn {
	background: #7cc144;
    border: 1px solid #7cc144;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 18px;
    margin-left: 10px;
    min-width: 105px;
    border-radius: 22px;
}

button.continue {
	background: transparent;
	color: #7cc144;
}

.qa-panel {
	border: 1px solid #eaeaea;
	padding: 16px 20px;
}

.question-profile ul li {
	margin-left: 41px;
	padding: 4px 4px;
}

.question-profile ul {
	list-style-type: disc;

}
.question-profile ul li {
	color: #848484;
}



/* view vacancy page styling */

.note-editable.panel-body {
	height: 200px !important;
}

.view-title {
	border-bottom: 2px solid #162f66;
}
.view-title h4{
	color: #162f66;
}

.view-title.edit:before {
	content: '';
	background: url(img/vac-edit.png) no-repeat;
	width: 19px;
	height: 39px;
	display: block;
	position: absolute;

	right: 15px;
	bottom: -43px;
	cursor: pointer;
}

.custom-padding {
	padding: 5px 20px;
}

.vacancy-flow .wizard-icon {
	height: 41px;
	width: 43px;
	display: block;
	margin: 0 auto;
}

.vacancy-flow .mg-t-30{
	margin-top: 75px;
}

.img-flow {
	display: inline-block;
	border: 1px solid #7cc144;
	border-radius: 10px;
	padding: 4px 10px;
	width: 106px;
	text-align: center;
	height: 103px;
}   
/*
.img-flow:hover, .img-flow:active, .img-flow:focus{
border: 4px solid #ddd;
}
.img-flow:hover .app-icon, .img-flow:active .app-icon{
background-position: 0px center;
}

.img-flow:hover span:nth-child(2), .img-flow:active span:nth-child(2){
color: #9e9e9e;;
}
*/
.img-flow span:nth-child(2) {
	color: #7cc144;
}

.edit-field {
	padding-top: 10px;
}
.edit-field:before{
	content: '';
	background: url(img/vac-edit.png) no-repeat;
	width: 19px;
	height: 57px;
	display: block;
	position: absolute;
	right: 15px;
	bottom: -43px;
	cursor: pointer;
}
.edit_vacancy_btn {

	background: url(img/vac-edit.png) no-repeat;
	width: 19px;
	height: 57px;
	float: right;
	margin-top: 5px;
	cursor:pointer;

}

/* .brdr-line {
	border-bottom: 2px solid #152f66;
} */

.brdr-line label{
	font-size: 12px I !important;
}

/* 8/4/2019 (status btn styling */
button.status_btn {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	font-weight: 600;
	letter-spacing: 0.05em;
}

/*// only for pfile status button//*/
button.statusbtn {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	font-weight: 600;
	letter-spacing: 0.05em;
}

button.btn.btn-primary.dropdown-toggle.status-drp{
	display: inline;
	font-size: 11px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	letter-spacing: 0.05em;
	border-radius: 5px 5px 0 0;
	background: #4cbeff;
	box-shadow: none;
	border-bottom: none;
	color: white;
	border-color: #4cbeff;
}


/* add new employee stylng starts here */

.btn-flow-emp button {
	background: -webkit-linear-gradient(top , #fff 0%, #e3e3e3 100%);
	padding: 5px 10px;
	margin-bottom: 13px;
	border-radius: 71px;
	outline: none;
	border: 1px solid #d8d8d8;
	margin-left: 10px;
	font-size: 10px;
}

.btn-flow-emp button.completed {
	color: #152f66;
}

.btn-flow-emp button.completed:before {
	content: '\f00c';
	padding-right: 5px;
	font-family: 'FontAwesome';
	color: #7cc144;
}

.btn-flow-emp button.active {
	background: -webkit-linear-gradient(top , #96e070 0%, #7cc144 100%);
	color: #fff;
	border: 1px solid #7ac654;
}

.prof-sec {
	display: flex;
	flex-wrap: wrap;
}

.query_title {
	/* border-bottom: 2px solid #152f66; */
    display: block;
	font-size: 12px;
	padding-bottom: 5px;
	text-transform: capitalize;
	font-weight: bold;
}

.check_titles {
	/* border-bottom: 2px solid #152f66; */
    display: block;
	font-size: 12px;
	padding-bottom: 5px;
	text-transform: capitalize;
	margin-bottom: 15px;
	font-weight: bold i !important;
}

.check_titles1 {
	/* border-bottom: 2px solid #152f66; */
    display: block;
	font-size: 12px;
	padding-bottom: 5px;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.stylish_icon {
	background: #d7f4f5;
    color: #31c7cb;
    padding: 6px 9px;
    border-radius: 100%;
    object-fit: cover;
    margin-left: 0px;
    cursor: pointer;
	display: inline-block;
	margin-top: 3px;
}

.stylish_icon_txt {
	display: inline-block;
	min-width: 100px;
}

.all-border {
	/* border: 1px solid #e3e3e3; */
    padding: 5px 20px;
    /* border-radius: 10px;
	box-shadow: 0px 0px 10px #ccc; */
	background: #fff;
}

.add-more-btn{
	text-align: center;
}
.brdr-line .edit-icon {
	background: url(img/vac-edit.png) no-repeat;
	width: 19px;
	height: 23px;
	float: right;
	margin-top: 36px;
	cursor: pointer;
}

/* styling for other document page edit icon */

.floating-label.brdr-line.img-edit {
	border-bottom: 2px solid transparent;
	padding-top: 4px;
}

.floating-label.brdr-line.img-edit .edit-icon {
	margin-top: 9px;
	float: left;
}


/* styling for lolybox notifcation messages */

.lobibox-notify.lobibox-notify-success {
	border-color: #7cc144;
	background-color: #7cc144;
	color: #FFF;
}

.lobibox-notify.lobibox-notify-success:hover {
	background-color: #7cc144;
	border-color: #FFF;
}

/* styling for imageuploader plugin */
.fileinput .thumbnail img {
	border: 1px dashed #e2e2e2;
	padding: 2px;
}



/* styling for table listing */

.table thead tr th {
	border-bottom: 2px solid #142b58;
}

.table {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

table.dataTable thead th {
	position: relative;
	background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #142b58;
	font-size: 0.8em;
	padding-top: 0.12em;
	opacity: 0.6;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

.table thead tr th {
	font-size: 11px;
	text-transform: uppercase;
	color: #012777;
	font-weight: 600;
}
table#dataTable tbody tr td {
	font-size: 11px;
}
table#dataTables tbody tr td {
padding:15px;
	font-size: 11px;
	position: relative;
}

.table tbody tr td {
	padding: 4px;
}
/* file uploader download img styling */
.file-upload-inner img{
	width: 20px;
	vertical-align: middle;
	margin-top: 20px;
}

/*---------------- PFile ------------------------*/

/*styling for screening page */

.screening-profile .profile-data {
	height: auto;
}


.screening-profile .profile-img .edit-pic {
	padding-top: 6px;
}

.screening-profile .profile-img .edit-pic a {
	color: #7cc144;
	font-weight: bold;
}

.screening-profile .contact-details ul li .fa {
	color: #7cc144;
	font-size: 18px;
	width: 20px;
	height: 24px;
}

.screening-profile .contact-details ul li span {
	padding-left: 14px;
}

.screening-profile .contact-details ul li {
	line-height: 1.7;
}

.screening-profile .contact-details ul {
	text-align: left;
	border-bottom: 2px solid #e3e3e3;
	padding-bottom: 10px;
}

.screening-profile .contact-details{
	padding: 5px 12px;;
}


.slider.round {
	border-radius: 34px;
}

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

.switch {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 27px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

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

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

input:checked + .slider {
	background-color: #7cc144;
}

input:focus + .slider {
	box-shadow: 0 0 1px #7cc144;
}

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

.status-emp {
	padding: 10px 0 10px 0;
}

.screening-profile .navbar-default .navbar-nav>li>a {
	padding-bottom: 5px;
}
.screening-profile .navbar-default .navbar-nav > .active > a {
	background: none;
	border-bottom: 3px solid #7cc144;
}

.screening-profile .navbar-default .navbar-nav > li > a:focus,
.screening-profile .navbar-default .navbar-nav > li > a:hover {
	background: none;
	border-bottom: 3px solid #7cc144;
}

.screening-profile .navbar-default .navbar-nav > li {
	padding-left: 5px;
}

.screening-profile .navbar-default .navbar-nav > li > a {
	color: #777;
	border-bottom: 3px solid transparent;
}

.analytics-sparkle-line .analytics-content .circle-ico {
	font-size: 14px;
	float: right;
	height: 35px;
	width: 35px;
	border-radius: 100%;
}

span.counter {
	font-weight: 300;
	font-size: 17px;
}

.stat-fig span {
	color: #b7b7b7;
}

.analytics-sparkle-line {
	border: 1px solid #e3e3e3;
}

.stats-info button {
	background: #7cc144;
	color: #fff;
	border: none;
	padding: 8px 13px;
	font-size: 13px;
	border-radius: 22px;
}

.stats-detail {
	border: 1px solid #e3e3e3;
	padding: 15px 17px;
	height: 270px;
}

.stats-detail .stats-header {
	background: #f5f5f5;
	height: 32px;
	display: flex;
	align-items: center;
	padding-left: 10px;
}

.stats-detail .stats-header h5 {
	margin: 0;
	color: #04316a;
}

.stats-detail.notes p {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 6px;
}

.stats-detail.notes small {
	color: #7cc144;
	margin-top: -8px;
}

.stats-detail.notes {
	position: relative;
	background: #fffeea;
}

.stats-detail.notes .btn-add-note button {
	background: #132b58;
	width: 100%;
	border-radius: 0;
	padding: 14px;
	margin-left: -3px;

}

p.edit-pic .fa:hover {
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

p.edit-pic .fa {
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: all 0.3s ease;
}

.p-file .view-title.edit:before {
	bottom: -9px;
}

.p-file .table:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	background: #142b58;
	height: 2px;
	width: 100%;
	top: -5px;
}

.p-file .table thead tr th {
	color: #fff;
	font-weight: normal;
}

.p-file .table tr td {
	font-size: 12px;
}

.p-file .table thead {
	background: #142b58;
}

.table {
	position: relative;
}

.p-file p.status-clr {
	height: 20px;
	width: 20px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

p.status-clr.verified {
	background: green;
}

p.status-clr.not-verified {
	background: #fdce13;
}

p.status-clr.invalid {
	background: red;
}

/*
.bg-black {
background: #142f66;
}
.bg-black li a {
color: #fff;
}
*/

.data_check_action_btn button {
	font-size: 11px;
	padding: 4px 5px;
	border-color: #7cc144;
}
.data_check_action_btn td .fa-check {
	color: #7cc144;
}
.data_check_action_btn button .caret {
	color: #7cc144;
}

.p-file .column.actions a img {
	width: 17px;
	margin-top:6px;
}

/*/ p-file info table styling /*/
.table-info .table tr td:nth-child(odd) {
	background: #f1f6f9;
	color: #000000;
}

.p-file .product-status-wrap{
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	padding: 0px;
}

.table-info .table:before {
	content: none;
}

/* table modified text styling */

.modifiled-txt {
	text-align: right;
}

.modifiled-txt span {
	color: #7cc144;
	font-weight: bold;
}

/*loader*/
/*loader*/
#loadingmessage {
	display: block;
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.4;
}
#loadingmessage img {
	margin: 0 auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 100px;
	transform: translate(-50%,-50%);
}


/* am charts logo hidden css starts here */
.hide-amlogo{
	background: #ffffff;
	height: 35px;
	width: 100px;
	margin-top: -24px;
	position: absolute;
}

/* 29-7-2019 */
.screening-profile .profile-info-inner {
	padding: 19px !important;
}

.screening-profile .product-payment-inner-st {
	padding: 8px;
}

.screening-profile .navbar-default{
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 0px;
}




/* coming soon page styling */
.parent-container {
	text-align: center;
	padding-top: 5%;
}


.title-soon h1 {
	font-size: 30px;
	color: #142b58;
}

.title-soon p {
	color: #142b57;
	font-size: 19px;
	letter-spacing: 0.5px;
}


/* diabled input styling */
input[type="text"]:disabled {
	cursor: no-drop;
}

select:disabled {
	cursor: no-drop;
}
input[type="email"]:disabled {
	cursor: no-drop;
}


/*pfile new styling*/


.pfile-menu .navbar-default {
	background: #fff;
}

.pfile-menu .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #555;
	border-bottom: 3px solid #7dbe46;
	background: transparent;
}
.pfile-menu .navbar-default .navbar-nav>li>a {
	color: #777;
	border-bottom: 3px solid transparent;
	margin-right: 5px;
}

.pfile-menu .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #7dbe46 !important;
}

.progress {
	margin-top: 17px;
	width: 100%;
}

.progress-bar.progress-bar-success {
	background: #5cb85c;

}

.p-file .media .media-left img{
	width: 100px;
	max-width: initial;
	border-radius: 100%;
	height: 100px;
	object-fit: cover;
}
.p-file .media {
	background: #f7f8fc;
	padding: 37px 20px;
}

h4{
	color: #5d5e60
}

.listing-pfile{
	background-color: #f6fafd;
	padding: 15px 15px;
}

.page-title {
	border-bottom: 2px solid #04356d;
}

/* new style */

.pfile-menu .navbar-default {
	background: #fff;
}

.pfile-menu .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #555;
	border-bottom: 3px solid #7dbe46;
	background: transparent;
}
.pfile-menu .navbar-default .navbar-nav>li>a {
	color: #777;
	border-bottom: 3px solid transparent;
	margin-right: 5px;
}

.pfile-menu .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	border-bottom: 3px solid #7dbe46 !important;
}

.progress {
	margin-top: 17px;
	width: 100%;
}

.progress-bar.progress-bar-success {
	background: #5cb85c;

}

.p-file .media .media-left img{
	width: 100px !important;
	max-width: initial;
	border-radius: 100%;
	height: 100px;
	object-fit: cover;
}

.p-file .table tr td {
	font-size: 12px;
	vertical-align: middle;
	padding: 6px 7px;
	border-top: 1px solid #9e9e9e61
}
.p-file .table tr td b {
	font-size: 13px;
	font-weight: 500;

}
.media-heading {
	font-weight: 500;
	margin: 0 0 3px 0;
	font-size: 20px;
	letter-spacing: 0.1px;
	color: #2a2a2a9e;
}
.edit-pic {
	margin-left: 40px;
	position: absolute;
	top: 4px;
	color: #fff;
	right: 11px;
	background:white;
	padding: 8px;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	text-align: center;
}

.p-file .media {
	background: #f7f8fc;
	padding: 37px 20px;
}
.btn-profile {
	background: #7cc144;
	border: 1px solid #7cc144;
	color: #fff;
	width: 100%;
	padding: 10px;
}

.btn-profile:hover {
	background: #7cc144;
	border: 1px solid #7cc144;
	color: #fff;
	width: 100%;
	padding: 10px;
}

.cstm_reject_btn {
	background-color: transparent;
    border: 1px solid #014A80;
    color: #014A80;
    border-radius: 17px;
    min-width: 100px;
}

.cstm_accept_btn {
	background-color: #014A80;
    border: 1px solid #014A80;
    color: #fff;
    border-radius: 17px;
    min-width: 100px;
}

.cstm_select_label {
	font-size: 12px;
    color: #3c8dbc;
    font-weight: 400;
    position: absolute;
    top: 0px;
}

.brdr-line {
	border-bottom: 2px solid #152f66;
}

.cstm_btn_two {
	background: #7cc144;
	width: 92px;
	border: 1px solid #7cc144;
	border-radius: 22px;
	font-size: 12px !important;
	padding: 4px !important;
	/* margin-bottom: 30px; */
	color: #fff;
}

.d_pdf_btn {
	background: #7cc144;
	border: 1px solid #7cc144;
	border-radius: 22px;
	font-size: 12px !important;
	padding: 6px 20px !important;
	color: #fff;
}

.cstm_btn_two:hover {
	background: #7cc144;
	width: 92px;
	color: #fff;
	border: 1px solid #7cc144;
	border-radius: 22px;
	font-size: 12px !important;
	padding: 4px !important;
	/* margin-bottom: 30px; */
}

.block-info {
	padding: 17px 15px;
	min-height: 134px;
	border-radius: 0px;
}
.block-info h5 {
	text-decoration: underline;
}  
.action-block{
	border: 1px solid #dcf4fe;
	padding: 15px 15px;
	min-height: 200px;
	background: #dcf4fe;
	/*height: 100vh !important;*/
}

.block-info .single-review-st-text {
	background: #effaff;
	padding: 5px 8px;
	border-radius: 6px;
	align-items: center;
	margin-top: 7px;
}

.action-block  ul.timeline {
	list-style-type: none;
	position: relative;
}
.action-block ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 2px;
	height: 100%;
}
.action-block ul.timeline > li {
	padding-left: 27px;
	padding-bottom: 10px;
}
.action-block ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 4px solid #7cc144;
	left: 3px;
	width: 14px;
	height: 14px;
}


h4{
	color: #5d5e60
}

.listing-pfile{
	background-color: #f6fafd;
	padding: 15px 15px;
}

.page-title {
	border-bottom: 2px solid #04356d;
}
.listing-pfile .table tbody tr td{
	background: #fff;
	border-top: 0px;
}
.listing-pfile .table tbody tr{
	box-shadow: 0px 0px 24px #13ad7212;
}
.listing-pfile .table tbody tr td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.listing-pfile .table tbody tr td:last-child {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.spacing-table {
	border-spacing: 0 3px !important;
	border-collapse: separate

}

/* remove css from style.css */
.p-file .table thead {
	background: transparent;
}
.p-file .table:before {
	content: none;
}

.p-file .table thead tr th {
	color: #032d62;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #7cc144;
}
.table thead tr th {
	border-bottom: 1px solid #7cc144;
}       

.product-status-wrap .pd-setting {
	border: none;
	color: #fff;
	padding: 3px 15px;
	font-size: 11px;
	background: #006DF0;
	border-radius: 3px;
	outline: none;
}
.product-status-wrap table th {
	border-top: 0px;
}


/* new style */

.p-file .hpanel.contact-panel-cs .panel-body, .hpanel.widget-int-shape .panel-body{
	padding: 20px;
	min-height: 430px;
}
.p-file .panel-body p{
	font-size: 12px;
	line-height: 3.6;
}
.contact-panel-cs .contact-footer, .contact-panel-cs .panel-footer {
	background: #5db75d;
}

.hpanel.hblue.contact-panel-cs.responsive-mg-b-30 {
	box-shadow: 0px 0px 24px #13ad7212;
	margin-bottom: 23px;
}
.p-file .no-height p {
	line-height: 1.5;
}

.panel-body.custom-panel-jw .row {
	display: flex;
	align-items: baseline;
}


/* data table custom designing with image */

.custom-tbl-list {
	padding: 20px;
}

.sparkline13-graph {
	margin-top: 30px;
	min-height: 200px;
}

.table tbody tr td {
	border-top: 0px;
	vertical-align: middle;
	padding: 7px 11px;
}

.table thead tr th {
	border-bottom: 0px;
	text-transform: capitalize;
}

.table tbody tr {
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.spacing-table {
	/*border-spacing: 0 10px; */
}

.spacing-table .user-image {
	display: inline-block;
	vertical-align: middle;
}

.spacing-table .user-image img {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	border: 1px solid #ddd;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: 0 5px 10px 0 rgba(50,50,50,.15);
}

.spacing-table .user-name {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.spacing-table .user-name p {
	margin: 0;
	font-weight: bold;
}

button.status_btn {
	padding: 5px 10px;
	display: inline;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 600;
	font-size: 11px;
	border-radius: 22px;
}

.table tbody tr td .btn-success {
	background: #d7efd9;
	border-color: #d7efd9;
	color: #4db857; 
	min-width: 69px;
}

.table tbody tr td .btn-danger {
	background: #fbddd8;
	border-color: #fbddd8;
	color: #e84d33;
}

.column.actions a {
	padding-left: 4px;
	padding: 6px 8px;
	border-radius: 100%;
	object-fit: cover;
	margin-left: 5px;
	cursor: pointer;
	display: inline-block;
}

.column.actions a.delete.record_delete {
	background: #fbddd8;
	color: #e84d33;
}

.column.actions a.pd-setting-ed.record_edit{
	background: #d7f4f5;
	color: #31c7cb;
}

.column.actions a.pd-setting-ed.record_view{
	background: #d7f4f5;
	color: #31c7cb;
}

/*
.column.actions a.vacancy_record_view{
background: #d7f4f5;
color: #31c7cb;
}
*/

.column.actions a.pd-setting-ed.details{
	background: #d7f4f5;
	color: #31c7cb;
}

.column.actions a.icons_listied{
	background: #d7f4f5;
	color: #31c7cb;
}

div.dataTables_filter input.form-control.input-sm{
	background: #fff;
	border-radius: 22px;
	outline: none;
}

div.dataTables_length select.form-control.input-sm{
	border-radius: 22px;
	background: #fff;
	outline: none;
	padding: 4px 12px;
}

.media-t table tbody tr {
	background: none;
	box-shadow: none;
	border-top: #e3e3e3 !important;
}

/*dashboard style*/
.stat-box h4 {
	margin-bottom: 4px;
	color: #2a2e37;
	margin-top: 10px;
}
.stat-box span {
	color: #7cc144;
	font-weight: 500;
}

.stat-box .stat-detail p span {
	font-weight: bold;
	margin-left: 10px;
	color: #2b2e35;
}
.stat-box .stat-detail p {
	text-transform: uppercase;
	color: #444444;
}

.stat-box {
	padding: 10px 10px;
	position: relative;
	min-height: 258px;
	background: #fff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.stat-detail {
	position: absolute;
	bottom: 10px;
}
.donut-area {
	float: right;
}
.legends-custo ul li {
	padding-right: 21px;
	float: left;
	margin-top: 9px;
}

.legends-custo {
	margin-top: 7px;
	text-align: center;
}

.stat-action-block .action-header h4 {
	margin: 0;
	color: #7cc144;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}


.stat-action-block .action-header h4 span {
	font-size: 18px;
	padding-right: 5px;
}

.stat-action-block .action-detail {
	padding: 6px 12px 17px 12px;
}

.stat-action-block .action-detail ul li:before {
	content: "\f058";
	font-family: FontAwesome;
	padding-right: 12px;
	font-size: 20px;
	color: #1c89e4;
	position: relative;
	top: -6px;
	margin-left: -1.5em;
	float: left;
}

.to-do-items ul li {
	padding: 0 !important;
	margin-left: 0 !important;
}

.stat-action-block .action-detail ul li {
	border-bottom: 1px solid #e3e3e3;
	margin-left: 3em;
	padding: 8px 0px;
}
.stat-action-block .action-detail ul li:last-child {
	border-bottom: 0;
}
.stat-action-block {
	background: #fff;
	height: 400px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.stat-action-block .action-header {
	padding: 14px 12px;
	margin: 10px 12px;
	border-bottom: 1px solid #e3e3e3;
}

.action-detail.no-ico ul li:before {
	content: none;
}
.action-detail.no-ico ul li.active {
	font-weight: bold;
	border-bottom: 2px solid #1f87e6;
}


.action-detail.no-ico ul li a {
	color: #b5b5b5;
}

.action-detail ul.nav.nav-tabs li {
	padding: 0;
}
.action-detail ul.nav.nav-tabs li a {
	border: 0;
}
.action-detail ul.nav.nav-tabs {
	border: 0;
}

.action-detail ul.nav.nav-tabs li a:hover {
	border: 0;
}

.action-detail.no-ico .badge {
	background: #e23838;
}

.comment-details p {
	font-weight: bold;
	margin: 0;
}
.comment-details p span{
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
	color: #9a9a9a;
}

.action-header span.add-btn-stat{
	float: right;
	margin-top: -1px;
}


.action-header span.add-btn-stat button{
	background: #fff;
	color: #7cc144;
	padding: 1px 6px;
	line-height: 18px;
}

.stat-action-block.no-before li:before {
	content: none !important;
}


.scrollbar
{
	float: left;
	height: 150px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

/*  STYLE 3  */
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px #e3e3e3;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #b5b5b5;
}

/* to do item */

.to-do-items h1 {
	background: #696969;
	color:  white;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
}

.to-do-items ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 7px;
}

.to-do-items ul li {
	background: #fff;
	height: 40px;
	line-height: 40px;
	color: #666;
}

.to-do-items span {
	background-color: #B22222;
	height: 40px;
	margin-right: 20px;
	text-align: center;
	color: white;
	width: 0px;
	display: inline-block;
	transition: 0.2s linear;
	opacity: 0;
}

.to-do-items input {
	font-size: 16px;
	color: #696969;
	width: 100%;
	padding: 8px 20px 8px 20px;
	box-sizing: border-box;
	outline: none;
}
.to-do-items input:focus {
	border: 1px solid #7cc144 !important;
}



.to-do-items li:hover span {
	width: 40px;
	opacity: 1.0;
}

.to-do-items input:focus {
	background: #fff;
	border: 1px solid #696969;
}



.to-do-items ul li.completed {
	color: gray;
	text-decoration: line-through;
}

.to-do-items .fa-plus {
	float: right;
}

p.announcement-date {
	color: #afafaf;
	font-size: 75%;
	margin:0;
	padding-top: 3px;
}



/*documents view*/ 

.header-w-title {
	background: #E4F2FD;
	padding: 16px 18px;
}

.emp-category{
	background: #fff;
	margin-left: -17px;
}
.search-container {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	padding: 6px 15px;
}

input#search-bar {
	margin: 0 auto;
	width: 100%;
	height: 40px;
	padding: 0 20px;
	font-size: 1rem;
	border: 1px solid #D0CFCE;
	outline: none;
	border-radius: 20px;
	margin-top: 10px;
}
input#search-bar:focus {
	border: 1px solid #008ABF;
	transition: 0.35s ease;
	color: #008ABF;
}
input#search-bar:focus::-webkit-input-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}
input#search-bar:focus::-moz-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}
input#search-bar:focus:-ms-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}

.search-icon {
	position: relative;
	float: right;
	width: 38px;
	height: 38px;
	top: -39px;
	right: 1px;
	background: #ffffff;
	border-radius: 20px;
}

.categ-list span{
	padding-right: 10px;
}

.categ-list {
	padding: 5px 15px;
	color: #9e9e9e;
	margin-top: 15px;

}
.categ-list p {
	border-bottom: 1px solid #f2f4f3;
	padding: 14px 5px;
	margin: 0px 0 4px;
	font-size: 15px;
}
.categ-list p a{
	color: #333 !important; 
	font-weight: bold;
}


.doc_category_folder_list .fa-folder-o {
	font-size: 16px !important;
	color: #7cc144 !important;
}
.doc_category_folder_list .fa-folder-open-o {
	font-size: 16px !important;
	color: #7cc144 !important;
}
.add-new a {
	background: #4eaf52;
	padding: 5px;
	color: #fff;
	margin: 5px 16px;
	display: block;
	text-align: center;
	border-radius: 4px;
}

/*questions new style*/

.question-default p {
	font-size: 14px !important;
	font-weight: bold;
	color: #003366;
}

.question-default span {
	margin-left: 5px;
	color: #7cc144;
	font-size: 14px;
}

.question-body h5 {
	color: #003366;
	margin-left: 18px;
}

.question-section {
	box-shadow: 0px 0px 24px #13ad7212;
	margin-bottom: 23px;
	padding: 20px;
	background: #ffffff;
	min-height: 380px;
	position:relative;
}

.question-icons {
	position: absolute;
	bottom: 0;
	right: 23px;
}

.question-default {
	border-bottom: 1px solid #7cc144;
}

.question-body {
	padding-top: 25px;
}

.question-body h6 {
	margin: 0 0 20px;
}

.detail-border {
	border-bottom: 1px solid #9e9e9e9c;
}

.question-detail .answer {
	border-bottom: 1px solid #7cc144;
	padding-top: 22px;
}

.detail-border p {
	margin: 3px;
	color: #003366;
}

.answer p {
	margin: 5px;
	color: #003366;
}

.question-icons .sidebar-social {
	margin: 0;
	float: right;
}

.question-icons .sidebar-social ul {
	margin: 0;
	padding: 5px;
}

.question-icons .sidebar-social li {
	text-align: center;
	margin-bottom: 3px!important;
	background-color: #fff;
	display: inline-block;
	font-size: 10px;
	padding: 2px;
}

.question-icons .sidebar-social i {
	display: block;
	margin: 0 auto 10px auto;
	width: 32px;
	height: 32px;
	margin: 10px auto 0;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #7cc144;
	margin-top: 0;
	padding-top: 5px;
}

.question-icons .sidebar-social a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.question-icons .sidebar-social a span {
	color: #7cc144;
	font-size: 8px;
	padding: 5px 0 10px 0;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* display this row with flex and use wrap (= respect columns' widths) */


/* vertical spacing between columns */

.content {
	padding: 20px 20px 10px;
}

.content p {
	color: #003366;
}
/* Demo backgrounds and styling*/

.colour-1 {
	color: #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
}

.colour-2 {
	color: #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
}

.colour-3 {
	color: #9E9E9E;
	/*     margin-bottom: 28px;*/
}

.colour-4 {
	color: #9E9E9E;
	/*     margin-bottom: 28px;*/
}

.content h3 {
	margin-top: 0px;
	font-weight: 300;
}

.answer {
	border-bottom: 1px solid #7cc144;
}


/*====================================== Document Editable===================================*/
.contract-emp-nav{
	padding-left: 20px;
}

.dropup .dropdown-menu>li>a {
	display: block;
	padding: 4px 15px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #33333394;
	white-space: nowrap;
}
.dropup .dropdown-menu>li>a .fa {
	margin-right: 10px;
}
.contract-emp-nav .btn-group .btn-default {
	color: #33333394;
	background-color: #fff;
	border-color: #ccc;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	/* width: 1%; */
}

.editable_div_sub a {
	font-size: 12px;
}

.editable_div_main {
	position: absolute;
	top: 0;
	background: #f3f3f3;
	height: 100px;
}
/*questions styling new read more*/
.iffyTip {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
}


.question-section   .tooltip {
	min-width: 130px !important;
}


/* multi level side bar styling */
ul.submenu-angle.custom-menu.collapse.show li a {
	padding: 2px 15px 2px 86px;
	font-size: 13px;
	color: #fff;
}
ul.submenu-angle.custom-menu.collapse.show{
	background: linear-gradient(to right, #162F67 22%, #1c3665  22%);
	padding: 7px 0px;
}

ul.submenu-angle.custom-menu.collapse.show li.active a span {
	font-weight: bold;
}

.user-name {
	cursor: pointer;
	word-break: break-all;
}

/* enhanced pfile table design styling */

.fluidWidthDownToAPoint {
	flex-grow: 999999;
	flex-shrink: 1;
	flex-basis: 400px;
	background: #dcf4fe;
	padding: 20px;
	box-sizing: border-box;
	overflow-x:auto;
}

.fixedUnlessOnOwnRow {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	background: #f6fafd;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: center;
}

.fixedUnlessOnOwnRow p {
	max-width: 100%;
}

.fluidWidthDownToAPoint:empty::before {
	margin-bottom: 0;
}

.fixedUnlessOnOwnRow img{
	border: 5px solid #eee;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
	border-radius: 100%;
	object-fit: cover;
	width: 100px;
	height: 100px;
}

.fluidWidthDownToAPoint .table tr{
	background: none;
	box-shadow: none;
};

.fluidWidthDownToAPoint .table tr td {
	background: none;
}

.fixedUnlessOnOwnRow:empty::before {
	margin-bottom: 0;
}

.containers {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.9);
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border: 2px solid white;
	border: none;
	box-shadow: 0 0 0 0.2em white;
	border-radius: 0px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
}

.container .container {
	border-radius: 0.5em;
}

.column100 {
	width: 100%;
}

.column80 {
	width: 80%;
}

.column60 {
	width: 60%;
}

.column40 {
	width: 40%;
}

.column20 {
	width: 20%;
}


.fixedUnlessOnOwnRow.review-ctn-hf {
	margin: 0;
	text-align: center;
}


.media-heading {
	font-weight: 500;
	margin: 6px 0 3px 0;
	font-size: 20px;
	letter-spacing: 0.1px;
	color: #2a2a2a9e;
}




@media (max-width: 767px) {
	.table-responsive{
		overflow-x: auto;
		overflow-y: auto;
	}
}
@media (min-width: 767px) {
	.table-responsive{
		/* overflow: inherit !important;  Sometimes needs !important */
	}
} 


/* Form wizard styling document editable esignature*/


#form-wizard {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	width: 85%;
	margin: 0 auto;
	background: #fff;
	padding-top: 15px;
}
.buttons {
	text-align: center;
	width: 100%;
}
.step-wizard {
	display: inline-block;
	position: relative;
	width: 85%;
}
.step-wizard .progress {
	position: absolute;
	left: 10.5%;
	width: 75%;
	background: #FFF;
}
.step-wizard .progressbar {
	position: absolute;
	background-color: #3B5343;
	opacity: 1;
	height: 3px;
	width: 0%;
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.step-wizard .progressbar.empty {
	opacity: 1;
	width: 100%;
	background-color: #d0d0d0;
}
.step-wizard ul {
	position: absolute;
	width: 100%;
	list-style-type: none;
	padding: 0;
	left: -2%;
}
.step-wizard li {
	display: inline-block;
	text-align: center;
	width: 24%;
}
.step-wizard li .step {
	text-align: center;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 3px solid;
	border-color: #d0d0d0;
	background: #ffffff;
	-webkit-transition: background-color 0.6s ease, border-color 0.6s ease;
	-o-transition: background-color 0.6s ease, border-color 0.6s ease;
	transition: background-color 0.6s ease, border-color 0.6s ease;
}
.step-wizard li .title {
	text-decoration: underline;
	width: 100%;
	padding-top: 10px;
	color: #767676;
	-webkit-transition: color 0.6s ease;
	-o-transition: color 0.6s ease;
	transition: color 0.6s ease;
}
.step-wizard li.active .step {
	border-color: #3B5343;
	color: #3b5343;
}
.step-wizard li.active .title {
	text-decoration: none;
	color: #7cc144;
	font-weight: bold;
}
.step-wizard li.done .title {
	color: #3b5343;
}
.step-wizard li.done .title:hover {
	color: #3B5343;
}
.step-wizard li.done .step {
	color: white;
	background-color: #3B5343;
	border-color: #3B5343;
}
.step-wizard li > button {
	background: none;
	border: none;
	display: block;
	width: 100%;
	color: #777;
	position: relative;
	text-align: center;
}
.step-wizard li > button:hover .step {
	border-color: #3b5343;
	background: #eee;
	color: #3b5343;
}
.step-wizard li > button:hover .title {
	color: #3b5343;
}

.content-wizard {
	bottom: -118px;
	position: relative;
	width: 100%;
	background: white;
	text-align: left;
	padding: 16px 34px 123px 34px;
}

.buttons {
	text-align: center;
	position: relative;
	padding: 5px 30px;
}
@media only screen and (max-width: 1200px) {
	.step-wizard li {
		width: 24%;
	}
}
@media only screen and (max-width: 375px) {
	.step-wizard li {
		width: 22%;
	}
}
li.done button div.step {
	font-size: 0;
}
li.done button div.step::before {
	content: "\2713 ";
	font-size: 18px;
	position: relative;
	top: -2px;
}

/*=============== checklist Added 26-11-2019 ====================*/
.checklist-pfile {
	display: flex;
	background: #fff;
	padding: 14px 13px;
	box-shadow: 0px 0px 6px #7cc144;
	-moz-box-shadow: 0px 0px 8px #7cc144;
	-webkit-box-shadow: 0px 0px 6px #7cc144;
}

.checklist-pfile span.column.actions {
	margin-left: auto;
}

.checklist-pfile.disabled {
	box-shadow: 0px 0px 6px #dcdcdc;
	-moz-box-shadow: 0px 0px 8px #dcdcdc;
	-webkit-box-shadow: 0px 0px 6px #dcdcdc;
}
.spacing-table .progress{
	margin-top: 4px;
	margin-bottom: 0;
	height: 10px;
}

.note-area {
	background: #e3f2fd;
	padding: 14px 14px;
}

.note-area .em-ico i {
	font-size: 25px;
	background: #0b3260;
	border-radius: 100%;
	padding: 12px;
	height: 50px;
	color: #fff;
	box-shadow: 0px 0px 4px #0b3260;
	width: 50px;
}

.note-area .em-ico {
	text-align: center;
}
/*============= End Added 26-11-2019 ====================*/
.no-data{
	margin-top: 10px;
	font-style: italic;
	color: #bdbdbd;
	text-align: center;
}


/* employee listing semi circle progress bar */
.progress-w-semi{
	position: relative;
	float: left;
	text-align: center;
}
.barOverflow{ 
	position: relative;
	overflow: hidden;
	width: 52px;
	height: 27px;
	margin-bottom: -14px;
}
.progress-w-semi .bar{
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	box-sizing: border-box;
	border: 5px solid #eee;
	border-bottom-color: #162f66;
	border-right-color: #142f66;
}


.user-image p {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-right: 5px; */
	margin-bottom: 0;
	color: #fff;
	text-transform: capitalize;
	font-size: 18px;
	box-shadow: 0 5px 10px 0 rgba(50,50,50,.15); 
}


/* employment history in pfile page styling updated */

button.btn.btn-pfile-btn {
	background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
	background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
	color: #fff;
	font-size: 11px;
	padding: 5px 8px;
}

.btn-group button.btn.btn-pfile-btn {
	background: transparent;
	color: #000000;
	border: 1px solid #7cc144;
}
td.tt{
	position: relative;
	top: -10px;
	padding: 14px 7px !important;
	text-align: right;
}

.unemp-table.table tbody tr td:first-child {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.unemp-table.table tbody tr td:last-child {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

button.btn.btn-pfile-btn.bordered {
	background: transparent;
	color: #333333;
	border: 1px solid #7cc144;
	margin-left: 9px;
}

button.btn.btn-pfile-btn.bordered span{
	padding-right: 5px;
	color: #7cc144;
	font-size: 13px;
}
table.table.spacing-table.unemp-table td {
	background: #fff;
	padding: 10px 16px;
}
table.table.spacing-table.unemp-table th {
	padding: 6px 16px;
}
table.table.spacing-table.unemp-table td.tt {
	background: #fff;
}

table.table.spacing-table.unemp-table tr td.top-tr {
	position: relative;
	bottom: -10px;
	background: #fff;
}


/* history timeline for unemployment modals */
.history ul.timeline {
	list-style-type: none;
	position: relative;
}

.history ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 2px;
	height: 100%;
}

.history ul.timeline>li {
	padding-left: 30px;
	padding-bottom: 16px;
}

.history ul.timeline>li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 5px solid #7cc144;
	left: 1px;
	width: 17px;
	height: 17px;
}

/*candidate profile 12-27-2019*/
.current-status{
	display: flex;
}

.status-tab {
	margin-left: auto;
}

.status-tab ul li {
	display: inline-block;
	padding-left: 13px;
	border-right: 1px solid #e3e3e3;
	padding-right: 8px;
}

.status-tab ul li:last-child {
	border-right: 0px;
}
.status-tab ul li span{
	font-size: 15px;
	padding-right: 5px;
}



ul.timeline {
	list-style-type: none;
	position: relative;
}
ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 6px;
	width: 2px;
	height: 100%;
}
ul.timeline > li {
	padding-left: 28px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 4px solid #7cc144;
	left: 0px;
	width: 15px;
	height: 15px;
}


/* style for dropdown listing on employee side action button */

ul.dropdown-menu.dropdown-menu-right.bg-black li a {
	border-radius: 0 !important;
	background: none !important;
	color: #333 !important;
}


.record-history ul li {
	position: relative;
}

/* .record-history ul li:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 1px;
	background-color: #cdcdcd;
	top: 27px;
	left: 45px;
} */

/* .record-history ul li:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: linear-gradient(to bottom, rgb(212, 212, 212) 0%,rgb(210, 210, 210) 60%,rgb(214, 214, 214) 100%);
	top: 22px;
	left: 40px;
	border: 1px solid #b3b3b3;
	border-radius: 100%;
} */

.record-history .history_comment{
	color: #7cc144  !important;
	border-radius: 20px;
	font-weight:bold;
	font-style:italic;
	text-decoration: underline;
	font-size:10px;
}

.record-history .comment-details{
	margin-left: 15px;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
	padding: 9px 8px;
	width: 100%;
}
.record-history .comment-details p{
	padding-top:0px !important;
	max-width: 100%;
}

/*================ Roles ================*/
.role-head {
	text-align: center;
}

.role-head {
	border-bottom: 1px solid #e3e3e3;
	display: flex;
	justify-content: space-between;
}

.access-role-parent {
	border: 1px solid #e3e3e3;
	padding: 16px 12px;
	min-height: 144px;
	background-color: #fff;
	position: relative;
	margin-bottom: 30px;
}



.role-detail {
	margin-top: 17px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.role-detail p {
	display: inline-block;
}



.role-detail p.role-tagged-btn {
	background: #ececec;
	padding: 8px 10px;
	color: #858585;
	border-radius: 22px;
	cursor: pointer;
}

.role-head .role-icons a {
	font-size: 12px;
	color: #b6b6b6;
}

.role-fotoer {
	position: absolute;
	bottom: 10px;
	right: 18px;
}

.role-fotoer a {
	font-size: 13px;
	color: #a6a6a6;
}

table.table.user-role thead th {
	border: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3 !important;
	text-transform: uppercase;
	vertical-align: middle;
}

table.table.user-role {
	font-size: 11px;
}

table.table.user-role tr td {
	text-align: center;
}

table.table.user-role .disabled-add {
	content: url(img/icons/add-disable.png);
	cursor: no-drop;
}

table.table.user-role .disabled-view {
	content: url(img/icons/view-disable.png);
	cursor: no-drop;
}

table.table.user-role .disabled-edit {
	content: url(img/icons/edit-disable.png);
	cursor: no-drop;
}

table.table.user-role .disabled-delete {
	content: url(img/icons/delete-disable.png);
	cursor: no-drop;
}

.add-product-custom a {
	background: #7cc144;
	padding: 6px 20px;
	color: #fff;
	border-radius: 50px;
	min-width: 77px;
	text-align: center;
}
/* vacancy flow*/

.app-sec {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
	background: white;
	padding: 16px;
	text-align: center;
}

.brdr-lin {
	width: 19px;
	height: 23px;
	float: right;
	margin-top: 36px;
	cursor: pointer;
}



.flow-def ul {
	display: flex;
	justify-content: space-evenly;
	position: relative;
}

.flow-def ul:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	width: 80%;
	height: 2px;
	top: 45px;
}
.flow-def ul li {
	background: #7cc144;
	border: 1px dashed;
	border-radius: 22px;
	min-width: 90px;
	text-align: center;
	z-index: 111;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-clip: content-box;
	padding: 4px;
}

.flow-def ul li:last-child:before {
	content: none;
}


.flow-def ul li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}

.flow-def ul li:before {
	content: "\f101";
	font-family: FontAwesome;
	position: absolute;
	left: 156px;
	font-size: 28px;
}
.flow-def ul li:after {
	content: "";
	position: absolute; 
	width: 33px;
	height: 3px;
	background: #53b323;
	top: -2px;
}
@media (min-width: 1200px) { 

	.flow-def ul li:before {
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		left: 123px;
		font-size: 28px;
	}
}
@media (max-width: 992px) { 

	.flow-def ul li:before {
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		left: 102px;
		font-size: 28px;
	}  
	.upgDiv {
		color: #000; 
		position: absolute; 
		bottom: 67px; 
		left: 5px; 
		right: 5px;
		background-color: #F6F8FA; 
		padding: 5px; 
	}


}
@media (max-width: 1195px) { 

	.flow-def ul li:before {
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		left: 118px;

		font-size: 28px;
	}  

}
@media (max-width: 860px) { 

	.flow-def ul li:before {
		content: "\f101";
		font-family: FontAwesome;
		position: absolute;
		left: 110px;


		font-size: 28px;
	}  

}
@media (max-width: 768px) { 

	.flow-def ul li:before {
		content: "\f101";
		font-family: FontAwesome;
		display: none;
	}  


}

/* table row strike through code */

tr.strikeout td:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 2px solid #a7a7a7;
	width: 100%;
}

tr.strikeout td {
	background: #efefef;
}

/* 8-4-2020 */

.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}
.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 2px;
	background: #acacac;
	top: 3px;
	bottom: -24px;
	margin-left: 30px;
}

.timeline-centered .timeline-entry {
	position: relative;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 10px;
	clear: both;
}

.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -20px;
	width: 100%;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	float: left;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;

	margin-left: 50px;
	width: 500px;

}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
.modal-edu-generl .modal-body p {
	line-height: 1.6;

}
.modal-edu-generl .modal-body {
	padding: 39px 40px 144px 29px;

}

.cstm_modal_close_btn {
	color: #fff;
	opacity: 1;
}

.cstm_modal_title {
	font-size: 16px;
}

/*assign roles*/
.cke {
	visibility: hidden;
}

.user-roles-parent {
	background: #fff !important;
	padding: 20px 20px;
	height: 100%;
}

.user-roles-sub-parent {
	border: 1px solid #e3e3e3;
}

.role-detail-sec li a {
	color: #7d7d7d;
}

.role-detail-sec li {
	border-bottom: 1px solid #e3e3e3;
	padding: 7px 12px 7px 12px;
}

.role-detail-sec li.active {
	background: #f1f1f1;
	font-weight: bold;
}

.assign-role-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 11px;
}

.assign-role-box {
	border: 1px solid #e3e3e3;
	padding: 10px 10px;
}

.role-right-corner a {
	color: #9e9e9e;
	font-size: 14px;
}
/* role functions */

.cke {
	visibility: hidden;
}

.assign-role-parent {
	background: #fff !important;
	padding: 20px 40px;
	height: 100%;
	border: 1px solid #e3e3e3;
}

.after-before-line-heading h5 {
	overflow: hidden;
	text-align: center;
	color: #162f67;
}

.after-before-line-heading h5:before,
.after-before-line-heading h5:after {
	background-color: #7cc144;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.after-before-line-heading h5:before {
	right: 0.5em;
	margin-left: -50%;
}

.after-before-line-heading h5:after {
	left: 0.5em;
	margin-right: -50%;
}

table.table.table-roles {
	text-align: center;
	font-size: 12px;
	border: 1px solid #e3e3e3;
}

table.table.table-roles thead th {
	text-align: center;
}
table.table.table-roles .inline-checkbox {
	margin-right: 0;
}
table.table.table-roles thead {
	border-bottom: 1px solid #e3e3e3;
}
table.table.table-roles tr td.spaned {
	color: #162f67;
}
/* application settings 28 july 2020*/
.cke {
	visibility: hidden;
}

/*colopicker styling*/
.div-bg {
	height: 30px;
	width: 52px;
	display: inline-block;
	box-sizing: border-box;
	background: #f00;
}

.btn-color-pickr {

	padding: 7px 9px;
	position: absolute;
	color: #000;
	border-radius: 0;
	left: 66px;
	font-size: 10px;
}

.wrapper-btn {
	height: 31px;
	width: 124px;
	border: 1px solid #37333347;
}
/*company settings 28 july 2020*/
.cke {
	visibility: hidden;
}


.blue-btn:hover,
.blue-btn:active,
.blue-btn:focus,
.blue-btn {
	background: #0000;
	border: solid 1px #dddada;
	border-radius: 3px;
	color: #b4b0b0;
	font-size: 16px;
	width: 100%;

	padding: 15px 20px;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	height: 75px;
	margin-top: 10;
}

.fileUpload input.uploadlogo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 75px;
}

.upload-img {
	background: #5c5a5a0a;
	padding: 10px;
}

/*Chrome fix*/
input::-webkit-file-upload-button {
	cursor: pointer !important;
	height: 42px;
	width: 100%;
}

/*expired documents*/
  .cke {
            visibility: hidden;
        }



        .user-noti {
            margin-bottom: 12px !important;
            max-height: 40px;
        }

        .user-noti img {
            float: left;
            margin-right: 10px;
            border-radius: 50%;
            width: 34px !important;
            height: 34px;
            object-fit: cover;
            box-shadow: 0 5px 10px 0 rgba(50, 50, 50, .15);
        }

        .action-exp {
            padding: 0px 10px;
             min-height: 320px;
        }

        .r-txt p {
            margin-top: 10px;
        }

        button.btn.btn-default.btn-noti {
            background: none;
            border-color: #ec3344ed;
            height: 21px;
            padding: 0px 7px 0px 7px;
            font-size: 8px;
            font-weight: 500;
            color: #ec3344ed;
            margin-top: 5px;
        }
        .btn:active {
            -webkit-box-shadow: none !important;
        }

		/* media Query 768 */

@media(max-width:768px){

.login-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 285px;
}

.main-login {
	background: #043169;
	color: #fff;
	padding: 40px;
	border-radius: 4px;
	position: relative;
	min-height: 35vh;
	margin-top: -30px;
	margin-bottom: -30px;
	box-shadow: 0px 0px 20px #848484;
	-webkit-box-shadow: 0px 0px 20px #848484;
	-moz-box-shadow: 0px 0px 20px #848484;
}
.login-action {
	position: absolute;
	left: 0;
	top: 20%;
	transform: translate(0, -50%);
}

.upgDiv {
	color: #000; 
	position: absolute; 
	bottom: 67px; 
	left: 5px; 
	right: 5px;
	background-color: #F6F8FA; 
	padding: 5px; 
}

}  

/* meda Query 300 for samsung fold */
@media(max-width:300px){

	.login-box {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		min-width: 170px;
	}
	
	.main-login {
		background: #043169;
		color: #fff;
		padding: 40px;
		border-radius: 4px;
		position: relative;
		min-height: 50vh;
		margin-top: -30px;
		margin-bottom: -30px;
		box-shadow: 0px 0px 20px #848484;
		-webkit-box-shadow: 0px 0px 20px #848484;
		-moz-box-shadow: 0px 0px 20px #848484;
	}
	.login-action {
		position: absolute;
		left: 0;
		top: 20%;
		transform: translate(0, -50%);
	}
	
	}