.body-content {
    margin-top: 60px !important;
}

@media (min-width:709px)
{
    .body-content {
        margin-top: 110px !important;
    }
}

.text-app {
    color: #207860 !important;
}

.bg-gray {
    background: #F5F5F5;
}

.br-1 {
    border-radius: 1px
}

.br-2 {
    border-radius: 2px
}

.br-3 {
    border-radius: 3px
}

.br-4 {
    border-radius: 4px
}

.br-5 {
    border-radius: 5px
}

.br-6 {
    border-radius: 6px
}

.br-7 {
    border-radius: 7px
}

.br-8 {
    border-radius: 8px
}

.br-9 {
    border-radius: 9px
}

.br-10 {
    border-radius: 10px
}

.form-control:focus {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #207860;
}

body.disabled {
    pointer-events: none !important;
    opacity: 0.7;
}

.border-bottom-app {
    border-bottom: 5px solid #207860;
}

.search-box {
    height: 54px !important;
}

.badge-app {
    border: 1px solid #207860 !important;
    color: #207860;
}

.badge-app-inverse {
    background: #207860;
    color: white;
}

/*.dataTables_wrapper{*/
/*    !*width: 99.5% !important;*!*/
/*}*/

/*.table{*/
/*    overflow-x: auto !important;*/
/*}*/

.new_row{
    border: 4px solid #207860 !important;
}

.remove_button{
    height: 46.48px !important;
}

.ck-editor__editable {
    min-height: 150px;
}


.btn-app{
    color: white !important;
    background: #207860 !important;
    border: 1px solid #207860 !important;
}

.btn-app-outline{
    color: #207860 !important;
    background: white !important;
    border: 1px solid #207860 !important;
}

.btn-app-outline:hover{
    color: white !important;
    background: #207860 !important;
    border: 1px solid #207860 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.detail-box{
    background: #E8E8E8;
    padding: 10px 15px;
    border-radius: 5px;
}

.detail-box-light{
    background: #E5E8EB;
    padding: 10px 15px;
    border-radius: 5px;
}

.detail-card{
    background: #F2F6FF;
    border-top: 20px solid #CED5E0;
    border-radius: 3px;
}

.detail-card-app{
    background: #F2F6FF;
    border-top: 20px solid #207860;
    border-left: 1px solid #207860;
    border-right: 1px solid #207860;
    border-bottom: 1px solid #207860;
    border-radius: 3px;
}

.focus-item {
    animation: shake 2s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    animation-iteration-count: infinite;
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}


.notification:hover{
    background: #e8eefc;
}

.user-profile-img{
    max-height: 300px !important;
}

.text-underline{
    text-decoration: underline !important;
}

td.is-accepted{
    border: 2px solid #207860 !important;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.custom_post_code{
    text-transform: uppercase !important;
}

.bg-footer{
    background:#CC9F53 !important;
}

.swal2-modal ul{
    padding-left: 15px !important;
}

.filter-item:hover{
    background: #207860 !important;
    color: white !important;
}