.cake-debug-output, pre.cake-error {
    position: relative;
    z-index: 9999;
    background: #fefefe;
    box-shadow: 0 0 5px black;
}

body {
    /*font-size: 14px;*/
    /*margin: auto;*/
    /*max-width: 1480px;*/
    /*background: #f9f9f9;*/
}

footer {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-left: 230px;
    transition: 0.2s margin-left ease-in-out;
}
footer.footer-print {
    padding-left: 0;
}

.top-bar {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 100;
    background: #012A46;
    font-size: 16px;
    transition: 0.2s margin-left ease-in-out;
}
.top-bar ul {
    background: transparent;
}
.top-bar ul li {
    background: transparent;
}
.top-bar ul li, .top-bar ul li a {
    color: #fff;
}

.top-bar ul li {
    background: transparent;
}
.menu-title{
    float:left!important;
}
.menu-side-bar {
    display: none;
    cursor: pointer;
    float:left!important;
}
.menu-side-bar i {
    display: block;
    padding: 0.3rem 0.8rem;
    line-height: 1;
    font-size: 23px;
}

.menu-mobile {
    display: none;
    font-size: 23px;
}
.menu-laptop, .menu-mobile {
    float: right;
}

/* side-bar*/
.side-bar {
    position: fixed;
    z-index: 99;
    display: block;
    margin:auto;
    top: 0px;
    left: 0;
    background: #012A46;
    height: 100%;
    width: 220px;
    color:white;
    font-size: 16px;
    transition: 0.2s margin-left ease-in-out;
}
.side-bar ul {
    position: fixed;
    top: 104px;
    list-style: none;
    margin: 0;
}

.side-bar li {
    border-bottom: 1px solid #06314E;
}

.side-bar a {
    display: block;
    padding-left: 20px;
    padding-top: 19px;
    padding-bottom: 9px;
    width: 220px;
    text-decoration: none;
    color:white;
}

.side-bar a:hover {
    background: #06314E;
}

.side-bar i {
    position: absolute;
    right: 20px;
    font-size: 30px;
    margin-top: -10px;
}

.side-bar-active {
    background-color: #fff;
}

.side-bar-active a {
    mix-blend-mode: difference;
    box-shadow: -5px 0px 0px #0573FA inset;
}

.side-bar-active a:hover {
    mix-blend-mode: unset;
}

/* end side-bar */

.page-title {
    margin-bottom: 40px;
    text-align: center;
}

.container {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 30px;
    /*position: relative;
    top: 8.5rem;*/
    transition: 0.2s margin-left ease-in-out;
}
#container_black_screen{
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101;
    position: fixed;
    top: 0;
    left: 0;
}
.sk-circle {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 250px;
    right: 0;
    width: 70px;
    height: 70px;
    margin: auto;
    z-index: 2;
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #EC5840;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}
/*table tfoot, table thead {
  background: #2199E9;
  color: white;
  line-height: 1.2;
}*/
table.unstriped tbody tr {
    background-color: #fefefe;
}

/* Timbrage ***/
table.timbrage thead th,
table.timbrage thead td,
table.timbrage tbody th,
table.timbrage tbody td {
    border: solid 1px #ccc;
}
table.timbrage thead {
    font-size: 20px;
}
table.timbrage tbody {
    font-size: 18px;
}
/*** Timbrage */


.tache_cell {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 64px;
}


.asc:after, .desc:after {
    display: inline;
    float: right;
    width: 30px;
    font-family: foundation-icons;
}
.desc:after {
    content: "\f109";
}
.asc:after {
    content: "\f10c";
}

table.table-link td {
    padding: 0;
}

table.table-link td > a {
    display: block;
    padding: .5rem .625rem .625rem;
    color: inherit;
}

input[type='submit'] {
    float:right;
}
.input.checkbox p {
    margin-bottom: 0;
}
.form-error {
    display: block;
    margin-top: inherit;
    margin-bottom: inherit;
    font-size: initial;
    color: #000;
}
.error-message {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-bottom: 0.7rem;
    font-size: 0.9rem;
    font-weight: normal;
    font-style: italic;
    color: #C3232D;
}

span.primary {
    color: #2199e8;
}
span.secondary, a.secondary {
    color: #777;
}
span.success, a.success {
    color: #3adb76;
}
span.warning, a.warning {
    color: #ffae00;
}
span.alert, a.alert {
    color: #ec5840;
}

.progress_avancement {
    margin: 0 ;
    padding: 0;
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px; }
/*.meter {
  position: relative;
  float: left;
  min-width: 4%;
  height: 100%; }*/
.progress {
    position: relative;
}
.progress-meter {
    position: initial;
}
.percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-family: tahoma,arial,helvetica;
    font-size: 12px;
    color: white; }
