body {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    color: #2D273F;
}

nav.navbar{
    background:#fff;
    -webkit-box-shadow: 0px 2px 21px -14px rgba(102,102,102,1);
    -moz-box-shadow: 0px 2px 21px -14px rgba(102,102,102,1);
    box-shadow: 0px 2px 21px -14px rgba(102,102,102,1);
    color:#000;
}

.searchInputAcademy{
	height: 37px;
	width:200%;
	border:none;
	border-bottom:1px solid #D30000;
	color:#829AAB;
	outline:none;    background: transparent;
}

.badge.badge-message {
	position: absolute;
	margin-left: -10px;
	margin-top: 20px;
}

.div-pharmacademy-messages {
	background-color:red;
	position: absolute;
}

.navbar-nav > li > a > .badge.badge-message { margin-left: -10px; }

.searchInputAcademy::placeholder {
  color:#829AAB;
  opacity: 1; /* Firefox */
}

.searchInputAcademy:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#829AAB;
}

.searchInputAcademy::-ms-input-placeholder { /* Microsoft Edge */
 color:#829AAB;
	font-weight:bold
}

.searchInpIcon{
    top:50%;right:-100%;transform:translate(0, -50%);
}


.text-pink{
    color: #E843E5;
}

.text-pink:hover{
    color: #d83ed5;
}

.text-actanto-black{
    color: #62558A;
}

.linkWithIcon{
    display: flex;
    align-items: center;
}

.linkWithIcon div:last-child a{
    font-weight: 400;
    font-size: 16px;
}

.pharma-logo div:last-child a:hover{
    text-decoration: none;
    color: auto;
}

.user-icon{
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}

.pro-box{
    padding: 2px 17px;
    height: 230px;
    border-radius: 10px;
    width: 100%;
    background: #fff;
    cursor: pointer;
} 
.pro-box .row {
    height: 100%;
}
.pro-box .row .pro-box-img {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    width: 33.3333%;
}
.pro-box .row > div:last-child {
    margin: auto 0;
    width: 66.666%;
}
.pro-box .pro-box-text {
    height: 200px;
    overflow: hidden;
}
.pro-box .pro-box-text>p {
    margin-top: 5px;
    font-size: 13px;
}
.pro-box .pro-box-text>div {
    color: #D30000;
    font-weight: bold;
    min-height: 44px;
}

.pro-box-title-text {
	text-transform: uppercase;
}

.footer-links,.footer-links:hover{
    color: #D30000;
}


.footer-links.last,.footer-links.last:hover{
    color: #D30000;
}


.pro-link-absolute{
    width: 88%; display: block; height: 230px; position: absolute;
}

.lime-green{
    color: #CFF234;
}

.lime-green-bg{
    background-color: #5659DB;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 8px;
    overflow: hidden;
    font-size: .75rem;
    background-color: #F5F5F5;
    border-radius: 50px;
}

.complete-text-value{
    font-weight: 500;
    font-size: 12px;
    margin-top: 5px;
}

.navbar-toggler:focus, .navbar-toggler:hover{
    outline: none;
}

.navbar-nav .dropdown-menu{
    position: absolute;
    margin-top: 14px;
}

.card-header{
    background-color: #6142e5;
}

.card.card-eval{
    border-color: #d9d9d9;
}

.rowcockpit .card-header.card-header-cockpit{
    background-color: #ececec ;
}

.rowcockpit .card-header .btn-link{
    color: #2d273f;
}
.jtable-title.ui-widget-header{
    background-color: #ececec;
    color: #2d273f;
}

