/* =================================================================
        User Panel News Css Start 
=====================================================*/
.dashboard-section {
	position: relative;
	display: block;
	padding: 0px 0px 60px;
	overflow-x: hidden;
	min-height: 500px;
	z-index: 1;
}
.dashboard-section.maingrey-bg {
	background: #fff !important;
	border-bottom: 1px solid #ddd
}
.dashboard-section.indexing {
	z-index: 999
}
div.dataTables_length select, .dataTables_filter input {
	border: 1px solid #ddd;
	height: 30px;
	padding: 0px 10px
}
.fill-input {
	border: none !important;
	border-bottom: 1px solid #777 !important;
}
.overflow_x {
	overflow-x: hidden !important;
}
/* Backgrounds */
.dotted-globe-bg {
	background-image: url('../images/dotted-globe-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom
}
.dotted-bagni-bg {
	background-image: url('../images/dotted-bagni-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom
}
.grey-bg {
	background-color: #f6f6f6 !important;
}
@media (min-width:768px) {
.dashboard-section .container {
	width: 750px
}
}
@media (min-width:992px) {
.dashboard-section .container {
	width: 970px
}
}
@media (min-width:1200px) {
.dashboard-section .container {
	width: 1170px
}
}
 @media (min-width:1366px) {
.container.fluid {
	width: 1340px;
}
}
/* Global Css */
.group-hide {
	display: none
}
.sub-heading {
	margin-bottom: 30px;
	color: #2c3848;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}
.parentTab {
	position: relative;
	margin: auto auto 35px;
}
.parentRow {
	position: relative;
	margin: auto auto 35px;
}
.alert-wrap {
	position: relative;
	margin: auto auto 20px;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.08)
}
.white-block {
	position: relative;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.08)
}
.white-block.grid-panel {
	margin-bottom: 30px
}
.detail-form .sub-heading {
	font-size: 16px;
	font-weight: bold;
}
/* Breadcrumbe */
.breadcrumb-wrap {
	background: #fff
}
.dashboard-section .breadcrumb {
	background: transparent;
	padding: 10px 0px;
	border-radius: 0px;
	margin: auto;
}
.dashboard-section .breadcrumb > li + li::before {
	content: "/\00a0";
	padding: 0;
	color: #762985;
}
.dashboard-section .breadcrumb li {
	text-transform: capitalize;
	font-size: 12px;
}
.dashboard-section .breadcrumb li a {
	color: #762985;
	border-bottom: 1px solid transparent;
	font-weight: 400;
}
.dashboard-section .breadcrumb li.active {
	color: #8d8d8d
}
/* Dashboard Navigation */
.dashboard-section a {
	text-decoration: none !important;
}
.dashboard-navigation {
	background: #762985;
}
.dashboard-navigation .user-nav {
	display: block;
	list-style: none
}
.dashboard-navigation .user-nav:after {
	content: "";
	clear: both;
	display: table
}
.dashboard-navigation .user-nav>li {
	float: left;
	position: relative
}
.dashboard-navigation .user-nav>li>a {
	display: block;
	padding: 15px 14px;
	line-height: 1;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.dashboard-navigation .user-nav>li.dropdown>a:after {
	content: "\e64b";
	font-family: "Themify";
	margin-left: 10px;
	vertical-align: middle;
	font-size: 12px
}
.dashboard-navigation .user-nav>li>a:hover, .dashboard-navigation .user-nav>li.active>a, .dashboard-navigation .user-nav>li.active>a:hover {
	background: #2c3848
}
.dashboard-navigation .user-nav>li.dropdown.open>a {
	background: #2c3848
}
.dashboard-navigation .user-nav>li.dropdown .dropdown-menu {
	border: none;
	border-radius: 0px;
	background: #2c3848
}
.user-nav>li.dropdown .dropdown-menu>li>a {
	color: #fff;
	padding: 10px 15px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 1px;
	border-bottom: 1px solid rgba(255,255,255,0.2)
}
.user-nav>li.dropdown .dropdown-menu>li:last-child>a {
	border: none
}
.user-nav>li.dropdown .dropdown-menu>li>a:hover {
	color: #2c3848
}
.dashboard-navigation .dash-navToggler {
	padding: 10px 0px
}
.dash-navToggler {
	text-align: right
}
.dash-navToggler .label {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1;
	font-weight: 600
}
.hamburgur-btn {
	position: relative;
	width: 30px;
	height: 24px;
	border: none;
	background: transparent;
	display: inline-block;
	vertical-align: middle;
	line-height: 1
}
.hamburgur-btn .ic-bar {
	position: absolute;
	top: 0px;
	height: 4px;
	left: 0px;
	width: 100%;
	border-radius: 4px;
	background: #fff;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-moz-transform-origin:;
	-webkit-transform-origin:;
	-ms-transform-origin:;
	-o-transform-origin:;
}
.hamburgur-btn.in:hover .ic-bar {
	background: #df2d89
}
.hamburgur-btn .ic-bar:nth-child(1) {
	-moz-transform-origin: top right;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
}
.hamburgur-btn .ic-bar:nth-child(2) {
	top: 10px
}
.hamburgur-btn .ic-bar:nth-child(3) {
	top: 20px;
	-moz-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-o-transform-origin: bottom right;
}
.hamburgur-btn.in {
	position: fixed;
	z-index: 9999;
	top: 30px;
	right: 30px
}
.hamburgur-btn.in .ic-bar:nth-child(2) {
	display: none
}
.hamburgur-btn.in .ic-bar:nth-child(1) {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.hamburgur-btn.in .ic-bar:nth-child(3) {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
/* User Info Block  */
.user-info-row {
	position: relative;
	margin-top: 20px
}
.user-info-row:after {
	content: "";
	clear: both;
	display: table
}
.dashboard-section .info-table {
	margin: auto;
}
.dashboard-section .info-table th {
	background: #eee;
	font-weight: 400;
}
.dashboard-section .info-table td, .dashboard-section .info-table th {
	border: 1px solid #ddd !important;
	padding: 14px 10px;
	line-height: 1;
	color: #444
}
.user-info-row .tool-bar.table-col {
	display: none
}
.table-layout.before-style .table-col {
	position: relative;
	z-index: 1
}
.table-layout.before-style .table-col:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #fff;
	height: 100%;
	box-shadow: 0px 17px 19px rgba(0,0,0,0.09);
	z-index: -1
}
.table-layout.before-style[class^="col-"] .table-col {
	position: relative;
	z-index: 1
}
.table-layout.before-style[class^="col-"] .table-col:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 15px;
	right: 15px;
	background: #fff;
	height: 100%;
	box-shadow: 0px 17px 19px rgba(0,0,0,0.09);
	z-index: -1
}
/* Separator Col */
.seprator-col {
	width: 1%;
}
.seprator-col:before {
	display: none
}
.profile-info-row {
	position: relative;
	margin-bottom: 30px
}
/* Login Type Info */
.profile-info-row .table-col:before {
	border-radius: 10px;
}
.login-type-info {
	position: relative;
}
.login-type-info:before {
	display: none
}
.profession-info-ul {
	list-style: none;
}
.profession-info-ul:after {
	content: "";
	clear: both;
	display: table
}
.profession-info-ul li {
	position: relative;
	display: table;
	background: #fff;
	width: 100%;
	margin: 0px;
	box-shadow: 0px 6px 11px rgba(0,0,0,0.09);
	padding: 11px 40px;
	border-radius: 6px;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.profession-info-ul li+li {
	margin-top: 10px
}
.profession-info-ul li:hover {
	box-shadow: 0px 10px 15px rgba(0,0,0,0.5);
	background: #edf7ff
}
.profession-info-ul li:after {
	content: "";
	clear: both;
	display: table
}
.profession-info-ul .th, .profession-info-ul .td {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	color: #4f4f4f
}
.profession-info-ul .td {
	width: 200px;
}
.profession-info-ul .th-label {
	font-weight: bold
}
.profession-info-ul .th .round-icon {
	display: inline-block;
	line-height: 1;
	height: 48px;
	width: 48px;
	text-align: center;
	line-height: 48px;
	background: #f3f3f3;
	border-radius: 50%;
	margin-right: 15px;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.profession-info-ul li:hover .th .round-icon {
	background: #fff
}
.profile-info-row .login-type-info.table-col:before {
	display: none
}
.profile-info-row .login-type-info .inner {
	position: relative;
	padding-right: 20px
}
.profile-info-row .login-type-info .inner:after {
	content: "";
	clear: both;
	display: table
}
.profile-info-row .login-type-info .inner .user-name {
	font-size: 46px;
	font-weight: bold;
	color: #762985;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1;
}
.profile-info-row .login-type-info .profession-info {
	background: #f6f6f6;
	padding: 30px 25px;
	border-radius: 4px
}
.login-type-info .profession-info:after {
	content: "";
	clear: both;
	display: table
}
.login-type-info .profession-info .col-md-4.info-pointTab:nth-child(3n+1) {
	clear: both
}
.login-type-info .profession-info .info-pointTab:not(.last) {
	margin-bottom: 50px
}
.login-type-info .profession-info .info-point {
	display: block;
	width: 100%;
	margin: 0px;
	min-height: 41px;
	padding-left: 50px;
	position: relative
}
.login-type-info .profession-info .info-point.btn-point {
	padding-left: 0px;
	min-height: auto
}
.login-type-info .profession-info .info-point:after {
	content: "";
	clear: both;
	display: table
}
.login-type-info .profession-info .info-point .info-icon {
	position: absolute;
	left: 0px;
	top: 0px;
}
.login-type-info .profession-info .info-point .info-icon .round-icon {
	display: block;
	height: 41px;
	width: 41px;
	line-height: 35px;
	border-radius: 50%;
	border: 1px solid #bec2c6;
	text-align: center;
}
.login-type-info .profession-info .info-point .info-icon .round-icon img {
	max-width: 60%;
	margin: auto
}
.login-type-info .profession-info .info-point .info-txt {
	white-space: normal;
}
.login-type-info .profession-info .info-point .info-txt span {
	line-height: 1;
	display: block;
}
.login-type-info .profession-info .info-point .info-txt .th-label {
	font-size: 17px;
	color: #737373;
	font-weight: 600;
	margin-bottom: 8px
}
.login-type-info .profession-info .info-point .info-txt .td-label {
	font-size: 14px;
	color: #262626;
	font-weight: 300;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.4
}
.profile-info-row .login-profile-tab {
	vertical-align: middle
}
.login-type-info .profession-info .btn-point .btn {
	min-width: auto;
	width: 100%
}
.login-type-info.client {
	background: #f6f6f6;
	padding: 20px;
	margin-bottom: 30px
}
.login-type-info.client .table-layout .table-col {
	display: table-cell;
	width: 1%;
}
.login-type-info.client .table-layout .table-col:not(:last-child) {
	padding-right: 20px
}
.login-type-info.client .table-layout .table-col .td-label {
	max-width: 140px
}
.login-type-info.client .client-id .info-txt {
	text-align: center
}
.login-type-info.client .client-id .info-txt .th-label {
	font-weight: 300;
	color: #262626;
	font-size: 16px;
}
.login-type-info.client .client-id .info-txt .td-label {
	border: 1px solid #ddd;
	display: inline-block;
	width: auto;
	line-height: 1;
	padding: 5px 10px;
	background: #fff;
	color: #762985;
	border-radius: 4px;
	font-size: 18px;
}
.client_dashboard .login-profile-tab .profile-picture .poster {
	height: 141px;
	width: 141px;
	line-height: 141px;
	text-align: center;
	background: #fff
}
.client_dashboard .login-profile-tab .profile-picture .poster img {
	max-width: 100%;
	width: auto;
	display: inline-block
}
.client_dashboard .profile-info-row .login-type-info {
	vertical-align: bottom
}
.client_dashboard .profile-info-row .login-type-info .inner .user-name {
	font-size: 70px;
	margin: auto
}
.client_dashboard .profile-info-row .login-profile-tab {
	width: 275px;
	vertical-align: middle
}
.client_dashboard .login-profile-tab .profile-picture {
	margin: auto
}
.client_dashboard .profile-info-row .user-info {
	display: none
}
/* Login Profile Tab */
.login-profile-tab {
	position: relative;
}
.profile-info-ul {
	list-style: none;
	padding: 11px 60px
}
.profile-info-ul:after {
	content: "";
	clear: both;
	display: table
}
.profile-info-ul li {
	position: relative;
	color: #4f4f4f;
	text-align: left;
	display: table;
	width: 100%;
	padding: 15px 30px
}
.profile-info-ul li+li {
	border-top: 1px solid #eee
}
.profile-info-ul li:after {
	content: "";
	clear: both;
	display: table
}
.profile-info-ul li .td, .profile-info-ul li .th {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	font-size: 16px
}
.profile-info-ul li .th {
	width: 60%
}
.profile-info-ul li .th span {
	font-weight: bold
}
.profile-info-ul li i {
	font-size: 24px
}
.profile-info-ul li.pf-verd .td {
	text-align: left;
	color: #0066b4
}
.profile-info-ul li.pf-reg .td {
	text-align: left;
	color: #8157a7
}
.profile-info-ul li.pf-offer {
	padding: 0px;
	margin-top: 20px;
	border: none;
	text-align: right
}
.profile-info-row .login-profile-tab.table-col:before {
	background: #f6f6f6;
	box-shadow: none;
	border-radius: 4px
}
.profile-info-row .login-profile-tab .inner {
	display: block;
	padding: 20px 15px;
	background: #f6f6f6
}
.profile-info-row .login-profile-tab .inner:after {
	content: "";
	clear: both;
	display: table
}
.login-profile-tab .profile-picture {
	display: block;
	margin: auto auto 30px
}
.login-profile-tab .profile-picture:after {
	content: "";
	clear: both;
	display: table
}
.login-profile-tab .profile-picture .poster {
	display: block;
	overflow: hidden;
	height: 200px;
	width: 200px;
	line-height: 160px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	background: #fff
}
.login-profile-tab .profile-picture .poster img {
	width: 150px;
	max-width: 210px;
	margin: auto;
	display: inline-block
}
.login-profile-tab .user-info {
	position: relative;
	text-align: center;
	margin: auto !important;
}
.login-profile-tab .user-info span {
	display: block;
	line-height: 1;
}
.login-profile-tab .user-info .user-label {
	color: #262626;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 10px;
	text-transform: uppercase
}
.login-profile-tab .user-info .user-value {
	display: inline-block;
	height: 53px;
	padding: 0px 5px;
	line-height: 50px;
	background: #fff;
	min-width: 150px;
	max-width: 100%;
	text-align: center;
	border-radius: 50px;
	font-size: 26px;
	color: #762985;
	font-weight: 300;
	margin: auto;
	border: 1px solid #eaeaea
}
/* Heading Row */
.heading-row {
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada
}
.heading-row.style-less {
	padding: 0px;
	border: none;
}
.heading-row:after {
	content: "";
	clear: both;
	display: table
}
.heading-row .ttl {
	font-weight: bold;
	color: #737373;
	text-transform: uppercase
}
.heading-row.float-style {
	padding-bottom: 20px
}
.heading-row.float-style .ttl-img img {
	max-width: 80px
}
.heading-row.float-style .ttl {
	float: left;
	font-weight: 600;
	color: #656565
}
.heading-row.float-style .float-opt {
	float: right
}
.heading-row.float-style .tool-bar {
	margin: auto;
	padding: 0px;
	border: none
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
/* Progress Bar */
.progress-block {
	position: relative;
	display: block;
	margin: 30px auto
}
.progress-block:after {
	content: "";
	clear: both;
	display: table
}
.progress-block .progress {
	background: rgba(118,41,133,0.1);
	height: 8px;
	overflow: unset;
	border-radius: 10px;
	box-shadow: none
}
.progress-block .progress .progress-bar {
	position: relative;
	overflow: unset;
	box-shadow: none;
	border-radius: 10px;
}
.progress-block .progress .progress-bar:before {
	content: attr(aria-valuenow)"%";
	position: absolute;
	top: 50%;
	right: -1px;
	padding: 8px 6px;
	background: #df2d89;
	color: #fff;
	border-radius: 10px;
	font-weight: 600;
	display: inline-block;
	line-height: 1;
	box-shadow: 0px 0px 0px 3px rgba(223,45,137,0.3), 0px 0px 2px 8px rgba(223,45,137,0.2);
	-moz-transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%);
}
.progress-block .progress-ttl {
	display: inline-block;
	position: absolute;
	top: 10px;
	background: #87d1f0;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 20px;
	-moz-transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%);
}
.progress-block .progress-ttl:after {
	content: "";
	position: absolute;
	right: -10px;
	border: 6px solid transparent;
	border-left-color: #87d1f0;
	top: 50%;
	-moz-transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%);
}
/* Login Type Tab */
.login-type-tab {
	position: relative;
	margin-bottom: 60px
}
.login-type-list {
	display: table;
	width: 100%;
	margin: auto 0px;
	list-style: none
}
.login-type-list:after {
	content: "";
	clear: both;
	display: table
}
.login-type-list li {
	display: table-cell;
	text-align: center;
	padding: 0px 15px
}
.login-type-list .typ_wrap {
	display: block;
	position: relative
}
.typ_wrap span {
	display: block;
	color: #4f4f4f;
	font-size: 16px;
	line-height: 1
}
.typ_wrap .typ_value {
	color: #166aa9;
	font-size: 19px;
	font-weight: 600;
	margin-top: 10px
}
/* Get In Touch  */
.gettouch-sec {
	position: relative;
	padding: 30px 25px
}
.gettouch-sec .table-layout:after {
	content: "";
	clear: both;
	display: table
}
.gettouch-sec .table-col {
	width: auto;
}
.gettouch-sec .head {
	display: table;
	width: 100%;
	margin: 0px;
}
.gettouch-sec .head .connect-tab, .gettouch-sec .content-tab {
	display: table-cell;
	vertical-align: top;
}
.gettouch-sec .content-tab {
	color: #fff;
	padding-right: 50px;
}
.gettouch-sec .content-tab .ttl {
	font-weight: bold;
	margin: auto;
	text-transform: uppercase
}
.gettouch-sec .content-tab p {
	line-height: 1.3;
	margin: auto;
}
.gettouch-sec .content-tab p span {
	display: inline-block;
	font-weight: 600
}
.gettouch-sec .content-tab a {
	color: #fff;
	font-weight: 600
}
.gettouch-sec .content-tab a:hover {
	color: #df2d89;
}
.gettouch-sec .btn.white.bordered {
	background: transparent;
	color: #fff !important;
	border-color: #fff
}
.gettouch-sec .btn.white.bordered:hover {
	background: #fff;
	color: #219cd0 !important;
	border-color: #fff !important;
}
.gettouch-sec .head .connect-tab {
	padding-left: 20px
}
.gettouch-sec li p {
	font-size: 18px;
	color: #fff
}
.gettouch-sec li a {
	font-size: 22px;
	color: #fff
}
.gettouch-sec .connect-tab.text-right .icon-list li {
	padding-left: 0px;
	padding-right: 45px;
	padding-top: 8px;
	min-height: 40px;
}
.gettouch-sec .connect-tab.text-right .icon-list li~li {
	margin-top: 10px
}
.gettouch-sec .connect-tab.text-right .icon-list li i {
	left: auto;
	right: 0px;
	height: 35px;
	width: 35px;
	line-height: 31px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 20px
}
.gettouch-sec .connect-tab.text-right .icon-list li a:hover {
	color: #000
}
.gettouch-sec .foot {
	margin-top: 60px
}
.gettouch-sec .foot .connect-tab {
	padding-left: 20px
}
/* Source Row */
.source-row {
	position: relative
}
.source-row:after {
	content: "";
	clear: both;
	display: table
}
.source-row .table-col+.table-col {
	padding-left: 15px
}
.source-row .source-tab .inner {
	text-align: center;
	position: relative;
	padding: 35px 20px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
	overflow: hidden;
	border-radius: 6px;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.source-row .source-tab .inner .bg-ic {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: center;
}
.source-row .source-tab .inner .source-ttl {
	font-weight: 300
}
.source-row .source-tab.assign .inner {
	background-image: url('../images/blue-bagni-gradient.png')
}
.source-row .source-tab.place .inner {
	background-image: url('../images/pink-bagni-gradient.png')
}
.source-row .source-tab.source .inner {
	background-image: url('../images/blue-darkblue-gradient.png')
}
.source-row .source-tab.assign .bg-ic {
	background-image: url('../images/sticks-bg.png');
	background-position: bottom left
}
.source-row .source-tab.place .bg-ic {
	background-image: url('../images/candel-bg.png');
	background-position: bottom left 20%
}
.source-row .source-tab.source .bg-ic {
	background-image: url('../images/big-stick-bg.png');
	background-position: bottom center;
}
.source-row .source-tab .inner:hover {
	box-shadow: 0px 9px 14px rgba(0,0,0,0.3)
}
/* user Info */
.dashboard-section .user-info {
	display: block;
	margin: 20px auto 30px
}
.dashboard-section .user-info:after {
	content: "";
	clear: both;
	display: table
}
.dashboard-section .user-info .user-name {
	color: #777
}
.dashboard-section .user-info .step-heading {
	color: #777;
	font-weight: 600
}
.user-info .user-name i {
	height: 40px;
	width: 40px;
	line-height: 35px;
	font-size: 20px;
	color: #fff;
	background: #75a7bc;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	margin-right: 10px;
	border-radius: 0px;
}
.user-info .user-name .name {
	font-weight: 600;
	display: inline-block;
	margin-left: 5px;
	color: #777;
	vertical-align: bottom;
}
.table-overflow {
	overflow: unset
}
.table-overflow .table {
	width: 100%
}
/* Step List */
.dashboard-section .form-steps {
	position: relative;
	display: block;
	margin: 50px auto 60px;
	padding-top: 60px;
	padding-bottom: 70px;
	overflow: auto;
	z-index: 1
}
.dashboard-section .form-steps:after {
	content: "";
	clear: both;
	display: table
}
.dashboard-section .form-steps .step-progress-rate {
	position: absolute;
	top: 0px;
	left: 0px
}
.step-progress-rate {
	display: block;
	margin: auto;
	text-align: right
}
.step-progress-rate:after {
	content: "";
	clear: both;
	display: table
}
.step-progress-rate span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	color: #762985;
	position: relative
}
.step-progress-rate .progress-ttl {
	margin-right: 5px
}
.step-progress-rate .progress-ttl:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	border: 8px solid transparent;
	border-left-color: #1e92f0;
	display: none;
	-moz-transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%);
}
.step-progress-rate .progress-count {
	font-size: 12px;
	color: #282828;
	vertical-align: middle;
	font-weight: 600;
	border: 1px solid #ababab;
	position: relative;
	height: 40px;
	width: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
}
.step-progress-rate .progress-count .count-value {
	color: #282828;
	font-weight: 600;
	position: relative;
	z-index: 1
}
.step-progress-rate .progress-count .water-count {
	background: #219cd0;
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 0px
}
.steps-list {
	list-style: none;
	display: table;
	margin: 0px;
	width: 100%
}
.steps-list:after {
	content: "";
	clear: both;
	display: table
}
.steps-list li {
	display: table-cell;
	min-width: 100px;
	text-align: center;
	position: relative;
	z-index: 1
}
.steps-list li:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0px;
	right: 0px;
	height: 2px;
	border-bottom: 2px solid #ddd;
	z-index: -1;
	opacity: 0.3
}
.steps-list li:first-child::before {
	left: 50%
}
.steps-list li:last-child::before {
	right: 50%;
}
.steps-list li a {
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 45px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	position: relative;
	border: 3px solid #fff;
	box-shadow: 0px 0px 0px 2px #ddd;
	z-index: 1;
}
.steps-list li .fa {
	display: none;
	display: inline-block;
	line-height: 1;
	font-size: 20px;
	color: #fff
}
.steps-list li a .step-label {
	position: absolute;
	top: 40px;
	display: inline-block;
	width: 80px;
	text-align: center;
	left: 50%;
	font-size: 12px;
	color: #000;
	-moz-transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	-o-transform: translatex(-50%);
}
.steps-list li .ic-wrap {
	position: absolute;
	bottom: calc(100% + 20px);
	left: 50%;
	width: 40px;
	opacity: 0.6;
	-moz-transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.steps-list li .ic-wrap img {
	max-width: 100%
}
.steps-list li.completed a {
	background: #60cc46;
	border-color: #fff;
	box-shadow: 0px 0px 0px 2px #ddd
}
/* .steps-list li.part-complete a{background:#444;}
.steps-list li.part-complete .fa:before{content:"\f12a";} */
.steps-list li.active a {
	background: #219cd0;
	box-shadow: 0px 0px 0px 2px #219cd0
}
.steps-list li.active .ic-wrap {
	opacity: 1
}
.step-btn-bar {
	display: block;
}
.step-btn-bar:after {
	content: "";
	clear: both;
	display: table
}
.step-btn-bar .back {
	float: left
}
/* .dashboard-section .form-steps{position: relative;display: block;margin:30px auto 60px;padding-bottom:60px}
.dashboard-section .form-steps:after{content:"";clear: both;display: table}
.dashboard-section .form-steps .step-progress-rate{position: absolute;top:0px;left:0px}
.step-progress-rate{display:block;}
.step-progress-rate:after{content:"";clear: both;display: table}
.step-progress-rate span{display:inline-block;vertical-align: middle;line-height:1;color:#fff;position: relative}

.step-progress-rate .progress-ttl{background:#762985;padding:8px 10px;border-radius:5px;margin-right:15px}
.step-progress-rate .progress-ttl:after
{
   content:"";position: absolute;top:50%;right:-15px;border:8px solid transparent;border-left-color:#762985;
   -moz-transform:translatey(-50%);
 -webkit-transform:translatey(-50%);
 -ms-transform:translatey(-50%);
 -o-transform:translatey(-50%);

}
.step-progress-rate .progress-count{font-size:20px;color:#444}

.steps-list{list-style: none;background:#eee;}
.steps-list:after{content:"";clear: both;display: table}
.steps-list li
{
  float:left;min-width:120px;position: relative;padding:11px 10px;background:#eee;
  -moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
}
.steps-list li:not(:last-child){padding-right:30px}
.steps-list li:before
{
  content:"Step : " attr(step-count);position:relative;color:#fff;font-size:14px;text-transform: uppercase;font-weight:bold;
}
.steps-list li+li{padding-left:30px;}
.steps-list li:not(:last-child):after
{
  content:"";position: absolute;top:50%;left:100%;
  height:100%;width:20px;z-index: 5;
  background-image:url('../images/white-arrow.png');background-repeat: no-repeat;
  background-size:100% 160% !important;background-position: center !important;
  -moz-transform:translatey(-50%);
 -webkit-transform:translatey(-50%);
 -ms-transform:translatey(-50%);
 -o-transform:translatey(-50%);
}
.steps-list li+li a{left:30px}

.steps-list li a{position: absolute;top:50px;display:block;width:80px;left:10px;font-size:12px;color:#762985;}

.steps-list li .fa
{
  position: absolute;top:50%;right:0px;font-size:15px;height:25px;width:25px;line-height:25px;background:#fff;border-radius:50%;color:#df2d89;text-align:center;display: none;
  -moz-transform:translatey(-50%);
 -webkit-transform:translatey(-50%);
 -ms-transform:translatey(-50%);
 -o-transform:translatey(-50%);
}

.steps-list li.completed{background:#762985;z-index: 2;}
.steps-list li.completed:after{background-image:url('../images/bagni-arrow.png') !important;}

.steps-list li.completed .fa{display:block}
.steps-list li.completed .fa:before{content:"\f00c";}

.steps-list li.active{background:#444;}
.steps-list li.active:after{background-image:url('../images/grey-arrow.png') !important;}
.steps-list li.active .fa{display:block}
.steps-list li.active .fa:before{content:"\f12a";} */


.step-btn-bar {
	display: block;
	margin-top: 30px
}
.step-btn-bar:after {
	content: "";
	clear: both;
	display: table
}
.step-btn-bar .back {
	float: left
}
/* DashBoard Content Tab */
.dashboard-content {
	position: relative;
	display: block;
	z-index: 1
}
.dashboard-content:after {
	content: "";
	clear: both;
	display: table
}
.dashboard-content table.dataTable td.center {
	width: 100px;
	text-align: center
}
.tool-bar {
	position: relative;
	display: block;
	margin: auto auto 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd
}
.heading-row .tool-bar {
	margin: auto;
	padding-bottom: 0px;
	border-bottom: none
}
.tool-bar:after {
	content: "";
	clear: both;
	display: table
}
.tool-bar .tool-list {
	display: inline-block;
	text-align: left;
	list-style: none
}
.tool-list .tool-li {
	display: inline-block;
	line-height: 1;
	position: relative
}
.tool-li .item-toggle {
	font-size: 14px;
	display: block;
	line-height: 1;
	position: relative;
	color: #762985;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.tool-li .item-toggle:hover {
	color: #219cd0
}
.tool-li .item-toggle span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1
}
span.img-ic img {
	max-height: 30px
}
.tool-li .item-toggle .count {
	font-style: normal;
}
.tool-li .item-toggle.add-icon .img-ic {
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 5px
}
.tool-li .dropdown-menu {
	position: absolute;
	min-width: 300px;
	top: calc(100% + 10px);
	left: 0px;
	right: auto;
	z-index: 2;
	padding: 30px 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border: 1px solid #f6f6f6
}
.tool-li .dropdown-menu:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 15px;
	border: 10px solid transparent;
	border-bottom-color: #fff
}
.tool-li .dropdown-menu:before {
	content: "";
	position: absolute;
	top: -21px;
	left: 15px;
	border: 10px solid transparent;
	border-bottom-color: #f6f6f6
}
.tool-li .dropdown-menu .inner {
	max-height: 400px;
}
.tool-bar.text-right .tool-li .dropdown-menu {
	left: auto;
	right: 0px
}
.tool-bar.text-right .tool-li .dropdown-menu:after {
	left: auto;
	right: 20px
}
.tool-bar.text-right .tool-li .dropdown-menu:before {
	left: auto;
	right: 20px
}
.notification-list {
	list-style: none;
}
.notification-list li {
	display: block;
	line-height: 20px;
	position: relative;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
	padding-left: 30px;
	min-height: 38px;
	color: #fff
}
.notification-list li:last-child {
	border: none
}
.notification-list li a {
	color: #777;
}
.notification-list li a:hover {
	color: #219cd0
}
.notification-list li i {
	display: inline-block;
	line-height: 1;
	position: absolute;
	left: 0px;
	top: 13px
}
.notification-list li .fa-exclamation {
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: red;
	margin-right: 5px;
}
/* Grid Row */
.grid-row {
	display: block;
	clear: both;
	margin-bottom: 30px
}
.grid-row:last-of-type {
	margin-bottom: 0px
}
.grid-row:after, .grid-heading:after {
	content: "";
	clear: both;
	display: table
}
.grid-heading {
	position: relative;
	margin-bottom: 12px
}
.grid-heading .grid-ttl {
	color: #5d5d5d;
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase
}
.grid-row .table-responsive {
	margin: auto !important;
}
.grid-panel {
	position: relative;
}
.grid-panel .inner {
	display: block;
	position: relative;
	background: #f6f6f6;
	border-radius: 4px;
	padding: 20px
}
.grid-panel .head:after, .grid-panel .after:after {
	content: "";
	clear: both;
	display: table
}
.grid-panel .head {
	margin-bottom: 30px;
	position: relative
}
.grid-panel .head .gp-ttl {
	font-weight: bold;
	color: #5563c1
}
.inline-btn-group {
	display: block;
	position: relative;
	text-align: left;
	margin: 30px auto auto
}
.inline-btn-group:after {
	content: "";
	clear: both;
	display: table
}
.inline-btn-group a.btn {
	margin-right: 2px;
	margin-bottom: 5px
}
.btn-ic .img-btn-ic {
	max-height: 30px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-right: 10px;
}
/* Charts and Other */
.circle-chart-row .circle-graph .inner {
	padding: 0px
}
.circle-chart-row .circle-graph .inner .body {
	padding: 30px
}
.circle-chart-row .circle-graph .donut-chart {
	max-width: 100%;
	margin: auto;
	position: relative;
	border-radius: 50%;
	overflow: hidden
}
.circle-chart-row .circle-graph .donut-chart .circle-chart {
	width: 160px;
	height: 160px;
}
.circle-chart-row .circle-graph .donut-chart .circle-chart__info {
	display: none
}
.circle-chart-row .circle-graph .donut-chart .chart-value {
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 50%;
	width: 108px;
	height: 108px;
	line-height: 108px;
	padding: 0px 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 30px;
	color: #1e92f0;
	font-weight: 400;
	text-align: center;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.circle-chart-row .circle-graph .donut-chart .chart-value i {
	font-style: normal;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.circle-chart-row .circle-graph .foot {
	position: relative;
	background: #e9e9e9;
	text-align: center;
	padding: 15px;
	color: #219bd0;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.circle-chart-row .circle-graph .foot:after {
	content: "";
	position: absolute;
	bottom: 100%;
	border: 10px solid transparent;
	border-bottom-color: #e9e9e9;
	-moz-transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.circle-chart-row .circle-graph .foot .gp-ttl {
	font-weight: 600;
	text-transform: uppercase;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.circle-chart-row .circle-graph .inner:hover .foot {
	background: #762985;
	color: #fff
}
.circle-chart-row .circle-graph .inner:hover .foot:after {
	border-bottom-color: #762985
}
.donut-chart .circlechart {
	position: relative;
	text-align: center;
}
.donut-chart:after {
	content: "";
	clear: both;
	display: table
}
.donut-chart .process-value {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	max-width: 200px;
	text-align: center;
	background: blue;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.donut-chart .process-value span {
	font-size: 37px;
	font-weight: bold;
	color: #5563c1;
	display: block;
	line-height: 1
}
.circle-chart {
	width: 240px;
	max-width: 100%;
	height: 240px;
}
.circle-chart__circle {
	stroke: #219cd0;
	stroke-width: 1.7px;
	fill: none;
	animation: circle-chart-fill 2s reverse; /* 1 */
	transform: rotate(-90deg); /* 2, 3 */
	transform-origin: center; /* 4 */
}
.circle-chart__circle--negative {
	transform: rotate(-90deg) scale(1, -1); /* 1, 2, 3 */
}
.circle-chart__background {
	stroke: #e9e9e9;
	stroke-width: 2px;
	fill: none;
}
.circle-chart__info {
	animation: circle-chart-appear 2s forwards;
	opacity: 0;
	transform: translateY(0.3em);
}
.circle-chart__percent {
	text-anchor: middle;
	font-size: 8px;
	line-height: 1;
	fill: #5563c1;
	font-weight: bold;
}
.circle-chart__subline {
	alignment-baseline: central;
	text-anchor: middle;
	font-size: 3px;
	display: none;
}
.donut-chart.bagni .circle-chart__circle {
	stroke: #762985
}
.donut-chart.blue .circle-chart__circle {
	stroke: #219cd0
}
.donut-chart.pink .circle-chart__circle {
	stroke: #df2d89
}
.success-stroke {
	stroke: #00C851;
}
.warning-stroke {
	stroke: #ffbb33;
}
.danger-stroke {
	stroke: #ff4444;
}
 @keyframes circle-chart-fill {
 to {
stroke-dasharray: 0 100;
}
}
 @keyframes circle-chart-appear {
 to {
 opacity: 1;
 transform: translateY(0);
}
}
/* Locum Confirmation */
.locum-confirmSec {
	position: relative;
	padding: 30px 15px;
	text-align: center;
	margin-bottom: 30px
}
.locum-confirmSec:after {
	content: "";
	clear: both;
	display: table
}
.locum-confirmSec .locum-inner {
	display: table;
	margin: auto
}
.locum-confirmSec .locum-inner:after {
	content: "";
	clear: both;
	display: table
}
.locum-confirmSec .locum-inner .head, .locum-confirmSec .locum-inner .body {
	display: table-cell;
	vertical-align: middle
}
.locum-confirmSec .locum-inner .body {
	padding-left: 50px;
}
.locum-confirmSec .locum-inner .head .title {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 300;
	color: #fff;
	margin: auto
}
.locum-confirmSec .locum-inner .head .title span {
	font-weight: bold
}
.locum-confirmSec .locum-inner .radio-circled-group {
	margin: auto
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label {
	min-height: 25px;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	padding-left: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 3px
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label:before {
	height: 25px;
	line-height: 24px;
	font-size: 20px;
	width: 25px;
	color: #fff
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label~label {
	margin-left: 50px
}
/* List Table */
.list-table {
	background: #fff;
	border-radius: 6px;
	margin: auto
}
.list-table th, .list-table td {
	border: none !important;
	font-size: 13px;
	font-weight: 400;
	color: #656565;
	padding: 20px 15px !important;
}
.list-table td {
	padding: 10px 15px !important;
}
.list-table thead {
	border-bottom: 1px solid #ddd;
	background: #5fb8e1
}
.list-table thead th {
	padding: 20px 15px !important;
	vertical-align: top !important;
	color: #fff
}
.list-table tbody tr {
	background: #f6f6f6;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.list-table tbody tr:hover {
	box-shadow: 0px 8px 15px rgba(0,0,0,0.16);
	position: relative;
	z-index: 1
}
.list-table tbody td.action-td {
	white-space: nowrap
}
.list-table tbody td .btn-xs {
	border-radius: 4px;
	padding: 3px 6px 5px;
	min-width: auto;
	font-size: 12px;
	font-weight: 600;
}
.list-table tbody td .btn+.btn {
	margin-left: 2px
}
.dropdown.tool {
	position: relative
}
.dropdown.tool .edit-toggle {
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: block;
	margin: auto 0px;
	text-align: center;
	border-radius: 6px;
	background: #1b62a3;
	color: #fff;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.dropdown.tool.open .edit-toggle {
	background: #df2d89
}
.dropdown.tool.open .edit-toggle i:before {
	content: "\f104";
}
.dropdown.tool .tooltip-option {
	right: calc(100% + 5px);
	height: 30px;
	margin: auto;
	line-height: 30px;
	overflow: unset;
	left: auto;
	top: 0;
	padding: 0px 15px;
	text-align: center;
	border: none;
	background: #ffff;
	border-radius: 0px;
	min-width: auto;
	white-space: nowrap;
	border-radius: 40px;
}
.tooltip-option .tooltip-btn {
	display: inline-block;
	color: #444;
	font-size: 0px;
	line-height: 1;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.tooltip-option .tooltip-btn:not(:last-child) {
	margin-right: 10px;
}
.tooltip-option .tooltip-btn i {
	font-size: 14px;
}
.tooltip-option .tooltip-btn .fa-trash-o {
	color: red
}
.tooltip-option .tooltip-btn .fa-pencil-square-o {
	color: #762985
}
.tooltip-option .tooltip-btn:hover i {
	color: #219cd0
}
.list-table.lighter .dropdown.tool .edit-toggle {
	background: transparent;
	height: 21px;
	width: 21px;
	line-height: 18px;
	color: #8c8c8c;
	border: 1px solid #8c8c8c;
	border-radius: 50%
}
.list-table.lighter .dropdown.tool.open .edit-toggle {
	background: #219cd0;
	color: #fff;
	border: 1px solid transparent;
}
.list-table.lighter .dropdown.tool .tooltip-option {
	height: 21px;
	line-height: 21px
}
/* Recruitment Panel */
.recu-consultSec {
	position: relative;
	text-align: center;
	padding: 30px;
	background: #bf8f00;
	border: 1px solid #eee
}
.recu-consultSec p {
	color: #fff
}
.recu-consultSec span {
	display: inline-block;
	line-height: 1;
}
.recu-consultSec a {
	color: #000
}
.recu-consult-ttl {
	font-weight: bold;
	color: #fff
}
/* Source fo Infomation Row */
.source-sec {
	position: relative;
	padding: 30px 15px;
	text-align: center
}
.source-ttl {
	font-weight: bold;
	color: #fff
}
/* Border Styles */
.border-style {
	position: relative;
	z-index: 1;
	border: 2px solid rgba(118,41,133,0.4)
}
.border-style.after {
	border: none
}
.border-style.after:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 2px solid rgba(118,41,133,0.4);
	z-index: -1;
}
/* Equal Height Wrap */
.equal-height-row {
	position: relative
}
.equal-height-row .equal-height-col {
	position: relative;
	z-index: 1;
	display: table-cell;
	float: none
}
.equal-height-row .equal-height-col:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 15px;
	right: 15px;
	bottom: 0px;
	background: #fff;
	z-index: -1;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.07)
}
.equal-height-row .equal-height-col.source_assignment:before {
	background: #0070c0
}
.equal-height-row .equal-height-col.source_place:before {
	background: #305496
}
.equal-height-row .equal-height-col.source:before {
	background: #1f4e78
}
/* Dashboard content panels */
.tab-row+.tab-row {
	margin-top: 30px
}
.tab-panel {
	background: #fff;
	padding: 0px;
	min-height: 280px;
	overflow: hidden;
}
.tab-panel :last-child {
	margin-bottom: 0px
}
.tab-panel p {
	margin-bottom: 10px
}
.tab-panel h4 {
	line-height: 1;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #5563c1;
	text-align: left
}
.tab-panel a.btn {
	margin-top: 20px
}
.tab-panel .head {
	display: block;
	margin-bottom: 10px
}
.tab-panel .head .ttl {
	font-size: 19px;
	color: #219bd0;
	font-weight: 300;
}
.tab-panel .body {
	background: #f6f6f6;
	border-radius: 4px
}
.grid-row .tab-row .parentTab {
	margin: auto
}
/* Consulting */
.tab-panel.consultant .consultant-name {
	margin: 60px auto 20px;
	min-height: 50px;
}
.tab-panel.consultant span {
	color: #444;
}
.tab-panel.consultant .consultant-help {
	min-height: 112px
}
/* Ability */
.tab-panel.availability .body {
	padding: 20px 15px
}
#dashboard-calendar:after {
	content: "";
	clear: both;
	display: table
}
#dashboard-calendar .calendar-day {
	margin-bottom: 30px
}
#dashboard-calendar .calendar-day .month {
	text-align: center;
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #777;
	margin-bottom: 20px;
	text-transform: uppercase
}
#dashboard-calendar .calendar-day .days:after {
	content: "";
	clear: both;
	display: table
}
#dashboard-calendar .calendar-day .days div {
	float: left;
	width: calc(100% / 7);
	margin-bottom: 5px;
	padding: 0px 5px;
	color: #444;
	text-transform: uppercase;
}
#dashboard-calendar .calendar-day .days div span {
	font-weight: 600;
}
#dashboard-calendar .calendar-dates:after {
	content: "";
	clear: both;
	display: table
}
#dashboard-calendar .calendar-dates div {
	float: left;
	width: calc(100% / 7);
	margin-bottom: 5px;
	padding: 0px 5px;
	margin-bottom: 10px
}
#dashboard-calendar .calendar-dates div span {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	background: transparent;
	color: #444;
	font-weight: 600;
}
#dashboard-calendar .calendar-dates div.active span {
	background: #ff7f66;
	color: #fff
}
#dashboard-calendar>div.active>span {
	border-color: #ddd
}
/* Shifts */
.tab-panel.shifts .countdown {
	margin-bottom: 20px
}
.tab-panel.shifts .countdown span {
	display: block;
	text-align: center;
	border: 2px solid #ccc;
	background: #ccc;
	color: #fff;
	font-size: 100%;
	font-size: 4em;
	font-weight: 300;
	margin: auto auto 10px
}
p.no-shifts {
	min-height: 50px;
}
/* Privilege */
.tab-panel.privilege .img-wrap {
	border-radius: 4px;
}
/* Job Panel */
.tab-panel.jobs h4 {
	margin-bottom: 10px
}
.tab-panel.jobs h4+p {
	font-size: 12px;
	color: #444;
	min-height: 30px
}
.tab-panel.jobs .total {
	font-size: 80px;
	margin-top: 20px;
	line-height: 1
}
.alert-bar {
	background: #f1f8fb;
	color: #444;
	padding: 10px;
	margin: 20px auto auto
}
.alert-bar p {
	margin: auto
}
/* Hour Work */
.tab-panel.earnings h4 {
	margin: auto
}
.tab-panel.earnings h4+small {
	margin-bottom: 20px;
	display: block;
	font-size: 14px;
	color: #777
}
.tab-panel.earnings img.clock {
	display: block;
	margin: 0 auto 38px;
	width: 60px;
	height: auto;
}
.tab-panel.earnings .lifetime-total-large {
	font-size: 94px;
	line-height: 1;
}
/* TimeSheet */