.progress-meter.blue {
    background: cornflowerblue; }
.progress-meter.red {
    background: #e74c3c; }
.progress-meter.orange {
    background: #e67e22; }
.progress-meter.green {
    background: #2ecc71; }

.priorite {
    width: 100%;
}
.priorite p {
    text-align: center;
    color: white;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    margin:0;

}
.urgente {
    background-color: #e74c3c !important;
    color: #fefefe;
}
tr.urgente:nth-child(even) {
    background-color: #E67165 !important;
}
tr.urgente:nth-child(odd) {
    background-color: #E6786D !important;
}
.haute {
    background-color: #e67e22;
}
.normale {
    background-color: #2ecc71;
}
.faible {
    background-color: cornflowerblue;
}
.slider.avancement {
    margin-top: 2.25rem;
}

.pagination {
    list-style-type: none;
}
.pagination li {
    display: inline-block;
    margin: 5px;
}
.pagination a {
    padding: 0.1875rem 0.625rem;
    color: #012A46;
}
.pagination .disabled a {
    color: #757575!important;
    cursor: default;
}
.pagination a:hover {
    background-color: #e6e6e6;
}
.pagination .active a {
    background-color: #2199E9!important;
    color:white;
}

.chosen-container {
    width: 100% !important;
    margin-bottom: 1rem;
}

/* Calendar ****/
.calendar {
    margin-top: 30px;
}
#calendar_modifier thead {
    background: rgba(224, 43, 43, 0.8)!important;
}
#calendar_modifier .fc-event {
    border: 1px solid #A21111;
    background-color: #A21111;
}
@media screen and (min-width: 40em) {
    .calendar h2 {
        font-size: 2rem;
    }
}
.calendar table {
    margin-bottom: 0;
}
table tbody tr:nth-child(even).fc-minor {
    background: initial;
}
.fc table tfoot, .fc table thead {
    background-color: initial;
    border: none;
}

.calendar-color-display {
    height: 15px;
    width: 15px;
    background: orange;
    float: right;
    position: relative;
}
/**** Calendar */

/* DateTimePicker ****/
.xdsoft_calendar.week-selection table tbody tr:hover td,
.xdsoft_calendar.week-selection table tbody tr:hover th {
    background-color: #87C3EA;
}
.xdsoft_calendar.week-selection table tbody tr:hover th {
    color: #191919;
}
.xdsoft_calendar.week-selection table tbody tr:hover td.xdsoft_current {
    background-color: #178fe5;
}
/**** DateTimePicker */

.reveal {
    margin-bottom: 62px;
}
#search {
    width: 83%;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #DADADA;
    box-shadow: none;
}
#search:focus {
    border: 2px solid #3ADB76;
    box-shadow: none;
}
.search_button {
    margin-left: -7px;
    vertical-align: middle;
    height: 39px;
}

.jSignature {
    height: 180px!important;
    width: 300px!important;
    border:1px solid #CACACA!important;
    background: white;
}
.btn_clear_signature {
    padding: 10px;
    background-color: #DD4747;
    cursor: pointer;
    color: white;
    width: 64px;
}
form .columns {
    padding-left:0;
}

.reveal-overlay {
    z-index:100;
}

.dropdown {
    display: inline-block;
    margin: 0 0 1rem;
    line-height: 1;
    vertical-align: middle;
}
.dropdown.menu a:hover {
    background: #E0E0E0;
    transition: background 0.2s ease-out;
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    border-top-color: white;
}