.nav-pills a.nav-link{color: #0A35AA;}

@media (max-width: 992px){
    .searchInputAcademy{
        width: 100%;
    }
    .searchInpIcon{
        right: 0;
    }

    .nav-flex-icons{
        display: flex;
        flex-direction: row;
        margin-top: 10px;
        justify-content: center;
    }
}

.msg-check{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px;
}

ul.messages li.me{color: #fff;}

.chat-conversation{z-index: 1000 !important;}

div.jtable-main-container table.jtable thead th{vertical-align: top !important;}

.chat-component{
    max-height: 750px !important;
}

.linkWithIcon a{
    outline:0;
}

.custom-back-program-btn {
    background: #829AAB;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    display: inline-block;
}

.custom-back-program-btn:hover {
    background: #334C60;
    color: #fff;
    text-decoration: unset;
    transition: 0.2s ease-in-out;
}

/*btn primary re-styling export print*/
.btn-primary-EP {
    color: #fff;
    background-color: #00A1AB;
    border-color: #00A1AB
  }
  
  .btn-primary-EP:hover {
    color: #fff;
    background-color: #017a83;
    border-color: #017a83
  }
  
  .btn-primary-EP.focus,.btn-primary-EP:focus {
    color: #fff;
    background-color: #017a83;
    border-color: #017a83;
    box-shadow: 0 0 0 .2rem rgba(0, 161, 171, .5)
  }
  
  .btn-primary-EP.disabled,.btn-primary-EP:disabled {
    color: #fff;
    background-color: #00A1AB;
    border-color: #00A1AB
  }
  
  .btn-primary-EP:not(:disabled):not(.disabled).active,.btn-primary-EP:not(:disabled):not(.disabled):active,.show>.btn-primary-EP.dropdown-toggle {
    color: #fff;
    background-color: #017a83;
    border-color: #017a83;
  }
  
  .btn-primary-EP:not(:disabled):not(.disabled).active:focus,.btn-primary-EP:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-EP.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 161, 171, .5)
  }

  /*btn primary re-styling refresh*/
.btn-primary-refresh {
    color: #fff;
    background-color: #334C60;
    border-color: #334C60;
  }
  
  .btn-primary-refresh:hover {
    color: #fff;
    background-color: #283845;
    border-color: #283845
  }
  
  .btn-primary-refresh.focus,.btn-primary-refresh:focus {
    color: #fff;
    background-color: #283845;
    border-color: #283845;
    box-shadow: 0 0 0 .2rem rgba(40, 56, 69, .5)
  }
  
  .btn-primary-refresh.disabled,.btn-primary-refresh:disabled {
    color: #fff;
    background-color: #334C60;
    border-color: #334C60
  }
  
  .btn-primary-refresh:not(:disabled):not(.disabled).active,.btn-primary-refresh:not(:disabled):not(.disabled):active,.show>.btn-primary-refresh.dropdown-toggle {
    color: #fff;
    background-color: #283845;
    border-color: #283845;
  }
  
  .btn-primary-refresh:not(:disabled):not(.disabled).active:focus,.btn-primary-refresh:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-refresh.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 56, 69, .5)
  }


/* overview page select button */
.btn-outline-rn {
    color: #334C60;
    border-color: #334C60;
}

.btn-outline-rn:hover {
    color: #fff;
    background-color: #334C60;
    border-color: #334C60
}

.btn-outline-rn.focus,.btn-outline-rn:focus {
    box-shadow: 0 0 0 .2rem rgba(51, 76, 96, .5)
}

.btn-outline-rn.disabled,.btn-outline-rn:disabled {
    color: #334C60;
    background-color: transparent
}

.btn-outline-rn:not(:disabled):not(.disabled).active,.btn-outline-rn:not(:disabled):not(.disabled):active,.show>.btn-outline-rn.dropdown-toggle {
    color: #fff;
    background-color: #334C60;
    border-color: #334C60
}

.btn-outline-rn:not(:disabled):not(.disabled).active:focus,.btn-outline-rn:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-rn.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(51, 76, 96, .5)
}

/* Email icon outline class */

.btn-outline-icon {
    color: #0A35AA;
    border-color: #0A35AA;
}

.btn-outline-icon:hover {
    color: #fff;
    background-color: #0A35AA;
    border-color: #0A35AA
}

.btn-outline-icon.focus,.btn-outline-icon:focus {
    box-shadow: 0 0 0 .2rem rgba(10, 53, 170, .5)
}

.btn-outline-icon.disabled,.btn-outline-icon:disabled {
    color: #0A35AA;
    background-color: transparent
}

.btn-outline-icon:not(:disabled):not(.disabled).active,.btn-outline-icon:not(:disabled):not(.disabled):active,.show>.btn-outline-icon.dropdown-toggle {
    color: #fff;
    background-color: #0A35AA;
    border-color: #0A35AA
}

.btn-outline-icon:not(:disabled):not(.disabled).active:focus,.btn-outline-icon:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-icon.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(10, 53, 170, .5)
}