.icon-card i{
    font-size: 54px;
padding: 7px;
}

.js-global-message{
    position: relative !important;
    opacity: 1;
    display: block !important
}

.footer{
    /*z-index: 1000;*/
    /* Placé derrière les vues étendues */
    z-index: 985;
}

/*.modal-content{
    min-height: 280px;
    padding: 30px;
}*/

.only-mobile{
    display: none;
}

/*.modal-content h4{
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}*/

::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1);
}
/* It works for firefox */
* {
    scrollbar-width: 8px;
    scrollbar-color: var(--accent) rgba(0, 0, 0, .1);
}

/* It works for chrome, edge and safari */
/* Track */

::-webkit-scrollbar-track
{
    background: rgba(0, 0, 0, .1);
}

/* Handle */

::-webkit-scrollbar-thumb
{   background-color: var(--accent) !important;
    border-radius: 10px !important;
    cursor: s-resize;
    transition: .2s;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover
{
    cursor: s-resize;
    background: rgba(0, 0, 0, .4);
}

/* .is_reloading{
    animation: loading_ajax 10s;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}


@keyframes loading_ajax_bck
{
    0%
    {
        filter: opacity(0.05);
    }
    33%
    {
        filter: opacity(0.05);
    }
    100%
    {
        filter: opacity(0.15);
    }
} */

.card {
    box-shadow: 0 1px 4px 0 #888 !important;
    color: #000000 !important;
    background: #fff !important;
}

.main-panel{
    background: #efeae280  !important
}

/* #menu-carnet .nav-pills>li>a {
    font-size: 11px !important;
    max-width: 137px;
    min-width: 110px !important;
    padding: 1px !important;
    height: 64px !important;
}

#menu-carnet .nav-pills>li>a > i{
    padding: 6px 0px 3px 0px !important;
} */

.main-panel > .content {
    margin-top: 0px !important;
    padding: 0px 0px !important;
    min-height: calc(100vh - 123px);
}

.rotate360 {
    animation: rotate360 2s infinite;
    animation-timing-function: linear;
}

@keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.red-hover:hover{
    color: #f44336 !important;
}

.green-hover:hover{
    color: #009688 !important;
}

.d-center{
    left:50%;
    position: relative;
    transform: translateX(-50%);
}

.nav-pills>li>a {
    border-radius: 4px;
}

.icon-card
{
    font-size: 65px;
    position: absolute;
    z-index: 5;
    display: block;
    width: 80px;
    height: 80px;
    margin-top: -13px;
    margin-left: 15px;
    color: #fff;
    border-radius: 5px;
    background-color: var(--accent);
}

.icon-card-inside
{
    font-size: 60px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translateX(-50%) translateY(-50%);
}

.card-title
{
    margin-left: 89px;
}

.d-flex
{
    display: flex;
}

.f-wrap
{
    flex-wrap: wrap;
}

.label-form
{
    font-size: 16px;
    font-weight: 400;
    padding-top: 32px;
}

.checkbox label
{
    color: #777;
}

label.mini
{
    font-size: 12px;
    position: absolute;
    margin-top: -20px;
    padding-left: 15px;;
}

.radio label
{
    font-size: 12px;
    color: #777;
}

.duck-text{
    color: #00a79d !important;
}

.orange-text{
    color: var(--accent) !important;
}

.btn-duck,
.btn-duck:hover {
    color: white;
    background-color: #00a79d !important;
}

.btn-orange,
.btn-orange:hover {
    color: white;
    background-color: #ff9900 !important;

}


.pointer
{
    cursor: pointer;
}

.centered
{
    left: 50%;
    transform: translateX(-50%);
}

.form-group.is-empty .form-control.must-fill
{
    transition-duration: .3s;
    outline: none;
    background-image: linear-gradient(#f00, #f00), linear-gradient(#d2d2d2, #d2d2d2);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;;
}

.no-link
{
    color: #444;
}

#cmis-table_filter
{
    margin-top: -6rem;
}


.no-link:hover
{
    color: #444;
}

.btn[disabled]
{
    background-color: #999;
}




.dataTables_filter label
{
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857;
    color: #aaa !important;
}


.nav-center
{
    display: block;
}

.js-nav-title .js-nav-sub{
    width: 0px;
    height : 0px;
    position: absolute;
    margin-top: -3px;
    background: var(--accent);
    color: white;
    z-index: 1;
    border-radius: 0px 6px 6px 6px;
    padding: 2rem;
    padding: 0rem;
    overflow: hidden;
}
/*
.js-nav-title.active .js-nav-sub{
    width: 500px;
    height : 65px;
    padding: 2rem;
    animation : opensub 0.8s;
} */

@keyframes opensub {
  0% {
      width: 110px;
      height : 0px;
      padding: 0rem;
  }

  40% {
      width: 110px;
      height : 65px;
      padding: 1.7rem;
  }

  100% {
      width: 500px;
      height : 65px;
      padding: 2rem;

  }
}

@media screen and (max-width: 800px)
{
    .nav-center .js-nav-title p{
        display: none
    }
    .nav-center .js-nav-title a{
        height: 70px;
        padding: 2px;
        min-width: 75px !important;
    }
    .nav-center .js-nav-title a i {
        width:75px;
    }
}


@media (max-width: 490px){
    .nav-center .nav-pills-icons {
        max-width: 90% !important;
    }
    .nav-center .js-nav-title a{
        height: 42px;
        padding: 2px;
        min-width: 40px !important;
    }
    .nav-center .js-nav-title a i {
        width:40px;
        font-size: 20px;
         padding: 9px 0;
    }
    p{
        font-size: 12px;
    }
    .main-panel > .content {
        padding: 30px 15px;
        min-height: calc(100vh - 123px);
    }
    #notebook-mail p{
        font-size: 12px !important;
    }

}

.fileinput{
    display: inline-block !important
}


@media screen and (max-width: 918px)
{
    #documents .card .card-title
    {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 1390px)
{
    .nav-center
    {
        margin-bottom: 2rem !important;
    }
}

@media screen and (max-width: 659px)
{
    .nav-center
    {
        display: block;
    }
    #information .col-sm-6
    {
        font-size: 14px !important;
        min-width: 400px !important;
    }

    #information .col-sm-6 .d-flex
    {
        position: relative;
        left: 23px;
        display: inline-block;
    }
    .info-date-livraison
    {
        display: block !important;
        width: 90% !important;
    }
}


@media screen and (max-width: 720px)
{
    .collapse-sm
    {
        display: block !important;
    }
}

.text-overflow
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.padding-0
{
    padding: 0 0 0 0 !important;
}


.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}

.fa-sign-out
{
    position: absolute;
    right: 5px;
    color: #999;
}

.fa-sign-out:hover
{
    color: #000;
}

/*.sidebar,
.off-canvas-sidebar
{
    position: absolute;
    z-index: 1032;
    right: 0;
    left: auto;
    display: block;
    visibility: visible;
    overflow-y: visible;
    width: 260px;
    height: 100vh;
    padding-right: 0;
    padding-left: 0;
    -webkit-transform: unset !important;
            transform: unset !important;
    text-align: left;
    border-top: none;
    background-color: #9a9a9a;
}*/


.truncate
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mini-menu-click
{
    display: none;
    font-size: 32px;
    z-index: 1500000000;
    /*position: absolute;
    top: 10px;
    right: -34px;*/
    color: #999;
    border: none;
    background: none;
}


.css-alert-success
{
    display: none;
    opacity: 0;
}


@keyframes fadeFlash
{
    0%
    {
        display: block;
        opacity: 1;
    }
    60%
    {
        display: block;
        opacity: 1;
    }
    90%
    {
        display: block;
        opacity: 0;
    }
    90%
    {
        display: none;
        opacity: 0;;
    }
}

.param-admin:hover
{
    animation: rotating 2s infinite;
    animation-timing-function: linear;
    color: #555;
}

.param-admin
{
    padding: 1px 0 0 0;
    color: #888;
}

@keyframes rotating
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}