.tab-panel.timesheets .body {
	padding: 40px 15px 20px
}
.tab-panel.timesheets .row {
	margin: auto -20px
}
.tab-panel.timesheets .row [class^="col-"] {
	padding: 0px 20px
}
.tab-panel.timesheets .item {
	font-size: 22px;
	color: #8b8b8b;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.2
}
.tab-panel.timesheets .item span {
	font-size: 85px;
	font-weight: 300;
	color: #219bd0;
	background: #fff;
	display: block;
	margin: auto auto 30px;
	height: 141px;
	width: 141px;
	line-height: 140px;
	border-radius: 50%;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.24);
}
.tab-panel.timesheets .btn {
	margin-top: 30px;
	max-width: 100%;
	min-width: auto;
	width: 100%
}
/* Referal */
.tab-panel.referrals .body {
	padding: 20px
}
.tab-panel.referrals h4 {
	text-align: center;
	color: #219bd0;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 10px
}
.tab-panel.referrals {
	text-align: center
}
.tab-panel.referrals .count-item {
	font-size: 87px;
	font-weight: bold;
	color: #219bd0;
	line-height: 1;
	display: block;
	margin-bottom: 20px
}
.tab-panel.referrals .count-item span {
	font-weight: bold;
	color: #78328b;
	line-height: 1;
}
.tab-panel.referrals p {
	color: #666767;
	text-transform: uppercase;
	font-size: 18px;
	width: 500px;
	max-width: 100%;
	margin: auto
}
/* Tab Panel Colors */
.tab-panel.green {
	color: #60cc46
}
.tab-panel.pink {
	color: #b9246d
}
.tab-panel.bagni {
	color: #762985
}
.tab-panel.blue {
	color: #00acdc
}
.tab-panel.black {
	color: #000
}
.tab-panel.grey {
	color: #444
}
.tab-panel.dullblue {
	color: #55859a;
}
.tab-panel.haveyblue {
	color: #2c3848
}
/* Table Row */
.table-row {
	position: relative
}
.table-row:after {
	content: "";
	clear: both;
	display: table
}
.infoTable {
	border-collapse: collapse;
	background: #fff
}
.infoTable th, .infoTable td {
	padding: 10px !important;
	border: 1px solid #000 !important;
	font-size: 14px
}
.infoTable th {
	color: #fff;
	font-weight: 500;
	text-align: center;
}
.infoTable a {
	color: #762985;
}
.infoTable a:hover {
	color: #219cd0;
}
.infoTable.blue th {
	background: #2f75b5 !important;
}
.infoTable.darkblue th {
	background: #305496 !important;
}
/* Became a Locum Doctor */
#locum-jobs {
	display: none
}
/* Personal Detail Page */