/* tooltips todo ***/
.infobulle span {
    display: none;
    z-index: 10;
    position: absolute;
}
.infobulle span:before {
    content: '';
    display: block;
    position: absolute;
    left: 1rem;
    top: -10px;
    width: 0px;
    height: 0px;
    background: transparent;
    border-bottom: 10px solid #252525;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.infobulle:hover span {
    display: block;
    background: #252525;
    color: #fefefe;
    padding: 1rem;
    margin-left: 3rem;
    margin-top: 10px;
    max-width: 70%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}
/*** tooltips todo */

.files {
    position: relative;
    background: white;
    border: 1px solid #25ab16;
    padding: 5px;
    padding-left: 15px;
    color: #25ab16;
    font-weight: bold;
    margin-bottom: 7px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.files:hover{
    color: #2199e8;
    border: 1px solid #2199e8;
    background: #efefef;
}
.files i{
    position: absolute;
    right: 13px;
    top: 0;
    padding: 5px;
    cursor: pointer;
}

#sommaire, .markdown {
    /*margin-top: 30px;*/
    /*width: 100%;*/
    background: #ffffff;
    border: 1px solid rgb(197, 197, 197);
    border-radius: 6px;
    /*padding: 30px;*/
}
.markdown h1 {
    font-size: 1.6em;
}
.markdown h2 {
    font-size: 1.5em;
}
.markdown h3 {
    font-size: 1.4em;
}
.markdown h4 {
    font-size: 1.3em;
}
.markdown h5 {
    font-size: 1.2em;
}
.markdown h6 {
    font-size: 1.1em;
}
.markdown h1:target,
.markdown h2:target,
.markdown h3:target,
.markdown h4:target,
.markdown h5:target,
.markdown h6:target {
    margin-top:-12px;
    padding-top:60px;
}
.editor-toolbar.fullscreen {
    z-index: 110!important;
}
.CodeMirror-fullscreen {
    z-index: 110!important;
}

.input-group .input-group-search {
    position: relative;
}
.input-group-search .input-search-reset {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: large;
}

/* Responsive */
@media (max-width:640px) {
    .side-bar{
        margin-left: -230px;
        z-index: 102;
        box-shadow: 2px 3px 10px black;
    }
    .side-bar-displayed {
        margin-left: 0px;
    }
    .side-bar ul {
        top: 0px;
    }
    .menu-title, .menu-laptop{
        display: none;
    }
    .menu-side-bar, .menu-mobile, .menu-side-bar{
        display: table-cell;
    }
    .menu li a {
        padding: 0.3rem 0.8rem;
    }
    .container {
        margin-left: 0;
        padding-right: 7px;
        padding-left: 7px;
    }
    .sk-circle {
        left: 0;
    }

    footer {
        margin-top: 50px;
        margin-bottom: 20px;
        padding-left: 0;
    }

}
/* end Responsive */

/* DomPDF *** */
.header, .footer {
    margin:0 -100px;
    padding:0 100px;
    width: 100%;
    position: fixed;
}
.header {
    top: -40px;
    padding-bottom: 0px;
}
.footer {
    bottom: 10px;
    padding-top: 5px;
}

.page_break {
    page: teacher;
    page-break-before: always;
}

.page_number:after { content: counter(page); }

img {
    display: -dompdf-image !important;
}
/* *** DomPDF */

p.smaller {
    font-size: 70%;
}

.print .strong {
    font-weight: bold;
}

.rowxb {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);
}

.w-100 {
    width: 100% !important;
}

.h-90{
    height: 90%;
}

.h-55 {
    height: 55%;
}

.w-80 {
    width: 80%;
}

.bordParam{
    box-shadow: 10px 5px 5px grey;
    border: solid 1px black;
    margin-bottom: 200px;
    padding-top: 10px;
    padding-left: 60px;
    padding-bottom: 10px;
    
}

.btninf{
    color: #007198;
}

.pad-15pc{
    padding-right: 15%;
}


/***************************************************************************************************/