.one-doc:hover .trashcan
{
    cursor: pointer;
    opacity: 1;
}

.alert.alert-error
{
    display: none;
    color: #fff;
    border-radius: 3px;
    background-color: #e03838;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(175, 76, 76, .4);
}

.alert.alert-error i[data-notify='icon']
{
    color: #fff;
    background-color: #e03838 !important;
}


.fa,
.far,
.fas,
.fal
{
    font-size: 17px;
}

.fa-upload.toupload
{
    font-size: 21px;
    position: relative;
    top: -5px;
    margin-top: 12px;
    margin-left: 11px;
    color: #ff9801;
}

.pdf-download-doc
{
    color: #666;
}

.pdf-download-doc:hover
{
    color: #444;
}


.no-margin
{
    margin: 0;
}


@media screen and (max-width: 991px)
{
    .mini-menu-click
    {
        display: block;
    }

    /*.sidebar::before,
    .off-canvas-sidebar::before
    {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: unset !important;
        content: '';
        background-color: #282828;
    }

    .sidebar,
    .off-canvas-sidebar
    {
        left: -263px !important;
    }*/

    .is-shown
    {
        left: -0px !important;
    }

    .logout-button
    {
        display: none;
    }
}


::selection
{
    color: #fff;
    background: #bbb; /* WebKit/Blink Browsers */
}

