/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 mai 2015, 00:36:56
    Author     : Henri
*/

.photo_zone {
    float: left;
    width: 25%;
    text-align: center;
}

.ui-growl {
    left: 20px;
    /*   width: 300px !important;*/
}

/*.ui-growl-item-container {
    width: 300px !important;
}

.ui-growl-message {
    width: 300px !important;
}*/

.photo_container_zone {
    width: 50px;
    height: 50px;
    background: lightsteelblue;
    margin-left: auto;
    margin-right: auto;
}

.myIconStyle .ui-icon,
.ui-widget-content .myIconStyle .ui-icon {
    background-image: none!important;
    text-indent: 0px;
    color: white;
    font-weight: bold;
}

.column10_left {
    width: 10% !important;
    height: auto;
    text-align: left;
}
.column10_right {
    width: 10% !important;
    height: auto;
    text-align: right;
}
.column15_left {
    width: 15% !important;
    height: auto;
    text-align: left;
}
.column15_center {
    width: 15% !important;
    height: auto;
    text-align: center;
}
.column15_right {
    width: 15% !important;
    height: auto;
    text-align: right;
}
.column20_left {
    width: 20% !important;
    height: auto;
    text-align: left;
}

.column25_left {
    width: 25% !important;
    height: auto;
    text-align: left;
}


.column25_center {
    width: 25% !important;
    height: auto;
    text-align: center;
}

.column25_left {
    width: 25% !important;
    height: auto;
    text-align: left;
}

.column35_right {
    width: 35% !important;
    height: auto;
    text-align: right;
}
.column35_left {
    width: 35% !important;
    height: auto;
    text-align: left;
}
.column30_left {
    width: 30% !important;
    height: auto;
    text-align: left;
}

.column40_left {
    width: 40% !important;
    height: auto;
    text-align: left;
}

.column20_left {
    width: 20% !important;
    height: auto;
    text-align: left;
}

.column75_center {
    width: 75% !important;
    height: auto;
    text-align: center;
}

.column75_left {
    width: 75% !important;
    height: auto;
    text-align: left;
}

.column70_left {
    width: 70% !important;
    height: auto;
    text-align: left;
}

.column60_left {
    width: 60% !important;
    height: auto;
    text-align: left;
}
.column65_left {
    width: 65% !important;
    height: auto;
    text-align: left;
}
.column60_center {
    width: 60% !important;
    height: auto;
    text-align: center;
}

.column80_left {
    width: 80% !important;
    height: auto;
    text-align: left;
}

.notRead {
    background-color: #CCCCFF !important;
    background-image: none !important;
    color: black !important;
}

.clearFloat {
    clear: both;
}

.usedBudgetGreen {
    background: greenyellow;
    color:black
}

.usedBudgetRed {
    background: red;
    color:black
}

.usedBudgetOrange {
    background: orange;
    color:black
}
.caisseObjectsGreen input {
    background: greenyellow;
    color:black
}

.caisseObjectsIntermediary input {
    background: #d0b433;
    color:black
}

.greenYellow input {
    background: greenyellow;
    color:black
}

.usedBudgetFinanceGreen input {
    background: greenyellow;
    color:black
}

.usedBudgetFinanceRed input	{
    background: red;
    color:black
}

.usedBudgetFinanceOrange input {
    background: orange;
    color:black
}

.Container45{ width:45%;  float:left;}

.myOneMenu.ui-selectonemenu {
    box-sizing: border-box;
}

.expenseStyle {
    background-color: #FFE771 !important;
    font-weight: bold;
}

.receiptStyle {
    background-color: #C1E1F4 !important;
    font-weight: bold;
}

.computedPriceStyle {
    background-color: greenyellow;
}

.forcedPriceStyle {
    background-color: white;
}

.readonlyStyle {
    background-color: greenyellow;
}

.payedStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.payedLegendStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.actionDoneStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.actionDoneStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.actionLatelyDoneStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.actionLatelyDoneStyle input {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.actionCancelledStyle input {
    background-color: #F2F5A9  !important;
    font-weight: bold;
}


.payedLegendStyle {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.payedReturnPatientLegendStyle input {
    background-color: #F5A9A9  !important;
    font-weight: bold;
    color: #424242 !important;
}

.payedReturnPatientLegendStyle {
    background-color: #F5A9A9  !important;
    font-weight: bold;
    color: #424242 !important;
}

.payedWithRejectLegendStyle {
    background-color: #E3F6CE  !important;
    font-weight: bold;
}

.prestationNotPerformedStyle {
    /*    background-color: #FF4848 !important;*/
    font-weight: bold;
    color: #FF4848 !important;
}

.prestationToBeConfirmedStyle {
    background-color: #ffdab9 !important;
    font-weight: bold;
    color: #ffdab9 !important;
}
.prestationPerformedStyle {
    background-color: #b0f2b6 !important;
    font-weight: bold;
    color: #b0f2b6 !important;
}
.pROCESSWAITING {
    background-color: greenyellow !important;
   
}
.eVACUATIONONGOING {
    background-color: yellow !important;
  
}
.pROCESSED {
    background-color: 	#00FF00 !important;
  
}
.prestationCancelledStyle {
    background-color: #f7ff3c !important;
    font-weight: bold;
    color: #f7ff3c !important;
}

.prestationNotAcceptedStyle {
    background-color: #cccc00 !important;
    font-weight: bold;
    color: #cccc00 !important;
}
.eventToBeConfirmedColor{
    background: #0303F6 !important;
    border-color: #0303F6 !important;
}

.eventNotAcceptedColor{
    background: #cccc00 !important;
    border-color: #cccc00 !important;
}

.paymentLateStyle input {
    background-color: #FACC2E !important;
    font-weight: bold;
}
.nbrEVACUATIONONGOING input {
    background-color: yellow !important;
    font-weight: bold;
}
.nbrPROCESSWAITING input {
    background-color: greenyellow !important;
    font-weight: bold;
}
.nbrPROCESSED input {
    background-color:  #00FF00  !important;
    font-weight: bold;
}

.paymentLateStyle {
    background-color: #FACC2E !important;
    font-weight: bold;
}

.actionLateStyle input {
    background-color: #FACC2E !important;
    font-weight: bold;
}

.actionLateStyle {
    background-color: #FACC2E !important;
    font-weight: bold;
}

.notPayedStyle input {
    background-color: #F5ECCE  !important;
    font-weight: bold;
}

.notPayedLegendStyle  {
    background-color: #F5ECCE  !important;
    font-weight: bold;
}

.partiallyPayedStyle input {
    background-color: #F2F5A9  !important;
    font-weight: bold;
}

.partiallyPayedStyle {
    background-color: #F2F5A9  !important;
    font-weight: bold;
}

.partiallyPayedWithRejectStyle input {
    background-color: #FFFF00  !important;
    font-weight: bold;
}

.partiallyPayedWithRejectStyle {
    background-color: #FFFF00  !important;
    font-weight: bold;
}

.requiredEventDone {
    background-color: #64FE2E  !important;
    font-weight: bold;
}

.requiredEventLate {
    background-color: #FACC2E !important;
    font-weight: bold;
}

.requiredEventNotDone {
    background-color: #F5ECCE  !important;
    font-weight: bold;
}

.requiredEventScheduled {
    background-color: #64FE2E !important;
    font-weight: bold;
}

.requiredEventToBeScheduled {
    background-color: #F2F5A9 !important;
    font-weight: bold;
}

.panelGrid_2_Columns .ui-datagrid-column {
    width: 150px;
}

.tooltipClass {
    background-color: #C1E1F4;
    color: black;
}

.ui-datepicker {
    z-index: 999999 !important;
}

#docTypeLogo {
    width: auto;
    margin-bottom: -2px;
    padding: 0px;
    margin-right: 5px;
    float: left;
    line-height: 16px;
}
#docTypeLogo img {
    height: 16px;
}

.not-active-link {
    pointer-events: none;
    cursor: default;
}


