.ck .ck-toolbar {
    background-color: transparent !important;
    border:0!important;
}
.ck-editor .ck-content {
    border-radius: 0 !important;
    border: 0 !important;
    border-top: 1px solid #EBEDF3 !important
}

.form-validation i {
    color: #ff0000;
    position: absolute;
    left: 20px;
    top: 2.1rem;
    font-size: 2rem
}

.pull-right {
    float: right;
}
.pull-left {
    float: left;
}

.timeline-media.text-primary i {
    color: var(--primary);
}
.timeline-media.text-success i {
    color: var(--success);
}
.timeline-media.text-info i {
    color: var(--info);
}
.timeline-media.text-warning i {
    color: var(--warning);
}
.timeline-media.text-danger i {
    color: var(--danger);
}


.text-primary i {
    color: var(--primary);
}

.text-success i {
    color: var(--success);
}

.text-info i {
    color: var(--info);
}

.text-warning i {
    color: var(--warning);
}

.text-danger i {
    color: var(--danger);
}

.bg-yellow {
    background-color: rgba(255, 248, 211, 0.2);
}

.bg-blue {
    background-color: rgba(211, 242, 255, 0.2);
}

.bg-green {
    background-color: rgba(220, 255, 211, 0.2);
}

.m--bg-focus {
    background-color: #9816f4 !important;
}
.m--bg-danger {
    background-color: #f4516c !important;
}
.m--bg-accent {
    background-color: #00c5dc !important;
}
.kt--bg-focus {
    background-color: #9816f4 !important;
}


.kt-bg-focus {
    background-color: #9816f4 !important;
}

.kt-bg-danger {
    background-color: #f4516c !important;
}

.kt-bg-accent {
    background-color: #00c5dc !important;
}

.kt--bg-focus {
    background-color: #9816f4 !important;
}


.kt--bg-danger {
    background-color: #f4516c !important;
}

.kt--bg-accent {
    background-color: #00c5dc !important;
}

.kt--bg-accent10 {
    background-color: rgba(0, 197, 220, 0.1) !important;
}

    .kt--bg-accent10:hover {
        background-color: rgba(0, 197, 220, 0.9) !important;
        color: #FFF !important;
    }

.btn-accent {
    color: #fff;
    background-color: #00c5dc;
    border-color: #00c5dc;
}


.btn.btn-label-accent {
    background-color: rgba(0, 197, 220, 0.1);
    color: #00c5dc;
}


.btn.btn-label-focus {
    background-color: rgba(152, 22, 244, 0.1);
    color: #9816f4;
}


/*.btn.btn-label-warning {
    background-color: rgba(255, 184, 34, 0.1);
    color: #ffb822;
    cursor: text !important;
}*/


/*.form-control[readonly], .form-control {
    border-color: #646c9a;
    color: #575962;
}

.form-control {
    font-family: sans-serif, Arial;
    border-radius: 0;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.95rem + 2px);
    padding: 0.85rem 1.15rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #646c9a;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.form-control {
    padding: .35rem 1.15rem;
    line-height: 1.8rem;
}*/

.overduedate {
    font-size: .9rem;
    line-height: 13px;
}

.kt-widget26 {
    display: unset;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.kt-widget26 .kt-widget26__number {
    font-size: 2.5rem;
    font-weight: 600;
    color: #646c9a;
    display: inline-block;
}
    .kt-widget26 .kt-widget26__number > small {
        margin-top: 0.3rem;
        display: block;
        font-size: 1rem;
        font-weight: 400;
    }

.kt-portlet--border-bottokt-brand {
    border-bottom: 3px solid #716aca;
}
.kt-portlet.kt-portlet--border-bottom-brand {
    border-bottom: 3px solid #5d78ff;
}
.kt-portlet.kt-portlet--border-bottom-focus {
    border-bottom: 3px solid #9816f4;
}
.kt-portlet.kt-portlet--border-bottom-accent {
    border-bottom: 3px solid #00c5dc;
}
.kt-portlet.kt-portlet--border-bottom-danger {
    border-bottom: 3px solid #f4516c;
}

.kt-btn--icon.kt-btn--icon-only.xsb [class*=" la-"], .kt-btn--icon.kt-btn--icon-only.xsb [class^=la-] {
    font-size: 1rem;
}

.kt-btn--icon.kt-btn--icon-only.xsb {
    width: 25px;
    height: 25px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(113, 106, 202, 0.02)
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 216, 0, 0.10)
}

.kt-checkbox .top_-10 {
    top: -5px;
}