::-moz-selection
{
    color: #fff;
    background: #bbb; /* Gecko Browsers */
}


.footer-bottom
{
    width: 100%;
    min-height: 30px;
    background-color: #15224f;
}
.copyright
{
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    color: #fff;
}
.design
{
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
    color: #fff;
}
.design a
{
    color: #fff;
}

.hermesTooltip
{
    font-weight: 600;
    position: relative;
    display: none;
    padding: 3px 0 0 8px;
    cursor: help;
    color: #444;
}


a.btn-icon > i.material-icons
{
    font-size: 3rem;
}


.btn-icon .text
{
    font-size: 1rem;
}


/* Create a custom checkbox */

.carnet-container .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    transition: .3s;
    border-radius: 3px;
    background-color: rgba(214, 214, 214, 1);
}

.carnet-container .checkmark:hover
{
    background-color: #01010128;
}


/* On mouse-over, add a grey background color */

tr:hover .carnet-container input ~ .checkmark
{
    background-color: #ccc;
}



/* When the checkbox is checked, add a blue background */

.carnet-container input:checked ~ .checkmark
{
    background-color: #01a69d;
}



/* Create the checkmark/indicator (hidden when not checked) */

.carnet-container .checkmark:after
{
    position: absolute;
    display: none;
    content: '';
}


.carnet-container .checkmark.disabled
{
    background-color: #2196f3 !important;
    cursor: not-allowed;
}


/* Show the checkmark when checked */

.carnet-container input:checked ~ .checkmark:after
{
    display: block;
}



/* Style the checkmark/indicator */

.carnet-container .checkmark:after
{
    top: 5px;
    left: 9px;
    width: 5px;
    height: 10px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border: solid white;
    border-width: 0 3px 3px 0;
}

.carnet-container .checkmark.removeSent
{
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    border-radius: 3px;
    background-color: #01010125;
}

.carnet-container .checkmark.removeSent:after
{
    content: "x";
    top: -5px;
    left: 6px;
    color: #999;
    width: 5px;
    height: 10px;
    display: block;
    border: none;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

/* Style the checkmark/indicator */

.carnet-container .checkmark.disabled:after
{
    top: 7px;
    left: 5px;
    width: 13px;
    height: 6px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0);
    border: solid white;
    border-width: 0 0 3px 0;
}

.one-search
{
    display: inline-flex;
    margin: 1rem;
}

.search-name
{
    font-size: 16px;
    margin-right: 1rem;
}

.one-search select
{
    font-size: 15px;
    margin-right: 1rem;
    border: none;
    border-bottom: 1px solid #ddd;
    background: none;
}

.one-search input
{
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: none;
}


.one-search input::placeholder
{
    font-size: 15px;
    color: #aaa;
}

.one-search label
{
    margin-right: 0;
}

.question.not-editable
{
    cursor: default;
}