.previewDialog {
    z-index:999999999999999 !important;
    background-color:#070118 !important;
}

.ui-dialog.previewDialog .ui-dialog-titlebar {
    padding: 3px 15px !important;
    background-color: #000000 !important;
    border-bottom: solid 1px #000000 !important;
    color: #72828B !important;
    font-size: 12px;
}

.previewDialog .ui-icon {
    width: 26px;
    height: 16px;
}

.ui-dialog.previewDialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    background-image:url("/admin/javax.faces.resource/images/delete-blue.svg.jsf?ln=sentinel-layout") !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 100%;
}

.helpOverlay {
    z-index:99999999999999 !important;
    background-color:#f6f6cf !important;
}

.input12px .ui-inputfield{
    font-size: 12px ! important;
}

.ui-commandlink.helpcommandlink{
    color: #324ad1!important;
    text-decoration: underline;
    margin-right: 5px;
}
.ui-overlaypanel.helpOverlay .ui-overlaypanel-content{
    background-color: #f8f2e2!important;
}
.eventBlueColor{
    background: blue !important;
    border-color: yellow !important;
}
.eventCyanColor{
    background: cyan !important;
    border-color: yellow !important;
}

.eventPinkColor{
    background: pink !important;
    border-color: yellow !important;
}
.eventRedColor{
    background: red !important;
    border-color: yellow !important;
}
.eventUnavailableColor{
    background: rosybrown !important;
    border-color: yellow !important;
}
.eventYellowColor{
    background: yellow !important;
    border-color: yellow !important;
}
.eventPurpleColor{
    background: purple !important;
    border-color: yellow !important;
}
.eventFuchsiaColor{
    background: fuchsia !important;
    border-color: yellow !important;
}

.eventOrangeColor{
    background: orange !important;
    border-color: yellow !important;
    
}

.eventGreenColor{
    background: green !important;
    border-color: yellow !important;
    color: black !important;
    font-weight: bold !important;
}
.eventColorCancel{
    background: white !important;
    border-color: yellow !important;
    color: orange !important;
    font-weight: bold !important;
}
.eventColorDone{
    background: white !important;
    border-color: yellow !important;
    color: green !important
}
.eventGrayColor{
    background: graytext !important;
    border-color: yellow !important;
}
.eventChartreuseColor{
    background: chartreuse !important;
    border-color: yellow !important;
    color: black !important
}
.eventGreenStrongColor{
    background: green !important;
    border-color: green !important;
}

.eventOliveColor{
    background: olive !important;
    border-color: yellow !important;
}
.eventPinkColor{
    background: magenta !important;
    border-color: yellow !important;
}


.squarredLeft {
    float: left;
    width: 10px;
    height: 10px;
    margin: 4px;
    border: 1px solid rgba(0, 0, 0, .2);
}
.squarred {
    float: right;
    width: 10px;
    height: 10px;
    margin: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
}
.squarred2 {
    float: right;
    width: 10px;
    height: 10px;
    margin: 2px;
    border: 1px solid rgba(0, 0, 0, .2);
}


.blueSquarred {
    background: #000000;
}

.purpleSquarred {
    background: purple;
}

.wineSquarred {
    background: #ae163e;
}

.redSquarred{
    background: red;
}
.yellowSquarred{
    background: yellow;
}
.fuchsiaSquarred{
    background: fuchsia;
}
.orangeSquarred{
    background: orange;
}
.greenSquarred{
    background: teal;
}
.oliveSquarred{
    background: olive;
}

.pinkSquarred{
    background: magenta;
}
.cyanSquarred{
    background: cyan;
}

.purpleSquarred{
    background: purple;
}
.bleuSquarred{
    background: blue;
}

.legendCampaignSmsSucces {
    background: #9cef9a;
}
.legendCampaignSmsWarning{
    background: #edc784;
}

.emergencyProgStyle {
    background-color: #e4a4a4 !important;
    font-weight: bold;
}

.scheduleProgStyle {
    background-color: #86f53c  !important;
    font-weight: bold;
}

