@font-face{
  font-family:'Montserrat-ExtraBold';
  src: local('Montserrat-ExtraBold'), url('./Montserrat-ExtraBold.otf') format('opentype');
}
@font-face{
  font-family:'Montserrat-SemiBold';
  src: local('Montserrat-SemiBold'), url('./Montserrat-SemiBold.otf') format('opentype');
}
@font-face{
  font-family:'Montserrat-Regular';
  src: local('Montserrat-Regular'), url('./Montserrat-Regular.otf') format('opentype');
}
@font-face{
  font-family:'Montserrat-Light';
  src: local('Montserrat-Light'), url('./Montserrat-Light.otf') format('opentype');
}
:root{
  --main-color: #8fb83c;
  --border-radius: 10px;
  --main-font: 'Montserrat-Regular';
  --font-title: 'Montserrat-ExtraBold';
  --font-h1h6: 'Montserrat-SemiBold';
  --font-smalltext: 'Montserrat-Light';
  --viewgrid-padding: 8px;
  --th-fontweight: bold;
  --navlinkhover-backgroundcolor: rgba(143, 184, 60, 0.4);
  --navtextcolorhover-color: #000000;
  --buttoninfo-fontsize: 14px;
  --buttoninfo-color: #fff;
  --buttoninfohover-backgroundcolor: rgba(124, 185, 39, 0.8);
  --btnprimary-float: right;
  --btnprimary-marginleft: 5px;
  --btnline-float: left;
  --btnline-marginleft: 5px;
  --inputgroupaddon-display: none;
  --entitylist-boder: none;
  --gridaction-display: none;
  --ul-fontfamily: 'Montserrat-SemiBold';
  --link-color: black;
  --entitylistfilter-border: 2px solid #8fb83c;
  --entitygrid-border: 2px solid #8fb83c;
  --entityformview-border: 2px solid #8fb83c;
  --entityformview-padding: 8px;
  --entityformview--margin: 5px 0px 5px 0px;
  --note-padding: 8px;
  --note-margin: 5px 0px 5px 0px;
  --note-border: 2px solid #8fb83c;
  --buttoncontainer-margin-top: -6%;
  --entitygrid-row-blue: blue;
  --entitygrid-row-red: red;
  --entitygrid-row-orange: orange;
  --adddocument-margin-left: 26px;
}
.breadcrumbCustomCss {
	margin-top : 10px;
	display: flex;
}
.caremanagementdiv{
	margin-top: 0px 8px !important;
	border:solid !important; 
	border-color: var(--main-color) !important; 
	border-radius:20px !important; 
	padding: var(--viewgrid-padding) !important;
	margin: 10px 0px 10px 0px;
	width:100%;
	font-style:italic;
    font-family: var(--font-smalltext) !important;
}
.caremanagementparagraph{
	font-style:italic;
	font-size:14px;
}

a:not(.btn){
	font-family : var(--main-font) !important; 
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	font-family : var(--main-font) !important; 
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
	font-family : var(--main-font) !important; 
}
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: var(--main-color) !important; 
    border-radius: var(--border-radius) !important;
    outline: none !important;
}
.navbar-inverse .navbar-nav > li > a {
	font-family : var(--main-font) !important; 
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: var(--navlinkhover-backgroundcolor) !important;
      color: var(--navtextcolorhover-color) !important;
      border-radius: var(--border-radius) !important;
}
#navbar .dropdown-menu {
    border-radius: var(--border-radius) !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{
	font-family : var(--main-font) !important; 
}
.a {
	font-family : var(--main-font) !important; 
}
h1 p {
	font-family : var(--main-font) !important; 
}
h2 p {
	font-family : var(--main-font) !important; 
}
h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
	font-family : var(--main-font) !important; 
}
h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
	font-family : var(--main-font) !important; 
 }

h5,
.h5 {
	font-family : var(--main-font) !important; 
}
p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p {
	font-family : var(--main-font) !important;  
}
.p2 {
	font-family : var(--main-font) !important; 
}
.button1 {
	font-family : var(--main-font) !important; 
}
.button2, .btn-default {
	font-family : var(--main-font) !important; 
 }