.grid-panel {
	position: relative;
	display: block
}
.grid-panel:after {
	content: "";
	clear: both;
	display: table
}
.grid-panel .heading-col {
	margin-bottom: 40px
}
.heading-col .heading-sec {
	position: relative;
	display: table;
	width: 100%;
	max-width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd
}
.heading-sec .heading-ic, .heading-sec .heading-ttl {
	display: table-cell;
	float: none;
	vertical-align: middle
}
.heading-sec .heading-ttl {
	padding-left: 20px
}
.heading-sec .heading-ttl span {
	color: #444;
	display: block;
	line-height: 1.4
}
.heading-sec .heading-ic {
	width: 60px;
}
.heading-sec .heading-ic img {
	max-height: 60px;
	max-width: 100%
}
.heading-col.no-border {
	margin-bottom: 20px
}
.heading-col.no-border .heading-sec {
	padding: 0px;
	border: none
}
.dataTables_wrapper thead th {
	background: transparent !important;
}
/* Detail Form */
.detail-form {
	position: relative;
	display: block;
	background: #fff;
	padding: 0px;
	font-size: 13px
}
.detail-form .form-group {
	margin-bottom: 20px
}
.detail-form .text p strong {
	font-weight: 600;
	color: #df2d89
}
.detail-form .form-group.row [class^="col-"] {
	word-break: break-all;
	white-space: normal
}
.detail-form .form-control.inc_height {
	min-height: 300px !important;
}
.detail-form .form-control.mid_height {
	min-height: 200px !important;
}
.form-inner-ttl {
	font-weight: bold;
	border-bottom: 1px solid #75a7bc
}
.form-inner-ttl span {
	background: #75a7bc;
	padding: 10px;
	display: inline-block;
	line-height: 1;
	color: #fff;
	font-weight: bold
}
.detail-form+.detail-form {
	margin-top: 30px
}
.detail-form label {
	font-weight: 600;
	font-size: 13px;
	margin: auto auto 5px;
	color: #1370ae;
}
.detail-form label small {
	display: block;
	color: #777
}
.detail-form .form-control {
	box-shadow: none;
	border-radius: 6px;
	border: 1px solid #ddd;
	height: 45px;
	padding: 0px 10px
}
.detail-form select.form-control {
	padding-right: 20px;
}
.detail-form textarea.form-control {
	padding: 10px
}
.detail-form p {
	font-size: 14px;
	line-height: 1.6
}
.detail-form .required-text {
	color: #777;
	display: block;
	margin: 5px auto auto
}
.detail-form .warning-text {
	color: #777;
	display: block;
	margin: auto auto 5px;
	font-size: 12px;
	color: #9a2626
}
.detail-form .placeholder {
	font-size: 12px;
	color: #777;
	display: block;
	line-height: 1.2;
	margin-top: 5px
}
.detail-form .input-field {
	display: block
}
.detail-form .input-field .input {
	margin: auto
}
.detail-form .input-field:after {
	content: "";
	clear: both;
	display: table
}
.input-field.add-rows .row+.row {
	margin-top: 20px
}
.detail-form .radio-group .input-field .input {
	display: inline-block;
	margin: auto
}
/* Calendar Page */
.calender-sheet {
	position: relative;
	padding: 30px 0px 0px
}
.calender-sheet:after {
	content: "";
	clear: both;
	display: table
}
.calender-sheet #calendar_div, .calender-sheet #calender_section {
	display: block;
}
.calender-sheet #calendar_div:after, .calender-sheet #calender_section:after, .calender-sheet #calender_section_top:after, .calender-sheet #calender_section_top:after {
	content: "";
	clear: both;
	display: table
}
.calender-sheet #calender_section {
	width: 100%;
	float: none;
	margin: auto
}
.calender-sheet #calender_section h2 {
	background: transparent !important;
	margin-bottom: 50px;
	line-height: 1
}
.calender-sheet #calender_section h2 a {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	margin: auto 15px;
	font-size: 0px;
	background: #f6f6f6;
	text-align: center;
	line-height: 28px;
	color: #333
}
.calender-sheet #calender_section h2 select {
	display: inline-block;
	vertical-align: middle
}
.calender-sheet #calender_section h2 a:after {
	content: "\f100";
	font-family: "FontAwesome";
	font-size: 20px;
}
.calender-sheet #calender_section h2 a:last-of-type:after {
	content: "\f101";
}
.calender-sheet #calender_section h2 .dropdown {
	background: transparent;
	background-size: 12px !important;
	background-position: center right 10px !important;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: transparent;
	color: #219cd0;
	font-size: 30px;
	padding: 0px 15px;
	padding-right: 35px;
	height: 40px;
	line-height: 1;
	font-weight: bold;
}
.calender-sheet #calender_section h2 .dropdown~.dropdown {
	margin-left: 30px
}
.calender-sheet #calender_section h2 .dropdown:focus {
	outline: none !important
}
.calender-sheet #calender_section h2 .dropdown option {
	font-size: 14px
}
.calender-sheet #calender_section_top {
	margin: auto;
	float: none
}
.calender-sheet #calender_section_top ul {
	display: block;
	list-style: none;
	background: #ddd
}
.calender-sheet #calender_section_top ul:after {
	content: "";
	clear: both;
	display: table
}
.calender-sheet #calender_section_top ul li {
	width: calc(100% / 7);
	float: left !important;
	padding: 10px;
	font-weight: 600;
	color: #333;
	background: #fff;
	border: 1px solid #ddd;
	margin: auto !important
}
.calender-sheet #calender_section_top ul li:not(:last-child) {
	border-right: none
}
.calender-sheet #calender_section_bot {
	margin: auto;
	float: none;
	width: 100% !important;
}
.calender-sheet #calender_section_bot ul {
	display: block;
	list-style: none
}
.calender-sheet #calender_section_bot ul:after {
	content: "";
	clear: both;
	display: table
}
.calender-sheet #calender_section_bot ul li {
	width: calc(100% / 7);
	height: 140px;
	float: left;
	text-align: right !important;
	padding: 5px 10px;
	font-weight: bold;
	color: #333;
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	line-height: 0px
}
.calender-sheet #calender_section_bot ul li.date_cell {
	background: #fff
}
.calender-sheet #calender_section_bot ul li.date_cell:hover {
	background: #fff !important;
}
.calender-sheet #calender_section_bot ul li span {
	display: inline-block;
	font-size: 16px;
	float: none;
	margin: auto;
	font-weight: 600;
	text-align: right;
	line-height: 1.1
}
.calender-sheet #calender_section_bot ul li .reason {
	display: block;
	line-height: 1.1
}
.calender-sheet #calender_section_bot ul li.date_cell.disable {
	background: #f6f6f6 !important;
	cursor: default
}
.calender-sheet #calender_section_bot ul li.date_cell.grey {
	background: #762985 !important;
	color: #fff !important
}
.calender-sheet #calender_section_bot ul li.date_cell.available {
	background: #5cb85c !important;
	color: #fff !important
}
.calender-sheet #calender_section_bot ul li.date_cell.unavailable {
	background: #d9534f !important;
	color: #fff !important
}
/* Input Style */
.radio-group input[type="radio"] {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.radio-group input[type="radio"]~label {
	position: relative;
	display: inline-block;
	line-height: 1.4;
	margin: auto;
	padding-left: 25px;
	min-height: 20px;
	text-transform: capitalize;
	font-weight: 400;
	color: #000;
	margin-right: 10px;
	margin-bottom: 5px
}
.radio-group input[type="radio"]~label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background: #fff;
	border: 2px solid #ddd;
	color: #fff;
	border-radius: 50%
}
.radio-group input[type="radio"]:checked+label:before {
	content: "\e64c";
	font-family: "Themify";
	font-size: 12px;
	background: #019740;
	border-color: #019740
}
.radio-group input[type="radio"]+label~label {
	margin-right: 10px
}
.radio-group .form-control {
	width: 120px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle
}
.radio-circled-group input[type="radio"] {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.radio-circled-group input[type="radio"]~label {
	position: relative;
	display: inline-block;
	line-height: 1;
	margin: auto;
	padding-left: 25px;
	min-height: 16px;
	text-transform: capitalize;
	font-weight: 400;
	color: #000;
	margin-right: 15px;
	margin-bottom: 5px
}
.radio-circled-group input[type="radio"]~label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	line-height: 13px;
	text-align: center;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 50%;
	font-size: 10px
}
.radio-circled-group input[type="radio"]:checked+label:before {
	content: "\f111";
	font-family: "Fontawesome";
	color: #1e92f0
}
.file-group input[type="file"] {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
.file-group input[type="file"]+label {
	position: relative;
	display: block;
	line-height: 1;
	margin: auto;
	text-transform: uppercase;
	font-weight: 400;
	cursor: pointer
}
.act-td .file_up_wrapper, .act-td .file_upd {
	display: table-cell;
	width: 20%;
	vertical-align: middle
}
.act-td .file_up_wrapper {
	background: #777;
	color: #fff;
	text-align: center;
	color: #fff;
	padding: 0px 10px
}
.act-td .file_up_wrapper a {
	color: #fff;
	display: block;
}
.act-td .file_up_wrapper:hover {
	background: #000
}
.upload-btn {
	border: 1px solid #762985;
	background: #fff;
	padding: 10px;
	color: #762985 !important;
	display: inline-block;
	text-align: center
}
.upload-btn.lbl_bg_success {
	background: #219cd0;
	border-color: #219cd0;
	color: #fff !important;
}
.upload-btn:hover {
	background: #762985;
	color: #fff !important;
	border-color: #762985
}
.upload-btn.inline {
	background: transparent;
	padding: 0px;
	border: none;
	font-size: 40px;
	color: #777 !important
}
.upload-btn.inline:hover {
	color: #b9246d !important;
	background: transparent
}
/* Detail Table Form */
.detailTable {
	margin: auto
}
.detailTable th, .detailTable td {
	padding: 5px;
	border: 3px solid #fff !important;
}
.detailTable th {
	padding-top: 0px;
	font-weight: 600;
	background: #fff;
	text-align: left
}
.detailTable .doc-th, .detailTable .doc-td {
	width: 300px;
}
/* .detailTable .status-th,.detailTable .status-td,.detailTable .exp-td{text-align: center} */
.detailTable .act-th, .detailTable .act-td {
	text-align: center
}
.detailTable td {
	vertical-align: middle !important;
	color: #777
}
.detailTable td label {
	display: block;
	color: #1370ae;
	margin-bottom: 5px
}
/* Add or Remove CSS */
.after-add-more {
	position: relative;
}
.after-add-more:after {
	content: "";
	clear: both;
	display: table
}
.after-add-more label {
	margin-bottom: 5px
}
.after-add-more .remove {
	height: 30px;
	width: 30px;
	text-align: center;
	border-radius: 0px;
	line-height: 30px;
	padding: 0px;
	font-size: 20px;
	font-weight: 300;
	margin-top: 25px
}
/* Content Grid Panel */
.grid-panel.content {
	padding: 30px
}
.grid-panel.content :last-child {
	margin-bottom: 0px
}
.grid-panel.content h1, .grid-panel.content h2, .grid-panel.content h3, .grid-panel.content h4 {
	margin-bottom: 15px
}
.grid-panel.content p, .grid-panel.content ul {
	margin-bottom: 15px;
	color: #777
}
.grid-panel.content ul, .grid-panel.content ol {
	padding-left: 30px
}
.grid-panel.content li, .grid-panel.content p {
	font-size: 14px;
	line-height: 24px
}
.grid-panel.content li+li {
	margin-bottom: 10px
}
/* Refferal Page */
.refferal-sec {
	position: relative;
	text-align: center;
	padding: 30px;
}
.refferal-sec:after {
	content: "";
	clear: both;
	display: table
}
.refferal-sec .head {
	margin-bottom: 20px
}
.refferal-sec .head .special-ttl {
	margin: auto
}
.refferal-sec .item {
	font-size: 80px;
	color: #762985;
	font-weight: bold;
	margin-bottom: 20px
}
.refferal-sec .item span {
	display: inline-block;
	vertical-align: top
}
.refferal-sec p {
	font-size: 16px;
	color: #777;
	width: 460px;
	max-width: 100%;
	margin: auto
}
.count-item .sticker {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background: #df2d89;
	border-radius: 50%;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	position: relative;
	box-shadow: 0px 0px 5px #df2d89
}
.count-item .value {
	font-weight: bold;
	color: #2c3848;
	margin-left: -15px;
	margin-top: 5px;
	letter-spacing: -2px
}
.special-ttl {
	font-weight: bold;
	color: #1370ae;
	display: block;
	margin-bottom: 20px
}
.refferal-linkSec {
	position: relative;
	text-align: center;
	padding: 30px;
	background: #f9f9f9
}
.refferal-linkSec:after {
	content: "";
	clear: both;
	display: table
}
.refferal-linkSec .head {
	margin-bottom: 20px
}
.refferal-linkSec .head .special-ttl {
	margin: auto
}
.refferal-linkSec .img-wrap {
	margin: 30px auto
}
.refferal-linkSec p {
	font-size: 16px;
	color: #777;
	width: 460px;
	max-width: 100%;
	margin: auto
}
.refferal-code {
	display: block;
	text-align: center;
	margin: 20px auto auto;
	color: #068fff;
}
.refferal-code span {
	display: block;
	vertical-align: middle;
	text-align: left;
	word-break: break-word;
}
.refferal-code .ttl {
	background: #eee;
	color: #444;
	font-weight: 600;
	padding: 10px 15px;
	line-height: 1;
	width: 120px;
	border-radius: 8px 8px 0px 0px
}
.refferal-code .code {
	background: transparent;
	color: #444;
	font-weight: 600;
	padding: 10px 0px;
	line-height: 1.4;
	border-top: 1px solid #ccc;
	white-space: normal;
	display: block;
	width: 100%
}
/* Jop Preview Page */
.grid-panel.preview label {
	font-size: 16px;
	font-weight: 600;
	color: #2095ca
}
.grid-panel.preview .detail-form {
	padding: 10px 10px
}
.grid-panel.preview .detail-form ul {
	margin-left: 30px
}
.grid-panel.preview .detail-form ol {
	margin-left: 20px
}
.grid-panel.preview .detail-form ul li, .grid-panel.preview .detail-form ul li {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #5e5e5e
}
.grid-panel.preview .detail-form p {
	margin-bottom: 10px;
	color: #5e5e5e
}
.grid-panel.preview .aside-column {
	border-left: 1px dashed #ddd
}
/* Aside Column */
.aside-colSec, .aside-colBlock {
	position: relative;
	display: block
}
.aside-colSec:after, .aside-colBlock:after {
	content: "";
	clear: both;
	display: table
}
.aside-colBlock+.aside-colBlock {
	margin-top: 30px
}
.aside-colBlock .aside-ttl {
	font-weight: bold;
	color: #762985;
	margin-bottom: 20px
}
.aside-value-li li {
	list-style: none;
	display: table;
	width: 100%
}
.aside-value-li li+li {
	margin-top: 15px
}
.aside-value-li li span {
	display: table-cell;
	width: 50%;
	font-size: 14px;
	position: relative;
}
.aside-value-li li .opt-label {
	padding-right: 10px;
}
.aside-value-li li .opt-value {
	padding-left: 10px;
}
.aside-value-li li .opt-label:after {
	content: ":";
	position: absolute;
	right: 0px;
	top: 0px
}
/* Grid Panel */
.dashboard-content .white-block.grid-panel:last-child {
	margin-bottom: 0px
}
/* =================================================================
        User Panel News Css End 
=====================================================*/

/* Addition Css  */
#example2_wrapper table#example2 {
	width: 100% !important;
}
table.dataTable thead th {
	font-weight: 600 !important;
	vertical-align: top;
}
table.dataTable thead th, table.dataTable td {
	font-size: 13px !important;
}
/* Mobile Look Popup */
.mobile-popup {
	padding-right: 0px !important;
}
.mobile-popup .modal-dialog {
	width: 400px;
	max-width: 100%;
	box-shadow: none
}
.mobile-popup .modal-content {
	box-shadow: none;
	border-radius: 4px;
	border: none;
	overflow: hidden;
	background: transparent
}
.mobile-look {
	padding: 0px 0px 30px;
	background: #fff
}
.mobile-look [class^="box-"] {
	display: block;
	position: relative
}
.mobile-look [class^="box-"]:after {
	content: "";
	clear: both;
	display: table
}
.mobile-look .box-head {
	background: #1e92f0;
	padding: 2px 10px
}
.mobile-look .box-head .close {
	text-shadow: none;
	opacity: 1;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	line-height: 1;
	display: block;
}
.mobile-look .box-body {
	padding: 20px 30px;
	text-align: center
}
.mobile-look .box-body .img-wrap {
	margin-bottom: 40px
}
.mobile-look .box-body .img-wrap img {
	max-width: 100%
}
.mobile-look .box-body .description {
	position: relative;
	padding-bottom: 30px
}
.mobile-look .box-body .description:after {
	content: "\f1db"" ""\f111"" ""\f1db";
	font-family: "FontAwesome";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	letter-spacing: 2px;
	color: #219cd0
}
.mobile-look .box-body .description h4 {
	font-weight: 600;
	color: #54565a;
	margin-bottom: 5px
}
.mobile-look .box-body .description p {
	font-size: 14px;
	color: #777;
	line-height: 1.4;
	width: 240px;
	max-width: 100%;
	margin: auto;
}
.mobile-look .box-body .progress-block {
	margin: 40px auto auto
}
.mobile-look .box-body .progress-block .progress {
	margin: auto
}
.mobile-look .box-footer {
	padding: 30px 30px 0px;
	text-align: center
}
.mobile-look .box-footer .btn {
	font-size: 14px;
	min-width: auto;
	float: none !important;
}
.mobile-look .box-footer .btn~.btn {
	margin-left: 10px
}


