﻿
.text-overflow-dot {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
}

.width-40 {
    width: 40% !important;
}
/*swall*/

.swal-text {
    color: black !important;
    font-size: 15px !important;
    text-align: center !important;
}

.swal-button--defeat {
    background-color: #fb2424 !important;
}

.swal-button--catch {
    background-color: #48e748 !important;
}
/*End swall*/


/* Form Process Icon*/
.loadingicon {
    font-size: 16px !important;
    margin-left: 10px !important;
}
/* End Form Process Icon*/



/*Validation Errors*/
.field-validation-error {
    float: left !important;
    font-size: 10px !important;
    color: red !important;
    margin-top: 4px !important;
}

.input-validation-error {
    border: 1px solid red !important;
}

/*End Validation Errors*/

/*Admin Login*/
.login-btn-icon {
    right: 11pc !important;
    color: white !important;
}

/*End Admin Login*/
/*Lists*/
.width-40 {
    width: 40% !important;
}

.height-40 {
    height: 40% !important;
}

.user-evaluation-items-img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
}

.item-span {
    margin: 0px 5px 0px 5px !important;
}

.sub-item-list {
    padding-right: 80px !important;
    padding: 0.5rem !important;
}

.main-item-list {
    font-size: medium !important;
    font-weight: bolder !important;
}

.add-item-btn {
    padding: 0 !important;
    background: transparent !important;
}

.lock-svg-password {
    height: 20px !important;
    margin-right: 11px !important;
}