.btn-outline-focus {
    color: #9816f4;
    background-color: transparent;
    background-image: none;
    border-color: #9816f4;
}
    .btn-outline-focus.focus, .btn-outline-focus:focus, .btn-outline-focus:hover {
        border-color: #9816f4;
        background: #9816f4;
        color: #ffffff;
    }

.btn.btn-icon.btn-xs {
    height: 2.2rem;
    width: 2.2rem;
}
.btn-xs, .btn-group-xs > .btn {
    
    font-size: 0.775rem;
   
}


.btn .fxtop-2 {
    top: -2px;
    position: relative;
}

.tbtn {
    padding: .2rem .75rem;
}

    .tbtn i {
        margin-top: -2px;
    }

    .tbtn [class*=" flaticon-"], .tbtn [class^=flaticon-] {
        font-size: .9rem;
    }

.checkbtn {
    padding: .1rem .2rem;
}

    .checkbtn i {
        margin-top: -2px;
    }

    .checkbtn [class*=" flaticon-"], .tbtn [class^=flaticon-] {
        font-size: .9rem;
        font-weight: 900;
    }

.kt-card-user .kt-card-user__details .kt-card-user__name {
    font-size: 1.1rem;
    font-weight: 600;
}

.color-input {
    width: 100%;
    padding: .15rem .3rem;
    height: 2.55rem;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.TaskPriority {
    /*font-size: .5rem;*/
    width: 1.8rem;
    height: 1.8rem;
    padding-top: 2px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.completedTasks {
    text-decoration: line-through;
    text-decoration-color: rgba(152, 22, 244, 0.30);
}

.overduedate {
    font-size: .9rem;
    line-height: 13px;
}

.kt-card-profile .kt-card-profile__pic img {
    text-align: center;
    max-width: 180px !important;
    max-height: 150px;
    margin: 0 auto !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.kt-timeline-1.kt-timeline-1--fixed {
    width: 90%;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
    background-color: #e6eaf5;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
    width: 1.43rem;
    height: .37rem;
    border-radius: .36rem;
    position: absolute;
    left: 20px; /* transform: translate(-46%,0); */
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right {
    left: 20px;
    padding-left: 2.86rem;
    top: 3.5rem;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item {
    position: relative;
    margin-left: 0;
    width: 98%;
    min-height: 3rem;
    margin-bottom: 5rem;
}

.kt-timeline-1:after {
    content: '';
    position: absolute;
    width: .4rem;
    top: 0;
    bottom: 3rem;
    left: 20px;
    margin-left: -.142rem;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-circle {
    top: 1.55rem;
    left: 0;
    transform: translate(-46%,0);
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-circle {
    background: #FFF;
    color: rgba(152, 22, 244, 1);
    width: 1.93rem;
    height: 1.93rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
}

    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-circle i {
        font-size: 1.5rem;
    }

.c-timeline-footer {
    border-top: 1px solid #FFF;
    font-size: .8rem;
    /*color: #666;*/
    padding: 5px 0;
    margin-top: 20px;
}

    .c-timeline-footer i {
        font-size: .9rem;
    }

.kt-timeline-1 {
    position: relative;
}

    .kt-timeline-1.kt-timeline-1--fixed {
        width: 80%;
        margin: 0 auto 0 auto;
    }

    .kt-timeline-1:after {
        content: '';
        position: absolute;
        width: 0.4rem;
        top: 0;
        bottom: 3rem;
        right: 50%;
        margin-right: -0.142rem;
    }

    .kt-timeline-1 .kt-timeline-1__items {
        padding-bottom: 6rem;
        position: relative;
    }

        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
            width: 1.43rem;
            height: 0.37rem;
            border-radius: 0.36rem;
            position: absolute;
            right: 50%;
            -webkit-transform: translate(46%, 0);
            transform: translate(46%, 0);
        }

        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item {
            position: relative;
            margin-right: 0;
            /*width: 50%;*/
            min-height: 3rem;
        }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-circle {
                background: white;
                width: 1.43rem;
                height: 1.43rem;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                z-index: 1;
                position: absolute;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-circle > div {
                    border-radius: 50%;
                    width: 0.4rem;
                    height: 0.4rem;
                }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-time {
                position: absolute;
                display: inline-block;
                margin-top: -2.14rem;
                font-weight: 600;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-time > span {
                    padding-right: 5px;
                }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content {
                position: relative;
                border-radius: 1.07rem;
                padding: 2.14rem;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content .kt-timeline-1__item-title {
                    font-size: 1.1rem;
                    font-weight: 500;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content .kt-timeline-1__item-title + .kt-timeline-1__item-body {
                        margin-top: 1.5rem;
                    }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content .kt-timeline-1__item-actions {
                    margin-top: 1.5rem;
                }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content .media > img {
                    width: 10rem;
                    height: 8.6rem;
                    border-radius: 0.71rem;
                }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left {
                right: 0;
                padding-left: 2.85rem;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-circle {
                    left: 0;
                    -webkit-transform: translate(-54%, 0);
                    transform: translate(-54%, 0);
                    top: 1.57rem;
                }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow {
                    position: relative;
                    line-height: 0;
                    display: inline-block;
                    overflow: hidden;
                    width: 10px;
                    height: 40px;
                    left: auto;
                    right: 0;
                    margin-left: auto;
                    margin-right: -9px;
                    left: 2.85rem;
                    top: 0.86rem;
                    position: absolute;
                    color: #F7F8FC;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow:before {
                        display: inline-block;
                        font-family: "Metronic";
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        line-height: 0px;
                        text-decoration: inherit;
                        text-rendering: optimizeLegibility;
                        text-transform: none;
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-font-smoothing: antialiased;
                        font-smoothing: antialiased;
                        content: "";
                    }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow:before {
                        position: relative;
                        top: 0;
                        margin-top: 20px;
                        font-size: 40px;
                    }

                

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right {
                right: 50%;
                padding-right: 2.86rem;
                top: -3.5rem;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-circle {
                    top: 1.55rem;
                    right: 0;
                    -webkit-transform: translate(46%, 0);
                    transform: translate(46%, 0);
                }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-arrow {
                    position: relative;
                    line-height: 0;
                    display: inline-block;
                    overflow: hidden;
                    width: 10px;
                    height: 40px;
                    left: 0;
                    margin-left: -9px;
                    -webkit-transform: translate(-10%, 0);
                    transform: translate(-10%, 0);
                    right: 2.86rem;
                    top: 0.86rem;
                    position: absolute;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-arrow:before {
                        display: inline-block;
                        font-family: "Metronic";
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        line-height: 0px;
                        text-decoration: inherit;
                        text-rendering: optimizeLegibility;
                        text-transform: none;
                        -moz-osx-font-smoothing: grayscale;
                        -webkit-font-smoothing: antialiased;
                        font-smoothing: antialiased;
                        content: "";
                    }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-arrow:before {
                        position: relative;
                        top: 0;
                        margin-top: 20px;
                        font-size: 40px;
                    }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-time {
                    right: 3.57rem;
                }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--first {
                top: 3.5rem;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--first + .kt-timeline-1__item--right {
                    top: -1rem;
                }

@media (max-width: 1200px) {
    .kt-timeline-1 {
        width: 96% !important;
    }

        .kt-timeline-1:after {
            right: 0.357rem;
            bottom: 0;
        }

        .kt-timeline-1 .kt-timeline-1__items {
            margin-bottom: 2rem;
            padding: 0 0 2rem 0;
        }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
                right: 0;
                -webkit-transform: translate(18%, 0);
                transform: translate(18%, 0);
            }

            .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item {
                width: 100%;
                top: 0 !important;
                margin-top: 5rem !important;
            }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-time {
                    position: absolute;
                    display: inline-block;
                    margin-top: -2.14rem;
                }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left {
                    padding-right: 2.86rem;
                    padding-left: 0;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-circle {
                        right: -0.5rem;
                        -webkit-transform: translate(-15%, 0);
                        transform: translate(-15%, 0);
                        top: 1.65rem;
                    }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow {
                        position: relative;
                        line-height: 0;
                        display: inline-block;
                        overflow: hidden;
                        width: 10px;
                        height: 40px;
                        left: 0;
                        margin-left: -9px;
                        right: 2.93rem;
                        position: absolute;
                        top: 0.86rem;
                        -webkit-transform: translate(2%, 0);
                        transform: translate(2%, 0);
                    }

                        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow:before {
                            display: inline-block;
                            font-family: "Metronic";
                            font-style: normal;
                            font-weight: normal;
                            font-variant: normal;
                            line-height: 0px;
                            text-decoration: inherit;
                            text-rendering: optimizeLegibility;
                            text-transform: none;
                            -moz-osx-font-smoothing: grayscale;
                            -webkit-font-smoothing: antialiased;
                            font-smoothing: antialiased;
                            content: "";
                        }

                        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow:before {
                            position: relative;
                            top: 0;
                            margin-top: 20px;
                            font-size: 40px;
                        }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-time {
                        left: 100%;
                        right: 3.57rem;
                    }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right {
                    right: 0;
                    padding-right: 2.86rem;
                    padding-left: 0;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-circle {
                        right: -0.5rem;
                        top: 1.65rem;
                        -webkit-transform: translate(-13%, 0);
                        transform: translate(-13%, 0);
                    }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-arrow {
                        position: absolute;
                        right: 2.92rem;
                        top: 0.86rem;
                        -webkit-transform: translate(1%, 0);
                        transform: translate(1%, 0);
                    }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--right .kt-timeline-1__item-time {
                        right: 3.93rem;
                    }

                .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--first {
                    top: 4rem !important;
                    margin-top: 0 !important;
                }

                    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--first + .kt-timeline-1__item--right {
                        margin-top: 8rem !important;
                    }
}

.kt-timeline-1::after {
    background-color: #E6EAF5;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
    background-color: #E6EAF5;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-arrow {
    color: #F7F8FC;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content {
    background-color: #F7F8FC;
}

    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-content .kt-timeline-1__item-desc {
        color: #6f727d;
    }

@media (min-width: 1025px) {
    .kt-portlet.kt-portlet--full-height .kt-portlet__body {
        height: calc(100% - 2.2rem - 2.2rem);
    }
}



.form-group i {
    color: #ff0000;
    position: absolute;
    left: 20px;
    top: 2.3rem;
    font-size: 2rem
}

.btn, .btn.kt-btn--custom {
    /*font-family: 'Changa';*/
}


    .btn .fxtop-2 {
        top: -2px;
        position: relative;
        margin-right: -5px;
        margin-left: 5px;
    }

.checkbtn {
    padding: .2rem .3rem;
}

.form-control {
    padding: .35rem 1.15rem;
    /*font-family: 'Changa';*/
    line-height: 1.8rem;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__marker {
    right: 20px;
    left: auto;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left {
    left: auto;
    right: 20px;
    padding-right: 2.86rem;
    padding-left: 0;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item {
    margin-right: 0;
}

.kt-timeline-1:after {
    right: 20px;
    margin-right: -.142rem;
    left: auto;
    margin-left: 0;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-circle {
    right: -18px;
    left: auto;
}

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item .kt-timeline-1__item-circle i {
    font-size: 1.5rem;
}

/*.c-timeline-footer { border-top: 1px solid #FFF; font-size: .8rem; color: #666; padding: 5px 0; margin-top: 20px; }
    .c-timeline-footer i { font-size: .9rem; }*/

.kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow {
    position: relative;
    line-height: 0;
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 40px;
    left: auto;
    right: 0px;
    margin-right: auto;
    margin-left: -9px;
    right: 2.2rem;
    top: 0.46rem;
    position: absolute;
    color: #F7F8FC;
}

    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-arrow:before {
        content: " ";
    }

@media (max-width: 1200px) {
    .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left {
        width: 90%;
    }

        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-circle {
            right: -1.2rem;
            -webkit-transform: translate(-15%, 0);
            transform: translate(-15%, 0);
            top: 1.65rem;
        }

        .kt-timeline-1 .kt-timeline-1__items .kt-timeline-1__item.kt-timeline-1__item--left .kt-timeline-1__item-time {
            width: 100%;
            right: 3.57rem;
        }
}

.kt-checkbox > span:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.font-ElMessiri {
    font-family: 'El Messiri';
}

.font-Cairo {
    font-family: 'Cairo';
}
.font-Changa {
    font-family: 'Changa';
}


.kt--font-brand {
    color: #716aca !important;
}


.kt-dropdown.kt-dropdown--align-left .kt-dropdown__wrapper {
    right: auto;
    left: 0;
}

.kt-widget26__number {
    display: inline-block;
}

.kt-widget-custokt-icon {
    display: inline-block;
    font-size: 4rem;
    float: left;
    top: 10px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 60px;
}

table.dataTable, .table .dataTable {
    border-collapse: collapse;
}

@media (min-width: 1200px) {
    .row.kt-row--col-separator-xl > div {
        border-bottom: 0;
        border-right: 0;
    }
}


@media (min-width: 1025px) {
    .kt-portlet.kt-portlet--full-height {
        height: calc(100% - 1.5rem);
    }
}

/*.nav.nav-pills .nav-item, .nav.nav-tabs .nav-item {
    margin-right: 20px;
}*/

.kt-nav .kt-nav__item > .kt-nav__link {
    padding: 0.95rem 1.75rem;
}


.form-kt-b-0 {
    margin-bottom: 0;
}

.kt--bg-accent20 {
    background-color: rgba(0, 197, 220, 0.2);
}

.kt-dropdown.kt-dropdown--align-center .kt-dropdown__wrapper {
    right: auto;
    left: 0px;
    width: 400px;
    margin-left: -122.5px;
}

.readedbtn {
    text-align: right;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 35px;
}

    .readedbtn a:before {
        display: block;
        right: -10px;
        width: 10px;
        height: 1px;
        background: #808080;
    }

.kt-list-timeline__items .kt-list-timeline__item .readedbtn [class^="la-"],
.kt-list-timeline__items .kt-list-timeline__item .readedbtn [class*=" la-"] {
    font-size: 1.1rem;
}


.tp5 th, .tp5 td {
    padding: 0.5rem;
}

.kt-btn--icon.kt-btn--icon-only > i {
    left: 0;
}

/*.no-border .select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single {
    border: 0;
    padding: 0 !important;
}

.no-border > .select2-container--default .select2-selection--single .select2-selection__rendered,
.no-border .select2-selection__rendered {
    padding: 0.5rem 1.15rem;
}*/


.kt-widget14 .kt-widget14__chart .kt-widget14__stat {
    font-size: 1.6rem;
    width: 100%;
    text-align: center;
}

.kt-widget14 .kt-widget14__legend .kt-widget14__legend-bullet {
    margin-right: 0;
}

.alert-warning-custom {
    color: #856012;
    border-color: #ffebc1;
    border-style: solid;
}

.alert-danger-custom {
    color: #f4516c;
    border-color: #f4516c;
    border-style: solid;
    border-width: 1px;
}

.alert-success-custom {
    color: #34bfa3;
    border-color: #34bfa3;
    border-style: solid;
    border-width: 1px;
}




.kt--margin-5 {
    margin: 5px !important;
}

.kt--margin-top-5 {
    margin-top: 5px !important;
}

.kt--margin-bottokt-5 {
    margin-bottom: 5px !important;
}

.kt--margin-left-5 {
    margin-right: 5px !important;
}

.kt--margin-right-5 {
    margin-left: 5px !important;
}

.kt--padding-5 {
    padding: 5px !important;
}

.kt--padding-top-5 {
    padding-top: 5px !important;
}

.kt--padding-bottokt-5 {
    padding-bottom: 5px !important;
}

.kt--padding-left-5 {
    padding-right: 5px !important;
}

.kt--padding-right-5 {
    padding-left: 5px !important;
}

.kt--margin-10 {
    margin: 10px !important;
}

.kt--margin-top-10 {
    margin-top: 10px !important;
}

.kt--margin-bottokt-10 {
    margin-bottom: 10px !important;
}

.kt--margin-left-10 {
    margin-right: 10px !important;
}

.kt--margin-right-10 {
    margin-left: 10px !important;
}

.kt--padding-10 {
    padding: 10px !important;
}

.kt--padding-top-10 {
    padding-top: 10px !important;
}

.kt--padding-bottokt-10 {
    padding-bottom: 10px !important;
}

.kt--padding-left-10 {
    padding-right: 10px !important;
}

.kt--padding-right-10 {
    padding-left: 10px !important;
}

.kt--margin-15 {
    margin: 15px !important;
}

.kt--margin-top-15 {
    margin-top: 15px !important;
}

.kt--margin-bottokt-15 {
    margin-bottom: 15px !important;
}

.kt--margin-left-15 {
    margin-right: 15px !important;
}

.kt--margin-right-15 {
    margin-left: 15px !important;
}

.kt--padding-15 {
    padding: 15px !important;
}

.kt--padding-top-15 {
    padding-top: 15px !important;
}

.kt--padding-bottokt-15 {
    padding-bottom: 15px !important;
}

.kt--padding-left-15 {
    padding-right: 15px !important;
}

.kt--padding-right-15 {
    padding-left: 15px !important;
}

.kt--margin-20 {
    margin: 20px !important;
}

.kt--margin-top-20 {
    margin-top: 20px !important;
}

.kt--margin-bottokt-20 {
    margin-bottom: 20px !important;
}

.kt--margin-left-20 {
    margin-right: 20px !important;
}

.kt--margin-right-20 {
    margin-left: 20px !important;
}

.kt--padding-20 {
    padding: 20px !important;
}

.kt--padding-top-20 {
    padding-top: 20px !important;
}

.kt--padding-bottokt-20 {
    padding-bottom: 20px !important;
}

.kt--padding-left-20 {
    padding-right: 20px !important;
}

.kt--padding-right-20 {
    padding-left: 20px !important;
}

.kt--margin-25 {
    margin: 25px !important;
}

.kt--margin-top-25 {
    margin-top: 25px !important;
}

.kt--margin-bottokt-25 {
    margin-bottom: 25px !important;
}

.kt--margin-left-25 {
    margin-right: 25px !important;
}

.kt--margin-right-25 {
    margin-left: 25px !important;
}

.kt--padding-25 {
    padding: 25px !important;
}

.kt--padding-top-25 {
    padding-top: 25px !important;
}

.kt--padding-bottokt-25 {
    padding-bottom: 25px !important;
}

.kt--padding-left-25 {
    padding-right: 25px !important;
}

.kt--padding-right-25 {
    padding-left: 25px !important;
}

.kt--margin-30 {
    margin: 30px !important;
}

.kt--margin-top-30 {
    margin-top: 30px !important;
}

.kt--margin-bottokt-30 {
    margin-bottom: 30px !important;
}

.kt--margin-left-30 {
    margin-right: 30px !important;
}

.kt--margin-right-30 {
    margin-left: 30px !important;
}

.kt--padding-30 {
    padding: 30px !important;
}

.kt--padding-top-30 {
    padding-top: 30px !important;
}

.kt--padding-bottokt-30 {
    padding-bottom: 30px !important;
}

.kt--padding-left-30 {
    padding-right: 30px !important;
}

.kt--padding-right-30 {
    padding-left: 30px !important;
}

.kt--margin-35 {
    margin: 35px !important;
}

.kt--margin-top-35 {
    margin-top: 35px !important;
}

.kt--margin-bottokt-35 {
    margin-bottom: 35px !important;
}

.kt--margin-left-35 {
    margin-right: 35px !important;
}

.kt--margin-right-35 {
    margin-left: 35px !important;
}

.kt--padding-35 {
    padding: 35px !important;
}

.kt--padding-top-35 {
    padding-top: 35px !important;
}

.kt--padding-bottokt-35 {
    padding-bottom: 35px !important;
}

.kt--padding-left-35 {
    padding-right: 35px !important;
}

.kt--padding-right-35 {
    padding-left: 35px !important;
}

.kt--margin-40 {
    margin: 40px !important;
}

.kt--margin-top-40 {
    margin-top: 40px !important;
}

.kt--margin-bottokt-40 {
    margin-bottom: 40px !important;
}

.kt--margin-left-40 {
    margin-right: 40px !important;
}

.kt--margin-right-40 {
    margin-left: 40px !important;
}

.kt--padding-40 {
    padding: 40px !important;
}

.kt--padding-top-40 {
    padding-top: 40px !important;
}

.kt--padding-bottokt-40 {
    padding-bottom: 40px !important;
}

.kt--padding-left-40 {
    padding-right: 40px !important;
}

.kt--padding-right-40 {
    padding-left: 40px !important;
}

.kt--margin-45 {
    margin: 45px !important;
}

.kt--margin-top-45 {
    margin-top: 45px !important;
}

.kt--margin-bottokt-45 {
    margin-bottom: 45px !important;
}

.kt--margin-left-45 {
    margin-right: 45px !important;
}

.kt--margin-right-45 {
    margin-left: 45px !important;
}

.kt--padding-45 {
    padding: 45px !important;
}

.kt--padding-top-45 {
    padding-top: 45px !important;
}

.kt--padding-bottokt-45 {
    padding-bottom: 45px !important;
}

.kt--padding-left-45 {
    padding-right: 45px !important;
}

.kt--padding-right-45 {
    padding-left: 45px !important;
}

.kt--margin-50 {
    margin: 50px !important;
}

.kt--margin-top-50 {
    margin-top: 50px !important;
}

.kt--margin-bottokt-50 {
    margin-bottom: 50px !important;
}

.kt--margin-left-50 {
    margin-right: 50px !important;
}

.kt--margin-right-50 {
    margin-left: 50px !important;
}

.kt--padding-50 {
    padding: 50px !important;
}

.kt--padding-top-50 {
    padding-top: 50px !important;
}

.kt--padding-bottokt-50 {
    padding-bottom: 50px !important;
}

.kt--padding-left-50 {
    padding-right: 50px !important;
}

.kt--padding-right-50 {
    padding-left: 50px !important;
}

.kt--margin-55 {
    margin: 55px !important;
}

.kt--margin-top-55 {
    margin-top: 55px !important;
}

.kt--margin-bottokt-55 {
    margin-bottom: 55px !important;
}

.kt--margin-left-55 {
    margin-right: 55px !important;
}

.kt--margin-right-55 {
    margin-left: 55px !important;
}

.kt--padding-55 {
    padding: 55px !important;
}

.kt--padding-top-55 {
    padding-top: 55px !important;
}

.kt--padding-bottokt-55 {
    padding-bottom: 55px !important;
}

.kt--padding-left-55 {
    padding-right: 55px !important;
}

.kt--padding-right-55 {
    padding-left: 55px !important;
}

.kt--margin-60 {
    margin: 60px !important;
}

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

.kt--margin-bottokt-60 {
    margin-bottom: 60px !important;
}

.kt--margin-left-60 {
    margin-right: 60px !important;
}

.kt--margin-right-60 {
    margin-left: 60px !important;
}

.kt--padding-60 {
    padding: 60px !important;
}

.kt--padding-top-60 {
    padding-top: 60px !important;
}

.kt--padding-bottokt-60 {
    padding-bottom: 60px !important;
}

.kt--padding-left-60 {
    padding-right: 60px !important;
}

.kt--padding-right-60 {
    padding-left: 60px !important;
}

.kt--margin-65 {
    margin: 65px !important;
}

.kt--margin-top-65 {
    margin-top: 65px !important;
}

.kt--margin-bottokt-65 {
    margin-bottom: 65px !important;
}

.kt--margin-left-65 {
    margin-right: 65px !important;
}

.kt--margin-right-65 {
    margin-left: 65px !important;
}

.kt--padding-65 {
    padding: 65px !important;
}

.kt--padding-top-65 {
    padding-top: 65px !important;
}

.kt--padding-bottokt-65 {
    padding-bottom: 65px !important;
}

.kt--padding-left-65 {
    padding-right: 65px !important;
}

.kt--padding-right-65 {
    padding-left: 65px !important;
}

.kt--margin-70 {
    margin: 70px !important;
}

.kt--margin-top-70 {
    margin-top: 70px !important;
}

.kt--margin-bottokt-70 {
    margin-bottom: 70px !important;
}

.kt--margin-left-70 {
    margin-right: 70px !important;
}

.kt--margin-right-70 {
    margin-left: 70px !important;
}

.kt--padding-70 {
    padding: 70px !important;
}

.kt--padding-top-70 {
    padding-top: 70px !important;
}

.kt--padding-bottokt-70 {
    padding-bottom: 70px !important;
}

.kt--padding-left-70 {
    padding-right: 70px !important;
}

.kt--padding-right-70 {
    padding-left: 70px !important;
}

.kt--margin-75 {
    margin: 75px !important;
}

.kt--margin-top-75 {
    margin-top: 75px !important;
}

.kt--margin-bottokt-75 {
    margin-bottom: 75px !important;
}

.kt--margin-left-75 {
    margin-right: 75px !important;
}

.kt--margin-right-75 {
    margin-left: 75px !important;
}

.kt--padding-75 {
    padding: 75px !important;
}

.kt--padding-top-75 {
    padding-top: 75px !important;
}

.kt--padding-bottokt-75 {
    padding-bottom: 75px !important;
}

.kt--padding-left-75 {
    padding-right: 75px !important;
}

.kt--padding-right-75 {
    padding-left: 75px !important;
}

.kt--margin-80 {
    margin: 80px !important;
}

.kt--margin-top-80 {
    margin-top: 80px !important;
}

.kt--margin-bottokt-80 {
    margin-bottom: 80px !important;
}

.kt--margin-left-80 {
    margin-right: 80px !important;
}

.kt--margin-right-80 {
    margin-left: 80px !important;
}

.kt--padding-80 {
    padding: 80px !important;
}

.kt--padding-top-80 {
    padding-top: 80px !important;
}

.kt--padding-bottokt-80 {
    padding-bottom: 80px !important;
}

.kt--padding-left-80 {
    padding-right: 80px !important;
}

.kt--padding-right-80 {
    padding-left: 80px !important;
}

.kt--margin-85 {
    margin: 85px !important;
}

.kt--margin-top-85 {
    margin-top: 85px !important;
}

.kt--margin-bottokt-85 {
    margin-bottom: 85px !important;
}

.kt--margin-left-85 {
    margin-right: 85px !important;
}

.kt--margin-right-85 {
    margin-left: 85px !important;
}

.kt--padding-85 {
    padding: 85px !important;
}

.kt--padding-top-85 {
    padding-top: 85px !important;
}

.kt--padding-bottokt-85 {
    padding-bottom: 85px !important;
}

.kt--padding-left-85 {
    padding-right: 85px !important;
}

.kt--padding-right-85 {
    padding-left: 85px !important;
}

.kt--margin-90 {
    margin: 90px !important;
}

.kt--margin-top-90 {
    margin-top: 90px !important;
}

.kt--margin-bottokt-90 {
    margin-bottom: 90px !important;
}

.kt--margin-left-90 {
    margin-right: 90px !important;
}

.kt--margin-right-90 {
    margin-left: 90px !important;
}

.kt--padding-90 {
    padding: 90px !important;
}

.kt--padding-top-90 {
    padding-top: 90px !important;
}

.kt--padding-bottokt-90 {
    padding-bottom: 90px !important;
}

.kt--padding-left-90 {
    padding-right: 90px !important;
}

.kt--padding-right-90 {
    padding-left: 90px !important;
}

.kt--margin-95 {
    margin: 95px !important;
}

.kt--margin-top-95 {
    margin-top: 95px !important;
}

.kt--margin-bottokt-95 {
    margin-bottom: 95px !important;
}

.kt--margin-left-95 {
    margin-right: 95px !important;
}

.kt--margin-right-95 {
    margin-left: 95px !important;
}

.kt--padding-95 {
    padding: 95px !important;
}

.kt--padding-top-95 {
    padding-top: 95px !important;
}

.kt--padding-bottokt-95 {
    padding-bottom: 95px !important;
}

.kt--padding-left-95 {
    padding-right: 95px !important;
}

.kt--padding-right-95 {
    padding-left: 95px !important;
}

.kt--margin-100 {
    margin: 100px !important;
}

.kt--margin-top-100 {
    margin-top: 100px !important;
}

.kt--margin-bottokt-100 {
    margin-bottom: 100px !important;
}

.kt--margin-left-100 {
    margin-right: 100px !important;
}

.kt--margin-right-100 {
    margin-left: 100px !important;
}

.kt--padding-100 {
    padding: 100px !important;
}

.kt--padding-top-100 {
    padding-top: 100px !important;
}

.kt--padding-bottokt-100 {
    padding-bottom: 100px !important;
}

.kt--padding-left-100 {
    padding-right: 100px !important;
}

.kt--padding-right-100 {
    padding-left: 100px !important;
}



.btn-accent {
    color: #fff;
    background-color: #00c5dc;
    border-color: #00c5dc;
}

    .btn-accent:hover {
        color: #fff;
        background-color: #00a3b6;
        border-color: #0097a9;
    }

    .btn-accent:focus, .btn-accent.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
    }

    .btn-accent.disabled, .btn-accent:disabled {
        color: #fff;
        background-color: #00c5dc;
        border-color: #00c5dc;
    }

    .btn-accent:not(:disabled):not(.disabled):active, .btn-accent:not(:disabled):not(.disabled).active,
    .show > .btn-accent.dropdown-toggle {
        color: #fff;
        background-color: #0097a9;
        border-color: #008c9c;
    }

        .btn-accent:not(:disabled):not(.disabled):active:focus, .btn-accent:not(:disabled):not(.disabled).active:focus,
        .show > .btn-accent.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
        }

.btn-outline-accent {
    color: #00c5dc;
    background-color: transparent;
    background-image: none;
    border-color: #00c5dc;
}

    .btn-outline-accent:hover {
        color: #ffffff;
        background-color: #00c5dc;
        border-color: #00c5dc;
    }

    .btn-outline-accent:focus, .btn-outline-accent.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
    }

    .btn-outline-accent.disabled, .btn-outline-accent:disabled {
        color: #00c5dc;
        background-color: transparent;
    }

    .btn-outline-accent:not(:disabled):not(.disabled):active, .btn-outline-accent:not(:disabled):not(.disabled).active,
    .show > .btn-outline-accent.dropdown-toggle {
        color: #fff;
        background-color: #00c5dc;
        border-color: #00c5dc;
    }

        .btn-outline-accent:not(:disabled):not(.disabled):active:focus, .btn-outline-accent:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-accent.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 197, 220, 0.5);
        }

.btn-focus {
    color: #fff;
    background-color: #9816f4;
    border-color: #9816f4;
}

    .btn-focus:hover {
        color: #fff;
        background-color: #840ad9;
        border-color: #7c0acd;
    }

    .btn-focus:focus, .btn-focus.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
    }

    .btn-focus.disabled, .btn-focus:disabled {
        color: #fff;
        background-color: #9816f4;
        border-color: #9816f4;
    }

    .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active,
    .show > .btn-focus.dropdown-toggle {
        color: #fff;
        background-color: #7c0acd;
        border-color: #7509c1;
    }

        .btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus,
        .show > .btn-focus.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
        }

.btn-outline-focus {
    color: #9816f4;
    background-color: transparent;
    background-image: none;
    border-color: #9816f4;
}

    .btn-outline-focus:hover {
        color: #ffffff;
        background-color: #9816f4;
        border-color: #9816f4;
    }

    .btn-outline-focus:focus, .btn-outline-focus.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
    }

    .btn-outline-focus.disabled, .btn-outline-focus:disabled {
        color: #9816f4;
        background-color: transparent;
    }

    .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active,
    .show > .btn-outline-focus.dropdown-toggle {
        color: #fff;
        background-color: #9816f4;
        border-color: #9816f4;
    }

        .btn-outline-focus:not(:disabled):not(.disabled):active:focus, .btn-outline-focus:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-focus.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(152, 22, 244, 0.5);
        }