/* Media Query */

@media screen and (min-width:1200px) {
}
 @media screen and (max-width:1199px) {
/* Login Type Info */
.profession-info-ul li {
	padding: 10px
}
.profession-info-ul .td {
	text-align: right
}
.profession-info-ul .th-label {
	font-weight: 600
}
.profession-info-ul .th, .profession-info-ul .td {
	font-size: 14px
}
/* Login Profile Tab */
.profile-info-ul {
	padding: 12px 15px
}
.profile-info-ul li .td, .profile-info-ul li .th {
	font-size: 14px
}
.profile-info-ul li .th span {
	font-weight: 600
}
.profile-info-ul li {
	padding: 10px
}
/* Dashboard content panels */
  
   /* TimeSheet */
.tab-panel.timesheets .item span {
	font-size: 50px;
}
.tab-panel.timesheets .item span img {
	max-height: 40px
}
.tab-panel .btn-small-mid {
	min-width: auto;
}
.tab-panel.referrals .count-item {
	font-size: 50px
}
.tab-panel p {
	font-size: 14px;
	line-height: 1.4
}
/* Refferal Page */
.refferal-sec {
	padding: 20px;
}
.refferal-sec .item {
	font-size: 50px
}
.count-item .value {
	margin-top: 20px
}
.refferal-linkSec .img-wrap {
	margin: 20px auto
}
.refferal-linkSec p, .refferal-sec p {
	width: 100%;
	font-size: 14px
}
/*  Candidate Dashboard  */
.locum-confirmSec .locum-inner .head .title {
	font-size: 20px
}
.list-table thead th {
	padding: 10px !important;
}
.list-table th, .list-table td {
	padding: 10px !important
}
/* Client Dashboard */
.client_dashboard .profile-info-row .login-type-info .inner .user-name {
	font-size: 50px
}
.login-type-info.client .table-layout:after {
	content: "";
	clear: both;
	display: table
}
.login-type-info.client .table-layout, .login-type-info.client .table-col {
	display: block
}
.login-type-info.client .table-layout .info-pointTab {
	float: left;
	display: block;
	width: calc(100% / 4);
	margin: auto;
	padding: 0px 10px !important;
}
.login-type-info.client .table-layout .table-col .th-label {
	max-width: 100%;
	font-size: 14px
}
.login-type-info.client .table-layout .table-col .td-label {
	max-width: 100%;
}
.login-type-info.client .table-layout .info-pointTab.client-id {
	display: none
}
.client_dashboard .profile-info-row .user-info {
	display: block;
	margin-top: 20px !important;
}
}
 @media screen and (max-width:1199px) and (min-width:992px) {
}
 @media screen and (min-width:992px) {
}
 @media screen and (max-width:991px) {
/* Common Css */
.table-overflow {
	overflow: auto
}
.table-overflow .table {
	width: 1000px
}
/*  DashBoard Navigation  */
.nav-collapse.mob-side-panel {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	z-index: 999;
	padding: 0px;
	overflow: hidden;
	background: rgba(0,0,0,0.9);
	visibility: hidden;
	opacity: 1;
	display: none;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.nav-collapse.mob-side-panel.open {
	visibility: visible;
	opacity: 1;
	display: block
}
.nav-collapse.mob-side-panel .user-nav {
	width: 250px;
	position: absolute;
	top: 0px;
	left: -250px;
	bottom: 0px;
	overflow-y: auto;
	padding: 30px 15px 20px;
	z-index: 1;
	background: #fff;
}
.nav-collapse.mob-side-panel .user-nav li {
	float: none !important;
	display: block
}
.nav-collapse.mob-side-panel .user-nav>li+li {
	margin: 10px auto auto
}
.nav-collapse.mob-side-panel .user-nav>li>a {
	color: #444;
	padding: 10px 0px;
}
.nav-collapse.mob-side-panel .user-nav li>a {
	position: relative;
	display: block;
	white-space: normal
}
.nav-collapse.mob-side-panel .user-nav li.dropdown>a {
	padding-right: 30px
}
.nav-collapse.mob-side-panel .user-nav li.dropdown>a:after {
	position: absolute;
	right: 0px;
}
.nav-collapse.mob-side-panel .user-nav li.dropdown.open>a:after {
	content: "\e648";
}
.nav-collapse.mob-side-panel .user-nav>li.active>a, .nav-collapse.mob-side-panel .user-nav>li.open>a {
	background: transparent;
	color: #df2d89
}
.nav-collapse.mob-side-panel .user-nav li>a:hover, .nav-collapse.side-panel .user-nav li.open>a {
	background: transparent;
	color: #df2d89
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu {
	position: relative;
	padding: 5px 0px 5px 10px;
	background: transparent;
	box-shadow: none;
	float: none;
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 10px;
	height: 100%;
	width: 1px;
	background: #dee5ea;
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu>li {
	padding: 5px 0px;
	padding-left: 20px;
	position: relative
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu>li:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0px;
	height: 1px;
	width: 10px;
	background: #dee5ea
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu>li>a {
	padding: 0px;
	border: none;
	color: #777;
	font-size: 13px;
	text-transform: capitalize;
	letter-spacing: 0px;
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu>li+li {
	margin-top: 0px
}
.nav-collapse.mob-side-panel .user-nav li.dropdown .dropdown-menu>li.active>a {
	background: transparent;
	color: #0078ad
}
/* Breadcrumbe */
.dashboard-section .breadcrumb {
	padding: 10px 0px
}
.breadcrumb li + li::before {
	margin: auto
}
/* Login Type Info */
.profession-info-ul .th {
	width: 170px;
	padding-right: 5px
}
.profession-info-ul .td {
	width: auto
}
.profession-info-ul .th .round-icon {
	height: 35px;
	width: 35px;
	line-height: 35px;
	margin-right: 5px
}
.profession-info-ul .th .round-icon img {
	max-height: 20px
}
/* Get in touch */
.gettouch-sec {
	padding: 20px 15px
}
.gettouch-sec .content-tab .ttl {
	font-size: 18px;
	margin: auto
}
.gettouch-sec .content-tab p {
	font-size: 14px
}
.gettouch-sec .content-tab {
	padding-right: 10px
}
.gettouch-sec li a, .gettouch-sec li p {
	font-size: 16px
}
.gettouch-sec .btns .btn {
	width: 160px;
	padding: 10px
}
/* Dashboard content panels */
.tab-panel {
	min-height: 100%
}
.tab-panel.timesheets .history [class^="col-"] {
	width: 50%;
	float: left
}
.tab-panel.timesheets .item {
	margin: auto
}
.tab-panel a.btn {
	margin-top: 10px
}
/* Grid Row */
.grid-row {
	margin-bottom: 40px
}
.grid-heading {
	margin-bottom: 20px
}
/* Dashboard Content  */
.sub-heading {
	margin-bottom: 20px
}
.detailTable .doc-th, .detailTable .doc-td {
	width: 200px
}
.detailTable th, .detailTable td {
	padding: 5px 3px !important;
}
/*   Alert Wrap */
.alert-wrap {
	text-align: center
}
.alert-wrap p {
	font-size: 14px;
	line-height: 1.6
}
/* Login Type Tab */
.login-type-tab {
	margin-bottom: 40px
}
.typ_wrap span {
	font-size: 14px;
}
.typ_wrap .typ_value {
	font-size: 16px;
}
/*  Job Preview  */
.jobPreview .grid-panel.preview .table-layout, .jobPreview .grid-panel.preview .table-col {
	display: block;
	width: 100%;
	border: none
}
.aside-column {
	width: 100%
}
.aside-colSec {
	padding-top: 30px;
	margin-top: 10px;
	border-top: 2px solid #ddd
}
.grid-panel.preview .detail-form {
	padding: 0px
}
.aside-value-li li span.opt-label {
	font-weight: 600
}
/*  Candidate Dashboard  */
.profile-info-row .table-layout, .profile-info-row .table-layout .table-col {
	display: block;
	width: 100%
}
.profile-info-row .login-type-info .inner {
	padding: 0px;
}
.profile-info-row .login-type-info .inner .user-name {
	font-size: 30px !important
}
.login-type-info .profession-info .col-md-4.info-pointTab:nth-child(3n+1) {
	clear: unset
}
.login-type-info .profession-info .col-sm-6.info-pointTab:nth-child(2n+1) {
	clear: both
}
.profile-info-row .login-profile-tab {
	margin-top: 30px
}
.login-type-info .profession-info .info-point .info-txt .th-label {
	font-size: 14px
}
.locum-confirmSec .locum-inner .head .title {
	font-size: 18px
}
.locum-confirmSec .locum-inner .body {
	padding-left: 20px
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label {
	min-height: 20px;
	font-size: 16px;
	font-weight: 300;
	padding-left: 30px;
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label:before {
	height: 20px;
	width: 20px;
	line-height: 18px;
	font-size: 12px;
	color: #fff
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label~label {
	margin-left: 20px
}
.tab-panel.timesheets {
	margin-bottom: 30px
}
.tab-panel.timesheets .body {
	padding: 20px 15px
}
.tab-panel.timesheets .item span {
	height: 90px;
	width: 90px;
	line-height: 90px;
	margin-bottom: 20px
}
.tab-panel.timesheets .item {
	font-size: 18px
}
.tab-panel.timesheets .btn {
	margin-top: 20px
}
.list-table th, .list-table td {
	white-space: nowrap;
}
/* Client Dashboard */
.login-type-info.client .table-layout .info-pointTab {
	float: left;
	display: block;
	width: calc(100% / 2);
	margin: auto auto 20px;
}
.login-type-info.client .table-layout .info-pointTab:nth-child(2n+1) {
	clear: both
}
.login-type-info.client .table-layout .info-pointTab:nth-last-child(-n+3) {
	margin: auto
}
.login-type-info.client .table-layout .table-col:not(:last-child) {
	padding-right: 0px
}
.login-type-info.client .table-layout .info-pointTab.client-id {
	display: none
}
/* Calendar Page */
.calender-sheet {
	padding: 0px
}
.calender-sheet #calender_section h2 {
	margin-bottom: 30px
}
.calender-sheet #calender_section h2 .dropdown {
	font-size: 20px
}
.calender-sheet #calender_section h2 .dropdown ~ .dropdown {
	margin-left: 10px
}
.calender-sheet #calender_section_top ul li {
	padding: 2px 5px;
	font-size: 13px
}
.calender-sheet #calender_section_bot ul li {
	height: 80px
}
.calender-sheet #calender_section_bot ul li span {
	font-size: 12px
}
}
 @media screen and (max-width:991px) and (min-width:768px) {
}
 @media screen and (min-width:768px) {
.grid-panel .heading-col {
	float: right
}
.mob-show {
	display: none !important;
}
}
 @media screen and (max-width:767px) {
/*  Common Css  */
.parentTab {
	margin-bottom: 30px
}
.mob-hide {
	display: none !important;
}
.dash-navToggler .label {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px
}
.white-block {
	padding: 20px 15px
}
.grid-panel.content {
	padding: 20px 15px
}
.mob-half-col {
	position: relative
}
.mob-half-col .form-group [class^="col-"] {
	width: 50%;
	float: left
}
/* Heading Row */
.grid-panel .heading-col {
	margin-bottom: 30px
}
.heading-sec .heading-ic {
	max-width: 50px
}
.heading-sec .heading-ttl {
	padding-left: 10px
}
.heading-sec .heading-ttl span {
	font-weight: 600;
	color: #000
}
.heading-row .ttl {
	font-weight: 600
}
.heading-row [class^="col-"] {
	width: 100%;
}
 .heading-row [class^="col-"]~[class^="col-"] {
margin-top:10px
}
/* Paddings and Margins */
.dashboard-section {
	padding-bottom: 30px
}
/* Tool Options */
.tool-li .item-toggle span {
	font-size: 14px
}
.tool-li .item-toggle.add-icon {
	min-height: 20px;
	padding-left: 30px;
	padding-top: 0px
}
span.img-ic img {
	max-height: 20px
}
/* Login Info Type */
.profile-info-row {
	margin-bottom: 30px
}
.profile-info-row .table-layout, .profile-info-row .table-col {
	display: block;
}
.profile-info-row .seprator-col {
	display: none
}
.profile-info-row .table-col~.table-col {
	margin-top: 30px
}
/* Get in touch */
.gettouch-sec .table-layout, .gettouch-sec .table-col {
	display: block;
	padding: 0px
}
.gettouch-sec .table-col {
	text-align: center
}
.gettouch-sec .table-col~.table-col {
	margin-top: 10px
}
.gettouch-sec .content .ttl {
	margin: auto auto 10px;
	font-size: 14px
}
/*  Candidate Info Source  */
.source-row .source-tab .inner .source-ttl {
	font-weight: 600
}
.source-row .source-tab .inner {
	padding: 20px 15px
}
/* Grid Row */
.grid-row {
	margin-bottom: 30px
}
.grid-heading {
	margin-bottom: 15px
}
.grid-row .grid-panel {
	margin-bottom: 30px
}
.grid-row .grid-panel:last-of-type {
	margin-bottom: 0px
}
.grid-panel.preview label {
	font-size: 14px
}
/* Grid Panel */
.dashboard-content .white-block.grid-panel:last-child {
	margin-bottom: 0px
}
.step-btn-bar .btn {
	padding: 10px !important;
	font-size: 13px !important;
	font-weight: 600
}
.detailTable .doc-th, .detailTable .doc-td {
	width: 200px !important;
	white-space: normal !important;
}
/* DashBoard Forms */
.detail-form .form-control {
	height: 35px;
	border-radius: 4px;
	font-size: 14px
}
.detail-form + .detail-form {
	margin-top: 20px
}
/* Login Type Tab */
.login-type-tab {
	margin-bottom: 30px
}
.login-type-list {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: auto
}
.login-type-list li {
	display: inline-block;
	width: calc(50% - 2px);
	padding: 20px 10px;
	vertical-align: middle;
	margin-bottom: 5px;
	box-shadow: 0px 11px 24px rgba(0,0,0,0.07);
	border-radius: 10px;
	background: #fff
}
.login-type-list li:last-child {
	width: 100%
}
.typ_wrap span {
	font-size: 14px;
}
.typ_wrap .typ_value {
	font-size: 14px;
}
/* Job Preview */
.aside-value-li li span.opt-label {
	font-size: 13px;
	color: #1370ae
}
.dashboard-content table.dataTable td.center .btn {
	padding: 5px !important;
}
/*  Candidate Dashboard  */
.profile-info-row .login-type-info .profession-info {
	padding: 20px 10px
}
.profile-info-row .login-type-info .info-pointTab:not(.last) {
	margin-bottom: 20px
}
.profile-info-row .login-type-info .inner [class^="col-"] {
	width: 50%;
	float: left
}
.profile-info-row .login-type-info .inner [class^="col-"]:after {
	content: "";
	clear: both;
	display: table
}
.profile-info-row .login-type-info .inner .user-name {
	background: #219cd0;
	padding: 10px;
	border-radius: 4px;
	position: relative;
	padding-right: 60px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600
}
.profile-info-row .login-type-info .inner .user-name {
	font-size: 20px !important
}
.profile-info-row .login-type-info .inner .user-name:after {
	content: "\e602";
	font-family: "Themify";
	position: absolute;
	right: 0px;
	right: 10px;
	top: 10px;
}
.login-profile-tab .user-info .user-value {
	font-size: 16px;
	font-weight: 600;
	height: 35px;
	line-height: 35px;
}
/* Get in toch */
.gettouch-sec .head {
	display: block;
}
.gettouch-sec .head .connect-tab, .gettouch-sec .content-tab {
	display: block;
	text-align: left;
	width: 100%;
	padding: 0px
}
.gettouch-sec .content-tab {
	text-align: center
}
.gettouch-sec .head .connect-tab {
	margin-top: 30px
}
.gettouch-sec .content-tab .ttl {
	margin-bottom: 10px
}
.gettouch-sec .content-tab p {
	margin-bottom: 10px
}
.gettouch-sec .content-tab p br {
	display: none
}
.gettouch-sec .content-tab .btn {
	padding: 10px 15px;
	font-size: 14px;
	text-transform: capitalize
}
.gettouch-sec .connect-tab.text-right .icon-list li {
	padding-right: 0px;
	padding-left: 45px
}
.gettouch-sec .connect-tab.text-right .icon-list li i {
	right: auto;
	left: 0px
}
.gettouch-sec li a, .gettouch-sec li p {
	font-size: 14px
}
/*  Locum Confirm */
.locum-confirmSec {
	padding: 20px 15px
}
.locum-confirmSec .locum-inner {
	display: block;
}
.locum-confirmSec .locum-inner .head, .locum-confirmSec .locum-inner .body {
	display: block;
	text-align: center
}
.locum-confirmSec .locum-inner .head .title {
	font-size: 16px
}
.locum-confirmSec .locum-inner .body {
	padding-left: 0px;
	margin-top: 10px
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label {
	min-height: 20px;
	font-size: 16px;
	font-weight: 300;
	padding-left: 30px;
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label:before {
	height: 20px;
	width: 20px;
	line-height: 18px;
	font-size: 12px;
	color: #fff
}
.locum-confirmSec .locum-inner .radio-circled-group input[type="radio"]+label~label {
	margin-left: 20px
}
.tab-panel .head .ttl {
	font-size: 16px;
	font-weight: 600
}
.tab-panel.timesheets .item span {
	height: 60px;
	width: 60px;
	line-height: 60px;
	font-size: 30px
}
.tab-panel.timesheets .item {
	font-size: 14px;
	font-weight: 600
}
#dashboard-calendar .calendar-day .month {
	font-size: 16px
}
#dashboard-calendar .calendar-day .days div, #dashboard-calendar .calendar-dates div {
	font-size: 12px
}
.tab-panel.referrals h4 {
	font-size: 20px;
	font-weight: 600
}
.client_dashboard .profile-info-row .table-col ~ .table-col {
	margin-top: 20px
}
/* Mobile look Popup */
.mobile-popup .modal-dialog {
	margin: 30px auto;
	max-width: 94%
}
}
 @media screen and (max-width:640px) {
/* Heading Row */
.heading-row.float-style {
	padding-bottom: 10px
}
.heading-row .ttl-img img {
	max-height: 40px
}
/* Btns */
.inline-btn-group {
	text-align: center
}
.inline-btn-group .btn {
	width: calc(50% - 4px);
	margin-right: 0px;
	vertical-align: middle
}
/*  Tool Bar Option  */
.tool-li .item-toggle.add-icon {
	min-height: auto;
	padding: 0px
}
.tool-li .item-toggle.add-icon .img-ic {
	position: relative
}
.tool-li .item-toggle span {
	font-size: 0px
}
.tool-li.notify .item-toggle .notify-count .count {
	font-size: 10px;
	font-weight: 600;
	position: absolute;
	top: -18px;
	right: -5px;
	background: #df2d89;
	color: #fff;
	padding: 5px 3px;
	border-radius: 4px
}
.tool-li .dropdown-menu {
	min-width: 250px;
	padding: 20px 15px
}
.notification-list li a {
	font-size: 12px;
	line-height: 1.4;
	display: block
}
/* Candidate Info Source */
.source-row .table-layout, .source-row .table-col {
	display: block
}
.source-row .table-col + .table-col {
	padding: 0px;
	margin-top: 5px
}
/* Dashboard content panels */
  
   /* TimeSheet */
.tab-panel.timesheets .item span {
	font-size: 40px;
}
.tab-panel.timesheets .item span img {
	max-height: 30px
}
.tab-panel.referrals .count-item {
	font-size: 40px
}
/* Refferal Page */
.user_can_referrals .grid-panel .table-layout, .user_can_referrals .grid-panel .table-col {
	display: block;
	width: 100%;
}
.refferal-sec, .refferal-linkSec {
	padding: 20px 10px
}
.count-item .value {
	line-height: 1;
	margin-top: 30px
}
/* Grid Row */
.grid-row .inline-btn-group .btn {
	padding: 15px 15px !important;
	border-radius: 8px;
}
/*  Candidate Dashboard  */

.profile-info-row .login-type-info .info-pointTab {
	margin-bottom: 20px
}
.profile-info-row .login-type-info .info-pointTab:last-child {
	margin-bottom: 0px
}
.profile-info-row .login-type-info .inner [class^="col-"] {
	width: 100%;
	clear: both
}
.login-type-info .profession-info .info-point {
	padding: 10px 10px 15px;
	padding-left: 60px;
	background: #fff
}
.login-type-info .profession-info .info-point .info-icon {
	top: 10px;
	left: 10px
}
.login-type-info .profession-info .info-point .info-txt .th-label {
	float: left
}
.login-type-info .profession-info .info-point .info-txt .td-label {
	text-align: right;
	font-weight: 600;
	color: #1e92f0;
	float: right
}
.login-type-info .profession-info .info-point .info-icon:after, .login-type-info .profession-info .info-point .info-txt:after {
	content: "";
	clear: both;
	display: table
}
.login-type-info .profession-info .info-point .info-txt {
	padding-top: 12px
}
/* Client Dashboard */
.login-type-info.client .table-layout .info-pointTab {
	width: 100%;
	margin: auto auto 20px !important;
	clear: both;
	padding: 0px !important;
}
.login-type-info.client .table-layout .info-pointTab:last-child {
	margin-bottom: 0px !important
}
/* Calendar Page */
.calender-sheet #calender_section h2 {
	margin-bottom: 30px
}
.calender-sheet #calender_section h2 .dropdown {
	font-size: 14px;
	padding: 0px 5px;
	padding-right: 20px;
	background-size: 10px !important;
}
.calender-sheet #calender_section h2 a {
	height: 25px;
	width: 25px;
	border: 1px solid #777;
	line-height: 23px;
}
.calender-sheet #calender_section h2 a:after {
	font-size: 12px;
}
.calender-sheet #calender_section h2 .dropdown ~ .dropdown {
	margin-left: 7px
}
.calender-sheet #calender_section_top ul li {
	font-size: 12px
}
.calender-sheet #calender_section_bot ul li {
	height: 60px;
	word-break: break-all;
	padding: 2px;
}
.calender-sheet #calender_section_bot ul li span {
	font-size: 11px
}
.calender-sheet #calender_section_bot ul li .reason {
	display: none
}
.calender-sheet #calender_section h2 a {
	margin: auto 2px;
}
}
@media screen and (max-width:480px) {
/* Heading Row */
.heading-row .ttl {
	font-size: 15px;
	color: #000 !important;
}
/* Btns */
.inline-btn-group .btn {
	width: 100%;
}
.inline-btn-group .btn:last-of-type {
	margin-bottom: 0px
}
/* Dashboard content panels */
  
 /* TimeSheet */
.tab-panel .btn {
	font-size: 12px !important;
}
.tab-panel.timesheets .item {
	font-weight: 600;
	font-size: 13px
}
/* Grid Panel */
.step-btn-bar .btn {
	width: 100%;
	float: none !important;
}
.step-btn-bar .btn~.btn {
	margin-top: 10px
}
.table-responsive .detailTable {
	width: 800px !important;
}
.detailTable .doc-th, .detailTable .doc-td {
	width: auto !important;
	white-space: nowrap !important;
}
/* Breadcrumbe */
.dashboard-section .breadcrumb li {
	font-size: 12px
}
.dashboard-section .breadcrumb li+li:before {
	padding: 0px
}
/* Candidate Dashboard  */
.profile-info-row .login-type-info .inner .user-name {
	font-size: 16px
}
.login-type-info .profession-info .info-point .info-txt {
	padding-top: 0px
}
.login-type-info .profession-info .info-point .info-txt .th-label {
	float: none;
	margin: auto auto 5px
}
.login-type-info .profession-info .info-point .info-txt .td-label {
	float: none;
	margin: auto;
	text-align: left
}
.tab-panel.timesheets .body [class^="col-"] {
	width: 100%
}
 .tab-panel.timesheets .body [class^="col-"]+ [class^="col-"] {
margin-top:20px
}
#dashboard-calendar .calendar-day .month {
	font-size: 14px
}
#dashboard-calendar .calendar-day .days div, #dashboard-calendar .calendar-dates div {
	font-size: 10px
}
.tab-panel.referrals h4 {
	font-size: 16px;
	font-weight: 600
}
/* Calendar Page */
  
.calender-sheet #calender_section_bot ul li {
	height: 40px;
	word-break: break-all
}
.calender-sheet #calender_section_bot ul li span {
	font-size: 11px
}
}
@media screen and (max-width:360px) {
/* Login Type Info */
.profession-info-ul>li {
	display: block
}
.profession-info-ul .th, .profession-info-ul .td {
	display: block;
	text-align: left;
	padding: 0px;
	width: 100%
}
.profession-info-ul .th {
	margin-bottom: 5px;
	text-align: right;
}
.profession-info-ul .td {
	width: auto;
	font-size: 13px;
	color: #df2d89
}
/* Global Css */
.mob-half-col .form-group [class^="col-"] {
	width: 100%
}
}