@font-face {
    font-family: 'BYekan';
    src: url('../fonts/Yekan.woff');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/iranyekanwebboldfanum.eot');
    src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/eot/iranyekanwebthinfanum.eot');
    src: url('../fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebthinfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/iranyekanweblightfanum.eot');
    src: url('../fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanweblightfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/iranyekanwebregularfanum.eot');
    src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/iranyekanwebmediumfanum.eot');
    src: url('../fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebmediumfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/eot/iranyekanwebextraboldfanum.eot');
    src: url('../fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/iranyekanwebblackfanum.eot');
    src: url('../fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff/iranyekanwebblackfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

body {
    font-size: 14px;
    font-family: 'iranyekan';
    height: 100vh;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'iranyekan';
}

span, tspan {
    font-size: 14px;
    font-family: 'iranyekan' !important;
}

.panel-heading h5 {
    margin: 0px;
}

.highcharts-credits {
    display: none;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.site-header {
    background-color: #225783;
    border-bottom: solid #185075 1px;
}

#logo {
    width: 150px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;

}

#top-left-menu {
    text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    color: white;
}

/*
	User menu
*/
.user-info .dropdown-menu {
    left: 0;
    right: auto;
}

.user-info .dropdown-toggle {
    color: #fff;
    text-decoration: none;
}

.user-info .dropdown-toggle:hover {
    text-decoration: none;
}

#side-menu {
    background-color: #323544;
    font-size: 12px;
!important;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    right: 0;
}

.breadcrumb {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.error {
    color: red;
    font-weight: normal;
    padding-right: 5px;
}

#maincontent {
    height: calc(100% - 1px);
    overflow-y: auto;
    padding-top: 15px;
}

.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.margin-bottom {
    margin-bottom: 10px;
}

.button-row {
    margin: 10px 0;
}

.button-row.top {
    margin-bottom: 10px;
    margin-top: 0;
}

.button-row.bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

.container-fluid {
    height: 100%;
}

.full-height {
    height: 100%;
}

.site-content {
    height: calc(100% - 121px);

}

.ltr {
    direction: ltr; !important;
}

.rtl {
    direction: rtl;
}

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

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

.side-panels {
    background-color: #323544;
!important;
    border-color: #a0a0a0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0 !important;
    margin-top: 0 !important;
}

.side-panels li, .side-panels a {
    font-size: 14px;
}

.side-panels:last-child {
    border-bottom: 1px solid #a0a0a0;
}

.side-panels .panel-heading {
    padding: 0;
    border-radius: 0;
}

.side-panels .panel-title {
    font-size: 14px;
    display: block;
    padding: 10px 15px;
    color: #ffffff;
    background-color: #545972;
}

.side-panels .panel-title:hover {
    background-color: #9297af;
    color: #ffffff;
}

.side-panels a {
    text-decoration: none;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: solid #323544 1px;
!important;
}

.side-panel-group li {
    background-color: #323544; !important;
    color: white;
    border: none;
    padding: 0;
}

.side-panel-group li a {
    color: #ffffff;
    display: block;
    padding: 10px 15px;
    padding-right: 30px;
}

.side-panel-group .list-group-item ul{
    padding-right: 20px;
}

.cartable .cartable-folder a-active{
    padding-right: 20px;
}

.side-panel-group li a:hover {
    background-color: #9297af;
}

.side-panel-group li a.active {
    background-color: #9297af;
}

#top-menu {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}

#top-menu .navbar-collapse, .navbar-header {
    background-color: #323544;
}

#top-menu .navbar-collapse .dropdown-toggle {
    color: #ffffff;
}

#top-menu .navbar-collapse .dropdown .dropdown-toggle:active,
#top-menu .navbar-collapse .dropdown .dropdown-toggle:hover,
#top-menu .navbar-collapse .dropdown .dropdown-toggle:focus,
#top-menu .nav .open > a, #top-menu .nav .open > a:focus, #top-menu .nav .open > a:hover {
    background-color: #9297af !important;
}

#top-menu .navbar-collapse .dropdown-menu {
    background-color: #323544;
}

#top-menu .navbar-collapse .dropdown-menu li a {
    color: #ffffff;
}

#top-menu .navbar-collapse .dropdown-menu li a:hover {
    background-color: #9297af !important;
    background-image: none;
}

.navbar-toggle {
    border-color: #fff;
}

.navbar-toggle span {
    background-color: #fff;
}

