/* =================================================================
        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%}
  
}