/* refresh plugin */
.refresh-container {
 position:absolute;
 top:0;
 right:0;
 background:rgba(200,200,200,0.25);
 width:100%;
 height:100%;
 display: none;
 text-align:center;
 z-index:4;
}

.refresh-spinner {
 margin-top:20%;
 opacity: 0.8;
}
/* end refresh plugin */


#calendar-designer .designer-button-sep-left {
    float:right;
    min-width: 75px;
}

#calendar-designer .designer-button-bar {
    margin: 30px auto 20px auto;
}

.changing-mouse {
    cursor: pointer;
}

.datatable-loading-message-style {
    padding-top: 20px;
    font-size: 24px;
    text-align: center;
}

.style-too-long {
    color : red;
}

#calendar-designer table.calendar-wrapper {
    max-width: 500px;
    margin: 5px 5%;
    border-collapse: separate;
    border-spacing: 0 8px;
}
#calendar-designer table.calendar-wrapper tr {
    background-color: #e9e9e9;
    padding: 5px;
    font-size: 16px;
    border: 1px solid transparent;
    vertical-align: middle;
    background-color: rgba(30, 136, 229, 0.12);
}

#calendar-designer table.calendar-wrapper td {
    padding-bottom: 10px;
    padding-top: 10px;
}

#calendar-designer table.calendar-wrapper tr.invalid{
    border: 1px solid #d80000;
    background-color: #fdf5f5;
}

#calendar-designer table.calendar-wrapper td.calendar-day {
    width: 150px;
    text-align: center;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

#calendar-designer table.calendar-wrapper td.calendar-hour {
    width: 200px;
    text-align: center;
}

#calendar-designer table.calendar-wrapper td.calendar-delete {
    vertical-align: middle;
    width:40px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#calendar-designer table.calendar-wrapper td.calendar-delete button {
    width:40px;
    margin: 0px;
    padding: 0px;
    min-width: 40px;
}

#calendar-designer .timeslot-add-button {
    text-align: center;
    padding:10px;
    outline: none;
    padding-bottom: 20px;
    width: 200px;
}
#calendar-designer .timeslot-add-button i.fa {
    color: rgb(0,174,239);
    margin-right: 5px;
}

#calendar-designer .calendar-agenda-pick md-input-container {
    width: 300px;
    float: left;
    margin: 0 0 25px 15px;
    text-align: left;
}

#calendar-designer .calendar-agenda-pick-text {
    padding-left: 20px;
    float: left;
    margin-top: 8px;
    font-weight: 600;
}

#calendar-designer .calendar-save {
    padding-bottom: 20px;
    margin-top: 15px;
    float: right;
}

#calendar-designer .calendar-choice {
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: collapse;
    border-bottom: dashed 1px #dedede;
}

#calendar-designer .calendar-add {
    text-align: right;
    color: rgb(0,174,239);
    margin-top: 8px;
    margin-right: 15px;
    width: 200px;
    float: right;
}

#calendar-designer .calendar-options-text {
    text-align: left;
    font-weight: bold;
    float: left;
    margin-left: 20px;
    padding-top: 2px;
}

#calendar-designer .add-calendar-active {
    width: 165px;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

#calendar-designer .add-calendar-active md-switch {
    margin-top: 0px;
    max-width: 150px;
    margin-right: 20px;
    margin-left: 5px;
}

#calendar-designer .add-calendar-active label {
    font-weight: 500;
    margin-bottom: 2px;
}

#calendar-designer .calendar-options-holidays {
    margin-top: 0px;
    float: left;
    padding-top: 1px;
    margin-bottom: 5px;

}

#calendar-designer .alert-message-status {
    text-align: center;
    color: red;
    font-size: 14px;
    font-style: italic;
}

#calendar-designer .timeslots-list {
    margin-top: 20px;
}

.add-calendar-name md-input-container {
    margin-left: 15px;
    min-width: 75%;
}

.add-calendar-code md-input-container {
    margin-left: 15px;
    min-width: 40%;
}

.add-calendar-code md-input-container.error {
    margin-bottom: 0px;
}

.add-calendar-name md-input-container.error {
    margin-bottom: 0px;
}

.add-calendar-code {
    margin-bottom: 20px;
}

.add-calendar-name {
    margin-bottom: 20px;
}

#add-calendar .add-calendar-active md-switch {
    margin-left: 17px;
    max-width: 150px;
}

#add-calendar .add-calendar-active {
    margin-left: 15px;
    width: 165px;
    float: left;
}

#add-calendar .calendar-options-holidays {
    margin-top: 16px;
    float: left;
    padding-top: 0px;
    margin-left: 60px;
}

.add-calendar-active md-switch.md-default-theme.md-checked:not([disabled]) .md-thumb, .add-calendar-active md-switch.md-checked:not([disabled]) .md-thumb {
    background-color: rgb(57, 181, 74);;

}

.add-calendar-active md-switch:not([disabled]).md-default-theme.md-checked .md-bar, .add-calendar-active md-switch:not([disabled]).md-checked .md-bar {
    background-color: rgba(57, 181, 74, 0.5);;
}

.add-calendar-active md-switch .md-thumb, .add-calendar-active md-switch.md-default-theme .md-thumb {
    background-color: rgb(239, 62, 54);
}

.add-calendar-active md-switch.md-default-theme .md-bar, .add-calendar-active md-switch .md-bar {
    background-color:rgba(239, 62, 54, 0.5);
}

.already-exist-calendar {
    margin-left: 20px;
    font-size: 12px;
    color:red;
}

.add-calendar-name md-input-container .md-errors-spacer, .add-calendar-code md-input-container .md-errors-spacer {
    min-height: 0px;
}

#add-timeslot-css .timeslot-wrapper {
    margin: auto;
    width: 80%;
}

#add-timeslot-css div.timeslot-title > span,
#add-timeslot-css div.timeslot-title > span {
    font-weight: bold;
    font-size: 14px;
}

#add-timeslot-css .timeslot-wrapper md-input-container {
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: middle;
}

#add-timeslot-css .timeslot-wrapper md-input-container .md-errors-spacer {
    min-height: 0px;
}

#add-timeslot-css .timeslot-wrapper .timeslot-hour md-input-container {
    width: 40px;
    text-align: center;
    margin-right: 10px;
}

#add-timeslot-css .timeslot-wrapper .timeslot-hour md-input-container md-select-icon {
    margin-left: 0px;
}

#add-timeslot-css .timeslot-wrapper .timeslot-hour md-input-container md-select-value {
    min-width: 50px;
    text-align: center;
}

#add-timeslot-css .timeslot-wrapper .timeslot-day md-input-container {
    width: 110px;
}

#add-timeslot-css .timeslot-wrapper .timeslot-hour md-input-container > input {
    text-align: center;
}

#add-timeslot-css .alert-message-status {
    text-align: center;
    color: red;
    font-size: 14px;
    margin-top: 10px;
}

.reasons-list {
    margin: 10px 15px 15px 15px;
}

.reasons-table {
    width: 80%;
}

.reasons-table .table {
  border-collapse: collapse;
}

.reasons-table th, .reasons-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.reasons-table .code-reasons {
    width: 30%
}

.reasons-table .name-reasons {
    width: 60%
}

.reasons-table .delete-reason-button {
    text-align: center;
    width: 10%;
    min-width: 90px;
}

.reasons-table .reasons-list-titles {
    border-bottom: 2px solid #ddd;
    color: darkgrey;
    font-weight: bold;
}