@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
body {
	background: #edf1f5;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
/*a, a:visited {
	color: #e01a22;
}*/
a:hover {
	text-decoration: none;
	color: #252525;
}
button, input, select, textarea {
	font-size: inherit!important;
}
.container {
	max-width: 1200px;
}
.header {
	/*background: #fff;
	padding: 12px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);*/
}
.header .top-links {
	text-align: right;
}
.header .search-block {
	display: inline-block;
	vertical-align: middle;
}
.header .search-block .form-control {
	background: #fafafa;
	border: solid 1px #dbdbdb;
	height: 38px;
}
.header .search-block .search-input {
	width: 220px;
	background: #fafafa url(../images/icon-search-small.png) no-repeat 10px center;
	padding-left: 35px;
}
.header .search-block .search-input::placeholder {
 color: #c0c0c0;
}
.header .search-block .type {
	width: auto;
	border-right: 0;
}
.header .search-block .type {
	color: #c0c0c0;
}
.header .search-block .btn-go {
	font-size: inherit;
	border: 0;
	margin-left: -1px;
	border-top-right-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
	font-weight: bold;
	text-transform: uppercase;
}
.header .icon-notification, .header .icon-tick {
	display: inline-block;
	margin: 0 0 0 15px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	font-size: 28px;
	line-height: 1;
}

.header .icon-notification .indicator, .header .icon-tick .indicator {
	background: #2ce35f;
	width: 6px;
	height: 6px;
	position: absolute;
	border-radius: 30px;
	right: -3px;
	top: -3px;
}
.header .icon-tick .indicator {
	right: -8px;
}
.header .user-details {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
}
.header .user-details .pp {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	border: solid 2px #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.header .user-details .fa {
	margin-left: 10px;
}
.header .user-details .pp img {
	width: 100%;
	height: 100%;
}
.header .logo{
	display: inline-block;
}

.header .top-links .sub-menu{
	position: absolute;
	background: #fff;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	z-index: 7;
	text-align: left;
	width: 290px;
	right: 0;
	top:100%;
	margin-top: 15px;
	font-size: 13px;
	line-height: normal;
	display: none;
}
.header .top-links .sub-menu:before{
	content: "";
	border: solid 7px transparent;
	border-bottom: solid 7px #ddd;
	position: absolute;
	bottom: 100%;
	right: 7px;
	
}
.header .top-links .sub-menu:after{
	content: "";
	border: solid 6px transparent;
	border-bottom: solid 6px #fff;
	position: absolute;
	bottom: 100%;
	right: 8px;
}
.header .top-links .sub-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.header .top-links .sub-menu.notification ul li{
	
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-221.8 532.9 61.3 76.3' style='enable-background:new -221.8 532.9 61.3 76.3;' xml:space='preserve'%3E%3Cg id='Layer_2'%3E%3C/g%3E%3Cg id='Layer_1_1_'%3E%3Cg%3E%3Cpath fill='%23b2b2b2' d='M-167.7,599h-46.8c-3.3,0-5-1.5-5.9-2.8c-1.8-2.6-1.5-6.3-0.7-8.6c1.8-5.1,4.4-7.5,6.2-9.2c1.8-1.7,2.7-2.5,2.7-5.4v-17.6 c0-15.2,13.8-19.2,21-19.2c7.3,0,21,4,21,19.2V573c0,2.9,0.9,3.7,2.7,5.4c1.9,1.7,4.4,4.1,6.2,9.2c0.8,2.3,1.1,6-0.7,8.6 C-162.7,597.5-164.4,599-167.7,599z M-191.1,541.2c-0.2,0-16,0.2-16,14.2V573c0,5.1-2.2,7.1-4.4,9.1c-1.7,1.6-3.5,3.2-4.9,7.2 c-0.5,1.3-0.6,3.2,0.1,4c0.1,0.2,0.5,0.7,1.8,0.7h46.8c1.4,0,1.7-0.5,1.8-0.7c0.6-0.9,0.5-2.7,0.1-4c-1.4-3.9-3.2-5.6-4.9-7.2 c-2.1-2-4.4-4-4.4-9.1v-17.6C-175.1,541.3-191,541.2-191.1,541.2z'/%3E%3C/g%3E%3Cpath fill='%23b2b2b2' stroke='' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='5' d='M-191.1,596.5'/%3E%3Cpath fill='%23b2b2b2' d='M-191.1,609.3c-6,0-10.9-4.9-10.9-10.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5c0,3.3,2.7,5.9,5.9,5.9s5.9-2.7,5.9-5.9 c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5C-180.1,604.3-185,609.3-191.1,609.3z'/%3E%3Cpath fill='%23b2b2b2' d='M-196.1,541.5c-0.3,0-0.6-0.1-0.9-0.2c-1.3-0.5-1.9-2-1.4-3.2c0.8-1.9,3.2-5.2,7.4-5.2c4.4,0,6.6,3.4,7.1,5.2 c0.4,1.3-0.3,2.7-1.7,3.1c-1.3,0.4-2.7-0.3-3.1-1.7c-0.1-0.2-0.7-1.7 2.4-1.7c-1.9,0-2.8,2-2.8,2 C-194.2,540.9-195.1,541.5-196.1,541.5z'/%3E%3C/g%3E%3C/svg%3E") no-repeat left 2px;
	background-size: 12px;
	padding-left: 22px;
}
.header .top-links .sub-menu ul li{
	
	padding-bottom: 10px;
	border-bottom: solid 1px #f6f6f6;
}
.header .top-links .sub-menu ul li + li{
	margin-top: 10px;
}
.header .top-links .sub-menu ul li:last-child{
	border: 0;
}

.header .top-links .sub-menu ul li a{
	color: #676767;
	display: block;
}
.header .top-links .sub-menu ul li a:hover{
	color: #ec444d;
}
.header .top-links .user-details .sub-menu{
	margin-top: 10px;
}
.comm-tbl {
	display: table;
	width: 100%;
}
.tbl-cell {
	display: table-cell;
	vertical-align: middle;
}
.body {
	min-height: calc(100% - 60px);
}
.body .container-login {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	height: calc(100vh - 64px);
	padding: 15px;
}
.body .block-login {
	background: #fff;
	border-radius: 5px;
	width: 400px;
	max-width: 100%;
	padding: 35px 25px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.body .block-login .heading-l {
	margin-bottom: 2px;
}
.body .block-login a {
	color: #a9a9a9;
}
.body .block-login a:hover {
	color: #252525;
}
.body .block-login .form-group {
	margin-bottom: 12px;
}
.body .block-login input.form-control {
	background: #fbfafa;
	border: solid 1px #e1dddd;
	height: 48px;
	font-size: inherit;
}
.body .block-login .input-group .form-control {
	border-right: 0;
}
.body .block-login .input-group-text {
	background: #fbfafa;
	border-left: solid 1px #e1dddd;
}
.body .block-login .input-group-text span {
	font-size: 21px;
	line-height: 1;
	color: #7f7f7f;
}
.body .block-login .input-group-text span.hide, .body .block-login .input-group-text span.show {
	cursor: pointer;
}
.body .banner-inner {
	padding: 8px 0;
	background: #114e8d;
	background: -moz-linear-gradient(left, #114e8d 0%, #7e496d 100%);
	background: -webkit-linear-gradient(left, #114e8d 0%, #7e496d 100%);
	background: linear-gradient(to right, #114e8d 0%, #7e496d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114e8d', endColorstr='#7e496d', GradientType=1 );
	color: #fff;
}
.body .banner-inner a {
	color: #fff;
}
.body .banner-inner .link-support{
	text-transform: uppercase;
	font-weight: bold;
}
.body .banner-inner span{
	font-size: 18px;
	vertical-align: -1px;
	margin: 0 5px;
	font-weight: normal;
	line-height: 1;
}
.dnone {
	display: none;
}
input.form-control:focus {
	outline: 0;
	box-shadow: none;
	border: solid 1px #e1dddd;
}
.heading-l {
	font-size: 25px;
	font-weight: 700;
}
.heading-m {
	font-size: 18px;
}
.heading-s {
	font-size: 18px;
	padding-bottom: 10px;
	font-weight: bold;
}
.txt-uppercase {
	text-transform: uppercase;
}

.txt-gray-small {
	color: #858585;
	font-size: 12px;
}
.msg-error {
	color: #f00;
	font-size: 12px;
	margin-bottom: 8px;
}
.btn-red {
	background: #ec444d;
	background: #03752b;
	color: #fff;
	cursor: pointer;
}
.btn-red:hover {
	color: #fff;
}
.btn-blue {
	background: #114e8d;
	color: #fff;
	cursor: pointer;
	
}
.btn-blue:hover {
	color: #fff;
}
.btn-gray {
	background: #888888;
	color: #fff;
	cursor: pointer;
	
}
.btn-gray:hover {
	color: #fff;
}
.heading-m .btn-blue{
	font-size: 14px!important;
	padding-left: 15px;
	padding-right: 15px;
}
.heading-m .btn-blue span{
	color: #dee7ef;
	font-size: 11px;
}
.btn-red-o {
	background: #fff;
	color: #ec444d;
	cursor: pointer;
	border: solid 1px #ec444d;
	margin: 0;
}
.btn-red-o:hover {
	border: solid 1px #ec444d;
	color: #ec444d;
	background: #fff4f4;
}
.btn-blue-o {
	background: #fff;
	color: #5e87b1;
	cursor: pointer;
	border: solid 1px #5e87b1;
	margin: 0;
}
.btn-blue-o:hover {
	border: solid 1px #5e87b1;
	color: #5e87b1;
	background: #d8e4f0;
}
.btn-gray-o {
	background: #fff;
	color: #747474;
	cursor: pointer;
	border: solid 1px #bdbdbd;

	
	margin: 0;
}
.btn-gray-o:hover {
	border: solid 1px #bdbdbd;
	color: #252525;
	background: #f6f6f6;
}
.social-login .btn-google {
	font-size: 16px;
	border: solid 1px #d2422c;
	border-radius: 3px;
	padding: 5px 15px;
	transition: 0.4s;
	height: 36px;
}
.social-login .btn-google:hover {
	background: #eee;
}
.social-login p {
	margin-bottom: 5px;
}
.social-login .btn-google svg {
	width: 16px;
	margin-right: 5px;
}
.footer {
	background: #1e1e1e;
	color: #787878;
	text-align: center;
	padding: 10px 0;
	bottom: 0;
}
.box-white {
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
	margin-bottom: 15px;
}
.box-white .bw-body{
	padding: 15px;
}
.box-todo {
	position: relative;
}
.box-todo .todo-title {
	margin-top: 20px;
}
.box-todo .todo-title h4 {
	font-size: 14px;
	margin: 0;
	color: #252525;
}
.box-todo .todo-icon .ico-todo {
	font-size: 40px;
	color: #575757;
	line-height: 1;
}
.box-todo .todo-title {
	color: #c6c6c6;
	padding-right: 25px;
}
.box-todo .todo-icon .btn-red-o {
	border: solid 1px #ffd3d5;
	margin-right: -5px;
	float: right;
	padding: 3px 10px;
}
.box-todo .todo-title .count {
	color: #4c83ba;
	font-size: 22px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.txt16 {
	font-size: 16px;
}
.my-team-section {
	margin-left: -8px;
	margin-right: -8px;
}
.my-team-section div[class^='col'] {
	padding-left: 8px;
	padding-right: 8px;
}
.my-team-section .box-white {
	min-height: 230px;
	position: relative;
}
.my-team-section .box-white .my-team-title {
	color: #444;
	padding-right: 25px;
	margin-top: 75px;
	text-align:center;
}
.my-team-section .box-white .my-team-title svg {
	height: 60px;
	width: 60px;
	margin-bottom: 10px;
}
.my-team-section .box-white .my-team-title .icon-report {
	font-size: 60px;
	line-height: 1;
	margin-bottom: 10px;
}
.my-team-section .box-white .my-team-title .count {
	color: #4c83ba;
	font-size: 22px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.header .icon-search {
	vertical-align: middle;
	display: none;
	font-size: 24px;
	line-height: 1;
}




/*Hamburger menu*/
.icon-hammenu {
  width: 23px;
  position: relative;
  cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	transition: 0.4s;
}

.icon-hammenu span {
  display: block;
  height: 2px;
  width: 100%;
  background: #575757;
  border-radius: 9px;
  
}

.icon-hammenu span +span{
	margin-top: 3px;
}
.icon-hammenu:hover  span{
	 background:#ec444d;
}


.left-menu-overlay{
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9;
	height: 100%;
	display: none;
}
.left-menu-overlay .left-menu .profile-info{
	padding: 20px;
	text-align: center;
}
.left-menu-overlay .left-menu .profile-info .pp{
	width: 62px;
	height: 62px;
	overflow: hidden;
	border-radius: 100px;
	margin: auto;
	background: #ddd;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 10px;
}
.left-menu-overlay .left-menu .profile-info strong{
	font-size: 16px;
}
.left-menu-overlay .left-menu .profile-info .row-btns{
	margin-top: 5px;
}
.left-menu-overlay .left-menu .profile-info .row-btns .btn{
	min-width: 82px;
}
.left-menu-overlay .left-menu .profile-info .pp img{
	max-height: 100%;
	max-width: 100%;
	
}
.left-menu-overlay .left-menu{
	background: #fff;
	width: 235px;
	height: 100%;
	transition: 0.5s;
	transform: translate(-100%,0);
}

body.menu-open .left-menu-overlay .left-menu{
	transform: translate(0);
}
.left-menu-overlay .left-menu .menu ul,
.left-menu-overlay .left-menu .menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.left-menu-overlay .left-menu .menu ul li a{
	display: block;
	padding: 10px 10px 10px 30px;
	color: #252525;
	border-left: solid 3px #fff;
	background: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='Page-1' stroke='none' stroke-width='1'%3E%3Cg fill='%23bdbdbd' id='Core' transform='translate(-4.000000, -46.000000)'%3E%3Cg id='arrow-forward' transform='translate(4.000000, 46.000000)'%3E%3Cpath d='M8,0 L6.6,1.4 L12.2,7 L0,7 L0,9 L12.2,9 L6.6,14.6 L8,16 L16,8 L8,0 Z' id='Shape'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 10px 15px;
	background-size: 10px;
}
.left-menu-overlay .left-menu .menu ul li a:hover,
.left-menu-overlay .left-menu .menu ul li a.active{
	border-left: solid 3px #ec444d;
	color: #ec444d;
}


.left-menu-overlay .left-menu .close-menu{
	width: 16px;
	height: 16px;
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 10px;
	color: #c3c3c3;
	transition: 0.4s;
	
}
.left-menu-overlay .left-menu .close-menu:hover{
	color: #ec444d;
}


.modal-custom .modal-content{
	border-radius: 3px;
	border: 0;
}

.modal-custom .modal-content .modal-header{
	background: #114e8d;
	background: -moz-linear-gradient(left, #114e8d 0%, #7e496d 100%);
	background: -webkit-linear-gradient(left, #114e8d 0%, #7e496d 100%);
	background: linear-gradient(to right, #114e8d 0%, #7e496d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114e8d', endColorstr='#7e496d', GradientType=1 );
	color: #fff;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	padding: 10px;
}
.modal-custom .modal-content .modal-header h5{
	font-size: 16px;
	font-weight: normal;
	
}
.modal-custom .modal-content .modal-header button.close{
	text-shadow:none;
    opacity: 1;
	font-size: 24px!important;
	color: #fff;
}
.modal-custom .modal-content .scroll{
	overflow-y: auto;
	max-height: 500px;
}



.row-rp{
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.row-rp .pp{
	width: 70px;
}
.row-rp .rp-info p{
	margin: 0;
}
.row-rp .due{
	color: #9f9f9f;
	font-style: italic;
	text-align: right;
	vertical-align: bottom;
}

.row-download{
	margin: 10px 0;
}
.row-download .icon-download{
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: 1px;
	margin-left: 10px;
	cursor: pointer;
	color: #5d5d5d;
}



/*DIV Table*/

.divTable{
	display: table;
	width: 100%;
	border-collapse: collapse;
	
}

.divTableBody {
	display: table-row-group;
}
.divTableRow {
	display: table-row;
}
.divTableRow:nth-child(even){
	background: #f5f5f5;
}

.divTableCell, .divTableHead {
	border: 1px solid #e3e3e3;
	display: table-cell;
	padding:10px;
	line-height: normal;
	
}
.v-middle .divTableCell, .v-middle .divTableHead{
	vertical-align: middle;
}

.divTable.tbl-ellipsis{
	table-layout: fixed;
}
.divTable.tbl-ellipsis .tbl-cont, .divTable.tbl-ellipsis .divTableHead{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.divTableHeading {
	background-color: #e6e6e6;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #e6e6e6;
	display: table-footer-group;
	font-weight: bold;
}


.nav-pills .nav-item + .nav-item{
	margin-left: 8px;
}
.nav-pills .nav-link{
	border-radius: 30px;
	padding: 5px 20px;
	background: #dde1e6;
	color: #696969;
	position: relative;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: #ec444d;
	
}
.nav-pills .nav-link.active:before, .nav-pills .show>.nav-link:before{
	content: "";
	position: absolute;
	top: 100%;
	border: solid 6px transparent;
	border-top: solid 6px #ec444d;
	left: 50%;
	transform: translate(-50%,0);
}

.bdr-b{
	border-bottom: solid 1px #ddd;
}
.bdr-t{
	border-top: solid 1px #ddd;
}
.custom-dropdown .dropdown-toggle{
	font-weight: bold;
}
.custom-dropdown .dropdown-toggle::after{
	vertical-align: 3px;
}

.custom-dropdown .dropdown-menu{
font-size: 14px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	border: solid 1px #eaeaea;
	padding: 10px;
}
.custom-dropdown .dropdown-menu ul,
.custom-dropdown .dropdown-menu ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
.custom-dropdown .dropdown-menu ul li{
	padding: 2px 0;
}
.custom-dropdown .dropdown-menu ul li ul{
	margin-left: 10px;
}
.custom-dropdown .dropdown-menu a{
	color: #252525;
}
.custom-dropdown .dropdown-item{
	padding:2px 10px;
}
.custom-dropdown .dropdown-item:focus, .custom-dropdown .dropdown-item:hover{
	background: #ec444d;
	color: #fff;
	border-radius: 3px;
}

.icon-info-blue{
	color: #114e8d!important;
	font-size: 21px;
}
.divTable .icon-idcard{
	font-size: 24px;
	color: #909090;
	vertical-align: middle;
}
.review-icons{
	font-weight: normal;
	color: #666;
	font-size: 22px;
	float: right;
	margin-top: -5px;
}
.review-icons span{
	margin-left: 12px;
	cursor: pointer;
	transition: 0.4s;
	display: inline-block;
	vertical-align: middle;
}
.review-icons span:hover{
	color: #ec444d;
}

.review-profile-info .pp{
	width: 70px;
}
.review-profile-info .pp .pp-img-container{
	width: 60px;
	height: 60px;
}
.review-profile-info .pp .pp-img-container img{
	width: 100%;
	height: 100%;
}
.review-profile-info button span{
	font-size: 20px;
	vertical-align: middle;
}

.route-map{
	overflow-x: auto;
	width: 100%;
	white-space: nowrap;
}
.route-map:after,
.route-map .group:after{
	content: "";
	display: block;
	clear: both;
}
.route-map .group:after{
	content: attr(data-title);
	font-size: 12px;
	color: #828282;
	padding: 5px;
}
.route-map .group{
	display: table-cell;
	text-align: center;
	position: relative;
	white-space: nowrap;
}
.route-map .group .block{
	width: 120px;
	display: inline-block;
	text-align: center;
	white-space: normal;
	
	
}
.route-map .group .block .date{
	color: #ec444d;
	font-size: 11px;
}
.route-map .group .block .info{
	font-size: 19px;
	color: #114e8d;
}
.route-map .group .block .step{
	background: #868686;
	color: #fff;
	width: 40px;
	height:40px;
	display: inline-block;
	border-radius: 50px;
	font-size: 18px;
	line-height: 40px;
	position: relative;
	margin-top: 18px;
}
.route-map .group .block .step:before{
	content: "";
	width: 2px;
	background: #ffb424;
	height: 10px;
	display: inline-block;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%,0);
}

.route-map .group .block .rm-content{
	min-height: 38px;
	line-height: normal;
	position: relative;
}
.route-map .group .block .rm-content .menu-icon{
	color: #909090;
	position: absolute;
	right: 0;
	width: 15px;
	text-align: right;
	cursor: pointer;
}

.route-map .group:before{
	content: "";
	height: 2px;
	background: #ffb424;
	display: block;
	position: absolute;
	bottom: 47px;
	width: 100%;
}
.route-map .group-one:before{
	background: #ec444d;
}
.route-map .group-one .block .step{
	/*background: #ec444d;*/
}
.route-map .group-one .block .step:before{
	background: #ec444d;
}
.route-map .group .block .step.completed{
	background: #868686;
}
.route-map .group-one .block .step.completed{
	background: #868686;
}
.route-map .group .block .step.completed:after{
	background: #02a702;
	content:"\2714";
	font-size:14px;
	height: 18px;
	width: 18px;
	line-height:16px;
	position: absolute;
	bottom: 22px;
	padding:2px 4px 2px 3px;
	border-radius:50%;
	border:1px solid #fff;
	text-align:center;
}

.route-map .group .block .step.current{
	background: #4b4c4c;
}
.route-map .group-one .block .step.current{
	background: #4b4c4c;
}

.route-map .group-three:before{
	background: #2ce35f;
}
.route-map .group-three .block .step{
	/*background: #2ce35f;*/
}
.route-map .group-three .block .step:before{
	background: #2ce35f;
}
.route-map .group-three .block .step.completed{
	background: #868686;
}
.route-map .group-three .block .step.current{
	background: #4b4c4c;
}

.ei-table div[class^='col']{
	padding-bottom: 8px;
}
.ei-table label,
.ei-table span{
	display: table-cell;
	margin: 0;
}
.ei-table label{
	color: #777;
	width: 150px;
    padding-right: 10px;
}

.custom-accordian .ca-row{
	border: solid 1px #e4e4e4;
	margin: 10px 0;
	border-radius: 2px;
}
.custom-accordian .ca-row .ca-header,
.custom-accordian .ca-row .ca-body{
	padding: 8px;
}
.custom-accordian .ca-row .ca-header{
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.custom-accordian .ca-row .ca-header i{
	float: right;
	font-size: 24px;
    margin-top: -4px;
}
.custom-accordian .ca-row .ca-body{
	border-top: solid 1px #e4e4e4;
}

.btn-expand, .btn-collapse{
	border-radius: 30px;
	padding: 0 20px;
	margin-right: 5px;
}
.btn-routmap{
	background: #fff;
	border: solid 1px #cbcbcb;
	border-radius: 0;
	padding: 5px!important;
	width: 145px;
	text-align: left;
}
.custom-dropdown .dropdown-toggle.btn-routmap::after{
	color: #ec444d;
	float: right;
	margin: 8px 3px;
	
}

.select-routmap{
	float: right;
}

.txt-red{
	color: #f00;
}

.fld-date{
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%238a8a8a'%3E%3Cg%3E%3Cg%3E%3Cpath d='M452,40h-24V0h-40v40H124V0H84v40H60C26.916,40,0,66.916,0,100v352c0,33.084,26.916,60,60,60h392 c33.084,0,60-26.916,60-60V100C512,66.916,485.084,40,452,40z M472,452c0,11.028-8.972,20-20,20H60c-11.028,0-20-8.972-20-20V188 h432V452z M472,148H40v-48c0-11.028,8.972-20,20-20h24v40h40V80h264v40h40V80h24c11.028,0,20,8.972,20,20V148z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='76' y='230' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='156' y='230' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='236' y='230' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='316' y='230' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='396' y='230' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='76' y='310' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='156' y='310' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='236' y='310' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='316' y='310' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='76' y='390' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='156' y='390' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='236' y='390' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='316' y='390' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Crect x='396' y='310' width='40' height='40'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat right 10px center;
	background-size: 22px;
	
}
.fld-date::-webkit-calendar-picker-indicator {
   opacity: 0;
    -webkit-opacity: 0;
}

.note-gray{
	color: #737373;
	font-style: italic;
	font-size: 12px;
	line-height: normal;
	padding: 10px 0;
}

.box-gray{
	background: #f9f9f9;
	padding: 15px;
	border: solid 1px #e5e5e5;
}

.pdp{
	background: #ec444d;
	color: #fff;
	padding: 2px 20px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: -20px;
}
.heading-xs{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

.kra-action-btns{
	float: right;
	color: #9e9e9e;
	font-size: 21px;
}
.kra-action-btns i{
	display: inline-block;
	margin: 0 8px;
	cursor: pointer;
	transition: 0.5s;
	
}
.kra-action-btns i:hover{
	color: #ec444d;
}

.box-p-summary{
	background: #fdf8f8;
    padding: 15px;
    border: solid 1px #fde0e0;
}
.box-p-summary .user-details{
	display: inline-block;
	position: relative;
	
}
.box-p-summary .user-details .fa {
    margin-left: 10px;
}
.box-p-summary .user-details strong{
	font-weight: normal;
	    vertical-align: middle;
	font-size: 22px;
}
.box-p-summary .user-details .pp {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    border: solid 1px #4f5262;
	margin-right: 5px;
}
.box-p-summary .user-details .pp img {
    width: 100%;
    height: 100%;
}
.box-p-summary .user-details .sub-menu{
	display: none;
	position: absolute;
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    z-index: 7;
    text-align: left;
    width: 200px;
    left: 0;
    top: 100%;
    margin-top: 5px;
    font-size: 13px;
    line-height: normal;
}
.box-p-summary .user-details .sub-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.box-p-summary .user-details .sub-menu ul li a{
	display: block;
	padding: 5px;
}




@media only screen and (max-width: 1024px){
	.modal-custom .modal-lg.modal-dialog{
		max-width: 750px;
	}
}


@media only screen and (max-width: 768px) {
	
	.modal-custom .modal-lg.modal-dialog{
		max-width: calc(100% - 1rem);;
	}
	.header .search-block .search-flds {
	
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 9;
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
	border-top: solid 1px #f6f6f6;
	margin-top: 5px;
}
	.header .search-block .search-flds{
		display: none;
	}
.header .search-block .input-group {
	display: block;
}
.header .search-block .search-input,  .header .search-block .type {
	width: 100%;
	margin-bottom: 5px;
	border-radius: .25rem;
	border: solid 1px #dbdbdb;
}
.header .search-block .btn-go {
	border-radius: .25rem!important;
}
	.header .icon-search {
	display: inline-block;
}
	
	.tbl-responsive-md.divTable .divTableHeading{
	display: none;
	}
	.tbl-responsive-md.divTable .divTableBody,
	.tbl-responsive-md.divTable .divTableRow,
	.tbl-responsive-md.divTable .divTableCell{
		display: block;
		padding:1px 5px;
		border: 0;
	}
	.tbl-responsive-md.divTable .divTableCell:before{
		content: attr(data-title) ": ";
		display: table-cell;
		vertical-align: top;
		color: #b0b0b0;
		width: 180px;
		text-align: left;
		padding-right:16px;
	}
	.tbl-responsive-md.divTable .divTableRow{
		margin-bottom: 15px;
		border: solid 1px #e3e3e3;
	}
	.tbl-responsive-md.divTable .tbl-cont{
		display: table-cell;
		vertical-align: top;
		word-break: break-all;
		word-wrap: break-word;
		white-space: normal;
	}
	
	.ei-table div[class^='col']{
	padding-bottom: 4px;
}
}

@media only screen and (max-width: 450px) {
.body .container-login {
	padding: 10px;
}
.body .block-login {
	padding: 25px 15px;
}
.body .block-login input.form-control {
	height: 42px;
}
.btn-group-lg>.btn, .btn-lg {
	font-size: 1rem;
}
.heading-l {
	font-size: 22px;
}

.header {
	/*padding: 10px 0;*/
}
.header .user-details strong {
	display: none;
}


.header .icon-notification, .header .icon-tick {
	margin-left: 10px;
	font-size: 24px;
}
.header .user-details {
	margin-left: 10px;
}
.header .logo img {
	max-width: 60px;
}
.header .user-details .pp {
	width: 32px;
	height: 32px;
}
.header .container {
	padding-left: 8px;
	padding-right: 8px;
}

.my-team-section .box-white {
	min-height: auto;
}
.my-team-section .box-white .my-team-title {
	margin-top: 10px;
}
.footer {
	font-size: 12px;
	line-height: normal;
}
	.modal-custom .modal-content .modal-header{
		padding: 7px;
	}
	.modal-custom .modal-content .modal-body{
		padding: 8px;
	}
	.row-rp .for{
		font-size: 12px;
	}
	.row-rp .due{
		    font-size: 11px;
    white-space: nowrap;
	}
	
	
	
	/*DIV Table*/

.divTable .divTableHeading{
	display: none;
	}
	.divTable .divTableBody,
	.divTable .divTableRow,
	.divTable .divTableCell{
		display: block;
		padding:1px 5px;
		border: 0;
	}
	.divTable .divTableCell:before{
		content: attr(data-title) ": ";
		display: table-cell;
		vertical-align: top;
		color: #b0b0b0;
		width: 100px;
	}
	.divTable .divTableRow{
		margin-bottom: 15px;
		border: solid 1px #e3e3e3;
	}
	.divTable .tbl-cont{
		display: table-cell;
		vertical-align: top;
		word-break: break-all;
		word-wrap: break-word;
		white-space: normal;
		
	}
	.header .top-links .sub-menu{
		right: 65%;
		transform: translate(35%,0);
        width: 260px;
	}
	.header .top-links .sub-menu:before,
	.header .top-links .sub-menu:after{
		right:35%;
		transform: translate(65%,0);
	}
	
	.header .user-details .sub-menu{
		right: 0;
		transform: translate(0,0);
		margin-top: 10px;
	}
	.header .user-details .sub-menu:before,
	.header .user-details .sub-menu:after{
		right:10px;
		transform: translate(0,0);
	}
	.header .user-details .sub-menu:before{
		right:9px;
	}
	.box-white .bw-body{
		padding: 10px;
	}
	.tbl-responsive-md.divTable .divTableBody{
		padding: 0;
	}
	.tbl-responsive-md.divTable .divTableRow{
		margin-bottom: 10px;
	}
	.review-icons{
	    float: none;
	}
	.review-icons span{
		margin:5px 15px 10px 0;
		font-size: 20px;
	}
	
	.comm-tbl-responsive,
	.comm-tbl-responsive .tbl-cell{
	display: block;
}
	.review-profile-info{
		text-align: center;
		
	}
	.review-profile-info .pp{
		display: inline-block;
		width: auto;
		margin-bottom:5px;
	}
	.review-profile-info button{
		display: block;
    width:100%;
    margin:5px 0!important;
		padding: 1%;

}

	.select-routmap{
		float: none;
		/*margin-bottom: 10px;*/
	}
	.select-routmap button{
		width: 100%;
	}
	
	.nav-pills .nav-item,
	.nav-pills .nav-item + .nav-item{
		width: 48%;
		margin: 1%;
		text-align: center;
		
	}
	.heading-m {
    font-size: 16px;
}
	.heading-s{
		font-size: 16px;
	}
	.modal .col-form-label{
		text-align: left!important;
	}
	
	.btn-group-lg>.btn, .btn-lg{
		padding: 0.5rem!important;
	}
	
	.ei-table label, .ei-table span{
		display: block;
	}
	
}

.marker {
    background-color: Yellow;
}