#client_alarme_input .chosen-container{
    margin-bottom: unset;
}


.text-black {
    color: #000 !important;
}


.fa-edit-CatePaf{
    padding: 0.2em;
    color: #070d59;
    border-radius: 50%;
    background: #D0E09D;
} .fa-edit-CatePaf:hover{
      background: #ceddef;
  }

.fa_round_custom{
    color: #5893d4;
    border-radius: 50%;

    padding-top: 0.2em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-bottom: 0.2em;

    background: #ceddef;
} .fa_round_custom.fa-trash-alt:hover{
      color: red;
      background: #dee3e9;
  }
.fa_round_custom.fa-pencil-alt:hover{
    color: #070d59;
    background: #dee3e9;
}
.fa_round_custom.fa-key:hover{
    color: #eeff00;
    background: #e8afa0;
}
.fa_round_custom.fa-plus:hover{
    color: #37889c;
    background: #e8afa0;
}
.fa_round_custom.fa-balance-scale-left:hover{
    color: green;
    background: #dee3e9;
}

.fa-CatePaf{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 0.3em;
    padding-left: 0.3em;
    color: #927d6a;
    border-radius: 50%;
    background: #D0E09D;
} .fa-trash-alt-CatePaf:hover{
      background: #e8afa0;
  }

.fa-1p5{
    font-size: 1.4em;
}
.fa-trash-alt-custom{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 0.3em;
    padding-left: 0.3em;
    color: #927d6a;
    background: #D0E09D;
    border-radius: 50%;
} .fa-trash-alt-custom:hover{
      background: #e8afa0;
  }

.histoButton{
    margin-bottom: 0%;
}

.faOpp{
    padding: 3%;
    color: #927d6a;
    background: #D0E09D;
    border-radius: 50%;
}

.faPaf{
    padding: 10%;
    color: #927d6a;
    background: #D0E09D;
    border-radius: 50%;
} .faPaf:hover{
      background: #e8afa0;
  }

.faPaf2{
    padding: 1%;
    color: #927d6a;
    background: #D0E09D;
    border-radius: 50%;
    /* border: 2px solid black; */
}

.input-group-search.input_custom .chosen-container{
    margin-bottom: 0 !important;
}

.chosen-container.chosen-container-single{
    margin-bottom: 0 !important;
}

.customTR{
    transition: all 0.1s ease-in-out;
    line-height: 1.2;
}

.fa-edit-customX{
    font-size: 1.5em !important;
    padding: 10% !important;
}

.fa-trash-customX{
    font-size: 1.5em !important;
    padding-left: 15% !important;
    padding-right: 15% !important;
    padding-top: 10% !important;
    padding-bottom: 10% !important;
}

.border-round{
    border-radius: 50%;
}








.text-danger{
    color: red !important;
}
.columns.medium-8.medium-centered .input-group .input-group-label{
    min-width: 10rem;
}
.columns.medium-9.medium-centered .input-group .input-group-label{
    min-width: 10rem;
}
.columns.medium-12 .input-group .input-group-label{
    min-width: 10rem;
}

.igl_custom{
    min-width:10rem !important;
}

.igl_custom_2{
    min-width: 5rem !important;
}

#search_relance .chosen-container.chosen-container-single{
    margin-bottom: 0 !important;
}

#filter_jbu .input.select{
    padding-right: unset !important;
    width: 83.33333%;
    padding-left: unset;
    float: left;
}

#filter_jbu div.input-group-button{
    text-align: left;
}

#alarmeTTD td a{
    display: block;
}

.borderCustom div.input.search{
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
}

.borderCustom div.input.select{
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
}








.testTable{
    border-right: 1px solid #F1F1F1;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    text-align: left;
    margin: 0;
}

.testTable a{
    display: block;
    padding: .5rem .625rem .625rem;
    color: inherit;
}


.hr_m_custom{
    margin: 4.25rem auto !important;
}



.container_general{
    border: 1px solid #f1f1f1;
}

.container_general .row_general:nth-child(1n) {
    background-color: #ffffff;
}
.container_general .row_general:nth-child(2n) {
    background-color: #f1f1f1;
}

