.ico{
    padding: 6px 12px 6px 30px !important;
    background-repeat: no-repeat;
    background-position: 7px center;
}

.kylticket_logo{
    width: 30px;
    margin-right: 5px;
}

.IM{
    padding: 0 23px 0 0 !important;
    background-repeat: no-repeat;
}

.ico_home{
    background: url("../img/home.png") no-repeat 0 bottom;
}

.ico_home_page{
    background: url("../img/page.png") no-repeat 0 bottom;
}

.ico_users{
    background: url("../img/users.png") no-repeat 0 bottom;
}

.ico_faq{
    background: url("../img/faq.png") no-repeat 0 bottom;
}

.ico_category{
    background: url("../img/category.png") no-repeat 0 bottom;
}

.ico_qa{
    background: url("../img/qa.png") no-repeat 0 bottom;
}

.ico_role{
    background: url("../img/role.png") no-repeat 0 bottom;
}

.ico_settings{
    background: url("../img/settings.png") no-repeat 0 bottom;
}

.ico_modules{
    background: url("../img/modules.png") no-repeat 0 bottom;
}

.ico_sms{
    background: url("../img/sms.png") no-repeat 0 bottom;
}

.ico_template_messages{
    background: url("../img/messages.png") no-repeat 0 bottom;
}

.ico_template_display{
    background: url("../img/display.png") no-repeat 0 bottom;
}

.new_menu a:hover{
    background: #3F8217;
}

.ticket_link{
    font-weight: bold;
    display: block;
}

.ticket_link:hover{
    text-decoration: none;
}

.topic_1{ background: #FFDCC7; }
.topic_1 td{
    border-top: 1px #F5A06E solid !important;
    border-bottom: 1px #F5A06E solid !important;
}

.topic_2{ background: #CBFDCD; }
.topic_2 td{
    border-top: 1px #78D67C solid !important;
    border-bottom: 1px #78D67C solid !important;
}

.topic_3, .topic_4{ opacity: 0.5; }

.c_red{
    color: #f04040 !important;
}

.table_hover tr{
    transition: 0.2s;
}

.table_hover tr:hover{
    background: #fff !important;
    opacity: 1;
}

.actions{
    margin: 0;
}

.actions li{
    display: inline-block;
}

.actions li a{
    width: 24px;
    height: 24px;
    display: block;
    opacity: 0.5;
    transition: 0.2s;
}

.actions li a:hover{
    opacity: 1;
}

.close_ticket{
    background: url("../img/close.png") no-repeat;
}

.delete_ticket{
    background: url("../img/remove.png") no-repeat center center;
}

.no_tickets{
    background: #5FB359;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
}

.filter_links{
    float: right;
}

.filter_links li{
    list-style: none;
    display: inline-block;
    margin-top: 10px;
}

.filter_links li a{
    background: #7399B5;
    padding: 2px 3px;
    border-radius: 3px;
    color: #fff;
    transition: 0.2s;
}

.filter_links li a:hover{
    background: #3A617D;
    text-decoration: none;
}

.block_message .author{
    float: left;
    margin: 0 15px 5px 0;
}

.message{
    background: #fff;
    padding: 10px;
    float: left;
    margin: 0 0 20px 0;
    border-radius: 3px;
    /*box-shadow: 1px 3px 0 #EBEFF1, 0 5px 4px rgb(198, 209, 214);*/
}

.message:after{
    content: "";
    position: absolute;
    top: 25%;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #fff;
}

.this_author_message{
    background: #E3E8EC;
    float: right;
    box-shadow: none;
}

.this_author_message:after{
    content: "";
    position: absolute;
    top: 25%;
    left: inherit;
    right: -20px !important;
    border: 10px solid transparent;
    border-left: 10px solid #E3E8EC;
}

.amin_actions{
    background: rgba(198, 218, 232, 0.3);
    width: 100%;
    height: 0;
    padding: 0;
    border-radius: 3px 3px 0 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    color: #fff;
    display: block;
    margin: 0;
    overflow: hidden;
    z-index: 100;
    transition: 0.2s;
}

.message:hover .amin_actions{
    height: auto;
    padding: 7px 10px;
}

.amin_actions:hover{
    background: #fff;
}

.amin_actions li{
    border-radius: 50px;
    list-style: none;
    display: inline-block;
    opacity: 0.5;
}

.amin_actions li:hover{
    opacity: 1;
}

.remove_message, .remove{
    background: url("../img/remove.png") no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}

.remove:hover{
    opacity: 0.7;
}

.block_message .author{
    color: #268AE2;
}

.block_message .this_author{
    color: #98A4AE;
    float: right;
    margin: 0 0 0 15px;
}

.block_message .admin{
    color: #DA6B0A;
}

.block_message .time{
    font-size: 11px;
    display: block;
    color: #BDC4C7;
    font-weight: 400;
}

.panel_hidden{
    background: none;
    box-shadow: none;
}

/* Editor */
.ticket_send{
    margin-top: 20px;
}

.ticket_send .btn-default, .ticket_send .btn-success{
    width: 100%;
    font-size: 21px;
    font-weight: 300;
    padding: 10px 0;
}

.ticket_send .send{
    background-image: url("../img/send_white.png");
    background-repeat: no-repeat;
    background-position: 20px center;
}

.ticket_send .agreed{
    background-image: url("../img/check_white.png");
    background-repeat: no-repeat;
    background-position: 20px center;
}

#agreed{
    background: url("../img/check_green.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    margin: 0 5px 0 0;
}

#content blockquote {
    background: #EAF8FF;
    border-left: 5px #159EEA solid;
    border-top: 1px #B4D5E8 solid;
    border-right: 1px #B4D5E8 solid;
    border-bottom: 1px #B4D5E8 solid;
    margin: 0;
    font-size: 14px;
    padding: 7px 10px;
}

/* btn */
#content .btn-default{
    width: 100%;
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 12px;
    background-color: #0F8BD0;
    border-color: #0F8BD0;
}