/*input[disabled] {
    background: #fff !important;
}*/


.carnet-container
{
    font-size: 22px;
    position: relative;
    display: block;
    margin-bottom: 12px;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.carnet-container input
{
    position: absolute;
    display: none;
    cursor: pointer;
}


.js-advance-search
{
    display: inline-block;
    width: 99%;
    margin: 2.5rem 0;
    border: #ddd solid;
    border-width: 1px 0;
    height: 0px;
    opacity:0;
    overflow:hidden;
    transition: 0.25s;
}

.prop-search label {
    font-weight: 300;
    font-size: 15px;
    cursor: pointer
}


/* .dataTables_filter {
    display: none;
}
 */

.badge-new-answer{
    display: none;
}

.has-new-answers .badge-new-answer{
    display: block;
    position: absolute;
    margin-left: 8rem;
    background: #ffffff;
    padding: 1px 7px;
    border-radius: 15px;
    color: #1da094;
    font-weight: 600;
    z-index: 20;
    border: 2px solid #1da094;
}

.survey-container {
    width: 150px;
}

.actions-line{
    border-left: 1px solid #ddd;
    margin-top: -4.5rem;
}

.actions-line p{
    font-weight: 500;
}

.actions-line ul{
    overflow: auto;
    max-height: 15rem;
    padding: 0px;
}

.actions-line ul li{
    margin-bottom: 0.33rem;
    padding: 0;
    list-style: none;
}

@media screen and (max-width: 1400px) {
  .actions-line {
    display:none;
  }
}

.actions-line a{
    color: #222;
    transition: 0.25s
}


.actions-line a:hover{
    color: #444;
    text-decoration: underline;
}

/*table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    left: -2rem !important;
    height: 14px;
    top: 3rem !important;
    width: 14px;
    display: block;
    position: absolute;
    color: #4baf4f !important;
    border: 2px solid #4baf4f !important;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #ffffff !important;
}*/

table.dt-rowReorder-float{
    position: absolute !important;
    opacity: 0.8;
    table-layout: fixed;
    outline: 2px solid #888;
    outline-offset: -2px;
    z-index: 2001;
}
tr.dt-rowReorder-moving{
    outline: 2px solid #555;
    outline-offset: -2px;
}
body.dt-rowReorder-noOverflow{
    overflow-x: hidden;
}
table.dataTable td.reorder{
    text-align: center;
    cursor: move;
}

/*.create-notebook .form-group {
    padding-bottom: 10px;
    margin: 8px 0 0 0;
    margin-top: 0;
}

.create-notebook .label-form {
    font-size: 14px;
    font-weight: 400;
    padding-top: 2rem;
}

.create-notebook input::placeholder{
    font-size: 14px !important;
    color: #ccc
}

.create-notebook input{
    font-size: 15px !important;
}


.create-notebook select{
    border: none;
    border-bottom: 1px solid #ccc;
}*/

.h-select select{
    border: none;
    border-bottom: 1px solid #ccc
}

.h-select{
        margin-top: 3rem;
}



.loader-carnet-blur
{
    position: absolute;
    width: 100%;
    height: 99%;
    margin: -22px;
    animation: blur 5s;
    animation-timing-function: linear;

    filter: blur(12px);
}

.error-carnet-blur
{
    position: absolute;
    width: 100%;
    height: 99%;
    margin: -22px;
    animation: grayscale 2s;
    animation-timing-function: linear;

    filter: blur(12px) grayscale(1);
}


.control-carnet
{
    font-size: 70px !important;
    position: absolute;
    z-index: 5000;
    top: 40%;
    cursor: pointer;
    color: #bbb;
}


.limit-150{
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-200{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.limit-250{
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.css-limit-width{
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.js-current-dl li{
    margin-top: 1rem;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
}


.js-current-dl :first-child{
    margin-top: 1rem;
    font-weight: 600;
    font-size: 16px;
}

.js-current-dl{
    margin-left: 30px;
    margin-top: 0px;
    max-height: 500px;
    overflow: hidden;
    list-style: none;
    padding-left: 0;
    background: #fff;
    width:calc(100% - 220px);
}

.grey-load{
    font-size:270px;
    color: #1da094;
}

.ready-load{
    font-size:270px;
    top:0;
    position: absolute;
    height: 270px;
    color:#888;
    overflow: hidden;
}

.perso-search input{
    border: 0;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    font-size: 14px;
    color: #555;
}

label.perso-search{
    font-size: 14px;
    line-height: 1.42857;
    color: #aaa !important;
}

.account-dropdown p{
    transition: 0.25s
}



.underline:hover{
    text-decoration:underline
}

@keyframes blur
{
    0%
    {
        filter: blur(40px);
    }
    100%
    {
        filter: blur(12px);
    }
}


@keyframes grayscale
{
    0%
    {
        filter: blur(12px) grayscale(0);
    }
    100%
    {
        filter: blur(12px) grayscale(1);
    }
}


.disabledTab{
    cursor: forbidden;
    color : #bbb !important
}

.disabledTab .counter-menu-top{
    color : #bbb !important
}

.disabledTab a{
    color : #bbb !important
}


.disabledTab[need=bih]::after{
    content: "Be in Home";
}

.disabledTab[need=svc]::after {
    content: "Suivi Chantier";
}

.disabledTab[need=rlc]::after {
    content: "Relation Client";
    width: 83px !important;
    margin-left: -41px !important;
}

.disabledTab[need=sev]::after {
    content: "Lien Seven";
}

.disabledTab[need=sav]::after {
    content: "Module SAV";
}


.disabledTab[need=messagerie]::after {
    content: "Module Messagerie";
}

.disabledTab[need]::after {
    border-radius: 20px;
    background: #ccc;
    color: #fff;
    padding: 0px 4px;
    font-size: 10px;
    position: absolute;
    border: solid 1px #ddd;
    margin-left: -36px;
    font-weight: 500;
    top: 84px;
    width: 75px;
    text-align: center;
    text-transform: initial;
}

.disabledTab.tab-mini:hover {
    background: none !important;
}

.disabledTab.tab-mini {
    cursor: not-allowed !important;
}


.disabledTab.tab-mini[need]::after {
    margin-left: 19px;
    top: 60px;
}

.no-padding{
    padding:0 !important;
}

.no-margin{
    margin:0;
}
.nav-pills > li > span {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
    text-align: center;
    color: #555555;
    transition: all .3s;
    font-size: 11px !important;
    min-width: 120px !important;
    position: relative;
    display: block;
    padding: 10px 15px;
    cursor: not-allowed !important;
}

.nav-pills > li > span > i {
    color: #bbb !important;
}

.disabledTab .tooltip-need{
    display: none;
    position: absolute;
    background: #ddd;
    border-radius: 3px;
    z-index: 250;
    color: #2f2f2f;
    padding: 10px;
    width: 300px;
    text-align: left;
    opacity: 0.90;
    top: 9rem;
    margin-left: -8rem;
    border: 1px solid #ddd;
    font-weight: 500;
    font-size: 12px;
    animation: tooltip-need 1.5s;
}

.disabledTab:hover .tooltip-need{
    display: block;
}

@keyframes tooltip-need
{
    0%
    {
        opacity: 0;
    }
    40%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 0.90;
    }
}

.js-notifications{
    position: absolute;
    background: var(--dark-color);
    color: #fff;
    font-weight: 700;
    width: 19px;
    height: 19px;
    text-align: center;
    text-align: -webkit-center;
    padding-top: 0px;
    border-radius: 2rem;
    top: -1.2rem;
    /*right: 0.25rem;*/
    right: calc(-19px / 2);
    font-size: 12px;
}


.push-notification  {

    text-decoration: none !important;
    height: 290px;
    overflow: hidden;
    overflow-y: auto;
}

.push-notification  .div-notification {
    padding:0.5rem;
    border-bottom: 1px lightgrey solid;
    color:black;
    cursor: pointer;
}


.div-notification .notif-title{
    font-size:1.3rem;
}


.div-notification .notif-content{
    font-size:1.2rem;
    white-space: normal;
}
.push-notification  p{
    line-height: 1.3;
}
.push-notification  p:hover{
    text-decoration: none;
}

.push-notebook-document{
    color: #00acc1;
}

.push-messaging{
    color: #71c141;
}

.push-notebook_be{
    color: #41c16e;
}

.push-notebook-survey{
    color: #1da094;
}
.notification-read{
    background: rgba(211, 106, 29, 0.18);
}

.push-notification .icon{
    /*position: relative;
    top: 1rem;
    right:0.5rem;*/
    width: 48px;
}


.css-alert-message button{
    text-align: center;
    border: 1px solid #fff;
    background: transparent;
    color: #ffffff;
    margin-top: 7px;
}


.sidebar{
    background : none;
}



.photos-container .photo{
    margin:0px;
    width:164px;
    height: 108px;
}

.photos-container .photos-actions{
    bottom: 0px;
    min-height: 30px;
    padding: 5px 15px;
    margin-top: -31px;
    border-radius: 0px 0px 3px 4px;
    position: relative;
    background: #000000a1;
    width: 100%;
    opacity: 0;
    transition: 0.33s
}

.photos-container:hover .photos-actions{
    opacity:0.95;
}

.photos-actions span{
    cursor: pointer;
    color:#f5f5f5;
    transition: 0.25s;
}

.photos-actions span:hover{
    color:#eee;
}

.photos-actions span i{
    font-size: 20px;
}


.alert.alert-with-icon i[data-notify="icon"] {
    left: -50px !important;
}

.css-alert-message{
    width:450px;
    opacity:0.95;
    transition:0.4s !important;
    display: none;
    margin: 15px auto;
    position: relative !important;
    transition: all 0.5s ease-in-out;
    z-index: 1031;
    top: 20px !important;
    right: 20px !important;
    box-shadow: none !important;
}

.d-none{
    display: none;
}

.only_with_bih{
    display: none;
}

@keyframes moveRight {
    0%
    {
        left:0%;
        opacity: 1;
        position: relative;
    }
    50%
    {
        left:-100%;
        opacity: 0.1;
    }
    50.01%
    {
        left:100%;
        opacity: 0.1;
    }
    100%
    {
        left:0%;
        opacity: 1;
        position: relative;
    }
}

@keyframes moveLeft {
    0%
    {
        left:0%;
        opacity: 1;
        position: relative;
    }
    50%
    {
        left:100%;
        opacity: 0.1;
    }
    50.01%
    {
        left:-100%;
        opacity: 0.1;
    }
    100%
    {
        left:0%;
        opacity: 1;
        position: relative;
    }
}

.swal2-confirm.swal2-styled{
    background : #00bcd4 !important;
}

.btn.btn-default,
.navbar .navbar-nav > li > a.btn,
.navbar .navbar-nav > li > a.btn.btn-default  {
    border: 0 !important;
    box-shadow: 0 0 black !important;
    border-bottom: 1px solid #ddd !important;
}

.dropdown-menu{
    cursor: default !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: var(--accent) !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: var(--accent) !important;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active {
    background-color: #eee !important;
    color: #000 !important;
}

.bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover{
    box-shadow: none !important;
}

.w-100 {
    width: 100%;
}

.input-skeleton {
    width: 100%;
    height: 30px;
    background: 
        linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%)
        #f2f2f2;
    background-size:300% 100%;
    animation: skeleton_animation 1s infinite linear;
    border-radius: 2px;
    display: inline-block;
}

  @keyframes skeleton_animation {
    0% {background-position: right}
  }


/* =============================== *\
 * Theme Tree Structure (display array as tree in dom)
 * =============================== */
.theme-tree-structure ul {
    list-style-type: none;
}
.theme-tree-structure ul ul {
    padding-left: 40px;
}

/* Style the caret/arrow */
.theme-tree-structure .key {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.theme-tree-structure .key::after {
    content: "\25BA";
    color: #607d8b;
    display: inline-block;
    margin-left: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.theme-tree-structure .key-open::after {
    transform: rotate(90deg);
}

.theme-tree-structure .nested:not(.active) {
    display: none;
}

.h-100{
    height: 100%;
}