/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------THEME-------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
body,
input[type=date] {
font-family: Arial, Helvetica, sans-serif ;
}

input[type=button],
input[type=submit],
button {
background: #347 ;
color: #ffffff ;
outline:none;
text-transform: uppercase;
font-weight: bold;
transition:all ease 0.2s;
border:none;
}

.custom-file-label::after{
background: #347 ;
color: #ffffff ;
outline:none;
transition:all ease 0.2s;
border:none;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.custom-file-label::after {
background: #347 !important;
}

input[type=button]:active,
input[type=submit]:active,
button:active {
background: #347 !important;
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=date],
input[type=number],
select,
textarea,
.custom-file-label {
color: #000000 !important;
background: transparent !important;
opacity: 0.8;
transition: all 0.4s ease;
}

input[type=text]:focus,
select:focus,
textarea:focus,
.PortalTextBox:focus,
.custom-file-label:hover {
outline: none;
opacity: 1;
border-bottom: 1px solid #000000  !important;
}

.PortalTextBoxLabel
{
color: #347;
}

.PortalFormCellRight,.PortalFormPencil{
opacity: 0.8;
color: #000000;
}

.PortalHeader {
background: #347 ;
color: #ffffff ;
}

.PortalBarColour {
background: #d8d8d8  ;
color: #000000 ;
}

.PortalIconColour {
background: #347 ;
color: #ffffff ;
}

.PortalTileNotificationNumber{
color:#000000 ;
background:#ff0000 ;
}

.PortalHolidayTableContainer {
border-top: 1px solid #347;
}

.PortalBody,.PortalDialog, .card, .table {
background: #fff ;
color: #262626 ;
}

.NewItem{
color:#ff0000;
}

.HolidayOverbooked {
color: #ff0000 !important 
}
.input-validation-error,.validation-summary-errors,.CountdownMessage {
color: #ff0000 !important ;
border: 1px solid #ff0000 !important ;
}

.PortalSuccessMessage {
color: green !important;/*Add this to the theme next time we work on it*/
}

/*Corner Styles*/

.PortalBarColour {border-radius: 1em;}.PortalBarColour.PortalIconColour {border-radius: 1em;}.PortalBarColour .PortalIconColour {border-radius: 1em 0 0 1em;padding-left: 0.2em;}.PortalIconColour {border-radius: 2em;}.PortalDocumentColumnChild.PortalIconColour {border-radius: 0.5em;}input[type=button],input[type = submit],button {border-radius: 0.2em;}.PortalDiaryEventInfo {border-radius: 1em;}.PortalDialog {border-radius: 2em;};