@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
body {
	font-family: 'Open Sans', sans-serif !important;
}
.main-content-sec .comment-wrapper .btn.customComment{
	top: 0;
	right: 0;
	bottom: 0;
}
.main-content-sec .comment-wrapper .input.text{
	width: 100%;
	padding-right: 8rem;
}
.customForm{
	position: relative;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	min-width: 0;
	margin-bottom: 0;
}
.post-photo{
	width: 100%;
}
.new-seach-btn{
	border: 1px solid #c4c4c4;
	color: #212529;
	background-image: url(../img/searchuifeed.PNG);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: left 0 center;
}
.new-seach-btn:hover{
	border: 1px solid #c4c4c4;
}
.container-scroller {
	overflow: hidden;
}
.border-radius-12 {
	border-radius: 12px;
}
.border-radius-50 {
	border-radius: 50%;
}
h2.title {
	color: #001848;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 40px;
}
p.content {
	line-height: 24px;
}
p.comment {
	line-height: 18px;
	color: #86898E;
}
main.main-content {
	min-height: calc(100vh - 96px);
	padding-top: 96px !important;
}
.modal-header .close {
	outline: none !important;
}
.orange-btn {
	background-color: #E8644C;
	border-color: #E8644C;
	border-radius: 4px;
	color: #fff;
	letter-spacing: 0;
	padding: .375rem 3rem;
}
.orange-btn:hover,
.orange-btn:focus,
.orange-btn:not(:disabled):not(.disabled).active:focus,
.orange-btn:not(:disabled):not(.disabled):active:focus,
.show>.orange-btn.dropdown-toggle:focus,
.orange-btn:not(:disabled):not(.disabled).active,
.orange-btn:not(:disabled):not(.disabled):active,
.show>.orange-btn.dropdown-toggle {
	box-shadow: 0 0 0 0.2rem rgba(232, 100, 76, .5);
	background-color: #E8644C;
	border-color: #E8644C;
}
.grey-btn {
	background-color: #F8F8FB;
	border-color: #E2E2E2;
	border-radius: 25px;
	color: #707070;
	letter-spacing: 0;
	padding: .375rem 1.5rem;
}
.grey-btn:hover,
.grey-btn:focus,
.grey-btn:not(:disabled):not(.disabled).active:focus,
.grey-btn:not(:disabled):not(.disabled):active:focus,
.show>.grey-btn.dropdown-toggle:focus,
.grey-btn:not(:disabled):not(.disabled).active,
.grey-btn:not(:disabled):not(.disabled):active,
.show>.grey-btn.dropdown-toggle {
	border-color: #E2E2E2;
	color: #707070;
}
.dark-org-btn {
	background-color: #FF5038;
	border-color: #FF5038;
	border-radius: 30px;
	color: #fff;
	letter-spacing: 0;
	padding: .4rem 1rem;
}
.dark-org-btn-upload {
	background-color: #FF5038;
	border-color: #FF5038;
	border-radius: 30px;
	color: #fff;
	letter-spacing: 0;
	width: 100%;
	display: flex;
}
.dark-org-btn:hover,
.dark-org-btn:focus,
.dark-org-btn:not(:disabled):not(.disabled).active:focus,
.dark-org-btn:not(:disabled):not(.disabled):active:focus,
.show>.dark-org-btn.dropdown-toggle:focus,
.dark-org-btn:not(:disabled):not(.disabled).active,
.dark-org-btn:not(:disabled):not(.disabled):active,
.show>.dark-org-btn.dropdown-toggle {
	box-shadow: 0 0 0 0.2rem rgba(255, 80, 56, 0.5);
	background-color: #FF5038;
	border-color: #FF5038;
}
.trans-btn {
	background-color: #fff;
	border-color: #E2E2E2;
	border-radius: 25px;
	color: #979797;
	letter-spacing: 0;
	padding: .4rem 1rem;
}
.trans-btn:hover,
.trans-btn:focus,
.trans-btn:not(:disabled):not(.disabled).active:focus,
.trans-btn:not(:disabled):not(.disabled):active:focus,
.show>.trans-btn.dropdown-toggle:focus,
.trans-btn:not(:disabled):not(.disabled).active,
.trans-btn:not(:disabled):not(.disabled):active,
.show>.trans-btn.dropdown-toggle {
	background-color: #fff;
	border-color: #E2E2E2;
	color: #979797;
	box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, .5);
}
.tb-btn {
	font-size: 13px;
	background-color: #E5E5E5;
	color: #000000;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	transition: all .3s ease-in-out;
}
.tb-btn:hover,
.tb-btn:focus {
	color: #fff;
	background-color: #FF5038;
}
.url-close-btn {
	font-size: 17px;
	color: #dcdcdc;
	border-radius: 50% !important;
	padding: .375rem .9rem;
}
.submit-btn {
	padding: .375rem 2.5rem;
}
.bg-sunset-orange {
	background-color: #FF5038;
}
.bg-grey {
	background-color: #F8F8FB;
}
.dark-blue-bg {
	background-color: #070D49;
}
.yellow-bg {
	background-color: #FFCE2E;
}
.light-blue-bg {
	background-color: #2C94D9;
}
.papaya-whip-bg {
	background-color: #FFF2D9;
}
.magnolia-bg {
	background-color: #E6E2FE;
}
.offcanvas-active {
	overflow: hidden;
}
.screen-overlay {
	width: 0%;
	height: 100%;
	z-index: 30;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(34, 34, 34, 0.6);
	transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
	transition: opacity .5s ease, width 0s;
	opacity: 1;
	width: 100%;
	visibility: visible;
}
.offcanvas {
	width: 300px;
	visibility: hidden;
	transform: translateX(-100%);
	transition: all .2s;
	border-radius: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1200;
	background-color: #F8F8FB;
	overflow-y: auto;
	overflow-x: hidden;
}
.offcanvas.offcanvas-right {
	right: 0;
	left: auto;
	transform: translateX(100%);
}
.offcanvas.show {
	visibility: visible;
	transform: translateX(0);
	transition: transform .2s;
}
.visible-sidebar{
	overflow: hidden;
}
#custom-scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
#custom-scroll::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}
#custom-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #c4c4c4;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
	background-color: #14C176;
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);
}
.custom-checkbox .custom-control-input:focus~.custom-control-label::before,
.custom-radio .custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);
}
/* Login Page */
.login-page-wrapper-main {
	background-image: url(../img/login-bg.png);
	background-size: 56% 100%;
	background-repeat: no-repeat;
	height: 100vh;
	background-position: right;
}
.login-page-wrapper .title-wrapper .title {
	line-height: 49px;
	letter-spacing: 0;
}
.login-page-wrapper form .form-group .form-control {
	padding-left: 2.375rem;
	color: #3f3d3d;
	margin-bottom: 30px;
}
.login-page-wrapper form .form-group .form-control::-webkit-input-placeholder {
	color: #bbb;
}
.login-page-wrapper form .form-group .form-control-icon {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #E2E2E2;
}
.login-page-wrapper .forget-pass {
	line-height: 40px;
}
.login-page-wrapper .carousel-wrapper .carousel-inner {
	background-color: #fff;
	box-shadow: 20px 1px 84px #00000029;
	border-radius: 10px;
	padding: 3rem 1.8rem;
	max-height: 535px;
}
.login-page-wrapper .carousel-wrapper .carousel-indicators {
	bottom: -60px;
}
.login-page-wrapper .carousel-wrapper .carousel-indicators li {
	border-radius: 50%;
	width: 10px;
	height: 10px;
}
.login-page-wrapper .carousel-wrapper .carousel-inner p.description {
	line-height: 30px;
}
.login-page-wrapper .copyright {
	margin-top: 10.5rem;
}
.login-page-wrapper .copyright p {
	color: #DBDBDB;
	line-height: 30px;
}
/* End Login Page */
/* Dashboard */
.side-bar {
	top: 0;
	position: fixed;
	height: calc(100vh);
	z-index: 1070;
	border-right: 1px solid #EDEDEE;
	max-width: 100px;
}
.side-bar.reports{
	left: 0;
}
.user-wrapper .btn {
	font-size: 65px;
}
.side-bar .nav-wrapper li,
.side-bar-2 .nav-wrapper li {
	text-align: center;
	margin-bottom: 25px;
	border-left: 5px solid transparent;
	transition: all .5s ease-in-out;
}
.side-bar .nav-wrapper li.active,
.side-bar .nav-wrapper li:hover,
.side-bar-2 .nav-wrapper li.active,
.side-bar-2 .nav-wrapper li:hover {
	border-left: 5px solid #001848;
}
/* .side-bar .nav-wrapper li:first-child.active,
.side-bar .nav-wrapper li:first-child:hover,
.side-bar-2 .nav-wrapper li:first-child.active,
.side-bar-2 .nav-wrapper li:first-child:hover {
border-left: 5px solid transparent;
}
.side-bar .nav-wrapper li:first-child,
.side-bar-2 .nav-wrapper li:first-child {
margin-bottom: 50px;
} */
.side-bar .nav-wrapper li a,
.side-bar-2 .nav-wrapper li a span {
font-size: 26px;
}
.main-content .top-section {
padding: .8rem 10px;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.side-bar-2 .user-wrapper {
padding: 6px 20px 16px;
border-bottom: 1px solid #E2E2E2;
max-height: 97px;
position: relative;
}
.side-bar-2 .user-wrapper .user-info:after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .8em solid;
border-right: .5em solid transparent;
border-bottom: 0;
border-left: .5em solid transparent;
position: absolute;
right: 25px;
top: 40px;
color: #707070;
transition: all .3s ease;
cursor: pointer;
}
/*.side-bar-2 .user-wrapper:hover .user-info:after {
transform: rotate(180deg);
}*/
/* .switch-to-reporting-manager:hover .user-info:after {
transform: rotate(50deg);
} */
.side-bar-2 .nav-wrapper li {
text-align: left;
}
.side-bar-2 .nav-wrapper li a {
padding: 0 20px;
position: relative;
font-size: 16px;
line-height: 27px;
cursor: pointer;
color: #001848;
}
.switch-to-reporting-manager {
padding: 25px 20px;
position: absolute;
top: 98px;
min-width: 300px;
left: -300px;
transition: 0.3s all;
z-index: 9999;
}
.switch-to-reporting-manager .sign-out {
margin-left: 28px;
}
.switch-to-reporting-manager .sign-out:hover {
color: #707070;
}
.show {
left: 0
}
.side-bar-2 .menu-accord {
position: absolute;
bottom: 0;
}
.side-bar-2 .menu-accord .btn:after {
content: "\e917";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-left: 10px;
transform: rotate(180deg);
display: inline-block;
transition: all .3s ease-in-out;
}
.side-bar-2 .menu-accord:hover .btn:after {
transform: rotate(0deg);
}
.side-bar-2 .menu-accord .card-header {
background-color: #fff;
}
.main-content-sec {
padding: 2.5rem 2.125rem 2.5rem 1rem;
}
.main-content-sec .level-status li {
padding-left: 10px;
font-size: 14px;
}
.main-content-sec .level-status li:first-child {
border-left: 3px solid #32B829;
margin-right: 3rem;
}
.main-content-sec .level-status li:nth-child(2) {
border-left: 3px solid #FF5038;
}
.main-content-sec .journey-social .journey-social-wrapper {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
border: 1px solid #E2E2E2;
border-radius: 6px;
padding: 20px;
}
.main-content-sec .journey-social .like-wrapper {
border-top: .5px solid #C4C4C4;
border-bottom: .5px solid #C4C4C4;
padding: 6px 0 10px;
margin-top: 1rem;
}
.main-content-sec .journey-social .like-wrapper li:first-child {
margin-right: 1.5rem;
}
.main-content-sec .comment-wrapper .form-control,
.main-content-sec .search-wrapper .form-control {
color: #c4c4c4;
padding-right: 30px;
}
.main-content-sec .comment-wrapper .form-control::-webkit-input-placeholder,
.main-content-sec .post-update-input-wrapper .form-control::-webkit-input-placeholder,
.main-content-sec .search-wrapper .form-control::-webkit-input-placeholder {
color: #c4c4c4;
}
.main-content-sec .comment-wrapper .btn {
position: absolute;
right: 10px;
top: 8px;
/*z-index: 334;*/
}
.main-content-sec .journey-social .comments {
padding: 1rem 1rem 0;
}
.main-content-sec .journey-giftwork .action-main {
padding: 0 30px 0 10px;
margin: 35px 0 50px;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper {
border: 1px solid #E2E2E2;
background-color: #F8F8FB;
box-shadow: -1px 4px 10px rgba(7, 7, 7, 0.15);
border-radius: 12px;
padding: 35px 30px;
opacity: .3;
transition: border .2s ease-in-out;
min-height: 288px;
}
.main-content-sec .journey-giftwork .action-main.slick-active .action-wrapper {
opacity: 1;
background-color: #fff;
}
.main-content-sec .journey-giftwork .action-main.slick-active .action-wrapper:hover {
border: 1px solid #FF5038;
}
.main-content-sec .journey-giftwork .action-main.slick-active.completed .action-wrapper:hover {
border: 1px solid #32B829;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper p.step {
font-size: 45px;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper .action-content ul li,
.main-content-sec .level-content-wrapper .criteria-content ul li {
margin-bottom: 10px;
text-indent: -1.2em;
padding-left: 1.4em;
}
/*.main-content-sec .journey-giftwork .action-main .action-wrapper .action-content ul li:before,
.main-content-sec .level-content-wrapper .action-content .completed ul li:before {
content: "\e926";
padding-right: 8px;
color: #C4C4C4;
font-size: 13px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/
.main-content-sec .journey-giftwork .action-main .action-wrapper .action-content .completed  li:before {
content: "\e94e";
padding-right: 8px;
color: #14C176;
font-size: 13px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-content-sec .level-content-wrapper .criteria-content .completed li:before {
content: "\e94e";
padding-right: 8px;
color: #14C176;
font-size: 13px;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper .progress {
height: .3rem;
margin-top: 30px;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper .progress .progress-bar {
background-color: #FF5038;
}
.main-content-sec .journey-giftwork .action-main.completed .action-wrapper .progress .progress-bar {
background-color: #32B829;
}
.main-content-sec .journey-giftwork .slick-list {
padding: 0 25% 0 0;
}
.main-content-sec .journey-giftwork .slick-prev:before {
/* content: "\e918"; */
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000000;
}
.main-content-sec .journey-giftwork .slick-next {
right: 3rem;
z-index: 5;
}
.main-content-sec .journey-giftwork .slick-prev {
right: 12rem;
left: auto;
z-index: 5;
}
.main-content-sec .journey-giftwork .slick-next:before {
/* content: "\e916"; */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000000;
}
.main-content-sec .journey-giftwork .slick-prev,
.main-content-sec .journey-giftwork .slick-next {
height: 50px;
width: 50px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.main-content-sec .slick-arrow.slick-disabled {
display: none !important;
}
.side-bar ul li.dropdown .dropdown-toggle::after {
content: none;
}
.side-bar ul li.dropdown .dropdown-menu {
padding: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);
border-radius: 12px;
}
.side-bar ul li.dropdown ul.dropdown-menu {
background-color: #FCFCFC;
}
.side-bar ul li.dropdown ul.dropdown-menu li.unread,
.side-bar ul li.dropdown .notification {
background-color: #fff;
}
.side-bar ul li.dropdown ul.dropdown-menu li.unread,
.side-bar ul li.dropdown ul.dropdown-menu li.unread:hover {
border-left: 5px solid #FF5038;
border-top: 1px solid #F8F8FB;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
}
.side-bar ul li.dropdown ul.dropdown-menu li .notification-wrapper {
position: relative;
}
.side-bar ul li.dropdown ul.dropdown-menu li.unread p.name {
color: #FF5038;
}
.side-bar ul li.dropdown ul.dropdown-menu li p.name {
color: #979797;
}
.side-bar ul li.dropdown ul.dropdown-menu li.unread p.uinput {
/*color: #000;*/
color: #00000094;
}
.side-bar ul li.dropdown ul.dropdown-menu li p.uinput {
color: #B4B4B4;
}
.side-bar ul li.dropdown ul.dropdown-menu li.comment-footer {
border-top: 1px solid #DCDCDC;
}
.side-bar ul li.dropdown ul.dropdown-menu li.comment-footer a {
font-size: 14px;
}
.side-bar ul li.dropdown .notification {
padding: 10px 15px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.side-bar ul li.dropdown ul.dropdown-menu li .notification-wrapper i.time {
position: absolute;
top: 0;
right: 0;
}
.side-bar ul li.dropdown ul.dropdown-menu li {
border-left: 5px solid transparent;
text-align: left;
padding: 15px;
margin: 0;
}
.side-bar ul li.dropdown ul.dropdown-menu li.active,
.side-bar ul li.dropdown ul.dropdown-menu li:hover {
border-left: 5px solid transparent;
}
.side-bar ul li.dropdown ul.dropdown-menu li img {
max-width: 40px;
max-height: 40px;
}
/* End Dashboard */
/* Self reflection page*/
.main-content-sec .social-update-wrapper .form-group .practice-area{
/*width: 250px;*/
padding-bottom: 10px;
}
.main-content-sec .social-update-wrapper .form-group .add-response{
width: 207px;
padding-top: 10px;
}
.main-content-sec .card.trending-section .card-body .content-wrapper1 .report-menu{
line-height: 40px;
}
.video-list-ul{
padding: 0 20px;
}
.video-list {
display:flex;
list-style:none;
margin-bottom: 20px;
padding: 0 20px;
}
.video-list-wrap {
display: inline-flex;
align-items: center;
}
.video-list video {
width: 80px;
height: 80px;
margin-right: 20px;
}
.video-list-text .title {
display: block;
margin-bottom: 10px;
font-size: 18px;
}
.video-list-text .subtitle {
font-size: 15px;
}
.main-video-wrap{
display:flex;
justify-content:center;
margin-top:20px;
margin-bottom:60px;
}
.download-ppt a{
display: inline-flex;
/* white-space: nowrap; */
align-items: center;
font-size: 14px;
}
.main-content-sec.scorecard-content-wrapper{
padding: 2.5rem 2.125rem 2.5rem 1rem !important;
}
.content-wrapper1 li.report-menu-item {
list-style: none;
padding: 7px 0;
}
.content-wrapper1 ul.report-menu-list {
padding: 0;
}
.content-wrapper1 li.report-menu-item .fa-chevron-circle-right {
margin-right: 10px;
font-size: 20px;
}
/* Self reflection page end*/
/* Level-1 */
.main-content .main-content-sec .level-content-wrapper .criteria-content {
border: 1px solid #E2E2E2;
border-radius: 12px;
padding: 48px 20px 39px;
}
.main-content .main-content-sec .level-content-wrapper .card .table thead th {
border-bottom: 1px solid #dee2e6;
border-top: 1px solid transparent;
font-size: 16px;
color: #707070;
font-family: 'open_sanssemibold';
}
.main-content .main-content-sec .level-content-wrapper .card .table tbody td {
font-size: 14px;
color: #707070;
}
.main-content .main-content-sec .level-content-wrapper .card .table-hover tbody tr:hover {
background-color: #F8F8FB;
}
.main-content .main-content-sec .level-content-wrapper .gift-work-session .card .table thead th {
font-size: 14px;
color: #979797;
font-family: 'open_sansregular';
font-weight: normal;
}
.main-content .main-content-sec .level-content-wrapper .gift-work-session .card .table tbody td {
color: #000000;
font-size: 15px;
}
.main-content .main-content-sec .form-wrapper .form-group {
margin-bottom: 1.8rem;
}
.main-content .main-content-sec .form-wrapper .form-group .custom-control-label {
line-height: 25px;
}
.main-content .main-content-sec .form-wrapper .form-group .form-control {
background-color: #F8F8FB;
border: 1px solid #E2E2E2;
}
.main-content .main-content-sec .form-wrapper .form-group label,
.main-content .main-content-sec .form-wrapper .form-group option {
color: #707070;
font-size: 14px;
}
.modal-table .modal-body {
height: 400px;
overflow-y: auto;
margin: 0 15px 15px 0;
}
.modal .past-wrapper {
background-color: #F8F8FB;
border-radius: 30px;
padding: 5px 20px;
position: absolute;
right: 45px;
top: 12px;
}
/* End Level-1 */
/* Add Implementation Story */
.attachment-wrapper .attachment-instruction-wrapper,
.file-upload-wrapper .attachment-instruction-wrapper {
background-color: #F8F8FB;
border: 1px solid #E2E2E2;
border-radius: 12px;
}
.attachment-wrapper .attachment-instruction-wrapper ol,
.file-upload-wrapper .attachment-wrapper .attachment-instruction-wrapper ol {
padding-inline-start: 15px;
}
/* End Add Implementation Story */
/* Level 3 */
.slider-nav .slick-slide {
margin-right: 10px;
}
.slider-nav .slick-slide span {
font-size: 30px;
}
.slider-nav .slick-slide {
height: 58px;
width: 67px !important;
margin-bottom: 20px;
border: 1px solid #afafaf;
border-radius: 15px;
cursor: pointer;
}
.slider-nav .slick-slide span {
font-size: 30px;
}
.slider-nav .slick-slide.slick-active {
border: 1px solid #FF5038;
}
.slider-nav .slick-slide.slick-active span {
color: #FF5038;
}
.slider__counter {
z-index: 1;
font-size: 1.5rem;
font-weight: 600;
color: red;
mix-blend-mode: difference;
pointer-events: none;
}
.main-content-sec .level-content-wrapper .form-instruction {
margin-bottom: 2.5rem;
}
.main-content-sec .level-content-wrapper .download-ppt {
margin-bottom: 1.8rem;
}
.main-content-sec .level-content-wrapper .slick-prev:before {
/* content: "\e918"; */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FF5038;
}
.main-content-sec .level-content-wrapper .slick-next {
right: 3rem;
z-index: 5;
}
.main-content-sec .level-content-wrapper .slick-prev {
right: 12rem;
left: auto;
z-index: 5;
}
.main-content-sec .level-content-wrapper .slick-next:before {
/* content: "\e916"; */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FF5038;
}
.main-content-sec .level-content-wrapper .slick-prev,
.main-content-sec .level-content-wrapper .slick-next {
height: 50px;
width: auto;
top: -52px;
}
.main-content-sec .level-content-wrapper .slick-prev {
right: 82px;
}
.main-content-sec .level-content-wrapper .slick-next {
right: -5px;
}
.main-content-sec .level-content-wrapper .pagingInfo {
background-color: #F8F8FB;
border: 1px solid #E2E2E2;
border-radius: 46px;
padding: 1px 12px;
font-size: 13px;
margin: 0 22px 0 15px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper {
padding: 10px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper {
background-color: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, .13);
padding: 15px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper {
background-color: #F8F8FB;
padding: 2.5rem;
min-height: 494px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper textarea {
background-color: transparent;
resize: none;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper .impact-wrapper .impact-header {
background: #FF5038;
padding: 20px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper .impact-wrapper .impact-body .form-group .form-control.number{
background-color: #F8F8FB;
border: 1px solid #aaa;
font-size: 1rem;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper .impact-wrapper .impact-body {
background-color: #fff;
padding: 20px;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper .impact-wrapper .impact-body textarea {
border: none;
box-shadow: none;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper.ppt {
padding: 4.5rem;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-footer {
background-color: #153D4A;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-footer p.title,
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-footer div.hashtag {
padding: 17px;
}
.uploader label {
padding: 4rem 1.5rem;
text-align: center;
background: #fff;
border: 1px dashed #B4B4B4;
transition: all .2s ease;
user-select: none;
width: 100%;
}
.uploader label.file-upload span.file-upload-text {
color: #afafaf;
font-size: 16px;
font-family: 'open_sanssemibold';
}
.uploader label.file-upload span.file-upload-text:before {
content: url('../img/upload-img.png');
position: absolute;
top: 34%;
left: 50%;
transform: translate(-50%, -50%);
}
.uploader label.file-upload {
position: relative;
overflow: hidden
}
.uploader label.file-upload input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: 0;
background: #fff;
cursor: inherit;
display: block
}
/* End Level 3 */
/* Journey Social */
.main-content-sec .post-update-input-wrapper .input-group .form-control,
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary {
box-shadow: none;
border: 1px solid #ced4da;
height: 6rem;
color: #B4B4B4;
}
.main-content-sec .post-update-input-wrapper .input-group .form-control {
border-radius: .6rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.main-content-sec .post-update-input-wrapper .input-group>.input-group-append>.file {
border-radius: .6rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary {
font-size: 30px;
padding: .375rem 2.3rem;
color: #707070;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary:hover,
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary:focus {
color: #fff;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.camera:hover,
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.camera:focus {
background-color: #664BFB;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.video-camera:hover,
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.video-camera:focus {
background-color: #FFBE41;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.file:hover,
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary.file:focus {
background-color: #FF808B;
}
.main-content-sec .post-update-input-wrapper .modal .modal-body .upload-pdf {
border: 1px solid #DCDCDC;
padding: 10px 20px;
margin: 1rem 0;
}
.main-content-sec .post-update-input-wrapper .modal .modal-body .upload-pdf .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
color: #B4B4B4;
outline: none !important;
}
.main-content-sec .post-update-input-wrapper .modal textarea {
resize: none;
color: #c4c4c4;
}
.main-content-sec .post-update-input-wrapper .modal .modal-footer ul li .btn {
border: 1px solid #707070;
border-radius: 10px;
}
.main-content-sec .post-update-input-wrapper .modal-header .close,
#forgetModal .modal-header .close {
color: #fff;
opacity: 1;
outline: none !important;
}
.main-content-sec .search-wrapper .search {
position: absolute;
right: 56px;
top: 8px;
z-index: 334;
}
.main-content-sec .search-wrapper .dropdown-menu {
box-shadow: 5px 10px 17px rgba(0, 0, 0, 0.15);
}
.main-content-sec .search-wrapper .dropdown .btn.dropdown-toggle {
border: 1px solid #c4c4c4;
background-image: url(../img/chev-dropdwn.PNG);
background-size: 25px;
background-repeat: no-repeat;
background-position: left 0 center;
}
.main-content-sec .search-wrapper .dropdown .btn.dropdown-toggle:after {
border: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 0;
vertical-align: middle;
transition: all .3s ease-in-out;
}
.main-content-sec .search-wrapper .dropdown.show .btn.dropdown-toggle:after {
transform: rotate(180deg);
}
.main-content-sec .search-wrapper .dropdown .dropdown-menu .dropdown-item {
color: #707070;
}
.main-content-sec .search-wrapper .dropdown .dropdown-menu .dropdown-item.active,
.main-content-sec .search-wrapper .dropdown .dropdown-menu .dropdown-item:focus {
color: #FF5038;
background-color: transparent;
}
.main-content-sec .card.trending-section,
.main-content-sec .social-update-wrapper {
box-shadow: -1px 2px 10px rgba(7, 7, 7, 0.15);
background-color: #fff;
}
.main-content-sec .card.trending-section .card-body .content-wrapper .download-btn {
background-color: transparent;
border-color: #E2E2E2;
color: #E2E2E2;
border-radius: 30px;
padding: .1rem .7rem;
font-size: 10px;
}
.main-content-sec .card.trending-section .card-body .title-wrapper {
padding: .8rem 1.25rem .7rem;
border-bottom: 1px solid #E2E2E2;
}
.main-content-sec .card.trending-section .card-body .content-wrapper {
padding: 0 1.25rem 1rem;
}
.main-content-sec .card.trending-section .card-body .content-wrapper1 {
padding: 0 1.25rem 0.5rem;
}
.main-content-sec .card.trending-section .btn.btn-link span {
vertical-align: middle;
font-weight: 700;
color: #000;
}
.main-content-sec .social-update-wrapper {
border-radius: .6rem;
padding: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.user-name-img img{
/*background-color: #664BFB;*/
color: #fff;
border-radius: 50%;
height: 64px;
width: 64px;
}
.like-count {
border: 1px solid #000000;
border-radius: 30px;
padding-left: 8px;
padding-right: 8px;
}
.main-content-sec .social-update-wrapper .likes-comment-wrapper {
border-top: 1px solid #E2E2E2;
padding-top: 12px;
display: flex;
margin-left: 0px;
justify-content: space-between;
margin-bottom: -9px;
}
.user-image {
height: 39px;
width: 39px;
border-radius: .25rem;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body {
padding: 15px 25px;
border-radius: 20px;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body p.comment {
color: #000;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.bg-grey p {
color: #000;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.bg-grey p.designation {
color: #B4B4B4;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.papaya-whip-bg h5.name {
color: #A46C00;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.papaya-whip-bg p.designation {
color: #979797;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.magnolia-bg h5.name {
color: #260F9F;
}
.main-content-sec .social-update-wrapper .media.user-comment .media-body.magnolia-bg p.designation {
color: #9589D8;
}
.main-content-sec .social-update-wrapper .user-comment-main ul {
margin-left: 3.5em;
}
.main-content-sec .social-update-wrapper .img-wrapper.multiple-img-slide .carousel-caption {
position: absolute;
right: auto;
bottom: 0px;
left: auto;
z-index: 10;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
text-align: left;
background-color: rgba(0, 0, 0, .5);
width: 100%;
}
.main-content-sec .social-update-wrapper .img-wrapper.multiple-img-slide .carousel-control-next,
.main-content-sec .social-update-wrapper .img-wrapper.multiple-img-slide .carousel-control-prev {
width: auto;
-ms-flex-align: flex-end;
align-items: flex-end;
z-index: 1300;
bottom: 13px;
}
.main-content-sec .social-update-wrapper .img-wrapper.multiple-img-slide .carousel-control-next {
right: 35px;
}
.main-content-sec .social-update-wrapper .img-wrapper.multiple-img-slide .carousel-control-prev {
left: auto;
right: 75px;
}
/* End Journey Social */
/*for Notification count*/
.side-bar .nav-wrapper li .count-view{
position: absolute;
font-size: 14px;
background: #FF5038;
border-radius: 25px;
padding: 5px 5px;
}
.notification-scroll {
height: calc(100% - 50px);
overflow-y: scroll;
}
.notification-list {
overflow: hidden;
height: 360px;
}
/* My Profile */
.main-content-sec .profile-main-wrapper {
border: 1px solid #B4B4B4;
padding: 30px;
position: relative;
}
.main-content-sec .profile-main-wrapper .btn {
position: absolute;
right: 30px;
}
.main-content-sec .about-profile .title-section {
border-bottom: 1px solid #B4B4B4;
padding: 15px 30px 10px;
}
.main-content-sec .about-profile .content-section,
.main-content-sec .about-profile .journey-social {
padding: 15px 30px;
}
.main-content-sec .about-profile .title-section .profile-title {
line-height: 37px;
}
/* End My Profile */
/*Start RM Page style*/
.input-box{
border-bottom-style: groove;
border-top: hidden;
border-left: hidden;
border-right: hidden;
}
.tab-bar{
width: 51%;
background: lightgray;
/*text-align: center;*/
border-radius: 20px;
}
.tab-label{
padding: 4px 30px 0px 30px;
font-size: 14px;
}
.tab-bar .tab-label a{
text-decoration: none;
color: #000;
}
.main-heading{
font-size: 18px;
font-weight: bold;
}
.content-title{
font-size: 1rem;
font-weight: 600;
display: block;
color:#0D0C0C;
}
.content-text{
font-size: 0.85rem;
display: block;
color:#181818;
}
.ppt-view{
width: 55%;
}
.download-ppt{
border-radius: 20px;
}
.score-content{
margin-top: 25px;
word-wrap: break-word;
}
.score-box{
border-radius: 30px;
/* border-color: red; */
border: solid;
font-weight: 9px;
font-size: 12px;
padding: 10px;
margin: 5px;
}
.select2 {
width: 100%!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #707070;
line-height: 1.5;
}
.select2-container--default .select2-selection--single {
background-color: #F8F8FB;
border: 1px solid #aaa;
height: calc(1.5em + .75rem + 2px);
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-clip: padding-box;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 7px;
right: 5px;
}
.main-content-sec .comment-wrapper .btn.customComment.fontSize{
font-size: 12px;
}
.main-content-sec .comment-wrapper .form-control, .main-content-sec .search-wrapper .form-control.fontSize{
font-size: 12px;
}
a.fontSize{
font-size: 12px;
}
/* Participants main index page*/
.participants-heading{
padding: 25px 20px 10px;
}
.participants-heading h2{
font-weight: 700;
font-size: 1.5rem;
}
.participant-wrapper{
padding-left: 25px;
}
.alignment-of-tables{
display: flex;
height:100%;
}
.participants-left-table{
border: 1px solid #E2E2E2;
border-radius: 10px;
width: 100%;
padding: 14px 20px;
height: 218px;
}
.participants-left-table .input-box{
border-radius: 0;
border-bottom: 1px solid #707070;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.participants-left-table .input-box::placeholder{
color:#C4C4C4;
}
.participants-left-table .input-box:focus{
outline: 0;
box-shadow: none;
background:#f6f5f5;
}
.participants-left-table thead{
border-bottom:3px solid rgba(170,170,170,0.1);
}
.btn-search-reset{
display: flex;
justify-content: flex-end;
width: 100%;
padding: 10px 0 0;
margin-top: 16px;
}
.btn-search{
background-image: url('../img/search_ic.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: left 13px center;
background-color: #FF5038;
color: white;
border-radius: 20px;
border: none;
padding: 0 20px 0 40px;
height: 36px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-search:hover{
background-color:#ff391e;
}
.btn-reset{
background-color: #DCDCDC;
color: #000;
border: none;
border-radius: 20px;
padding: 0 28px;
height: 36px;
margin-left: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-reset:hover{
background: #cacaca;
color: #857e7e;
}
.btn-reset:focus{
border: none;
outline: none;
}
.participants-right-table{
/* box-shadow: 0 0 5px 5px  rgba(0, 0, 0, .05); */
border: 1px solid #E2E2E2;
border-radius: 10px;
display: inline-block;
width: 100%;
}
.participants-right-table .participant-mob-text{
display: none;
text-align: center;
}
.participants-right-table table{
margin-bottom: 0;
}
.participants-right-table thead th {
color: #707070;
border: 0;
padding: 12px 12px;
font-weight: 600;
}
.participants-right-table tbody td {
padding: 10px 0px;
text-indent: 15px;
font-size: 14px;
color: #001848;
font-weight: 600;
white-space: nowrap;
}
.participants-right-table tbody td img{
margin-right: 10px;
height: 18px;
width: 18px;
}
.participants-right-table tbody td img{
margin-right: 10px;
height: 18px;
width: 18px;
}
.participants-bottom-table-wrapper{
padding: 0 40px 0 25px;
}
.participants-bottom-table{
margin-top: 10px;
border: 1px solid #E2E2E2;
border-radius: 10px;
max-width: 100%;
margin-bottom: 15px;
}
.facilitator-reports-table{
margin-top: 10px;
border: 1px solid #E2E2E2;
border-radius: 10px;
max-width: 100%;
height: 530px;
margin-bottom: 15px;
overflow: auto;
}
.participants-bottom-table thead th{
color: #979797;
border: 0;
padding: 12px 12px;
font-weight: 600;
font-size: 0.95rem;
text-align: center;
white-space: nowrap;
}
.facilitator-reports-table thead th{
color: #979797;
border: 0;
padding: 12px 12px;
font-weight: 600;
font-size: 0.95rem;
text-align: center;
white-space: nowrap;
}
.participants-bottom-table tbody tr:hover{
background-color: #F8F8FB;
}
.facilitator-reports-table tbody tr:hover{
background-color: #F8F8FB;
}
.participants-bottom-table tbody td{
color: #000000;
font-size: 0.85rem;
/* padding:20px 30px; */
text-align: left;
}
.facilitator-reports-table tbody td{
color: #000000;
font-size: 0.85rem;
padding:20px 30px;
text-align: left;
}
.facilitator-reports-table tbody td.srno{
width: 100px;
text-align: center;
}
.facilitator-reports-table tbody td.report-description{
text-align: justify;
}
.facilitator-reports-table tbody td.report-name{
width: 220px;
}
.facilitator-reports-table tbody td.reports-tbl{
width: 250px;
}
.participants-bottom-table tbody .checkmark-td{
text-align: left;
}
.participants-bottom-table tbody td img{
height: 18px;
width: 18px;
margin-right: 8px;
}
.participants-bottom-table tbody td a{
color: #000000;
}
.checkmarks{
margin-right: 5px;
}
/* Participants overview page */
.heading{
padding-top: 30px;
padding-bottom: 10px;
font-weight: bolder;
padding-left: 30px;
}
.sub-heading{
font-weight: 600;
color: #11224E;
font-family: 'Open Sans';
font-size: 15px;
padding: 2px 20px 0;
}
.modal{
background-color: transparent;
}
.share-icon{
width: 12px;
padding-top: 5px;
}
/* Action Plan */
.text-heading{
font-size: 18px;
font-weight: bold;
/* margin-left: 15px; */
}
.content-container{
margin-bottom: 30px;
padding: 20px 20px;
margin-top: 15px;
border: 1px solid #E2E2E2;
border-radius: 10px;
}
.content-title{
font-size: 14px;
font-weight: bold;
}
.content-text{
font-size: 14px;
}
.position-share{
background-image: url('../img/share.svg');
background-size: 16px;
background-repeat: no-repeat;
background-position: left 15px center;
border-radius: 20px;
padding: 4px 40px 4px;
border-color:#FF4500 ;
font-size: 12px;
color:#FF4500 ;
outline: none;
background-color: white;
}
.position-share:focus{
outline: none;
border:none;
}
.position-back{
background-image: url('../img/left-arrow.svg');
background-size: 18px;
background-repeat: no-repeat;
background-position: left 8px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 20px 0 40px;
height: 28px;
border: none;
}
.position-back:focus{
outline: none;
border:none;
}
.comment-section{
margin-bottom: 20px;
}
.send-icon{
position: relative;
right:40px;
}
.tab-content p{
margin-top: -10px;
margin-bottom: 2rem;
}
/* implementation stories */
.implementation-container{
margin-bottom: 20px;
padding: 10px 20px;
margin-top: 15px;
border: 1px solid #E2E2E2;
border-radius: 10px;
}
/* impact  */
.impact-container{
border: 1px solid #E2E2E2;
border-radius: 10px;
margin-bottom: 30px;
}
.impact-container .impact-picture{
margin:20px;
}
.impact-container .btn-download{
background-color:#FF4500;
color: white;
border-radius: 20px;
padding: 5px;
border: none;
margin-right:5px;
padding-left: 15px;
padding-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
}
.manager-score-title{
color: #FA5233;
font-weight: bold;
font-size: 17px;
}
.manager-container{
border: 1px solid #E2E2E2;
border-radius: 10px;
padding :20px;
margin-top: 20px;
}
.manager-container .score-content{
color:lightgray;
margin-right: 30px;
}
.manager-container .score-content .change-score-color{
color: #001746;
font-size: 15px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.manager-container .inc-font{
font-size:16px;
font-weight: bold;
color: #000;
}
.manager-container .pipe-color{
color:lightgray;
font-size: 20px;
}
/* comments */
#comment-list{
display: flex;
flex-direction: column;
}
.comment-person-name{
font-weight: bold;
margin-bottom: 5px;
}
.comment-text{
padding: 9px 14px;
font-size: 14px;
margin-bottom: 10px;
background-color: #E1E1E1;
border-radius: 16px ;
color:#000;
border:1px solid #C4C4C4;
max-width: 90%;
}
.message-content{
display: grid;
grid-template-columns: 48px 1fr;
grid-column-gap: 25px;
}
.message-content img{
border-radius: 100%;
margin-left: 5px;
}
.comment-section img{
border-radius: 100%;
}
/* Review Comments */
.controls{
display: flex;
justify-content: space-between;
}
.participants-left-box{
border: 1px solid #E2E2E2;
border-radius: 10px;
width: 94%;
padding: 14px 20px;
margin-bottom: 10px;
margin-left: 10px;
}
.participants-left-box .input-box{
border-radius: 0;
border-bottom: 1px solid #707070;
width: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.participants-left-box .input-box::placeholder{
color:#C4C4C4;
}
.participants-left-box .input-box:focus{
outline: 0;
box-shadow: none;
background:#f6f5f5;
}
.participants-left-box .input-area{
width: 100%;
}
.btn-search-reset-review-comments{
display: flex;
justify-content: flex-end;
padding: 10px;
color:#000;
width:100%
}
.main-row{
background-color: white;
box-shadow: 0 0 2px 2px  rgba(0, 0, 0, .05);
border-radius: 10px;
margin-left: 10px;
width: 60%;
padding: 20px;
margin: 20px;
}
.blog-date{
color: gray;
font-size: 14px;
}
.btn-like{
border: none;
background-color: white;
margin-right: 15px;
border:none;
}
.btn-comment{
border: none;
background-color: white;
margin-right: 15px;
outline: none;
border:none;
}
.btn-share{
background-color: white;
color:#000;
border: none;
outline:none;
}
.comment-title{
padding-top: 5px;
color: lightgreen;
font-weight: bold;
font-size: 16px;
text-decoration: none;
cursor: pointer;
}
.comment-manager{
font-size: 14px;
color: gray;
}
.btn-load-more{
background-color:#FF4500;
color: white;
border-radius: 20px;
padding: 5px;
border: none;
margin-right:25%;
padding-left: 15px;
padding-right: 15px;
display: flex;
margin-left: auto;
margin-bottom: 20px;
margin-top: 30px;
outline: none;
}
.readmore-question{
font-size: 14px;
font-weight: bold;
color: gray;
}
.read-more-ans{
font-size: 14px;
color: gray;
}
#more{
display: none;
}
#more1{
display: none;
}
.read-more-less button{
background-color: white;
color:orange;
font-size: 14px;
border: none;
text-decoration: underline;
outline:none;
margin-left: -5px;
}
.responsive{
height: auto;
width:100%;
}
.responsive1{
height: auto;
width:80%;
}
.manager-score{
display: inline-block;
padding: 30px 30px;
margin-bottom: 20px;
/*width: 100%;*/
margin-bottom: 20px;
margin-top: 15px;
border: 1px solid #E2E2E2;
border-radius: 10px;
}
.score-sheet{
color: #001746;
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 40px;
}
.manager-score-card{
overflow: hidden;
max-width: 200px;
width: 100%;
height: 130px;
border: 1px solid #E2E2E2;
border-radius: 10px;
margin-bottom: 30px;
padding: 14px 20px;
}
.manager-score-card-disabled{
background-color: #DBDBDB;
}
.manager-score-card p{
color: #001648;
font-weight: 600;
text-align: left;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
}
.manager-score-card input{
border: 0px;
border-bottom: 1px solid #000;
text-align: center;
font-size: 2rem;
max-width: 60px;
font-weight: 600;
color:#001648;
background: transparent
}
.parameter{
font-size: 14px;
color:#324265;
font-weight: 600;
height: 100px;
width: 100px;
padding: 10px 30px;
}
.remark{
width: 100%;
border: 1px solid #E2E2E2;
border-radius: 10px;
padding: 14px 20px;
}
.remark textarea{
height: 30px;
width: 100%;
border: none;
border-bottom:1px solid #000 ;
resize: none;
margin-top: 25px;
margin-bottom: 20px;
overflow: hidden;
font-weight: 600;
color:#001648;
}
.param-remark{
color: #001648;
font-weight: 600;
text-align: left;
font-size: 1rem;
}
.participant-heading {
padding: 25px 48px 0 25px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.participant-heading  h2 {
font-weight: 700;
font-size: 1.5rem;
}
.participant-back{
background-image: url('../img/left-arrow.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: left 13px center;
background-color: #F7F7F9;
border: 0;
padding: 6px 18px 6px 42px;
border-radius: 25px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-reset:hover{
background: #cacaca;
}
.participant-back a{
color: #707070;
}
.tab-pagination-wrap{
padding: 0 48px 0 25px;
}
.action_p {
padding: 0 33px 0 15px;
}
.previous-next.demo{
margin-left: auto;
padding-right: 30px;
}
.wrapper-table{
max-width: 96%;
}
.participants-batches{
border: 1px solid #E2E2E2;
border-radius: 10px;
max-width: 93%;
margin: 20px 40px;
}
.participants-batches .input-box{
width: 100%;
border-radius: 0;
border-bottom: 1px solid #707070;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.participants-batches .input-box::placeholder{
color:#C4C4C4;
}
.participants-batches .input-box:focus{
outline: 0;
box-shadow: none;
background:#f6f5f5;
}
.btn-Submit-score-wrap{
margin-top: 20px;
padding: 0 15px;
}
.loadbtn{
margin-top: -20px;
}
.btn-Submit-score{
background-color: #FF4F37;
color: white;
border-radius: 20px;
border: none;
height: 36px;
padding: 0 50px;
font-size: 0.9rem;
font-weight: 600;
}
.btn-Submit-score:focus{
border:none;
outline: none;
}
.proj-det {
display: flex;
width: 100%;
justify-content: flex-end;
}
.btn-project-details{
background-color: #FF4F37;
color: white;
border-radius: 20px;
border: none;
padding: 3px 25px 2px;
}
.btn-project-details:focus{
outline:none;
}
.participants-heading a{
	text-decoration:none;
}
.project-dashboard{
border: 1px solid #E2E2E2;
border-radius: 10px;
max-width: 100%;
}
.project-dashboard-wrapper{
padding: 0 20px;
}
.project-dashboard-batch-filter-wrapper{
padding: 20px;
}
.project-dashboard-batch-filter{
border: 1px solid #E2E2E2;
border-radius: 10px;
width: 100%;
padding-top:20px;
margin:10px;
}
.batchs-filter{
border: 1px solid #E2E2E2;
border-radius: 10px;
padding: 10px;
margin-bottom: 20px;
}
.btn-filter-reset{
padding: 8px 20px;
justify-content: center;
}
.btn-filter{
background-image: url('../img/search_ic.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: left 13px center;
background-color: #FF5038;
color: white;
border-radius: 20px;
border: none;
padding: 0 20px 0 40px;
height: 36px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.chart-wrapper{
padding: 0 20px ;
}
.horizontal-chart{
border: 1px solid #E2E2E2;
border-radius: 10px;
width: 100%;
}
.vertical-chart{
border: 1px solid #E2E2E2;
border-radius: 10px;
width: 100%;
}
.chart-heading{
padding: 10px 20px 10px;
color:#979797;
border-bottom:1px solid #E2E2E2;
}
.chart-footer{
font-weight: 600;
margin-top: 15px;
text-align: center;
padding-top:10px ;
color:#001848;
border-top:1px solid #E2E2E2;
}
.submission-graph-wrapper{
max-width: 100%;
margin-right: 15px;
}
/* .projectwrap{
display: flex;
width: 100%;
} */
/* .att{
max-width: 100%;
overflow: auto;
max-height: 466px;
margin-bottom:50px;
} */
/* .attendence-table{
display: table;
border: 1px solid #E2E2E2;
border-top: 0;
border-bottom: 0;
border-radius: 10px 10px 0 0;
} */
.select2-search{
z-index: 1;
}
/* .attendence{
color:#979797;
border: 1px solid #E2E2E2;
padding: 10px 29px;
display: table-caption;
border-radius: 10px 10px 0 0;
}
.attendence-table .our_row{
display: table-row;
clear: both;
}
.attendence-table .our_row .our_cell{
display: table-cell;
padding: 15px 85px;
border-bottom: 1px solid #E2E2E2;
text-align:center;
} */
.attendance-wrapper{
	padding: 0 32px 0 20px;
	margin-bottom:50px;
}
.attendance-wrapper .card{
	border-radius:10px;
}
.attendance-wrapper .card-header{
	color: #979797;
    background: #fff;
    border-radius: 10px 10px 0 0;
}
.attendance-wrapper .table-responsive th{
	color: #979797;
    border: 0;
    padding: 12px 12px;
    font-weight: 600;
    font-size: 0.95rem;
    text-align: center;
    white-space: nowrap;
}
.attendance-wrapper .table-responsive td{
	color: #000000;
    font-size: 0.85rem;
    text-align: center;
}
.sidebar-menu{
font-size: 28px;
font-weight: 600;
color: #153D4A;
margin-bottom: 0px;
}
.sidebar-username{
font-size: 15px;
color: #707070;
margin-left: 6px;
}
.user-info{
padding: 15px 13px 2px;
}
#implementation1 p{
margin-top: 0;
margin-bottom: 15px;
}
#implementation1 .content-text{
margin-bottom: 20px;
}
.submenu{
margin-top: 16px;
list-style: none;
}
.side-bar-2 .nav-wrapper .submenu li a{
text-decoration: none;
display: block;
}
.side-bar-2 .nav-wrapper .proj-dash-show.show{
display: block;
}
.side-bar-2 .nav-wrapper .manage-show.show1{
display: block;
}
.side-bar-2 .nav-wrapper .comment-show.show2{
display: block;
}
.side-bar-2 .nav-wrapper ul{
position: static;
display: none;
}
.fa-chevron-down ,.fa-caret-right{
color: lightgray;
}
.side-bar-2 .nav-wrapper li a span{
position: absolute;
left: 250px;
font-size: 17px;
top:50%;
transform: translateY(-50%);
transition: transform 0.4s;
}
.side-bar-2 .nav-wrapper li a .caret_icn{
position: absolute;
left: 8px;
top: 14px;
}
.side-bar-2 .nav-wrapper li a span.rotate{
transform: translateY(-50%) rotate(-180deg);
}
.side-bar-2 .contact{
list-style: none;
padding: 0;
}
.contact li {
background-color: #fff;
padding: 10px;
}
.contact a{
text-decoration: none;
color:#ff4400;
background-color: #fff;
margin-left: 30px;
}
.contact li a span.fa-chevron-down{
color: #ff4400;
left: 20px;
position: relative;
top:2px;
transform: translateY(-30%);
transition: transform 0.4s;
}
.contact ul {
list-style: none;
position: static;
padding: 0;
font-size: 14px;
display: none;
}
.contact ul li a{
color: #000;
text-decoration: none;
display:inline-flex;
word-break:break-word;
align-items:baseline;
}
.contact ul li a span.fa-envelope{
color: #ff4400;
position: absolute;
left: 26px;
transform: translateY(29%);
}
.contact li a span.fa-chevron-down.rotate{
transform: rotate(180deg);
}
.side-bar-2 .contact ul.contact-show.show3{
display: block;
}
.side-wrapper{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 80%;
}
.thunb-btn.dw-c {
outline: none;
}
.filter-batch{
display: flex;
}
.align-icn{
width: 18px;
margin-bottom: 6px;
}
.icn{
width: 14px;
margin-bottom: 4px;
}
.misreports{
border: 1px solid #E2E2E2;
border-radius: 10px;
max-width: 98%;
padding: 0 20px;
margin-left: 12px;
}
.misreports .select-fields{
display: flex;
justify-content: space-between;
margin: 3%;
}
.misreports .select-fields div{
width: 500px;
}
.download-report{
background-color:#FF4500;
color: #fff;
border-radius: 20px;
padding: 4px 40px 4px;
border: none;
margin-bottom: 30px;
}
.download-report:focus{
outline: none;
}
.cam-icn{
width: 31px;
margin-bottom: 5px;
}
.doc-icn{
width: 27px;
margin-bottom: 5px;
}
.overlap{
z-index: 99999;
}
.searchuifeed-icn{
width: 30px;
}

@media only screen and (max-width: 768px) {
.dark-org-btn-upload {
width: 70%;
}
.download-report{
margin-left: 50%;
}
.misreports .select-fields div{
width: auto;
}
.misreports .select-fields{
flex-direction: column;
}
.filter-batch{
flex-direction: column;
}
.manager-container .score-content .change-score-color{
font-size: 12px;
}
.manager-container .pipe-color{
font-size: 19px;
}
.participants-heading{
padding: 25px 20px 5px;
}
.participant-wrapper{
padding: 0 20px;
margin: 0;
}
.participant-wrapper .left-table-main{
padding: 10px 0 10px !important;
margin: 0;
}
.participant-wrapper .right-table{
padding: 10px 0 5px !important;
margin: 0;
}
.alignment .action_p{
flex-direction: column;
width: 100%;
padding: 0;
margin: 0;
}
.participants-heading h2{
color: #001848;
font-size:1.3rem;
}
.participants-left-table{
padding: 14px 0px;
height: initial;
}
.participants-left-table .btn-search-reset{
margin-top: 25px;
padding: 0 20px;
justify-content: center;
}
.participants-bottom-table-wrapper{
padding: 0 20px;
}
.participants-bottom-table{
margin-top: 10px!important;
}
.participants-bottom-table tbody td{
white-space: nowrap;
}
.previous-next{
justify-content: center;
width: 100%;
}
.participants-right-table{
width: 100%;
overflow: hidden;
}
.participant-text-md{
display: none;
}
.participants-right-table .participant-mob-text{
display: table-cell;
}
.wrapper-table{
padding: 0 20px;
}
.participants-leftbox-wrapper{
padding: 0 20px;
}
.manager-score{
width: 100%;
padding: 20px 20px;
}
.bottom-table{
width: 100%;
}
.controls{
flex-direction: column;
}
.position-back{
margin-left: 75%;
}
.manager-score-card{
overflow: hidden;
max-width: 200px;
width: 100%;
height: 130px;
border: 1px solid #E2E2E2;
border-radius: 10px;
margin-bottom: 30px;
padding: 14px 20px;
}
.manager-score-card{
width: 100%;
max-width: 100%;
}
.participant-heading{
padding: 25px 20px 0 20px;
}
.tab-pagination-wrap{
padding: 0 20px;
margin-bottom: 10px;
}
#action_plans .pagination-nav {
margin-left: initial !important;
display: flex;
justify-content: center;
}
#action_plans .pagination-nav ul {
padding: 0;
margin: 0;
}
.action_p .action-tab-inner{
padding: 0 5px;
margin: 0;
}
.content-container .content-container-inner{
padding: 0;
margin: 0;
}
.manager-score-card-wrap{
padding: 0;
}
.implementation-container .pagination-nav {
margin-left: initial !important;
display: flex;
justify-content: center;
}
.implementation-container .pagination-nav .navigate-page {
margin-left: initial;
}
.implementation-container  .implementation-container-inner{
padding: 0;
margin: 0;
}
.comment-section{
margin: 0 !important;
}
.comment-section-input{
width: calc(100% - 60px);
}
.tab-pagination-wrap .navigation nav > div a.nav-item.nav-link{
width:100%;
}
.position-share{
margin-top: 10px;
}
.impact-container {
margin-bottom: 15px;
}
.impact-container .btn-download{
margin-bottom: 0;
}
.manager-container .content-title{
margin-bottom: 10px;
}
.manager-container .score-content{
margin: 0;
}
.manager-container-inner{
padding: 0;
margin: 0;
}
.manager-container-inner .score-box{
padding: 0;
margin: 0;
}
}
.project-details-table-wrapper{
padding: 0 40px 0 25px;
}
.project-details-table{
margin-top: 10px;
border:1px solid #E2E2E2;
border-top: 0;
border-radius: 10px;
max-width: 100%;
}
.project-details-table table th{
padding-left: 50px;
font-weight: normal;
}
.project-details-table table td{
font-weight: bold;
}
.reports-table{
margin-top: 10px;
box-shadow: 0 0 2px 2px  rgba(111, 111, 240, 0.05);
border:1px solid lightgray;
border-radius: 10px;
max-width: 96%;
}
.report-downloads{
border-radius: 20px;
font-size: 13px;
outline: none;
padding-left: 20px;
padding-right: 20px;
}
.report-downloads-pdf{
background-image: url('../img/pdf.svg');
background-size: 14px;
background-repeat: no-repeat;
background-position: left 8px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 20px 0 40px;
height: 28px;
border: 1px solid #E2E2E2;
}
.report-downloads-pdf:focus{
outline: none;
}
.report-downloads-excel{
background-image: url(../img/excel.svg);
background-size: 17px;
background-repeat: no-repeat;
background-position: left 17px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 20px 0 40px;
height: 28px;
border: 1px solid #E2E2E2;
}
.report-downloads-excel:focus{
outline: none;
}
.report-downloads-pow{
background-image: url('../img/powerpoint.svg');
background-size: 14px;
background-repeat: no-repeat;
background-position: left 8px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 20px 0 40px;
height: 28px;
border: 1px solid #E2E2E2;
}
.report-downloads-pow:focus{
outline: none;
}
.navigate-page{
background-color: #ddd;
border-radius: 20px;
width: auto;
overflow: auto;
margin-left: auto;
}
.navigate-page li{
position: relative;
text-align: center;
margin-right: auto;
font-size: 14px;
}
.navigate-page li a{
text-decoration: none;
color:gray;
transition: all 0.3s ease;
font-weight: 600;
}
.test-area{
color: #ff3300;
}
.navigate-page li a.active{
border-radius: 20px;
color:  #ff5733;
}
/* lightbox */
.row > .column {
padding: 0 8px;
}
.row:after {
content: "";
display: table;
clear: both;
}
/* Create four equal columns that floats next to eachother */
.column {
float: left;
width: 25%;
}
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 100px;
top: 0;
width: 100%;
overflow: auto;
background-color: #B8B8B8;
}
.modal-heading{
display: flex;
justify-content: flex-end;
/*padding: 1rem 1rem;*/
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
.closemodal{
color: #000;
width: 15px;
height: 15px;
padding: 0 2px;
border-radius: 15px;
font-size: 10px;
text-align: center;
background-color: white;
border: 1px solid black;
margin:-7px;
font-weight: bold;
}
.modalbody{
position: relative;
padding: 1rem;
flex: 1 1 auto;
}
.modalbody h4{
color: #001848;
font-weight: bold;
}
.modal-content{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
border-radius: .3rem;
background-clip: padding-box;
outline: 0;
border:none;
margin:auto;
}
.modalfooter{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0 30px 15px;
}
.modalbutton-yes{
background-color: #FF5038;
color: #fff;
outline: none;
border:none;
padding: 2px 20px 2px;
border-radius: 20px;
margin:5px;
}
.modalbutton-yes:focus{
outline:none;
}
.download-scorecard-btn{
text-align: center;
margin-top: 15px;
}
.modalbutton-no{
background-color: #B4B4B4;
color: #fff;
outline: none;
border:none;
padding: 2px 20px 2px;
border-radius: 20px;
margin:5px;
}
.comment-modal{
z-index: 9999;
}
.modalbutton-no:focus{
outline :none;
}
/* batch details */
.home-social-journey{
display: flex;
justify-content: flex-end;
}
.btn-home{
background-image: url('../img/dashboard.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: left 10px center;
background-color: #F8F8FB;
border-radius: 5px;
border:none;
margin-top:10px;
padding: 4px 30px 4px;
color:#000;
font-size: 14px;
font-weight: 500;
}
.home-social-journey button.active{
background-color: #FA5233;
color: #fff;
}
.btn-home:focus{
outline: none;
border:none;
}
.btn-social-journey{
background-image: url('../img/share-2.svg');
background-size: 17px;
background-repeat: no-repeat;
background-position: left 5px center;
background-color: #F8F8FB;
border-radius: 5px;
border:none;
margin: 10px 22px 0;
padding: 4px 25px 4px;
color:#000;
font-size: 14px;
}
.btn-social-journey:focus{
outline: none;
border:none;
}
.attachments {
height: 120px;
width: 160px;
object-fit: scale-down;
}
.doc-thumbnail-wrapper {
background: transparent !important;
}
.thumb.doc-thumbnail {
margin: 0 8px 14px 8px;
background-color: #f5f5f5;
position: relative;
}
.thumbnail-info{
position: absolute;
background: rgba(0,0,0,0.4);
left: 0;
bottom: 0;
width: 100%;
height: 34px;
display: flex;
align-items: center;
padding: 0 10px;
}
.thumbnail-info .title-c {
color: #fff;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.thumbnail-info .dw-wrap {
margin-left: auto;
display: inline-flex;
justify-content: center;
align-items: center;
}
.thumbnail-info .thunb-btn{
background-image: url('../img/dw-ic.svg');
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
height: 26px;
width: 26px;
background-color: rgba(255,255,255,0.3);
border: 0;
}
.attach{
background-color: whitesmoke;
}
input.largerCheckbox {
width: 17px;
height: 17px;
border: lightgray 1px solid;
}
/*participant overview tab*/
.navigation nav > .nav.nav-tabs{
border: none;
color:#fff;
background: #DBDBDB;
border-radius:20px;
font-size: 14px;
text-decoration: none;
}
.navigation nav > div a.nav-item.nav-link{
color: #5C5C5C;
font-weight: 600;
border:none;
}
.navigation nav > div a.nav-item.nav-link.active
{
border: none;
color:#fff;
background: #FF4F37;
border-radius: 20px;
font-size: 14px;
}
.navigation nav > div a.nav-item.nav-link:hover{
border:none;
}
.sm-resource-trending{
display: block;
}
.side-bar-2 i.fa.fa-chevron-down.dropdown {
float: right;
margin-right: 50px;
}
.timestamp{
font-size: 12px;
color: gray;
font-weight: bold;
font-family: 'Mukta', sans-serif;;
}
.pager{
display: flex;
justify-content: flex-end;
}
.pagination1{
list-style: none;
display: flex;
margin-top: 20px;
cursor: pointer;
padding: 0;
flex-wrap: wrap;
align-items: center;
}
.paging-anchor{
margin-top: 15px;
}
.current.pagerclick{
border-radius: 50%;
border: 1px solid lightgray;
padding: 6px 12px;
background-color: #FF5038;
color: white;
}
.pagerclick {
border-radius: 50%;
border:1px solid lightgray;
padding: 6px 12px;
}
.pagerclick a {
text-decoration: none;
color: #000;
background-color: transparent;
}
.previous-next{
display: flex;
justify-content:flex-end;
width:100%
}
.input.text {
width: 100%;
}
#tag_input {
border: 1px solid lightgray;
}
#tag_input:focus{
outline: none;
}
#demo_input1 {
border: 1px solid lightgray;
}
input#demo_input1:focus {
outline: none;
}
#demo_input {
border: 1px solid lightgray;
}
#demo_input:focus{
outline: none;
}
.btn-previous{
background-image: url('../img/previous_icn.svg');
background-size: 18px;
background-repeat: no-repeat;
background-position: left 15px center;
background-color: #FF5030;
color: #fff;
border-radius: 20px;
padding: 8px 20px 8px 40px;
height: 32px;
line-height: 32px;
margin-top: 15px;
border: none;
margin: 20px 5px 30px;
}
.btn-previous.disabled{
 cursor: default;  
 background-color: #e69485;
}
.btn-next{
background-image: url('../img/next_icn.svg');
background-size: 18px;
background-repeat: no-repeat;
background-position: right 15px center;
background-color: #FF4500;
border-radius: 20px;
padding: 8px 40px 8px 20px;
margin-top: 15px;
border: none;
margin: 20px 5px 30px;
height: 32px;
line-height: 32px;
}
.btn-next.disabled{
 cursor: default;  
 background-color: #e69485;
}
.btn-next a{
color: #fff;
}
.btn-next a:hover{
text-decoration: none;
}
.pag-previous{
background-image: url('../img/previous_icn.svg');
background-size: 18px;
background-repeat: no-repeat;
background-position: left 15px center;
background-color: #FF5030;
color: #fff;
border-radius: 20px;
padding: 2px 20px 2px 40px;
height: 32px;
line-height: 32px;
margin-top: 15px;
border: none;
margin: 20px 5px 30px;
}
.pag-next{
background-image: url('../img/next_icn.svg');
background-size: 18px;
background-repeat: no-repeat;
background-position: right 15px center;
background-color: #FF4500;
border-radius: 20px;
padding: 2px 40px 2px 20px;
margin-top: 15px;
border: none;
margin: 20px 5px 30px;
height: 32px;
color: #fff;
line-height: 32px;
}
.btn-previous a{
color: #fff;
}
.btn-next{
color: #fff;
}
.form-control:focus{
color: #495057;
background-color: #fff;
border-color: #E2E2E2;
box-shadow: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
border-color: #aaa;
outline: 0;
}
.notify{
top:10px;
margin-left: -30px;
}
html *{
-webkit-font-smoothing: antialiased;
}
.loadings{
position: absolute;
left: 50%;
right: 50%;
width: 162px;
transform: translate(-35%,-24%);
}
.title h3{
font-size: 25px !important;
margin-top: 20px;
margin-bottom: 25px;
line-height: 1.4em !important;
font-weight: 300;
}
.uploaded_reports_buttons{
display:flex;
justify-content:flex-end;
}
.back-to-reports{
	background-color: #F8F8FB;
    border-radius: 20px;
    padding: 0 25px;
    height: 28px;
    border: none;
}
.back-to-reports:focus{
outline:none;
}
/* alerts */
.alert{
padding: 4px 42px;
}
.alert-img{
width: 50px;
margin-right: 20px;
}
.alert-message{
align-self: center;
font-weight: 600;
}
.gptwlogo{
width: 70px;
height: 70px;
}
.no-records {
	border: 1px solid #E2E2E2;
	text-align: center;
	padding: 30px 40px;
	font-size: 25px;
	margin-left: 20px;
	width: 95%;
	font-weight: 500;
	border-radius: 10px;
}
/* select2 */
/* Media Query */
@media (min-width:1200px) and (max-width:1365px) {
.slider-nav .slick-slide:nth-child(odd) {
margin-right: 10px;
margin-left: 10px;
}
}
@media (min-width:1461px) {
.slider-nav .slick-slide:nth-child(odd) {
margin-right: 25px;
margin-left: 25px;
}
}
@media (min-width:1366px) {
.login-page-wrapper-main {
background-size: 65% 100%;
}
}
@media(min-width:992px) {
.main-content .main-content-sec .level-content-wrapper .criteria-content {
min-height: 198px;
}
}
.md-score-card{
display: none;
}
.md-resource-trending{
display: none;
}
@media (min-width: 768px) {
.login-page-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.side-bar ul li.dropdown .dropdown-menu {
left: 70% !important;
top: -100% !important;
min-width: 20rem;
}
.side-bar ul li.dropdown .dropdown-menu:after {
content: '';
position: absolute;
top: 3%;
left: 23%;
margin-left: -125px;
width: 0;
height: 0;
border-top: solid 15px #fff;
border-left: solid 15px transparent;
border-right: solid 15px transparent;
transform: rotate(90deg);
}
}
@media (min-width:992px) and (max-width:1200px) {
.main-content-sec {
padding: 2.5rem 1.125rem 2.5rem 1.5rem;
}
.user-wrapper .btn {
font-size: 55px;
}
.side-bar {
max-width: 90px;
}
.main-content .main-content-sec .level-content-wrapper .criteria-content {
padding: 25px 20px 15px;
}
}
@media (max-width:1200px) {
.slider-nav .slick-slide {
margin-right: 15px;
}
.slider-nav .slick-track {
-ms-flex-pack: center!important;
justify-content: center!important;
display: -ms-flexbox!important;
display: flex!important;
padding: 20px 0;
}
.pagingInfo {
display: none;
}
}
@media (max-width:1024px) {
.feedback-table {
width: 980px;
}
.main-content-sec {
padding: 2.5rem 2.125rem 2.5rem 2.5rem;
}
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper .form-control,
.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper label {
font-size: .6rem;
}
}
@media (max-width: 991px) {
h2.title {
color: #001848;
font-size: 25px;
}
.login-page-wrapper-main {
background-image: none;
}
.user-wrapper .btn {
font-size: 55px;
}
.main-content-sec {
padding: 2.5rem 1.125rem 2.5rem 1.5rem;
}
.side-bar {
max-width: 70px;
}
.pending-re-btn {
font-size: 12px;
padding: 10px 15px;
}
.main-content-sec .journey-giftwork .action-main .action-wrapper {
min-height: 336px;
}
table.action-plan {
min-width: 1150px;
}
.main-content-sec .post-update-input-wrapper .input-group .input-group-append .btn-outline-primary {
padding: .375rem 1.3rem;
}
.main-content-sec .card.trending-section .card-body .fs-16 {
font-size: 14px;
}
.main-content-sec .card.trending-section .card-body .fs-14 {
font-size: 10px;
}
.user-wrapper .btn img.align-baseline {
vertical-align: sub !important;
}
.switch-to-reporting-manager {
top: 85px;
}
.login-page-wrapper .btn {
font-size: 14px;
}
.login-page-wrapper .btn.orange-btn {
padding: 0.375rem 2rem;
}
}
@media (max-width:768px) {
.gptwlogo{
width: 70px;
height: 70px;
}
.main-content .top-section {
padding: 4px 15px;
}
/* .submission-graph-wrapper{
max-width: 100%;
}
.att{
max-width: 100%;
margin-left: 0;
margin-bottom: 15px;
}
.projectwrap{
flex-direction: column;
} */
.report-downloads-pdf {
background-image: url(../img/pdf.svg);
background-size: 10px;
background-repeat: no-repeat;
background-position: left 6px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 10px 0 20px;
height: 28px;
border: 1px solid #E2E2E2;
}
.report-downloads-pow {
background-image: url(../img/powerpoint.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: left 8px center;
background-color: #F8F8FB;
border-radius: 20px;
padding: 0 10px 0 20px;
height: 28px;
width: 122px;
border: 1px solid #E2E2E2;
}
.notify{
top:10px;
margin-left: 0;
}
.pager{
justify-content: center;
}
.main-content-sec {
padding: 2.5rem 1.125rem 2.5rem 1.125rem;
}
.login-page-wrapper-main .login-page-wrapper {
margin-top: 3rem;
}
.login-page-wrapper .copyright {
margin-top: 3.5rem;
}
h2.title {
color: #001848;
font-size: 20px;
}
.user-wrapper .btn {
font-size: 0;
margin-top: 5px;
}
.slider-nav .slick-slide {
height: 45px;
}
.slider-nav .slick-slide span {
font-size: 20px;
}
.login-page-wrapper .forget-pass {
line-height: 30px;
}
.main-content-sec .social-update-wrapper .user-name-img.desktop {
display: none !important;
}
.main-content-sec .journey-giftwork .slick-list {
padding: 0;
}
.main-content-sec .journey-giftwork .action-main {
padding: 0 0px 0 10px;
}
.main-content-sec .journey-giftwork .slick-next {
right: -0.5rem;
}
.main-content-sec .journey-giftwork .slick-prev {
right: auto;
left: 0;
}
}
@media (max-width:567px) {
	.dark-org-btn-upload {
		width: 45%;
	}

	.md-score-card{
		display: block;
	}

	.sm-score-card-btn{
		display: none;
	}

	.sm-resource-trending{
		display: none;
	}

	.md-resource-trending{
		display: block;
	}

	.ajax-file-upload-statusbar{
		width: 335px !important;
	}

	.ajax-file-upload-progress{
		width: 200px !important;
	}

	.main-content-sec .level-content-wrapper .gift-work-session .table.table-hover {
		width: 620px;
	}
	.main-content-sec .level-content-wrapper .form-instruction {
		margin-bottom: 1.5rem;
	}
	.pagingInfo {
		display: block;
	}
	.main-content-sec .level-content-wrapper .pagingInfo {
		padding: 9px 35px;
		margin: 0 10px 0 10px;
	}
	.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper {
		padding: 0px;
	}
	.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper {
		padding: 0;
	}
	.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper.ppt {
		padding: 1.5rem;
	}
	.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper {
		padding: 1.5rem;
		/* min-height: auto; */
	}
	.main-content-sec .level-content-wrapper .slider-for .ppt-main-wrapper .ppt-sub-wrapper .content-wrapper img.logo {
		max-width: 23%;
	}
	.main-content-sec .level-content-wrapper .slick-prev,
	.main-content-sec .level-content-wrapper .slick-next {
		top: -43px;
	}
	.main-content-sec .level-content-wrapper .slick-prev {
		left: -15px;
	}
	.main-content-sec .level-content-wrapper .slick-next {
		left: 7.1rem;
	}
	.main-content-sec .level-content-wrapper .pagingInfo {
		max-width: 99.08px;
	}
	.main-content-sec .about-profile .content-section,
	.main-content-sec .about-profile .journey-social {
	padding: 15px 0px;
	}
	.main-content-sec .about-profile .title-section {
	padding: 15px 0px 10px;
	}
	.main-content-sec .profile-main-wrapper {
	padding: 15px;
	}
	.main-content-sec .profile-main-wrapper .btn {
	right: 15px;
	top: 14px;
	padding: 0.2rem .75rem;
	}
	.main-content-sec .profile-main-wrapper p.name.fs-21 {
	font-size: 15px;
	}
	.main-content-sec .profile-main-wrapper p.designation.fs-16 {
	font-size: 12px;
	}
	.main-content-sec .profile-main-wrapper p.company.fs-14 {
	font-size: 11px;
	}
	.main-content-sec .social-update-wrapper {
	padding: 2.5rem 1rem 3rem;
	margin-bottom: 10px;
	}
	.main-content-sec .journey-giftwork .action-main .action-wrapper p.step {
	font-size: 19px;
	}
	}
	/*////// Code for View upload view///*/
	.ppt-sub-wrapper .image-view-box-wraper {
	margin-top: 15px;
	}
	.image-view-box-wraper .image-view-box {
		display: flex;
		align-items: flex-start;
		margin-bottom: 25px;
	}
	.image-view-box-wraper .image-view-box .ajax-file-upload {
		margin: 0;
		padding: 2px 8px;
		line-height: initial;
		height: initial;
		font-weight: 600;
	}
	.image-view-box-wraper .image-view-box .ajax-file-upload-container {
		margin-top: 0;
		overflow: hidden;
		margin: 0;
	}
	.image-view-box-wraper .image-view-box .ajax-file-upload-container .ajax-file-upload-filename {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		font-size: 0.85rem;
		margin-top: 5px;
	}
	.image-view-box-wraper .image-view-box .ajax-file-upload-container .ajax-file-upload-preview {
		height: 50px !important;
		width: auto !important;
		object-fit: contain;
	}
	.image-view-box-wraper .image-view-box .ajax-file-upload-container .ajax-file-upload-bar {
		height: 8px;
	}
	.main-content-sec .journey-social .journey-social-wrapper.user-comment-box{
		height: 470px;
	}
	@media (max-width:320px) {
	.main-content-sec .level-content-wrapper .pagingInfo {
		padding: 9px 20px;
		max-width: 99.08px;
	}
	.main-content-sec .profile-main-wrapper .btn {
		right: 4px;
		padding: 0.2rem .5rem;
	}
	.main-content-sec .level-content-wrapper .slick-next {
		left: 5.1rem;
	}
}

.no-records {
	border: 1px solid #E2E2E2;
	text-align: center;
	padding: 30px 40px;
	font-size: 25px;
	margin-left: 20px;
	width: 95%;
	font-weight: 500;
	border-radius: 10px;
}
.datepicker{
	z-index: 9999999 !important;
}