.LiveHelpdesk .ms-container { background: white; padding: 25px; border-radius: 5px; }

.LiveHelpdesk ul { margin-left: 0; margin-top: 10px; padding-left: 0; }

.LiveHelpdesk ol { margin-left: 0; }

.LiveHelpdesk .JunkEmails { border: 0; margin-bottom: 0; }

.LiveHelpdesk .conversation ul,
.LiveHelpdesk .conversation ol { margin-left: 18px; }

.LiveHelpdesk ol li { margin-bottom: 0; }

.LiveHelpdesk .admin-menu, .LiveHelpdesk .issues-menu { border-right: 1px solid #eee; }

.LiveHelpdesk .issues-table { border: 0; margin-bottom: 0; }

.LiveHelpdesk .ms-panel-heading { padding: 10px; }

.LiveHelpdesk .issues-table .ms-table { margin-bottom: 0; }

.ms-col-md-3.issues-menu, .ms-col-md-3.admin-menu { padding-left: 0; min-height: 400px; }

.ms-table > thead > tr > .hdtableth { border-bottom: 0; }

.hdtableth.ms-glyphicon.ms-glyphicon-arrow-up,
.hdtableth.ms-glyphicon.ms-glyphicon-arrow-down { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.ms-glyphicon-arrow-down:before,
.ms-glyphicon-arrow-up:before { font-family: 'Glyphicons Halflings'; }

.stsort { cursor: pointer; }

.stfooter a { cursor: pointer; }

.reportcreated, .reportresolved { display: inline-block; overflow: hidden; padding: 20px 10px 0 10px; text-align: center; vertical-align: top; width: 130px; }

    .reportcreated .createdcount { color: #f15c75; font-size: 24px; line-height: 24px; }

    .reportcreated .label { font-size: 14px; line-height: 14px; color: #f15c75; }

    .reportresolved .resolvedcount { color: #7bc1a1; font-size: 24px; line-height: 24px; }

    .reportresolved .label { font-size: 14px; line-height: 14px; color: #7bc1a1; }

.noissuelabel { margin-left: 20px; }

.noissuelabel { margin-left: 20px; }

/*Issue.html Css*/

.alignright { float: right; }

.exportbtn { margin-top: 12px; }

.cursorpointer { cursor: pointer; }

.preview_pic { width: 75px; height: 75px; z-index: 100; border-radius: 50%; -moz-transition: border 200ms cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: border 200ms cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: border 200ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: border 200ms cubic-bezier(0.65, 0.05, 0.36, 1); background: #fff; position: absolute; border: 1px solid #fff; margin: 0 0 3px 0; padding: 0; text-align: center; float: left; left: -51px; }

.ms-col-md-8.ms-panel.ms-panel-default { padding-left: 0; padding-right: 0; }

    .ms-col-md-8.ms-panel.ms-panel-default .ms-panel-body { padding-bottom: 0; }

.conversation_thread { padding: 0 0px 15px 12px; margin-top: -10px; list-style: none; border-left: 4px #f2f2f2 solid; }

.ms-panel-body.log_body .ng-scope .conversation_thread.seclast,
.ms-panel-body.log_body .ng-scope:last-child:not(.hidepanel) .conversation_thread:not(.iseditor) { border-color: transparent; }

.ms-form-group.logtype { margin: 0 20px 0 40px; border-left: 4px #f2f2f2 solid; }

    .ms-form-group.logtype .ms-btn-group { margin-left: 73px; }

.ms-form-group.message { margin: 0 0px 0 40px; padding-left: 73px; }

.leftcontent { padding-left: 25px; }

.mesleftcontent { padding-left: 40px; }

.has-arrow-left { position: relative; }

    .has-arrow-left:before { content: ''; position: absolute; top: 10px; left: -20px; border: 10px solid transparent; border-right: 10px solid #ddd; border-right-width: 10px; border-right-style: solid; }

.ms-panel-default .has-arrow-left:before { border-right-color: #f5f5f5; }

.ms-panel-info .has-arrow-left:before { border-right-color: #d9edf7; }

.ms-panel-danger .has-arrow-left:before { border-right-color: #f2dede; }

.ms-panel-warning .has-arrow-left:before { border-right-color: #fcf8e3; }

.ms-form-group.message.response input { width: 100%; }

.ms-form-group.message.response .angucomplete-dropdown { width: 100%; }

.conversation_thread .conversation { margin-bottom: 12px; position: relative; }

.commentbox { position: relative; margin-top: 10px; display: block; margin-left: 50px; line-height: 150%; min-height: 30px; border-radius: 4px; -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.05); box-shadow: 0px 2px 4px rgba(0,0,0,0.05); }

.ms-col-md-8.log_panel { border-bottom: 0; border-left: 0; border-right: 0; }

.ms-col-md-8 > .ms-panel-heading { border-left: 1px #ddd solid; border-right: 1px #ddd solid; }

.log_body { padding-right: 0 !important; }

{ border-color: #FFF; margin-bottom: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

#accordion .caret-extand { position: absolute; right: 8px; top: 16px; }

#accordion .ms-btn.gbutton { text-align: left !important; width: 100%; float: none !important; }

#accordion .ms-list-group span.label { margin-bottom: 5px; display: inline-block; color: black; font-size: 14px; }

#accordion .ms-btn-group { display: block !important; }

#accordion .ms-dropdown-menu { width: 100%; }

.hidepanel { display: none; }

.my-drop-zone { border: dotted 3px lightgray !important; }

.nv-file-over { border: dotted 3px red !important; }
/* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green !important; }

.resolve-button a { color: #FFFFFF !important; }

    .resolve-button a:hover { color: white; }

.reports .ms-input-group { display: inline-block !important; float: right; }

.uploadinput-button { position: relative; overflow: hidden; }

    .uploadinput-button input { cursor: pointer; }

.reporterinfo span.reporter-sub { display: block; border: 1px solid #ccc; border-radius: 5px; padding: 6px 12px; }

.reporterinfo .ng-binding, .reporterinfo.ng-scope .ng-binding { line-height: 20px; overflow: hidden; width: 140px; text-align: right; }

.reporter-sub.attachement.ng-scope .ng-binding { float: none; }

.reporter-sub.attachement.ng-scope span.size.ng-binding { position: absolute; right: 12px; }

.clear-both { clear: both; }

.ms-list-group.reporterinfo { margin-bottom: 0; }

.overflowtext { overflow: auto !important; }

.testsmtp { color: #fff !important; background-color: #337ab7 !important; border-color: #2e6da4 !important; text-decoration: none !important; }

.LiveHelpdesk .button-left { margin-left: 5px; margin-bottom: 0px; }

.LiveHelpdesk .breadcrumb-heading { padding: 5px; }

.advance-search [data-toggle=ms-dropdown],
.advance-search .ms-btn-group input,
.advance-search .ms-form-group.ms-col-md-4 .ms-btn.ms-btn-default,
.advance-search .ms-dropdown-menu { width: 100%; }

.advance-search .ms-col-md-4 [role=group] { position: relative; }

.advance-search .ms-btn .ms-caret { right: 15px; position: absolute; top: 15px; }

.advance-search .ms-btn-group input { padding-top: 5px; padding-bottom: 5px; }

.advance-search .ms-form-group.ms-col-md-4 .ms-btn.ms-btn-default { margin-bottom: 10px; }

.advance-search .ms-dropdown-toggle { text-align: left; }


.search_table input[type=search] { padding-right: 30px; display: inline-block; border-radius: 5px; }

.search_table th { padding-right: 45px !important; }

.btn-search { margin-left: 5px !important; padding: 4px 12px; }

    .btn-search span { color: #777; height: 24px; padding-top: 5px; }

.input-sm { height: 34px !important; }

.LiveHelpdesk .publishto { margin-left: 2px; }

    .LiveHelpdesk .publishto > ul { margin-top: 2px; right: auto; }

        .LiveHelpdesk .publishto > ul > li { cursor: pointer; }

.LiveHelpdesk .relatedArticle { border: 1px solid #ddd; padding-top: 5px; }

#lhRelatedArticles > :first-child { padding-top: 0px !important; }

#lhRelatedArticles > :last-child { padding-bottom: 0px !important; border-bottom: none !important; }

.LiveHelpdesk .clearboth { clear: both; }

.LiveHelpdesk #lhRelatedArticles li { padding: 10px; border-bottom: 1px solid #ccc; margin: 0; }

.LiveHelpdesk ul#lhRelatedArticle { margin: 0; padding: 0; list-style-type: none; }

.LiveHelpdesk .publishto ul,
.LiveHelpdesk .publishto ul li { list-style: none; }

.LiveHelpdesk .ms-btn-default-custom { background-color: #777; border-color: #000; color: white; }

.LiveHelpdesk [data-name=ReplyType] { margin-left: 40px; margin-bottom: 0; display: block; border-left: 4px #f2f2f2 solid; padding-top: 10px; padding-left: 251px; }

.LiveHelpdesk .logtype > div > button { width: 180px; }


.ms-row.canvas_hd { margin-bottom: 20px; color: #fff; text-align: center; border-radius: 4px; }

.LiveHelpdesk .graphic { text-align: center; color: #444; border: 1px solid #ccc; min-height: 432px; padding: 15px 0; }

.ms-container .titleHeading { border-radius: 5px 5px 0 0; border: 1px solid #ccc; padding: 18px 9px; text-transform: uppercase; color: #777; font-size: 18px; font-weight: 600; margin-bottom: 0; border-bottom: none; display: block; }

.contentBox,
.contentBox div,
.contentBox img,
.contentBox table { max-width: 100% !important; }


.conversation img { max-width: 100% !important; height: auto !important; }


.titleHeading span { font-size: 18px; }

.LiveHelpdesk .information { border: 1px solid #ccc; padding: 20px; background: #f4f4f4; }

.LiveHelpdesk .ms-col-md-12.information { border-radius: 0 0 4px 4px; background: #fff; display: block; }

.LiveHelpdesk .information h4 { font-size: 12px; color: #999; font-style: italic; font-weight: normal; }

.LiveHelpdesk .ms-col-md-12.information:hover { text-decoration: none; background: #efefef; }

.LiveHelpdesk .ms-col-md-6.information span.ng-binding { font-size: 20px; color: #999; }

.LiveHelpdesk .ms-col-md-12.information span { font-size: 42px; color: #444; display: block; }

    .LiveHelpdesk .ms-col-md-12.information span.avgrate { font-size: 11px; color: #02a73d; }

.LiveHelpdesk .information var { font-size: 12px; color: #999; font-style: italic; }

.LiveHelpdesk .scale-1.selected { background: #f5724e !important; }

.LiveHelpdesk .scale-2.selected { background: #fbb663 !important; }

.LiveHelpdesk .scale-3.selected { background: #f7e84d !important; }

.LiveHelpdesk .scale-4.selected { background: #79d230 !important; }

.LiveHelpdesk .scale-5.selected { background: #61b500 !important; }

.LiveHelpdesk .rating { text-decoration: none; cursor: pointer; display: block; color: #000; font-weight: bold; }

.LiveHelpdesk .selected .rating { color: #fff; }

.LiveHelpdesk .rating:hover { text-decoration: none; }

.LiveHelpdesk .ms-col-md-6.information:first-child,
.LiveHelpdesk .ms-col-md-6.information:nth-child(4) { background: #eee; }

.LiveHelpdesk span.ms-badge.ms-badge-secondary { border-radius: 5px; float: left; padding: 11px 15px; margin: -10px 10px 0 0; background: #999; }


tags-input .tags,
tags-input .host { height: auto; }


#Priority,
#Channel { height: 180px; width: 100%; }

.ms-btn-group > .ms-btn + .ms-dropdown-toggle { height: 34px; }


.ui-datepicker { z-index: 999 !important; }

.Optionbox:before { content: ''; position: absolute; top: -9px; right: 8%; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid #808080; }

.Optiondate { margin-top: 20px; }

.ms-container .multipledropdown { padding: 5px 10px; }

    .ms-container .multipledropdown input[type=checkbox] { margin: 0; margin-right: 5px; }

.Dropdownoption { display: inline-flex; }

.Groupby { margin-left: 30px; }

    .Groupby select { background: #fff; border-radius: 4px; }

.dropdownheader select { margin-top: 5px !important; background: #fff; padding: 9px; border-radius: 0; border-color: #bfbfbf; }

.dropdownfooter button { margin-bottom: 5px !important; margin-right: 8px !important; }


.label-text { margin-right: 10px; }

    .label-text:first-child { margin-top: 8px; }


.ms-dropdown-menu.Optionbox { width: 600px; z-index: 998; }

.datetime { margin-bottom: 10px !important; border-radius: 4px !important; padding: 10px !important; text-transform: capitalize; }

.datedropdown { top: unset !important; }

.dropdown-btn, .datedropdown { width: 580px; margin: 0 10px !important; text-align: left !important; }


@media (max-width: 991px) {


    .LiveHelpdesk .graphic { min-height: 940px; }


    #Agent { margin-bottom: 20px !important; }



    #Priority,
    #Channel,
    #Category,
    #Agent { width: 100%; height: 300px; display: block; margin: 0 auto; }

    #Priority, #Channel { margin-left: -10px !important; }

    #Category,
    #Agent { width: 60% !important; }
}


@media (max-width:768px) {
    img.preview_pic { display: none; }

    .charts .ms-col-sm-6 { padding: 0; }

    .LiveHelpdesk .validationGroup.ms-col-md-4 { padding: 0; }

    .log_body { padding-left: 0; }

    .ms-nav-pills > li + li { float: none; }

    .LiveHelpdesk .logtype > div > button { max-width: 137px; }

    .LiveHelpdesk [data-name=ReplyType] { margin-left: 0; border-left: none; padding-left: 0; text-align: center; }

    .ms-form-group.message,
    .ms-form-group.logtype,
    .ms-btn-group.ng-scope { margin: 0 !important; }

        .ms-form-group.logtype .ms-btn-group { margin-left: 0; font-size: 11px; }

    .conversation_thread,
    .ms-form-group.logtype { border-left: none; }

    .ms-form-group.message,
    .leftcontent,
    .conversation_thread { padding-left: 0; }

    .has-arrow-left:before { display: none; }

    .commentbox { margin-left: 0; }
}


@media (max-width: 450px) {

    .commentbox .alignright { display: inline-block; float: none; }
}

@media (min-width:767px) {
    .btn-search { position: absolute; right: 67px; float: right; border-radius: 0 }

    .btn-export { position: absolute; right: 28px; float: right; border-radius: 0 !important; }
}

@media (min-width: 992px) {
    .ms-col-md-3.issues-menu { padding-left: 0; }

    .ms-col-md-6.information { border-bottom: 0; }

        .ms-col-md-6.information:nth-child(2n+1) { border-right: 0; }

    #Priority { margin-bottom: 40px; }
}

.LiveHelpdesk .customfield ul.json-dict { list-style: none; padding: 0px 20px; margin: 0; font-weight: bold; }

.LiveHelpdesk .customfield li span.json-string { font-weight: normal; }

.LiveHelpdesk .toggle_right div.ms-btn-group { float: right; }





/*RTL & Localized by Dnnplus.ir 2021*/
@font-face { font-family: IRANSans; font-style: normal; font-weight: normal; src: url(IRANSansWeb.woff) format("woff"); }
@font-face { font-family: IRANSans; font-style: normal; font-weight: bold; src: url(IRANSansWeb_Bold.woff) format("woff"); }
.rtl .GregorianDate { display: none !important; }
.rtl .ms-container * { font-family: IRANSans; }
.rtl .ms-glyphicon { font-family: 'Glyphicons Halflings'; }
.rtl .canvasjs-chart-container * { font-family: IRANSans !important; }
.rtl .ms-container div#ui-datepicker-div *, .rtl .ms-container tags-input .tags .input { font-family: IRANSans; }

.ShamsiDate { display: none !important; }
.Issue-Name { float: left; }
.rtl .ShamsiDate { display: block !important; text-align: center; line-height: 26px; }
.rtl .LiveHelpdesk .ms-panel-heading { display: inline-block; width: 100%; }
.rtl .ms-container th { text-align: right; font-size: 12px; }
.rtl .advance-search .ms-dropdown-toggle { text-align: right; }
.rtl .LiveHelpdesk ul { text-align: right; }
.rtl .ms-dropdown-menu { text-align: right; left: auto !important; right: 0 !important; }
    .rtl .ms-dropdown-menu li { list-style: none !important; }
.rtl .advance-search .ms-btn .ms-caret { right: auto; left: 15px; }
.rtl .ms-container label { font-weight: normal; }
.rtl .ms-col-md-1, .rtl .ms-col-md-10, .rtl .ms-col-md-11, .rtl .ms-col-md-12, .rtl .ms-col-md-2, .rtl .ms-col-md-3, .rtl .ms-col-md-4, .rtl .ms-col-md-5, .rtl .ms-col-md-6, .rtl .ms-col-md-7, .rtl .ms-col-md-8, .rtl .ms-col-md-9 { float: right; }
.rtl .LiveHelpdesk .admin-menu, .rtl .LiveHelpdesk .issues-menu { border-left: 1px solid #eeeeee; border-right: medium none; float: right !important; padding-left: 15px !important; padding-right: 0 !important; }
.rtl .ms-nav-pills > li { float: right; }
.rtl .ms-nav-stacked > li { float: none; }
.rtl .ms-nav.ms-nav-pills .ms-btn.ms-pull-right { float: left !important; }
.rtl .ms-container th { text-align: right; }
.rtl .ms-nav-pills > li + li { margin-left: 0; margin-right: 2px; }
.rtl .noissuelabel { margin-left: 0; margin-right: 20px; }
.rtl .ms-pull-right { float: left !important; }
.rtl .ms-pull-left { float: right !important; }
.rtl .reporterinfo .ng-binding, .rtl .reporterinfo.ng-scope .ng-binding { width: auto; }
.rtl .reporter-sub.attachement.ng-scope span.size.ng-binding { left: auto; right: auto !important; }
.rtl .ms-input-group .ms-form-control:first-child,
.rtl .ms-input-group-addon:first-child,
.rtl .ms-input-group-btn:first-child > .ms-btn,
.rtl .ms-input-group-btn:first-child > .ms-btn-group > .ms-btn,
.rtl .ms-input-group-btn:first-child > .ms-dropdown-toggle,
.rtl .ms-input-group-btn:last-child > .ms-btn-group:not(:last-child) > .ms-btn,
.rtl .ms-input-group-btn:last-child > .ms-btn:not(:last-child):not(.ms-dropdown-toggle) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.rtl .ms-input-group-addon:last-child { border-left: 1px solid #ccc !important; border-right: 0 none !important; }
.rtl .ms-input-group .ms-form-control:last-child, .rtl .ms-input-group-addon:last-child,
.rtl .ms-input-group-btn:first-child > .ms-btn-group:not(:first-child) > .ms-btn,
.rtl .ms-input-group-btn:first-child > .ms-btn:not(:first-child), .rtl .ms-input-group-btn:last-child > .ms-btn,
.rtl .ms-input-group-btn:last-child > .ms-btn-group > .ms-btn, .rtl .ms-input-group-btn:last-child > .ms-dropdown-toggle { border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.rtl .resolve-button .resolve-button { border: medium none; font-size: 12px; line-height: 18px; }
.rtl .resolve-button { border-radius: 4px; margin: 0 18px 0 0; }
.rtl #accordion .caret-extand { right: auto; left: 8px; }
.rtl #accordion .ms-btn.gbutton { text-align: right !important; }
.rtl .ng-scope[ng-controller="dashboard_dashboard"] .ms-btn-group.ms-pull-right,
.rtl .ng-scope[ng-controller="satisfaction"] .ms-btn-group.ms-pull-right { float: right !important; }
.rtl .ms-panel-title span.ng-binding { margin-right: 5px; margin-left: 0; }
.rtl #collapseTwo a.ms-collapsed { margin: 0 auto !important; }
.rtl #collapseTwo div:last-child { margin: 0 auto !important; text-align: center; }
.rtl .canvasjs-chart-container { text-align: left; direction: ltr !important; }
.rtl .search_table th { padding-right: 0 !important; padding-left: 45px; }
.rtl .search_table input[type=search] { padding-right: 10px; padding-left: 30px; }
.rtl .LiveHelpdesk ul { text-align: right; padding-right: 0; }


.rtl .LiveHelpdesk [data-name=ReplyType] { margin-right: 40px; margin-left: auto; border-right: 4px #f2f2f2 solid; border-left: none; padding-right: 251px; padding-left: 0; }
.rtl .ms-container .titleHeading { border-radius: 5px 5px 0 0; }
.rtl .LiveHelpdesk .ms-col-md-12.information { border-radius: 0 0 4px 4px; }
.rtl .LiveHelpdesk span.ms-badge.ms-badge-secondary { float: right; margin: -10px 0 0 10px; }
/*.rtl .Optionbox:before { left: 8%; right: auto; border-right: 8px solid transparent !important; border-left: 8px solid transparent !important; }*/
.rtl .ms-container .multipledropdown input[type=checkbox] { margin-left: 5px; margin-right: auto; }
.rtl .Groupby { margin-right: 30px; margin-left: auto; }
.rtl .dropdownfooter button { margin-left: 8px !important; margin-right: auto; }
.rtl .label-text { margin-left: 10px; margin-right: auto; }
.rtl .dropdown-btn, .rtl .datedropdown { text-align: right !important; }
.rtl .LiveHelpdesk .toggle_right div.ms-btn-group { float: left; }


@media (max-width: 991px) {
    .rtl #Priority, .rtl #Channel { margin-right: -10px !important; margin-left: auto; }
}

@media (max-width:768px) {
    .rtl .log_body { padding-right: 0; }
    .rtl .LiveHelpdesk [data-name=ReplyType] { margin-right: 0; border-right: none; border-left: none; padding-right: 0; }
    .rtl .ms-form-group.logtype .ms-btn-group { margin-right: 0; }
    .rtl .conversation_thread, .rtl .ms-form-group.logtype { border-right: none; border-left: none; }
    .rtl .ms-form-group.message, .leftcontent, .rtl .conversation_thread { padding-right: 0; }
    .rtl .commentbox { margin-right: 0; }
}

@media (min-width:767px) {
    .rtl .btn-search { left: 67px; right: auto; float: left; margin-left: 0 !important; margin-right: 5px !important; border-radius: 0 !important; }
    .rtl .btn-export { right: auto; left: 28px; margin-left: 0 !important; margin-right: 5px !important; border-radius: 0 !important; }

}

@media (min-width: 992px) {
    .rtl .ms-col-md-3.issues-menu { padding-right: 0; }
    .rtl .ms-col-md-6.information:nth-child(2n+1) { border-left: 0; border-right: none; }
}