.form-custom {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 15px;
}

#footer {
    background-color: #225783;
    min-height: 40px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#footer p {
    margin-top: 10px;
    color: #ffffff;
}

.btn-big-width {
    width: 150px;
}

.label-white {
    color: white;
}

.row-space {
    margin-bottom: 10px;
    margin-top: 10px;
}

#loginbody {
    text-align: center;
    background: #225783;
}

#loginpage {
    margin-left: auto;
    margin-right: auto;
    margin-top: 182px;
    margin-bottom: 50px;
    vertical-align: middle;
    background-color: #225783;
}

#loginlogo {
    width: 350px;
}

.dataTables_paginate {
    text-align: center !important;
}

.dataTables_wrapper {
    margin-top: 20px;
}

.dataTables_wrapper .dt-buttons.btn-group {
    float: left;
    margin-bottom: 10px;
}

.no-export .dt-buttons.btn-group {
    display: none;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    border-right-width: 1px !important;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-right: none;
}

.table tr th:last-child {
    border-left: none !important;
}

.table tr td:first-child {
    border-right: 0 !important;
}

.table tr:first-child td {
    border-top: none;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-width: 1px !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    /*font-family: 'Glyphicons Halflings';*/
    opacity: 0.5;
}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    /* sort */
}

table.dataTable thead .sorting_asc:after {
    content: "\e155";
    /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
    content: "\e156";
    /* sort-by-attributes-alt */
}

.form-control {
    padding: 0 12px;
}

#playModel audio {
    width: 100%;
}

/*
	d3
*/
.bar rect {
    fill: steelblue;
}

.bar text {
    fill: #fff;
    font: 10px sans-serif;
}

.btn-mid {
    width: 100px;
}

.btn-large {
    width: 130px;
}

#dashboard .panel-body .dashboard-module {
    min-height: 250px;
    height: 250px;
}

.dashboard-diagram {
    min-height: 200px;
    height: 200px;
}

/*  ---- custom table ---- */
.check-box-column {
    width: 20px;
}

.tg-grid-place {
    margin-bottom: -21px;
}

.tg-pagination {
    margin: 0 !important;
    text-align: right;
    padding-right: 0;
    background: none;
}

li.tg-grid-info > a, li.tg-grid-info > a:hover {
    border-top: none;
    border-left: none;
    border-bottom: none;
    color: black;
    background: none;
}

.tg-pagination-nav {
    text-align: right;
}

.tg-col-data {
    text-align: center;
}

.tg-footer {
    border: 1px solid #eee;
    padding: 0;
    min-height: 35px;
}

.tg-footer-row {
    margin-bottom: -21px;
}

th {
    text-align: center;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.direction-ltr {
    direction: ltr;
}

.btn-action {
    min-width: 116px;
}

.min-width-300 {
    min-width: 300px;
}

.width-300 {
    width: 300px;
}

.min-width-200 {
    min-width: 200px;
}

.width-200 {
    width: 200px;
    min-width: 200px;
}

.width-250 {
    width: 250px;
}

.min-width-150 {
    min-width: 150px;
}

.width-150 {
    width: 150px;
}

.width-160 {
    width: 160px;
}

.width-165 {
    width: 165px;
}

.min-width-100 {
    min-width: 100px;
}

.width-100 {
    width: 100px;
}

.min-width-50 {
    min-width: 50px;
}

.width-50 {
    width: 50px;
}

.width-25 {
    width: 25px;
}

.width-0 {
    width: 0;
}

.info-label {
    font-weight: bold;
}

textarea {
    resize: none;
}

.danger-color {
    color: #985f0d;
}

.tree-a {
    padding-left: 5px;
    padding-right: 12px;
    text-decoration: none !important;

}

.tree-a-active {
    color: white !important;
    background-color: #2b669a !important;
}

.tree-li {
    margin: 0;
    padding: 13px 24px;
    line-height: 13px;
    list-style: none;
    background: url(../images/node.png) no-repeat;
    background-position: right;
}

.tree-ul {
    margin: 0;
    margin-left: 10px;
    padding: 0;
    background: url(../images/vline.png) repeat-y;
    background-position: right;
}

.first-class {
    background: none !important;
}

.contact-hr {
    margin-top: 1px;
    margin-bottom: 1px;
}

.user-extension {
    padding: 0 4px 0 4px;
    margin-left: 4px;
    border: solid 1px #2aabd2;
    border-radius: 4px;
}

.close-button {
    border: 0;
    cursor: pointer;
    background: transparent;
    color: red;
}

#user-extensions {
    padding-top: 5px;
}