h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle {
	font-family : var(--main-font) !important;  
}
p.smallText {
	font-family : var(--main-font) !important; 
}
body {
	font-family : var(--main-font) !important; 
}
title  {
font-family :  var(--font-title) !important;
}
h1,h2,h3,h4,h5,h6  {
font-family :  var(--font-h1h6) !important;
}
p  {
font-family : var(--main-font) !important; 
}
a {
	color : var(--link-color) !important;
}

ul {
	font-family : var(--ul-fontfamily) !important;
}

.breadcrumb > .active{
	color : var(--main-color) !important; 
}
.pagination>.active>a {
	background-color: var(--main-color) !important; 
}

.btn-info {
    color:  var(--buttoninfo-color) !important;
    background-color: var(--main-color) !important; 
    border-color: var(--main-color) !important;  
	font-size: var(--buttoninfo-fontsize) !important;
	font-family: var(--main-font) !important; 
	border-radius: var(--border-radius) !important; 
}
.btn-info:hover{
    background-color:  var(--buttoninfohover-backgroundcolor) !important; 
}
.btn-primary{
	border-radius: var(--border-radius) !important; 
	float: var(--btnprimary-float);
	margin-left: var(--btnprimary-marginleft) !important;
    font-family : var(--main-font) !important; 
    color :  var(--buttoninfo-color) !important;
}
.btn-primary[disabled]:hover{
    background-color:  var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.btn-primary::focus{
    color :  var(--main-color) !important;
}
.btn-line{
	float: var(--btnline-float) !important;
	margin-left: var(--btnline-marginleft) !important;
}
.btn-default{
	border-radius: var(--border-radius) !important;  
}
.input-group-addon:first-child{
	border-radius: var(--border-radius) !important; 
	display: var(--inputgroupaddon-display) !important;
}
.input-group-addon:last-child{
    border-radius: var(--border-radius) !important; 
}
.form-control {
    border-radius: var(--border-radius) !important;
}
.entitylist th > a {
	font-weight: var(--th-fontweight) !important;
	color: var(--main-color) !important;
}
.entitylist-filter {
	border : var(--entitylistfilter-border) !important;
	border-radius: var(--border-radius) !important;
	padding : var(--viewgrid-padding) !important;
}
.entitylist-filter-option-group{
    flex: 1;
}

.entitylist{
	border : var(--entitylist-border) !important;
}

.entitylist tr.highlight-bold-blue {
	font-weight : bold;
    color : var(--entitygrid-row-blue);
}

.entitylist tr.highlight-red {
	color : var(--entitygrid-row-red);
}

.entitylist tr.highlight-orange {
	color : var(--entitygrid-row-orange);
}

.portalList.hoverLines tbody  tr:hover {
	background-color: var(--main-color);
}

.entity-grid .view-grid{
	border : var(--entitygrid-border) !important;
	border-radius: var(--border-radius) !important;
	padding : var(--viewgrid-padding) !important;
}
.grid-actions{
	border-bottom: var(--gridaction-display) !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
	background-color: var(--main-color) !important; 
}
.crmEntityFormView{
	border : var(--entityformview-border) !important;
	border-radius: var(--border-radius) !important;
	padding : var(--entityformview-padding) !important;
	margin: var(--entityformview--margin) !important;
}
th {
    color: var(--main-color) !important;
}
.note {
	border : var(--note-border) !important;
	border-radius: var(--border-radius) !important;
	padding : var(--note-padding) !important;
	margin: var(--note-margin) !important;
}
.attachment-outer-border{
	border-radius: var(--border-radius) !important;
}
.buttoncontainer {
	margin-top: var(--buttoncontainer-margin-top) !important;
}
input::placeholder {
  color: var(--main-color) !important;
}
input:focus::placeholder {
    color: transparent !important;
}
#add_documents{
	float: left !important;
	font-family: var(--main-font) !important;
    margin-left: var(--adddocument-margin-left) !important;
}
#description{
    height:100px;
}
.addnote{
    margin-top:50px;
    margin-right:8px;
}
.crmEntityFormView fieldset{
    margin-bottom: 0px !important;
}
.glyphicon.glyphicon-bell{
    font-size: 18px;
    color: var(--main-color);
    cursor: pointer;
}
.badge-counter {
    margin-left: -10px;
    background-color: #35361a !important;
    position : relative;
    top:-12px;
    cursor: pointer;
}