.widget-table-two .table > tbody > tr > td:last-child {
    padding: 11.5px 0 0.5px 15px !important;
}
/*End Lists*/
/*Add News*/
.custom-file-container__image-preview {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.add-img {
    width: 100% !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}
/*End */

/**/
.userEvauationTestItem {
    border: 1px solid #005fe7 !important;
    padding: 10px !important;
    margin: 10px 0 10px 0px !important;
    border-radius: 7px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.userEvauationTestItemRecord {
    background-color: black;
    display: inline-block !important;
    border: 1px solid red !important;
    border-radius: 5px !important;
    margin: 0 10px !important;
    padding: 0 4px !important;
    color: wheat;
}

.bootstrap-touchspin-injected {
    display: none !important;
}
/**/


/*common*/

.backgrund-success {
    background-color: #d4fba1 !important;
}

.backgrund-danger {
    background-color: #ffbfbf !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.sidebar-wrapper .profile-info .user-info {
    height: 120px;
}

.dir-rtl {
    direction: rtl !important;
}

.dir-ltr {
    direction: ltr !important;
}

.ms-helper {
    left: 0 !important;
    color: blue !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.dis-none {
    display: none !important;
}

.form-group label, label {
    color: #423e46;
}

.ms-ctn .ms-sel-ctn input {
    float: right;
    direction: rtl;
}

.ms-ctn .ms-sel-item {
    float: right !important;
    font-size: 14px !important;
}

.p-12 {
    padding: 12px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.dis-inline {
    display: inline !important;
}

.ck-content {
    min-height: 400px !important;
}

.swal-footer {
    text-align: center !important;
}

.bg-sub-item-box {
    background-color: #c2d5ff4a !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.list-style-ul-none {
    list-style: none !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-inline {
    display: inline !important;
}

.width-100 {
    width: 100% !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.select-padding {
    padding: 0.1rem 1rem !important;
}

.dis-non {
    display: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-left {
    text-align: left !important;
}

.color-red {
    color: red !important;
}

.color-black {
    color: black !important;
}

.color-blue {
    color: blue !important;
}

.color-well-blue {
    color: #8a8aff !important;
}

.color-green {
    color: limegreen !important;
}

.btn-loading {
    font-size: 0;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    border-radius: 15px;
    padding: 0;
    border: 3px solid #FFFFFF;
    border-bottom: 3px solid rgba(255,255,255,0.0);
    border-left: 3px solid rgba(255,255,255,0.0);
    background-color: transparent !important;
    animation-name: rotateAnimation;
    -webkit-animation-name: wk-rotateAnimation;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btn-hide-loading {
    opacity: 0;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    -webkit-transform: scale(0) !important;
    transform: scale(0) !important;
}

.btn-loading-finish {
    -webkit-transform: scaleX(1) !important;
    transform: scaleX(1) !important;
}

@keyframes rotateAnimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes wk-rotateAnimation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.fa {
    color: #ffffff;
    font-size: 18px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    -webkit-transform: scaleX(0) !important;
    transform: scaleX(0) !important;
}

.text-center {
    text-align: center !important;
}

.admin-panel-footer-wrapper {
    justify-content: center !important;
    position: absolute !important;
    bottom: -60px !important;
}


.mt-40 {
    margin-top: 40px !important;
}

.p-10 {
    padding: 10px !important;
}
/*end common*/
/*table list item*/
.widget-table-two .table > thead > tr > th {
    text-transform: initial;
    font-weight: 600;
    border-top: none;
    background: #bed5f3 !important;
    padding-right: 10px !important;
}

.widget-table-two .table > tbody > tr > td {
    padding-right: 10px !important;
}

.table > thead > tr > th {
    color: #000000 !important;
}


.widget-table-two .table > thead > tr > th .th-content {
    color: #000000 !important;
}


div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: left;
    display: inline-block;
}

.custom-icon-margin {
    margin: 0px 5px 0px 5px !important;
}

.no-item-img {
    max-width: 182px !important;
    text-align: center !important;
}

.no-item-text {
    color: #6e84a3 !important;
    font-size: 17px !important;
    text-align: center !important;
}

.hr {
    border-top: 3px solid #f1f2f3 !important;
}

.filter-panel-none {
    display: none;
}

.bt-outline-color {
    border: 1px solid #33c5f1 !important;
}

#search-panel-id {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px !important;
    margin: 10px !important;
    margin: 10px !important;
    padding: 16px !important;
    border-radius: 9px !important;
    border: 1px solid #33c5f1 !important;
}

.search-panel-btn-div {
    display: flex !important;
    justify-content: end !important;
    align-items: end !important;
}

.search-panel-btn {
    padding: 12px;
    font-size: 12px;
}
/*end table list item*/
/*paging*/
.page-link {
    margin-left: 5px;
    border-radius: 50%;
    padding: 8px 12px;
    background: rgba(0, 23, 55, 0.08);
    border: none;
    color: #888ea8;
}

    .page-link:focus {
        box-shadow: none;
    }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 3px 0;
}

.page-item.disabled .page-link {
    background: #f1f2f3;
}

    .page-item.disabled .page-link svg {
        color: #acb0c3;
    }

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 50%;
    padding: 5px 9px;
}

    .page-item:first-child .page-link svg, .page-item:last-child .page-link svg {
        width: 17px;
    }

.page-item.active .page-link {
    background-color: #1b55e2;
}

#alter_pagination_next a, #alter_pagination_previous a {
    border-radius: 50%;
    padding: 5px 9px;
}

    #alter_pagination_next a svg, #alter_pagination_previous a svg {
        width: 17px;
    }
/*end paging*/


/*Evaluation*/

.bg-blue {
    background: #c2d5ff !important;
}

.bg-green {
    background: #c2ffc2 !important;
}

.bg-red {
    background: #ffc2c2 !important;
}


/*Chart */
.widgh-bg-pink {
    background: #fdbfff !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}


.p-0 {
    padding: 0 !important;
}

.alert-danger-text {
    font-size: 10px !important;
    color: red;
}


/*End Chart */

.text-of-question-description {
    text-align: right !important;
    font-size: 14px !important;
    color: black !important;
}

.avatar-image {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50%;
    margin-left: 13px !important;
}

.color-oreing {
    color: darkorange !important;
}

.spinner-border {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.justify-content-space-between {
    justify-content: space-between !important;
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        justify-content: space-between !important;
    }
}
.custom-detail-widget {
    padding: 8px !important;
}
.text-black {
    color: black !important;
    font-size:14px !important;
}

.widget-activity-four .mt-container {
    height: auto !important;
}

.max-width-160 {
    max-width: 161px !important;
}

.width-92-precent{
    width:92% !important;
}
.padding-none{
    padding:0 !important;
}
.blue-bg {
    background: #445ede !important;
}

.ticket-img-width{
    width:50px!important;
}
.m-10{
    margin:10px!important;
}
.mb-10{
    margin-bottom:10px !important;
}


.ck-content {
    min-height: 220px !important;
}
.ticket-messages-overflow {
    height: calc(100vh - 120px) !important;
    overflow-y: scroll !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.ticket-infi-panel {
    padding: 8px 34px 0px 10px !important;
    background: #a0cdfd !important;
}
.ticket-infi-panel-gray {
    padding: 8px 34px 0px 10px !important;
    background: #b3b4b5 !important;
}

.font-size-12 {
    font-size: 12px !important;
}
.mr-10{
    margin-right:10px !important;
}

.permission-label {
    font-weight: bold !important;
    font-size: 16px !important;
}
.mb-5{
    margin-bottom:5px !important;
}

.backgrund-danger {
    background-color: #f52d2de0 !important;
}