.red {

}

td.red a {
    color: white !important;
    background-color: red !important;
}

td.red a.ui-state-active {
    color: #2aabd2 !important;
}

.friday {

}

td.friday a {
    background-color: #ffcccc !important;
}

label.comment {
    font-size: 11px;
    color: #47476b;
}

#FKParentEntityIdText {
    cursor: pointer;
}

.upload-file-item {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 0 4px 10px;
    margin-left: 15px;
}

.upload-file-item #remove-file {
    padding-right: 3px;
    padding-left: 3px;
    border-left: 1px solid #ddd;
}

.stats-percent {
    font-size: 20px;
    font-weight: bold;
    color: royalblue;
}

audio {
    width: 100%;
}

hr.hr-page-header {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

div.page-header {
    position: fixed;
    min-height: 50px;
    background-color: white;
    padding-left: 1px;
    z-index: 100;
    left: 15px;
    right: 16.66%;
    top: 51px;
    box-shadow: 0 4px 2px -2px lightgrey;
    padding-right: 15px;
    padding-bottom: 6px;
}

@media (max-width: 990px) {
    div.page-header {
        right: 15px;
        top: 101px;
    }
}

div.header-shadow {
    min-height: 100px;
}

div.header-shadow-sm {
    min-height: 55px;
}

.btn-submit {
    min-width: 116px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-submit:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.list-group-item > a {
    color: white;
}

.list-group-item:hover > a {
    color: white;
}

.tr-tiba-entity-grid {
    cursor: pointer;
}

#entity-contacts-info {
    border-right: solid 1px lightgray;
}

#entity-main-info {
    border-left: solid 1px lightgray;
}

.btn-toolbar {
    width: 120px;
    height: 70px;
    background-color: #cce6ff;
    border-color: #2aabd2;
    margin-bottom: 10px;
    font-weight: bold;
}

.btn-toolbar:hover {
    background-color: #337ab7;
    color: white;
}

.tr-voicemail-grid:hover {
    cursor: pointer;
}tr.selected {
     background-color: #2aabd2 !important;
     color: white;
 }

span.cartable-button-icon {
    font-size: 20px;
}

.entity-info-title {
    height: 30px !important;
    padding-top: 3px !important;
    background-color: #356dc6 !important;
}

#cartables-1, #cartables-receivefax, #cartables-sendvoice-1, #cartables-sendfax {
    border-left: solid 1px #191000;
    border-top: solid 1px #191000;
    border-bottom: solid 1px #808070;
    border-right: solid 1px #808070;
    background-color: #545972;
}

#cartables-1 > ul, #cartables-1 > ul > li,
#cartables-receivefax > ul, #cartables-receivefax > ul > li,
#cartables-sendvoice-1 > ul, #cartables-sendvoice-1 > ul > li,
#cartables-sendfax > ul, #cartables-sendfax > ul > li {
    background-color: #545972;
}

.cartable-link {
    padding: 5px 5px !important;
    padding-right: 62px !important;
    margin-right: -78px;
    background-color: #545972;
}

.cartable-folder {
    list-style-type: none;
    margin-right: -62px;
    padding-right: 60px !important;
    background-color: #545972;
}

.access-cartable-caption {
    padding-right: 40px;
    background-color: #545972;
}

.t-row-highlight {
    background-color: #c8fbc9 !important;
}

