body.with-top-navbar { padding-top: 73px; padding-bottom: 0px;  }

.container-fluid .colfirst { padding-top: 10px; }

.footer-cookie-container { display: none; z-index: 2000; }

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}

.footer.stickyfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #BECDD4;
	color: white;
}

.footer.stickyfooter.footer-pharmacademy {
	line-height: inherit !important;
	background-color: #f5f5f5;
	height: 50px;
}

.footer-pharmacademy .nav { font-size: 0.8rem; }
.footer-pharmacademy .nav-link.disabled { cursor: default; }

.container-fluid { padding-left: 0px; padding-right: 0px; /*margin-bottom: 50px; /*background-color: #f7f8fa;*/ }

.footer-pharmacademy { /*position: fixed;*/ }
.footer-pharmacademy .container { text-align: right; padding-top: 10px; }

.bg-actando { background-color: #FFFFFF !important; }

.footer .footer-cookie { padding-left: 20px; padding-right: 20px; background-color: #7ac943; }
.footer .footer-cookie-text { text-align: center; }
.footer.stickyfooter .text-stickyfooter { color: white; }
.footer.stickyfooter .text-stickyfooter a { color: white; text-decoration: underline; }
.footer-cookie button.close { margin-top: 20px;	font-size: 1.5rem; color: white; }

.navbar .navbar-brand-pharmacademy { margin-right: 5px; }
.navbar .icon-pharmacademy { width: 50px; }
.navbar .pharmacademy { color: #6142e5; }
.navbar .nav-linkicon .fa {	border-radius: 50%; padding: 10px; }
.navbar .nav-linkicon .fa.myacademy { background-color: #24B1FF ; color: white; }
.navbar .nav-linkicon .fa.mycareerplanner { background-color: #FF8E0A ; color: white; }
.navbar .nav-linkicon .fa.mycockpit { background-color: #79CA41 ; color: white; }
.navbar .nav-linkicon .fa.myhome { background-color: #d30000; color: white; font-size: 1.3em; }
.navbar .nav-linkicon .fa.myadmin { background-color: #bdccd4 ; color: white; }
.navbar .nav-linkicon .fa.mywhishlist { background-color: #E181A7 ; color: white; }
.navbar .nav-linkicon .fa.myalert { background-color: #E161FC ; color: white; }
.navbar .nav-linkicon.nav-linkicon-onlyicon { padding-right: 0; }

.navbar .btn-login { margin-left: 10px; }
.navbar-actando .navbar-brand { color: #7A7B7D; }
.navbar-actando .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); }

.navbar-actando .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }

.navbar-actando .navbar-nav .show > .nav-link, 
.navbar-actando .navbar-nav .active > .nav-link, 
.navbar-actando .navbar-nav .nav-link.show, 
.navbar-actando .navbar-nav .nav-link.active { color: #7A7B7D; }

.navbar .search-courses .form-control {  border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.navbar .search-courses { margin-bottom: 0 !important; margin-top: 3%; color: #DCE6E8; }
.navbar .search-courses .input-group-text { padding: 0; background-color: #DCE6E8; }
.navbar .search-courses .input-group-text .fa { font-size: 0.8rem; }

.navbar .btn-header-account { border-radius: 50%; background-color: #6142e5; width: 35px; height: 35px; color: white; font-weight: bold; margin-left: 15px; text-align: center; padding-top: 7px; }

/* CAROUSEL */

.carousel-discovery-info { padding-bottom: 80px; padding-left: 20%; bottom: 0; position: absolute; }
.carousel-discovery-logo { position: absolute; right: 0; top: 20px; padding-right: 40px; }
.carousel-discovery-info-text { color: white; font-size: 2rem; }
.carousel-discovery-picture { height: 350px; background-size: cover; }
.carousel-discovery-info-button a { color: white !important; }
.carousel-discovery-logo img { width: 200px; float: right; }

@media only screen and (max-width: 760px) {
	.carousel-discovery-logo { padding-top: 40px; }
	.carousel-discovery-logo img { width: 120%; }
	.carousel-discovery-info-text { font-size: 1rem; margin-bottom: 20px; }
	.carousel-picture-more { height: 40px; }
}

/* CHAT */

.chat-component { width: 250px; height: 40px; position: fixed; bottom:35px; right: 0; z-index: 500; background-color: white; border-radius: 5px 0 0 0; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.2); }

.chat-component .chat-selection-messager { padding: 10px 10px 10px 10px; height: 40px; cursor: pointer; }
.chat-component .chat-selection-messager-title { float: left; }
.chat-component .chat-selection-messager-options { float: right; }
.chat-component .btn-coworkers { background-color: white; }
.chat-selection-expert .btn-group { width: 100%; }
.chat-component .chat-userssearch { padding: 5px; }
.chat-component .chat-userslist { padding: 5px; }

.chat-component .chat-userpicture { position: relative; width: 40px; height: 40px; border-radius: 50%; background-color: #6142e5; text-align: center; color: white; padding-top: 7px; }
.chat-component .chat-userpicture-container { width:50px; }
.chat-component .chat-plot { position: absolute; width: 15px; bottom: -5px; right: -5px; }
.chat-component .chat-plotuserisconnected { border-color: white; background-color: rgb(66, 183, 42); border-style: solid; border-width: 3px; border-radius: 50%; height: 15px; width: 15px; display: inline-block; }
.chat-component .chat-plotusernotconnected { display: none; }
.chat-component .chat-user-item { margin-bottom: 10px; margin-left: 5px; margin-right: 0px; cursor: pointer; }
.chat-component .chat-userinitial { font-size: 1.2rem; font-weight: bold; }
.chat-component .chat-username { line-height: 32px; width: 180px; overflow: hidden; height: 40px; white-space: nowrap; text-overflow: ellipsis; }
.chat-component .chat-username.chat-usernamefunction { line-height: 20px; width: 180px; overflow: hidden; height: 50px; white-space: nowrap; text-overflow: ellipsis; }
.chat-component .chat-username.chat-usernamefunction p { margin-bottom: 0px; }
.chat-component .chat-usernamepart2 { font-style: italic; }

.chat-conversation { position: fixed; height: 400px; width: 350px; background-color: red; bottom: 35px; border-radius: 5px; background-color: white; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.2); }

.hideShow{
	cursor: pointer;
}

.clearfix:after { 
          content: "."; 
          display: block; 
          height: 0; 
          clear: both; 
          visibility: hidden; 
}
.clearfix { 
          display: inline-block;  
}

.clearfix {  
          display: block;  
}
section#chat-box {
			background: #fff;
			padding: 10px;
			height: ;
			margin: 0 auto;
			max-width: 600px
}

ul.messages {
			padding: 10px;
   			list-style-type: none;
}

ul.messages li {
			display: block;
			position: relative;
			float: left;
			width: 80% !important;
			background: transparent;
			border: 2px solid #6142E5;
			border-radius: 4px;
			padding: 5px;
			color: #000;
			font-weight:500;
			margin-bottom: 10px;
}

ul.messages li:after, ul.messages li:before {
			right: 100%;
			top: 60%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
}

ul.messages li:after {
			border-color: rgba(166, 172, 186, 0);
			border-right-color: #6142E5;
			border-width: 8px;
			margin-top: -12px;
}
ul.messages li:before {
			border-color: rgba(0, 0, 0, 0);
			border-right-color: transparent;
			border-width: 26px;
			margin-top: -26px;
}

ul.messages li.me {
			background: #6142E5;
			float: right;
			width: 90% !important;
			padding-bottom: 5px;
}
		
ul.messages li.me:after, ul.messages li.me:before {
			border-right-color: transparent;
			left: 100%;
}

ul.messages li.me:after {
			border-left-color: #6142E5;
}
ul.messages li.me:before {
			border-left-color: transparent;
} 

.receiveWriteState{
	font-size: 13px;
	padding: 8px;
	padding-bottom: 20px;
	color: #777;
}
/*.chat-selection-expert .btn-group .btn { width: 50%; }*/

/* .chat-selection-expert { /* margin-left: -10px; margin-right: -10px;  }*/ 
/* .chat-userslist .row { margin-top: 10px; } */
/* .btn-experts .fa { font-size: 1.3rem; } */
/* .chat-userslist { padding-top: 15px; } */
/* .chat-username { line-height: 32px; color: #495057; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } */
/* .chat-plot { line-height: 30px; width:10px; } */
/* .chat-plotuserisconnected { background: rgb(66, 183, 42); border-radius: 50%; display: inline-block; height: 6px; width: 6px; } */
/* .chat-plotusernotconnected { background: rgb(180, 180, 180); border-radius: 50%; display: inline-block; height: 6px; width: 6px; } */
/* .chat-selection-expert .btn-coworkers { background-color: transparent; } */

/* CARD */

.group-courses-title .group-courses-title-blue { color: #6142e5 }

.card-deck { width: 100%; }
.group-courses-container { margin-top: 15px; color: #717A7F; margin-left: 0px; margin-right: 0px; }
.group-courses-container .card-deck { margin-left: 0px; margin-right: 0px; }
.group-courses-title { font-weight: 400; font-size: 1.25rem; }

.card-courses { cursor: pointer; }
.card-courses:hover { box-shadow: 5px 5px 5px rgba(135,142,150,.1) }
.card-courses:hover .card-img-top { 
	-webkit-filter: contrast(40%);
	-moz-filter: contrast(40%);
	-o-filter: contrast(40%);
	-ms-filter: contrast(40%);
	filter: contrast(40%);
}

.card-courses.disabled { cursor: inherit; }
.card-courses.disabled:hover { box-shadow: none; }
.card-courses.disabled:hover .card-img-top { 
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}

.card-img-logo { width: 100px; position: absolute; right: 5px; bottom: 5px; }

.card-courses .progress { height: 5px; }
.card-courses .progressrating { text-align: right; }
.card-courses .progressrating.library { text-align: left; }

.card-courses { max-width: 18rem; min-width: 18rem; margin-bottom: 10px !important; }
.card-courses .card-title { font-weight: 400 }
.card-courses .card-body { padding: 0.5em; font-size: 1rem; }
.card-courses .card-text { font-size: 0.8rem; /*max-height: 80px; overflow: hidden;*/ }

.card-courses .learnmorelink { font-size: 0.85rem; }

.card-img-library { height: 180px; }

/* RATING */

.course-rating { color: #6142e5; }
.course-rating .course-rating-info { color: #717A7F; font-size: 0.8rem; }
.card-courses .progressrating { cursor: pointer; font-size: 1.1rem; color: #6142e5; }
.card-courses .course-rating-info { margin-left: 5px; font-size: 0.8rem; }

/* MODAL EXPERTS */

@media (min-width: 576px) {
	.modal-experts .modal-lg { max-width: 80%; }
}

.modal-experts-map { height: 500px; overflow: hidden; }
.specialitiesList{ max-height:300px;  overflow-y:auto;margin-top: 10px;}

.custom-marker.chat-userpicture-container { margin: 0; cursor: pointer; position: relative;z-index: 2000;  }
.custom-marker.chat-userpicture-container .chat-userpicture { background-color: #E161FC; }
.custom-marker-expertname { font-weight: bold; }

/* MODAL LOGIN */

.modal-login .modal-header { background-color: #BDCBD4; }
.modal-login .modal-title { font-size: 1rem; font-weight: bold; }
.modal-login .modal-sm { max-width: 400px; }
/*.modal-login .btn-connect { width: 100%; }*/
.modal-login .btn-sso { width: 100%; }
.modal-login .modal-body .row { padding-top: 10px; }

/* WAIT */

.default-wait {
	height: 100px;
}

.group-courses-wait {
	z-index: 1000;
	position: absolute;
	left: 50%;
	font-size: 4rem;
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
	color: #0A35AA;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* RESET PASSWORD */

.subscribevalidatetext { text-align:center; }

/* MODULES */

.programme-header { background-color: #1078AD ; color: white; margin-left: 0; margin-right: 0; background-size: cover; min-height: 300px; }
.programme-description { padding-left: 5%; padding-top: 20px; font-size: 0.9rem; margin-bottom: 20px; }
.programme-contact { padding-top: 20px; padding-right: 5%; }
.programme-contact-logo { text-align: right; }
.programme-contact-logo img { height: 100px; text-align: center; }
.programme-content { margin-top: 20px; margin-left: 0; margin-right: 0; }
.programme-content-item-title { font-weight: bold; text-transform: uppercase; }
.programme-content-item { margin-top: 10px; padding: 10px; border-radius: 5px; border: 1px solid transparent; }
.programme-content-image { width: 98%; }
.programme-content-item-progress { width: 50%; }
.programme-content-item.activate:hover { border: 1px solid #f8f9fa; background-color: #f8f9fa; cursor: pointer; }
.programme-content-item.disable { background-color: none; color: #6c757d; }
.programme-content-item.disable img { 
	-webkit-filter: contrast(40%);
	-moz-filter: contrast(40%);
	-o-filter: contrast(40%);
	-ms-filter: contrast(40%);
	filter: contrast(40%);
}

.header-module { background-color: #1078AD ; color: white; margin-left: 0; margin-right: 0; }
.picture-module { margin-top: 20px; margin-bottom: 20px; }

.header-module .programname-module { font-size: 1.4rem; }
.header-module .rating-module .rating-symbol { font-size: 1.5rem;  }
.header-module .proginfo-module { font-size: 1rem; margin-top: 20px; }
.header-module .textrating-module { margin-left: 10px; }
.header-module .textprog-module { font-size: 1rem; }
.header-module .progression { margin-top: 10px; }

.btn-launch { margin-top: 10px; }

.description-modules {margin-top: 10px; font-size: 0.9rem; }

.list-modules table { width: 100%; }
.module .modulePic { width: 50px; }
.list-modules { margin-top: 10px; font-size: 0.9rem; }
.modulePbar { width: 150px; }
.moduleAction { text-align: left; width: 50px; }

/* LEARN MORE */

.learnmore-header {
	min-height: 200px;
	background-size: cover;
	color: white;
}

.learnmore-description {
	padding-left: 5%;
	padding-top: 20px;
	font-size: 0.9rem;
	margin-bottom: 20px;
}

.learn-more-description-title { font-size: 2rem; }
.learn-more-description-tagline { font-weight: bold; }
.learn-more-description-duration { margin-top: 10px; margin-bottom: 10px; }
.learn-more-description-text { text-align: justify; padding-top: 20px; }

.learn-more-description-lastupdate {
	font-size: 0.7rem;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}
	
.learnmore-info {
	padding-top: 15px;
	margin-bottom: 20px;
}

.learnmore-info-rating-text {
    float: left;
    margin-top: 7px;
    margin-left: 10px;	
}

.learnmore-info-languages, .learnmore-info-comp {
	margin-top: 15px;
}

.learnmore-info-languages .fa, .learnmore-info-comp .fa {
	font-size: 1.3rem;
}

.learnmore-contact {
	padding-top: 20px;
	padding-right: 5%;
}

.learnmore-contact-logo {
	text-align: center;
}

.learnmore-contact-logo img {
	width: 70%;
	text-align: center;
}

.learnmore-contact-actions {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.learnmore-info-rating {
	
}

.learnmore-info-rating .course-rating {
	color: white;
	font-size: 1.3rem;
	float: left;
}

.btn-learnmore-contact, .btn-downloadbrochure {
	margin-top: 10px;
	width: 200px;
	text-align: left;
	color: white;
}

.btn-learnmore-contact .fa, .btn-downloadbrochure .fa {
	font-size: 1.1rem;
	margin-right: 10px;
}

.btn-addwishlist {
	background-color: #E181A7;
	border-color: #E181A7;
}

.learnmore-content {
	margin-top: 20px;
}

.learnmore-content-item {
	margin-top: 20px;
}

.learnmore-content-image { width: 98%; }

.learnmore-content-item-title { font-weight: bold; }
.learnmore-content-item-type { font-size: 0.8rem; font-style: italic; }
.learnmore-content-item-text { margin-top: 10px; text-align: justify; }

.learnmore-content-right { padding-left: 20px; }

/* CONTACT US */

.popover.popovercontactus {
	min-width: 500px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.2);
	border: 1px solid #ced4da;
}

.div_contactus {
	margin-top: 10px;
}

.popovercontactus_footer {
	text-align: right;
}

.popovercontactus_footer .btn { margin-left: 10px; }

/* EVALUATION SURVEY */

.card-actandotitle {
	font-size: 1.2em;
}

.card-header { background-color: #6142e5; color: white; }
.card-header .btn-link { color: white; }
.card.card-eval { margin-top: 20px; border-color: #6142e5; }
.evaloptiongroup { text-align: right; font-weight: bold; }
.table.evaluationtable td { padding-top: 8px !important; padding-bottom: 0px !important; }
.card-eval .form-group { }

#btn_validate_survey { margin-top: 10px; }

.survey_title { color: #6142e5; font-size: 1.5em; margin-bottom: 20px; }

.evaluation-title { text-align: center; }

/* MODULE */

.group-courses-wait.startmodule { margin-top: 200px; }

/* EMAIL */

#displayEmailPopup .modal-title { font-size: 20px; }
#displayEmailPopup .modal-header { padding-top: 10px; padding-bottom: 5px; }

/* JTABLE */

.jtable-title.ui-widget-header {
	background-color: #6142e5;
	color: white;
	font-weight: bold;
}

.jtable-busy-message.ui-widget-header {
	background-color: #6142e5;
	color: white;
}

/* COCKPIT */

#divfloatheader {
		background-color: white;
}

.filterrefreshbutton {
    margin-top: 10px;
}

.cockpit-teamview-timer {
    float: right;
    font-size: 1.4em;
    color: #ce4844;
    cursor: help;
	margin-right: 5px;	
}

.dynamicfilters_multiselect .multiselect {
    text-align: left;
    width: 100%;
}

.nav-pills-cockpit { padding-left: 10px; padding-right: 10px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #0A35AA; }
.nav-pills a.nav-link { color: #6142e5; }

.row.rowcockpit {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

#titlecockpit { margin-top: 20px; }

.card-header.card-header-cockpit {
	padding: 0px;
}

#filters b, #filters strong {
	font-weight: bold !important;
}

.rightaligned { text-align: right; }

#cockpit_table_knowledge h5 { margin-bottom: 0px; }

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* MAIL BOX */

.email-preview { margin-top: 10px; }
.label-right { text-align: right; }
#btnEditPreview { margin-top: 40px; }

#txtbody {
    min-height: 250px;
    height: auto;
}
.email-preview .form-control[disabled], .email-preview .form-control[readonly] {
    background-color: white;
}

.form-control:disabled, .form-control[readonly] { cursor: not-allowed; }

.div-sender { margin-top:10px; }
.div-sendemail { text-align: right; }


/* PDF Generator learn more style*/
.inlineBlock{

/*	padding:12px;*/
}
.borderImage{

   padding:6px;
   border:1px solid #0D3468;
   background-color:#fff;
   margin: 5px;

}

.infoCourse{
	padding-left: 30px;

}
.cardTitle{
	padding: 8px 1px;
}
.cardContainer{
	 border:1px solid #0D3468;
   background-color:#fff;
}
.cardTitle{
 /*  border:1px solid #0D3468;*/
   background-color:#fff;
   font-weight: bold;

}
.cardText{
	text-align: left;
	padding: 5px 1px;
}
.msgnotification{
	width: 15px;
	height: 15px;
	background-color: red;
	color: white;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
}
.msgGlobal{
	color:black;
	font-size: 35px;
	padding-top: 0px !important ;
	color: #333; 
	position: relative;

}
.msgIcon{
	background-size: contain;
	background-repeat: no-repeat;
}

.msgInfo{
	font-size: 13px;
	width: 100%;
}
.msgInfoTime{
   font-size: 11px;
   color: #aaa;
}
.msgInfoCount{
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: red;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}
.msg-check{
	position: absolute;
	right: 0px;
	bottom: -6px;
	padding:0px;
}
.msg-dblcheck{
	position: absolute;
	right: 0px;
	bottom: -6px;
	padding:0px;
}
.grexpert{
	border: 3px solid #1FABF6;
	border-radius: 50%;
	box-shadow: 1px solid #333;
}

.appversion {
	color: #707070;
    font-size: 0.7rem;
    align-self: flex-end;
}