.container_general small {
    margin-top: auto;
}

.row_general a{
    padding: .5rem .625rem .625rem;
}

.row_general span{
    padding: 0.3rem .625rem;
}
.row_general:hover{
    cursor: pointer;
    color: white !important;
    background: #6A93AC !important;
}
.row_general:hover > a{
    color: white !important;
}

.row_general a.columns:nth-child(n-1) {
    border-right: 1px solid #F1F1F1;
    min-height: 2.7rem;
}

.row_general span.columns:nth-child(n-1) {
    border-right: 1px solid #F1F1F1;
    min-height: 2.7rem;
}

.table_custom_paf{
    min-height: 3.3rem;
}

.button_custom{
    background-color: white;
}

.button_custom:hover{
    background-color: #927d6a;
}
.bbb{
    color: #927d6a !important;

}
.bbb:hover{
    color: white !important;

}
.border-x-pink{
    border-width: 1px;
    border-color: #e8afa0;
    border-right-style: solid;
    border-left-style: solid;
}
.mh_unset{
    min-height: unset !important;
}

.fa-1p5{
    font-size: 1.5rem;
}

.h_3rem{
    height: 3rem;
}



.row_header_cate_paf div{
    min-height: 3.3rem;
}



/*

.container_cate_paf .row_cate_paf:nth-child(2n) {
  background-color: #dcdcdc;
}
.row_header_cate_paf{
  min-height: 2.5rem;
  display: flex;
  align-items: center;

}

.row_cate_paf *{
  display: flex;
  min-height: 3rem;
  align-items: center;
}
.row_cate_paf:hover{
  cursor: pointer;
  color: white !important;
  background: #6A93AC !important;
}
.row_cate_paf:hover > a{
  color: white !important;
}*/

/*.tableD-custom{
  display: block;
  padding: .5rem .625rem .625rem;
  cursor: pointer;
}*/






.fa-circle-custom{
    font-size: 1.6em !important;
}
.fa-folder-custom{
    margin-top: -15px !important;
    font-size: 16px !important
}

.fa-stack-custom{
    font-size: 1em;
}

.fa-bg-custom{
    color: #460101;
}

.fa-folder-plus-custom{
    margin-right: 0.2em;
}
.fa-folder-open-custom{
    margin-right: 1px;
}

.fa-ban-custom{
    margin-right: 5px;
}

.fa-bow{
    margin-right: 4px;
}

.fa-university-custom{
    margin-right: 6px;
}

.fa-user-tie{
    margin-right: 7px;
}

/* end side-bar */


/*.table-width-custom{
  width: 60% !important;
}

.table-width-custom-doss{
  width: 39% !important;
}*/

.table-custom{
    width: 45%;
}

.header-grey{
    /* background: #CEC5C5; */
    /* background: #FFF5EF; theme froid*/
    background:  #5893d470;
}

.bow{
    margin-top: 1%;
}


.font150{
    font-size: 150%;
}

.fi-pencil-backup{
    color: white;
    background: green;
} .fi-pencil-backup:hover{
      color: green;
      background: white;
  }

.fi-trash-backup{
    color: white;
    background: red;
} .fi-trash-backup:hover{
      color: red;
      background: white;
  }


.fi-plus-backup{
    color: white;
    background: blue;
} .fi-plus-backup:hover{
      color: blue;
      background: white;
  }

.fi-round{
    padding-left: 5.5%;
    padding-right: 5.5%;
    border-radius: 50%;
    border-style: solid;
    border-color: black;
}




.text-end{
    text-align: end;
}

.large-2p5{
    width: 20.8%;
}

.large-7p5{
    width: 62.5%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 1; /* Firefox */
}

.text-white{
    color: white;
}
.text-theme1{
    color: #e6e6e6;
}


.text-brown{
    color: #5e4b39;
}

.text-blue{
    color: #ceddef;
}

.borderCustom{
    box-shadow: 10px 5px 5px grey;
    border: solid 1px black;
}

#job-index-form div.input.select{
    padding: unset !important;
}