#content .btn-default:hover{
    color: #FFF;
    background-color: #009DF5;
    border-color: #009DF5;
}

#content .btn-default:active:hover, #content .btn-default.active:hover, #content .open>.dropdown-toggle.btn-default:hover, #content .btn-default:active:focus, #content .btn-default.active:focus, #content .open>.dropdown-toggle.btn-default:focus, #content .btn-default:active.focus, #content .btn-default.active.focus, #content .open>.dropdown-toggle.btn-default.focus{
    color: #FFF;
    background-color: #0088D4;
    border-color: #0088D4;
}

.ticket_title{
    margin: 0 0 30px 0 !important;
    color: #22A203;
}

.ticket_title span{
    float: right;
    color: #D05959;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
}

.jq-checkbox{
    margin-top: 10px;
}

.table_a a{
    font-weight: bold;
    display: block;
}

.table_a a:hover{
    text-decoration: none;
}

.ban{
    background: url("../img/ban.png") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.unban{
    background: url("../img/unban.png") no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.ban_title{
    font-style: italic;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    background: #ef4661;
    padding: 3px 5px;
    border-radius: 3px;
}

.status_ban{
    background: #ffecef;
}

.bg_tick{
    background: #CEDEF6;
    border-radius: 5px 0 0 5px;
}

.ticket_bar{
    float: left;
    width: 250px;
    height: 100%;
    padding: 10px;
}

.content_ticket{
    background: #F1F9FF;
    margin-left: 250px;
    padding: 7px 0 0 20px;
}

#message_color{
    background: none;
    border: 0px !important;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.message_comment{
    margin: 0;
}

.edit{
    background: url("../img/edit.png") no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    opacity: 0.5;
    cursor: pointer;
}

.edit:hover{
    opacity: 1;
}

#message_comment{
    padding: 3px 5px;
    font-style: italic;
    border: 1px #96ADD1 solid;
    width: 100%;
    min-height: 110px;
    outline: none;
}

.btn-min{
    border: none;
    padding: 0 5px;
    border-radius: 3px;
}

.add_comment{
    display: none;
}

.comment_result{
    margin: 10px 0;
    color: #fff;
    border-radius: 3px;
    padding: 3px 5px;
}

.files_ticket img{
    max-width: 50%;
    max-height: 100%;
    margin-bottom: 3px;
    vertical-align: top;
    transition: 0.2s;
}

.files_ticket img:hover{
    transform: scale(1.3);
}

.apps_file_x, .attachment_files_message a{
    background: #3C6D91;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    padding: 1px 3px;
    margin-bottom: 3px;
    display: inline-block;
    margin-right: 5px;
}

.apps_file_x:hover, .attachment_files_message a:hover{
    text-decoration: none;
    color: #fff;
    background: #000;
}

.attachment_files_message{
    background: #F4F4F4;
    padding: 5px;
    margin-top: 5px;
    border-radius: 3px;
    border: 1px #DCDFE4 solid;
}

.attachment_files_message p{
    color: #8D98A0;
    font-weight: 600;
    margin-bottom: 3px;
}

.upload_files{
    width: 50px;
    height: 52px;
    background: #FA754E url("../img/clip.png") no-repeat center center;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 5px 0 0 #F1F9FF;
    position: absolute;
    top: 0;
    transition: 0.2s;
}

.upload_files:hover{
    background: #EE3802 url("../img/clip.png") no-repeat center center;
}

#upload_files{
    position: fixed;
    top: -100%;
}

.new_attach .upload_files{
    position: static;
    margin-top: 23px;
}

.t_c{
    text-align: center;
}

.files a{
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top;
    width: 100px;
    height: 100px;
    border: 1px #6e9fc5 solid;
    overflow: hidden;
}

.files img{
    max-width: 100px;
    max-height: 100px;
    vertical-align: top;
}

.tags{
    background: #1c2b3a;
    padding: 10px;
    color: #c3cbd2;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-size: 13px;
    display: none;
}

.tags b{
    color: #00ff61;
    font-weight: 300;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
}

.number_emplate{
    color: #c3c3c3;
}

.avatar_min{
    width: 60px;
    height: 60px;
    background-size: cover !important;
    border-radius: 100px;
}

.super_vizor{
    background: #ef3333;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 3px;
}

.window_static .description{
    position: relative;
    color: #3992d2 !important;
    font-size: 13px !important;
    padding: 0 0 0 23px;
}

.window_static .description:before{
    content: "";
    background: url("../img/info.svg") no-repeat left center !important;
    background-size: 100% 100% !important;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

#templates_message input[type="checkbox"]:NOT(checked) + label{
    float: left;
}








/*=== MEDIA ===*/
@media screen AND (max-width: 1150px){
    .ticket_bar{
        display: none;
    }
    .content_ticket{
        margin: 0;
    }
}
@media screen AND (max-width: 1110px){
    .author{
        float: none;
        margin: 0;
    }
    .message{
        background: #fff;
        margin: 5px 0 20px 0;
        width: 100%;
    }
}
@media screen AND (max-width: 768px){
    .pad_no_media{
        padding: inherit !important;
        margin-top: 10px;
    }
}

@media screen AND (max-width: 768px){
    .filter_links{
        float: none;
    }
}

@media screen AND (max-width: 830px){
    .dntd{
        display: none;
    }
}

@media screen AND (max-width: 400px){
    .dntd_mobile{
        display: none;
    }
}