.badge-counter-important {
    background-color: #E91E63 !important;
}


#mph_mos_atcreport_type_i{
    border-radius: var(--border-radius) !important;
}
.msos-caret-container{
    border-radius: var(--border-radius) !important;
}
.msos-selection-container{
    border-radius: var(--border-radius) !important;
}
#mph_mos_excludenotificationtypes_i{
    border-radius: var(--border-radius) !important;
}

#mph_mos_excludenotificationtypes_i *{
    border-radius: var(--border-radius) !important;
}

#mph_mos_byhour_i{
    border-radius: var(--border-radius) !important;
}

#mph_mos_byhour_i *{
    border-radius: var(--border-radius) !important;
}

#mph_mos_bymonth_i{
    border-radius: var(--border-radius) !important;
}

#mph_mos_bymonth_i *{
    border-radius: var(--border-radius) !important;
}

#mph_mos_byweekday_i{
    border-radius: var(--border-radius) !important;
}
#mph_mos_byweekday_i *{
    border-radius: var(--border-radius) !important;
}
#mph_mos_bymonthday_i{
    border-radius: var(--border-radius) !important;
}
#mph_mos_bymonthday_i *{
    border-radius: var(--border-radius) !important;
}

.lookup-placeholder::placeholder {
    color:var(--main-color) !important;
    font-family: var(--font-smalltext) !important;
}

#NotificationList .crmEntityFormView {
    border: none !important;
    margin: 0px !important;  
    
}
#NotificationList .crmEntityFormView .tab {
    margin-bottom: 20px;
    width: 106%;
    margin-left: -3%;
}
#NotificationList .crmEntityFormView .tab-title {
    border: none !important;
    margin: 0px !important;
}

#NotificationList{
    margin:0px !important;
}
#NotificationConfig{
    margin:0px !important;
}
.description.below{
    font-size:11px !important;
}

 /* HOVER STYLES */
 /*
 div#pop-up {
   display: none;
   position: absolute;
   width: 210px;
   padding: 10px;
   background: #eeeeee;
   color: #000000;
   border: 1px solid #1a1a1a;
   font-size: 90%;
 }*/

/* divs for pharmacy on duty */
#wrapperHorizontalChildren {
    overflow: hidden; /* add this to contain floated children */
    margin: 10px !important;
}
#firstColumn {
    width:40%;
    float:left; /* add this */
}
#secondColumn {
    width:60%;
    float: left; /* add this */
}
/*
#thirdColum {
    width:27%;
    float: left;
}
*/
.customAlert{
    border-color: red !important;
}
.customAlertParagraph{
    font-size : 16px !important;
    font-weight: bold !important;

}

#mph_ms_observations{
        height: 150px !important;
        
}
#mph_ms_observations::placeholder{
        color: var(--main-color) !important;
        
}
#sub_medical_antecedante .modal-content{
    width:130% !important;
    margin-left: -15% !important;
}
#mph_mos_byweekday_label{
    padding-top:4px;
}

#mph_os_frequency_label{
    padding-top:4px;
}

#mph_mos_byhour_label{
    padding-top:4px;
}

#mph_mos_bymonth_label{
    padding-top:4px;
}

#mph_nbr_interval_label{
    padding-top:4px;
}
#mph_mos_bymonthday_label{
    padding-top:4px;
}

.entitygrid-row-error {
    transition: 3s;
    background-color: var(--entitygrid-row-red) !important;
}

.entity-associate .selected-records .item:hover {
    background-color: var(--main-color) !important;
    cursor: default;
}

/*
#sub_medical_antecedante .selected-records{
    height:200px !important;
}*/