body{background:#f6f7f9}

.login-bg{border-radius:4px; background-color: #fff;}
.login-bg .login-btn{ background:#008cd1; border:#008cd1 solid 1px;border-radius: 4px!important;}
.login-bg .login-btn:hover{ background:#a9cc39; border:#a9cc39 solid 1px;} 
.login-bg h4{color:#13213d !important;}
.login-logo-block {background: #008cd10a;padding: 20px 0px;}
.login-wrapp{
    background: rgb(44,161,219);
background: linear-gradient(-30deg, rgba(44,161,219,1) 0%, rgba(105,204,255,0.989233193277311) 100%);
}



.footer{ background:#fff !important; padding-top:10px; height: auto; padding-bottom: 5px;}
.text-theme1{color:#008cd1;}
.navbar-menu{background:#006cb7 !important; border-right:0px;box-shadow: 0px 0;}
.navbar-menu li a{color:#fff !important;}
.navbar-menu li.active{ display: block; width:100%; background:#f6f7f9;}
.navbar-brand-box{ background:#fff !important;}
.topbar-user{ background: #006cb7;}
.topbar-user button .user-name-text, .topbar-user button .user-name-sub-text{color:#fff;}
.header-profile-user {
    height: 50px;
    width: 50px;
}

.green-bg{ background: #aacc39;}
.green-bg p, .green-bg span{color:#fff !important;}
.green-bg .avatar-title{ background:#5c7215; border-radius:100px !important;}

.red-bg{ background: #fc544b;}
.red-bg p, .red-bg span{color:#fff !important;}
.red-bg .avatar-title{ background:#fd8783 !important; border-radius:100px !important;}



.dark-blue-bg{ background: #006cb7;}
.dark-blue-bg p, .dark-blue-bg span{color:#fff !important;}
.dark-blue-bg .avatar-title{ background:#045894 !important; border-radius:100px !important;}

.pink-bg{ background: #f3628b;}
.pink-bg p, .pink-bg span{color:#fff !important;}
.pink-bg .avatar-title{ background:#581024 !important; border-radius:100px !important;}


.chat-leftsidebar{height: calc(100vh - 40px - 60px - 8px);}  
.page-content{padding:calc(59px + 1.5rem) calc(1.5rem * .5) 55px calc(1.5rem * .5)}

.pg-title ul{ padding: 0 15px; width: 100%}
.pg-title ul li{ display: inline-block;float: right; vertical-align: middle}
.pg-title ul li:first-child{ float: left !important; margin-top: 8px; }
.pg-title ul li:last-child{ float: right}

.mt-5{ margin-top: 5px !important;}
.fleft{ float:left}
.w-l{ width: 73%}
.w-s{ width: 25%; margin-left: 3px;}

.brn-bg{ background:#006cb7 !important;}
.brn-bg h5{ color:#fff;}

.sm-width{width:72px; display: inline-block !important}
.txt-height textarea{ min-height: 150px;}
.var{ padding-top: 0px;}
.var li{padding-left: 0 !important}

.fleft span{ display: block}

.green-btn{ background: #a9cc39; color: #000; border:0px;}
.green-btn:hover{ background: #222; color: #fff;  }
.green-btn a{ color: #000;}
.green-btn a:hover{ color: #fff;}
button{border-radius:100px !important; padding: 5px 20px !important;}
.btn-sm{ padding: 2px 6px !important;}
.btn-sm a{color:#fff;}
.form-switch-md{text-align: center}
.nav-item { width: 100%}
.nav-item.active { width:#f5f7f9;} 
.nav-item.active .menu-link{color:#001b36 !important;}
.nav-item.active  ul li a{color:#001b36 !important;}
.red, .required{color:red;}

.sm-btn button{padding: 4px 7px !important;
    margin-bottom: 4px !important;
}
.sm-btn button a{color:#fff;}
.font-13{font-size:13px;}

.ticket-view-text > P {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px !important;
	font-size: 12px !important;
}
.ticket-view-text > .ticket-view-latest {
    margin-bottom: 20px !important;
}
.ticket-view-text > P > span:first-child {
    display: inline-block;
    width: 123px;
}

.custom-label {
    min-width: 120px;
    display: inline-block;
    color: #000;
	font-size: 12px !important;
}

.commnt-p, .commnt-p .small{ font-size: 12px !important;}

.commnt-p .text-info{color:#a9cc39 !important; font-size: 14px;}
.commnt-p p{color:#666;}
.text-blue {
    color: #5e72e4;
}

.user-tkt th, .user-tkt td{ text-align: center;}
.mb-20{ margin-bottom:59px;}
.bg-green1 {
    background: #145650 !important;
}

.bg-blue1 {
    background: #ff9800 !important;
}

.bg-info1 {
    background-color: rgb(0 162 255) !important;
}

.link-txt{font-size:16px; text-align:center}
.link-txt a{color:#fff; }

.table-my-ticket > thead > tr th {
    white-space: nowrap;
    padding: 4px 8px;
    text-align: center;
    vertical-align: middle;
    background-color: #cbdbfc;
}
.table-my-ticket > tbody > tr:nth-child(even) {
    background-color: #f5f5f5;
}
.table-my-ticket > tbody > tr td {
    padding: 4px 8px;
    text-align: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #405189;
    color: #fff!important;
}


.select-height .select2-container--default .selection .select2-selection--single{
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 32px!Important;
}
.select-height .select2-container--default .selection .select2-selection--single .select2-selection__rendered{
    line-height: 32px;
 }
 .select-option-height {
    height: 32px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
 }
 .page-content{padding-top:75px;}
 .descrip-outer{
    max-height: 250px;
    overflow-x: auto;
 }
 .p10{
    padding:10px;
 }
 .table-dashboard > tbody > tr td{
    padding:8px 10px;
 }
 .metricsAnalyticsHeight{
    height: 390px;
 }
.mt35{margin-top:35px;}
.select2-container--default .select2-results__option[aria-selected=true] {
    text-align: left!important;
}
.select2-results__option {
    text-align: left!important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    color: #000;
 }
.height32{height:32px;}
.textarea-height-resize{height:inherit!important;}
.display-ruby{display:ruby;}
.user-comment-cotent > p{margin-top: 10px !important;
    font-size: 16px;}
.select-form-new > span.select2 > .selection .select2-selection ul{display: flex;
    list-style: none!important;
    flex-wrap: wrap;}

.textarea-custom {
    border: 1px solid #ccc;
    padding: 4px 10px;
    text-align: left;
    min-height: 54px;
}


/* 24-july-2024 */
#tickets-table td:first-child, #tickets-table th:first-child {
    text-align: left;
}
.form-control {
    border-color: #aaa;
}
.hight-full {
    height: calc(100% - 15px);
}
#asgineUserModal .btn-close {
    margin-top: 4px;
    padding: 4px 15px !important;
}
.user-comment-cotent p {
    font-size: 13px;
}
.user-comment-cotent h4 {
    font-size: 13px;
}


.metrics-itm {
    padding: 15px 15px 18px;
    /* background: #ccc; */
    margin-bottom: 15px;
    border-radius: 4px;
}
.metrics-itm span {
    font-size: 14px;
    font-weight: 500;
}

.metrics-itm:last-child {
    margin-bottom: 0;
}

.metrics-itm:nth-child(1) {background: #ecefe3;}
.metrics-itm:nth-child(2) {background: #f3e7e7;}
.metrics-itm:nth-child(3) {background: #ecf0f4;}
.metrics-itm:nth-child(4) {background: #f4e7ea;}

.metrics-itm .progress.default-progress {
    background: #fff;
}

.user-comment-cotent {
    margin-bottom: 8px;
    border-radius: 3px;
}
.user-comment-cotent:last-child {
    margin-bottom: 0px;
}


.user-comment-cotent .message p {
    width: calc(100% - 130px); padding-right: 20px;
}

.user-comment-cotent .message a {
    background: #d8e8f2;
    padding: 3px 8px 5px;
    border-radius: 3px;
    display: inline-block;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    max-width: 100%;
    text-align: center;
}

.user-comment-cotent .message div {
    text-align: right;
    width: 130px;
}
.user-comment-show {
    max-height: 270px;
    overflow-x: auto;
}

.ticket-view-text-wrap {
    height: calc(100% - 24px);
}

.ticket-view-text {flex: unset;}

#sendEmailToUser label {
    text-align: left;
    display: block;
}


.user-asign-add .example textarea{height: 38px; min-height: unset;}
.user-asign-add .select2-container--default .select2-selection--multiple {min-height: 38px; padding: 5px; border-color: #aaaaaa !important;}



.user-asign-add .row {
    margin: 0;
    margin-bottom: 15px;
    background: #edf4f9;
    padding: 10px 0px 0;
    border-radius: 5px;
}

.user-asign-add .row:last-child {
    margin-bottom: 10px;
}












/** responsive css start ***/






@media screen and (max-width: 1199px) {
    .metricsAnalyticsHeight {
        height:inherit;
    }
}



@media screen and (max-width: 575px) {
    .mt35{}
}

@media screen and (max-width: 575px) {
    .ticket-view-text > P > span:first-child {
        display: inline-block;width: 100%;
        }
    .ticket-view-text > P {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px !important;
        border-bottom: 1px solid #c4c4c4;
        padding-bottom: 10px;
    }
    .display-ruby {
        display: list-item;
    }
    .ticket-view-latest{
        border-bottom: 1px solid #ccc;
        padding-bottom: 7px;
    }
    .ticket-view-latest > h5{
       width:100%;
    }
    .ticket-view-latest > span{
        width: 100%;
        display: block;
     }
    .ticket-view-desc > span{
        width: 100%;
        display: block;
    }

}