.notScheduleProgStyle  {
    background-color: #f89d0e!important;
    font-weight: bold;
}

.orangeColumnStyle  {
    background-color: #f9e2a0!important;
    font-weight: bold;
}

.redColumnStyle  {
    background-color: #f61d02!important;
    font-weight: bold;
}

.greenColumnStyle  {
    background-color: #5da877!important;
    font-weight: bold;
}

.myLabel{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 95%;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.myLabelSms{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 95%;
    font-weight: bold;
    line-height: 1;
    color: #72828B;
    text-align: center;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.labelWarning{
    background-color: #f0ad4e;
}
.labelWarning[href]:hover,
.labelWarning[href]:focus {
    background-color: #ec971f;
}

.labelWarningBlade{
    background-color: #edc784;
}
.labelWarningBlade[href]:hover,
.labelWarningBlade[href]:focus {
    background-color: #ec971f;
}

.labelSuccess{
    background-color: #5cb85c;
}
.labelSuccess[href]:hover,
.labelSuccess[href]:focus {
    background-color: #449d44;
}

.labelSuccessBlade{
    background-color: #9cef9a;
}
.labelSuccessBlade[href]:hover,
.labelSuccessBlade[href]:focus {
    background-color: #449d44;
}


.labelError{
    background-color: #d9534f;
}
.labelError[href]:hover,
.labelError[href]:focus {
    background-color: #c9302c;
}

.labelInfo {
    background-color: #5bc0de;
}
.labelInfo[href]:hover,
.labelInfo[href]:focus {
    background-color: #31b0d5;
}

.badgeFromBootstrap{
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}

.badgeFromBootstrap:hover,
.badgeFromBootstrap:hover:focus {
    color: #fff !important;
    cursor: pointer;
}

.badgeBleue {
    background-color: #22A8DD;
}

.badgeGreen {
    background-color: #5cb85c;
}
.badgeOrange{
    background-color:#f0ad4e;
}

/* .scheduleWithFcTime .fc-day-grid-event .fc-time { */
/*     font-weight: bold; */
/*     display: none; */
/* } */
/*.ui-picklist .ui-picklist-list {
    width: 100% !important;
}*/

.input_form_100 {
    width: 100px;
}

.standard_input_form {
    width: 200px;
}

.long_input_form {
    width: 300px;   
}


/* pour corriger le pb qui empeche les titres de colonne dans rowexpansion */
.ui-datatable-reflow .ui-datatable-data .ui-expanded-row-content thead .ui-column-title
{
    display: inline;
}


.editRemindLeft .ui-widget-content .ui-inputfield {
    width: 33em !important;
}

.dot{
    height: 0.5em ;
    width: 0.5em;
    background-color: #ffd202;
    border-radius : 50%;
    display: inline-block;
    margin-top:2em;
}
.divMargin{
    display: inline-block;
}


.eyonecard1{
    box-shadow : 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition : all 0.3s cubic-bezier(.25,.8,.25,1);
}
.circle-text {
    width:50%;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #4679BD; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}
.panelHeaderLabelExpiredDlg {
    font-size: 1.5em;
    color: black;
}
.panelHeaderLabelCounterExpiredDlg {
    font-size: 1.8em;
    color: red;
    font-weight: bold
}

.calendarClass input {
    width: 70% !important
}
.calendarClassInput70 input {
    width: 70% !important
}
.calendarClassInput80 input {
    width: 80% !important
}
.calendarClassInput50 input {
    width: 50% !important
}

.ui-commandlink.floatright{
    color: #324ad1!important;
    text-decoration: underline;
    float: right;
}

.indicatorSpan {
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 10px;
    color: #0e446b;
}

.indicatorText{
    font-weight: bold;
    font-size: 50px;
    color: #0e446b;
}
.indicatorLabel {
    font-weight: bold !important;
    color: black;
}
.indicatorLabelSearch {
    color: #0e446b;
    font-size: 13px;
}
.chipLabel {
    color: #00000091;
    font-size: 13px;
}
.chipValue {
    font-size: 13px;
    color: gray;
    font-family: Verdana !important;
}

.chip {
    display: inline-block;
    padding: 0 10px;
    /*     height: 30px; */
    font-size: 12px;
    line-height: 30px;
    border-radius: 10px;
    background-color: lightgray;
}

/* .chipsCloseBtn { */
/* 	float: right; */
/* 	font-size: 1em; */
/* 	color: #ffd202; */
/* } */
.chipsBtnClr {
    color: #ffd202;
} 


.chipclosebtn:hover {
    color: #000;
}

.mailStatusNoMail {
    background-color: #0e446b !important;
    font-weight: bold;
}

.mailStatusPending {
    background-color: #22A8DD !important;
    font-weight: bold;
}

.mailStatusSendToProvider {
    background-color: #fafa7f !important;
    font-weight: bold;
}

.mailStatusProcessed {
    background-color: #324ad1 !important;
    font-weight: bold;
}

.mailStatusDroped {
    background-color: #424242 !important;
    font-weight: bold;
}

.mailStatusDelivered {
    background-color: #449d44 !important;
    font-weight: bold;
}

.mailStatusDeffered {
    background-color: #4679BD !important;
    font-weight: bold;
}

.mailStatusBounce {
    background-color: #5bc0de !important;
    font-weight: bold;
}

.mailStatusOpen {
    background-color: #5cb85c !important;
    font-weight: bold;
}

.mailStatusClick {
    background-color: #5da877 !important;
    font-weight: bold;
}

.mailStatusSpam {
    background-color: #72828B !important;
    font-weight: bold;
}



.smsStatusRed {
    background-color: #fa8f79 !important;
    font-weight: bold;
}

.smsStatusNonumber {
    background-color: #fad37f !important;
    font-weight: bold;
    color: black !important;
}

.smsStatusReceived {
    background-color: #99FF00 !important;
    font-weight: bold;
}

.smsStatusSent {
    background-color: #cef90b !important;
    font-weight: bold;
}

.smsStatusSenttoprovider {
    background-color: #fafa7f !important;
    font-weight: bold;
}

.roomStatusPartialAvailable {
    background-color: #FFA500 !important;
    font-weight: bold;
}

.roomStatusBusy {
    background-color: #8B0000 !important;
    font-weight: bold;
}

.zone-header {
    color: #27AAE1;
    font-weight: bold;
    font-size: x-large;
    background: #CEE4F5;
    padding: 1%;
    margin-bottom: 1%;
}

.zone-header-2 {
    color: #27AAE1;
    font-weight: bold;
    font-size: large;
    background: #CEE4F5;
    padding: 1%;
    margin-bottom: 1%;
    text-align: center;
    width: 100%;
}

.zone-header-medical-record {
    color: #27AAE1 !important;
    font-weight: bold;
    font-size: large;
    background: #CEE4F5;
    padding: 1%;
    margin-bottom: 1%;
    text-align: center;
    width: 100%;
    
}

.zone-header-3 {
    color: #000000 !important;
    font-weight: bold;
    font-size: large;
    background: #00BFFF; /* #FFD100;*/
    padding: 1%;
    margin-bottom: 1%;
    text-align: center;
    width: 100%;
}

.zone-header-red {
    color: white;
    font-weight: bold;
    font-size: large;
    background: red;
    padding: 1%;
    margin-bottom: 1%;
}

.zone-header-green {
    color: white;
    font-weight: bold;
    font-size: large;
    background: #54DB26;
    padding: 1%;
    margin-bottom: 1%;
}


.zone-title {
    color:white; background: #4D4D4D;

}

.greenPanelHeader > .ui-panel-titlebar {
    background: green !important;
    font-weight: bold;
    font-size: large;
}

/*.ui-tabs-top .ui-tabs-nav {
    background: none;
    background-color: white;
    border:  none !important;
}


.ui-tabs-top .ui-tabs-nav li a {
    color : #4F7DAB !important;
    background-color: red !important;
}*/