.cartable-link-parent {
    background-color: #545972;
    margin-right: -40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.cartable{
    background-color: #545972;
}

.text-red {
    color: red;
}

.led {
    border-radius: 50%;
    border-width: 2px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    min-height: 15px;
    display: inline-block;
}

.led-Idle {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.led-InUse {
    background-color: red;
    border-color: red;
}

.led-, .led-Unavailable {
    background-color: gray;
    border-color: black;
}

.user-default-extension {
    margin-top: 5px;
    margin-bottom: 2px;
    list-style-type: none;
}

.btn-call {
    width: 18px;
    height: 18px;
    font-size: 1px;
    padding: 0;
}

.btn-queue-logout {

}

.dial-pad-btn {
    width: 100%;
}

.dial-pad-btn:hover, .dial-pad-btn:focus {
    text-decoration: none;
}

.dial-pad-btn:hover {
    background-color: #2aabd2;
}

.user-info-table {
    float: left;
}

.user-info-table > tbody > tr > td {
    padding-right: 20px;
    text-align: left;
}

ul[aria-labelledby=dropdownMenu2] {
    min-width: 300px !important;
}

.send-voice-message-progress {
    margin-bottom: 0;
}

.vms-run-status-0 {
    border-radius: 50%;
    border-width: 2px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    min-height: 15px;
    display: inline-block;
    background-color: gray;
    border-color: black;
}

.vms-run-status-1, .vms-run-status-2 {
    border-radius: 50%;
    border-width: 2px;
    min-width: 15px;
    width: 15px;
    height: 15px;
    min-height: 15px;
    display: inline-block;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.select-contact-label {
    width: 95%;
    text-align: center;
    cursor: pointer;
}

.selected-contact {
    background-color: #2aabd2 !important;
    color: white;
}

.vm-pause-0:before {
    content: "\e072";
}

.vm-pause-1:before {
    content: "\e073";
}

.queue-ext-led {
    right: 20px;
    top: 7px;
    position: absolute;
}

.advanced-sip-option {
    direction: ltr !important;
}

.advanced-sip-option > .row > .col-md-1,
.advanced-sip-option > .row > .col-md-2,
.advanced-sip-option > .row > .col-md-3,
.advanced-sip-option > .row > .col-md-4,
.advanced-sip-option > .row > .col-md-5,
.advanced-sip-option > .row > .col-md-6,
.advanced-sip-option > .row > .col-md-7,
.advanced-sip-option > .row > .col-md-8
.advanced-sip-option > .row > .col-md-9
.advanced-sip-option > .row > .col-md-10
.advanced-sip-option > .row > .col-md-11
.advanced-sip-option > .row > .col-md-12 {
    float: left;
}

.mask-time-large {
    direction: ltr;
    text-align: center;
}

.modal-xlg {
    width: 1200px !important;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-25 {
    padding-top: 25px;
}

.monitored-cdr {
    background-color: #e6ffe6 !important;
}

ul.alert {
    list-style: none;
}

.text-success {
    color: green;
}

.text-danger {
    color: red;
}

.is-loading {
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.w-100 {
    width: 100%;
}

#groups, #expressions {
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: scroll;
}

.full-width {
    width: 100%;
}

.input-ticket-msg {
    margin-left: 51%;
    background-color: #e6f2ff;
    box-shadow: 2px 2px 0 #eee;
}

.output-ticket-msg {
    margin-right: 51%;
    background-color: #e6ffe6;
    box-shadow: 2px 2px 0 #eee;
}

.request-col {
    width: 49%;
    display: inline-block;
    border-bottom: #eee 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.answer-col {
    width: 49%;
    display: inline-block;
    border-bottom: #eee 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.ticket-is-close{
    padding: 2px;
    border: red 1px solid;
    color:#a94442;
    background-color: #f2dede;
}

.ticket-is-open{
    padding: 2px;
    border: #5bc0de 1px solid;
    color:#3c3c3c;
    background-color: #5bc0de;
}

.highcharts-axis-title{
    font-family: 'iranyekan' !important;
}

.btn-gray
{
    background-color: #efefef;

}
.btn-gray:hover
{
    background-color: #d9d9d9;

}

.btn-orange
{
    background-color: #ebd439;
    color: #ffffff;
}
.btn-orange:hover
{
    background-color: #d9c435;
    color: #ffffff;
}

.input-in-line{
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
}

.form-label-horizontal{
    padding-top: 5px;
}

#treeview li {
    padding-top: 5px;
}

.hummingbird-treeview, .hummingbird-treeview * {
    font-size: 15px;
}

.menu-disabled{
    color: darkgray !important;
}

.menu-disabled:hover {
    cursor: default !important;
}

.nolrpadding{
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.form-group label{
    margin-top: 5px;
}

.mt-3{
    margin-top: 3px;
}

.mt-5{
    margin-top: 5px;
}

.mt-10{
    margin-top: 10px;
}

.hidedisplay{
    display: none;
}

.dashboardbox{
    height: 70px;
    border-radius:5px;
    color: white;
    padding:10px;
    text-align: left;
    margin: 5px;
}

.dashboardbox-data{
    font-size: x-large;
    font-weight: bold;
}

.blue{
    background-color: cornflowerblue;
    border: #0a6aa1 1px solid;
}

.red{
    background-color: orangered;
    border: red 1px solid;
}

.green{
    background-color: limegreen;
    border: darkslategrey 1px solid;
}

.yellow{
    background-color: sandybrown;
    border: brown 1px solid;
}

.ltr {
    direction: ltr !important;
}

.table-th-left th{
    text-align: left;
}

.table-td-left td{
    text-align: left;
}

.call-popup-window {
    direction: ltr;
    position: absolute;
    top: 0px;
    left: 5px;
    min-width: 300px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    border-radius: 5px;
    opacity: 0.95;
}

#call-popup-template {
    display: none;
}

.call-popup-header {
    height: 18px;
    /* background-color: #225783; */
    background-color:#507fa5;
    color: white;
    border-radius: 5px 5px 0px 0px;
    padding: 2px 6px 2px 6px;
}

.call-popup-header:hover {
    cursor: move;
}

.call-popup-body {
    padding: 5px 8px 2px 8px;
}

.call-popup-window span {
    display: inline-block;
}

.call-popup-caller {
    text-align: left;
    padding-top: 5px;
    padding: 8px 2px 2px 2px;
    display: inline-block;
    vertical-align: middle;
}

.call-popup-timer {
    float: right;
    text-align: right;
}

.call-popup-called {
    text-align: left;
    padding: 2px;
}

.calltype-incoming {
    background-color:  #f0e6dd;
}

.calltype-outgoing {
    background-color: #f0f5f7;
}

.calltype-internal {
    /* background-color:  #cbe7f0; */
    background-color:  #f3eee9;
}

.calltype-external {
    background-color: #f0f5f7;
}

.call-hangup {
    background-color: #e2e0e0;
}

.popup-divider {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid rgb(231, 225, 225);
}

.call-popup-type {
    text-align: left;
    padding: 2px;
}

.call-popup-line1,
.call-popup-info1,
.call-popup-info2 {
    padding: 4px 2px 0px 2px;
}

.popup-caller-pic {
    width: 50px;
    height: 50px;
}

.call-popup-sys-btns {
    float: right;
    height: 16px;
}

.call-popup-sys-btns button {
    width: 15px;
    height: 15px;
    padding: 0px;
    border: none;
    background-color: transparent;
}

.call-popup-sys-btns button:hover {
    background-color: #b4b6b4;
}

.btn-close-window {
    background: url("../images/btn-close.png") no-repeat;
    vertical-align: top;
}

.pin-up {
    background: url("../images/btn-nopin.png") no-repeat;
    vertical-align: top;
}

.pin-down {
    background: url("../images/btn-pin.png") no-repeat;
    box-shadow: inset 1px 2px 2px #777;
    vertical-align: top;
}

.call-popup-info1-detail1 {
    vertical-align: middle;
}

.call-popup-info1-detail2 {
    float: right;
    vertical-align: middle;
}

.form-second-line{
    margin-top: 36px;
}

.btn-top-toolbar{
    margin-right: 0px !important;
    margin-left: 4px !important;
    margin-bottom: 0px !important;
    height: 50px;
    width: 140px;
    background-color: white;
    border: solid 1px #8787b8;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.table-normal td{
    padding-right: 10px;
}

#ServerDisconnected{
    background-color: lightcoral;
    text-align: center;
    width:30%;
    height: 30%;
    top: 30%;
    left: 30%;
    position: absolute;
    font-size: x-large;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.glyph-info {
    color: #FFFFFF;
    font-size: 20px;
}

.toolbox-item{
    display: inline-block;

}

.toolbox-item .btn{
    height: 30px;
    width: 100%;
    padding: 3px 3px;
}

.toolbox-item .glyphicon{
    font-size: 20px;
    width: 50px;
}

.badge-notify {
    color: white !important;
    background-color: red !important;
}

.btn-open-phone{
    color: blue;
}

.btn-open-phone:hover{
    color: #86c541;
}

.select2-selection{
    height: 34px;
    min-height: 34px;
}

.dir-rtl{
    direction: rtl !important;
}

.title-text{
    font-size: 18px;
    font-weight: bold;
}



.asr-container {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	font-family: Arial, sans-serif;
}

.asr-column {
	width: 48%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	max-height: 70vh;
	overflow-y: auto;
}
.agent {
	background-color: #e6f3ff;
}
.client {
	background-color: #ffe6e6;
}
.sentence-block {
	padding: 10px;
	margin: 5px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	transition: background-color 0.3s;
}
.sentence {
	display: inline;
}
.sentence:hover, .highlight {
	background-color: #ffd700 !important;
}