body{background: #ebeff2 !important ;font-family: IRANSans !important;}
*{text-shadow: none !important;}
.container-fluid { background:none !important; }
input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background-color: white; border: 1px solid #949494; border-radius: 50%; }
input[type="radio"]:checked { background-color: #03a9f4; border:2px solid #fff; box-shadow: 0 0 0px 1px #03a9f4; }
input[type="radio"]:checked:after {display: block;}
input[type="radio"]:disabled:after {border-color: #7b7b7b;}
input[type="radio"]:disabled {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
input[type="radio"]:hover {filter: brightness(90%);}
input[type="radio"] { position: relative; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background: lightgray; height: 16px; width: 16px; border: 1px solid white; }
input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background-color: white; border: 1px solid #949494; border-radius: 5px !important; }
input[type="checkbox"]:checked { background-color: #03a9f4; }
input[type="checkbox"]:after { content: ''; position: absolute; left: 42%; top: 18%; width: 29%; height: 55%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: none; }
input[type="checkbox"]:checked:after {display: block;}
input[type="checkbox"]:disabled:after {border-color: #7b7b7b;}
input[type="checkbox"]:disabled {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
input[type="checkbox"]:hover {filter: brightness(90%);}
input[type="checkbox"] {vertical-align: middle; position: relative; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; background: lightgray; height: 16px; width: 16px; border: 1px solid white; }


/* style Global */

:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #f9ffe09e inset; transition: background-color 5000s ease-in-out 0s; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 25px; margin: 108px; }
::-webkit-scrollbar-thumb { border-radius: 0; background-color: #36404a; border-radius: 25px; }
::-webkit-scrollbar {opacity: 0;}
.direct-chat-messages::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
.direct-chat-messages::-webkit-scrollbar {opacity: 0; width: 2px;}
.box-body-chats-bla::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
.box-body-chats-bla::-webkit-scrollbar {opacity: 0; width: 2px;}
.box-show-his-user-bla::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
.box-show-his-user-bla::-webkit-scrollbar {opacity: 0; width: 2px;}
.modal-depar-bla ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
.modal-depar-bla ::-webkit-scrollbar {opacity: 0; width: 2px;}
.panel-right-mmy-ticket ::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
.panel-right-mmy-ticket ::-webkit-scrollbar {opacity: 0; width: 2px;}
#mySidenav::-webkit-scrollbar-thumb { border-radius: 0; background-color: #cfcfcf; border-radius: 0; }
#mySidenav::-webkit-scrollbar {opacity: 0; width: 2px;}
.btn{transition: all 0.3s ease-in-out !important;}
button { border-radius: 25px !important; border: none !important;}
.btn-group :nth-child(2) {border-radius:0px !important; border-radius: 25px 0 0 25px !important; border: none; }
.btn-group :nth-child(1){border-radius:0px !important; border-radius: 0 25px 25px 0 !important; border: none; }
.btn-primary { background: #1E88E5; }
.btn-primary:hover, .btn-primary:focus { background: #1E88E5; box-shadow: 0 0 6px 0px #1E88E5; }
.btn-info { background:#29B6F6; }
.btn-info:hover, .btn-primary:focus { background: #29B6F6; box-shadow: 0 0 6px 0px #29B6F6; }
.btn-warning { background:#FFB300; }
.btn-warning:hover, .btn-primary:focus { background: #FFB300; box-shadow: 0 0 6px 0px #FFB300; }
.btn-default { background: #ddd; color: #000; }
.btn-default:hover, .btn-default:focus { background: #ddd; box-shadow: 0 0 6px 0px #ddd; }
select { border-radius: 9px !important; border: none !important; }
input { border-radius: 25px !important; border-color: #ECEFF1 !important; box-shadow: none !important; }
.d-inline-block{display: inline-block;}
.d-block{display: block !important;}
.vh-100{height: 90.9vh;}
.h-100{height: 100%;}
.p-0 { padding: 0; }
.mr-b-0{margin-bottom: 0px !important; }
.p-3 { padding: 3px !important; }
.d-flex{display: flex;}
.p-aps{position:absolute;}
.p-rel{position:relative;}
.justify-content-between{-ms-flex-pack: justify!important; justify-content: space-between!important;}
.justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; }
.align-items-center { -ms-flex-align: center!important; align-items: center!important; }
.modal-dialog { z-index: 9999999 !important; }
.modal-backdrop.in { z-index: 999 !important; }
div#gmp_ticket { height: 72.4vh; overflow-y: scroll; }
.panel.panel-default.ewGrid.ticket { margin: 0; }
.align-items-center{-ms-flex-align: center!important; align-items: center!important;}
.direct-chat-primary .left span.label.label- { color: #000; }
.botten-action-blali { position: absolute; top: -31px; left: 0; }
/* Media Global */

@media only screen and (max-width: 768px) {
     .direct-chat-msg,.direct-chat-primary .left { width: 100% !important; }
      span.direct-chat-timestamp i,.direct-chat-name i{color: #2196F3 !important;}
      .direct-chat-msg a { display: none; }
      .direct-chat-text { margin: 5px 0 0 0 !important; }
      .direct-chat-text:after, .direct-chat-text:before { content: unset !important; }
 }
@media only screen and (max-width: 668px) {
     
.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td { word-break: break-word; display: block; width: 100%; text-align: right; }

 }



 /*ewToolbar*/
 .ewToolbar { margin-bottom: 0 !important; }
 
 /*loader*/
 /* .bg-fixs-bla-loader { width: 100%; height: 100%; background: #ffffff7a; position: fixed; top: 0; z-index: 999; }
.loader-blal { position: fixed; top: 37%; width: 100%; z-index: 999999999; }
 .loader, .loader:before, .loader:after { background: #0080ff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
 .loader { color: #0080ff; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 .loader:before, .loader:after { position: absolute; top: 0; content: ''; }
 .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
 .loader:after { left: 1.5em; }
 @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } }
 @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } */
 


 /*pagination*/
 .pagination>li:first-child>a, .pagination>li:first-child>span { border-bottom-right-radius: 25px; border-top-right-radius: 25px; }
 .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus { background-color: #1e88e5; border-color: #1e88e5; }
 .pagination>li:last-child>a, .pagination>li:last-child>span { border-bottom-left-radius: 25px; border-top-left-radius: 25px; }

 /*alert*/
 td .alert { position: unset; }
 .alert {-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */-moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s;}
 .alert{ position: fixed; bottom: 15px; left: 25px; z-index: 99999; }
 @keyframes fadein { from { transform: translateY(100px) } to   {transform: translateY(0px) }}
 /* Firefox < 16 */
 @-moz-keyframes fadein {from { transform: translateY(100px) }to   {transform: translateY(0px)}}
 /* Safari, Chrome and Opera > 12.1 */
 @-webkit-keyframes fadein { from { transform: translateY(100px) }to   { transform: translateY(0px) }}
 /* Internet Explorer */
 @-ms-keyframes fadein { from { transform: translateY(100px) } to   { transform: translateY(0px) }}
 /* Opera < 12.1 */
 @-o-keyframes fadein { from { transform: translateY(100px) } to   { transform: translateY(0px) }}
 
 






/* navbar */
.ewLayout { margin-top: 70px; }
nav#ewMobileMenu { background: #36404a; border: none; display: block !important; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; box-shadow: 0 2px 9px -2px #0000007d; }
li#mmi_unmae a.ewDropdown .img-circle { border: 1px solid; height: 50px; width: 50px; padding: 7px; background: #fff; }
li#mmi_unmae a.ewDropdown { padding: 8px; }
ul#MobileMenu { float: none; font-weight: 500; }
li#mmi_unmae { float: left !important; }
li#mmi_unmae .ewDropdown .icon-arrow-down { display: none; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #74c5b5 !important ;background: none !important ; }
#ewMobileMenu .dropdown-menu { padding: 0; border-radius: 5px; min-width: 202px !important; border: none; box-shadow: 0 0 15px -5px #000; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: none !important; color: #36404a; display: block; background: #f4f8fb !important; }
#ewMobileMenu .dropdown-menu>li>a { padding: 14px 13px !important; }
#ewMobileMenu .dropdown-menu li:last-child a { border-radius: 0 0 5px 5px; }
#ewMobileMenu .dropdown-menu li:first-child a { border-radius: 5px 5px 0px 0px; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #5fbeaa; background: none; background: #f4f8fb; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #5fbeaa; background-color: #36404a; border-bottom: 2px solid #5fbeaa; }
.nav>li a { padding: 23px 16px; }
li#phonebook a:first-child{display: none !important;}
li#cr_calendar a:first-child{display: none !important;}
li#orkweb a:first-child{display: none !important;}
li#mmi_unmae ul.dropdown-menu { left: 0; right: auto; }


/* dashbord */
.ewContentColumn { background-color: #ebeff2 !important; }


/* search */
li#ticket_searcch a form input { border-radius: 25px; border: none; background: #fff !important; }



/* table */
.ewTable tbody tr td { padding-bottom: 20px !important; padding-top: 20px !important; border: none; margin: 17px !important; border-bottom: 1px solid #bebebe !important; }
td[data-name="ticket_id"] span {z-index: 9; position: relative; background: #5fbeaa !important; border-radius: 5px; padding: 2px 5px; color: #fff; }
td[data-name="ticket_id"] span:after { content: " "; background: #5fbeaa; position: absolute; left: -4px; top: 6px; transform: rotate(45deg); width: 13px; height: 13px; z-index: -1; }



/* page show tiket */
.form-send-tiket-balad { position: relative; }
.blal-box-tiketing { background: #fff; overflow: hidden; }
.blal-box-tiketing .box-body-chats-bla-bg { border-radius: 0; box-shadow: 0 0 8px -2px #36404a; padding: 11px; position: relative; background: #fff; padding-top: 0; }
.bala_send-btn-attachment { position: absolute; right: 0; top: 11px; }
.blal-box-tiketing .box-body-chats-bla-bg .box-send-chat textarea { width: 100% !important; max-height: 43px; border: none !important; box-shadow: 0 0 6px -2px #000; resize: none; padding-right: 89px; padding-left: 1px !important; }
.box-send-chat { position: relative; }
.bala_send-btn-attachment a { width: 27px!important; height: 27px !important; border-radius: 25px; display: inline-block; padding: 6px 6px; color: #36404a; transition: all 0.3s ease-in-out; }
.bala-attachment { margin: 0; width: 27px!important; height: 27px !important; border-radius: 25px; display: inline-block; padding: 4px 5px; color: #36404a; }
.box-body-chats-bla { height: 81.2vh; overflow-y: scroll; padding-bottom: 16px !important; }
.direct-chat-primary .left>.direct-chat-text { background: #d9edf7!important ; border-color: #d9edf7 !important; color: #333 !important; }
.direct-chat-primary .left {width: 80%; float: left !important; }
.direct-chat-msg { width: 80%; float: right; }

/* dic box */
.direct-chat-primary .box-header.with-border { border-bottom: 1px solid #d2d6de !important; }
.direct-chat-primary .box-header.with-border h4.box-title { font-size: 12px; display: block; color: #000; font-weight: 900; }
.direct-chat-primary .box-header.with-border h4.box-title a { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.direct-chat-primary .box-header.with-border h4.box-title i { color: #03a9f4; vertical-align: middle; margin-left: 7px; line-height: 2.5; }
.direct-chat-primary .box-header.with-border h4.box-title p.subtitle { line-height: 2.2; }
.direct-chat-primary .box-header.with-border .box-tools { position: relative !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.direct-chat-primary { padding: 0 15px; }
.box-top-dis-im-bla img { border-radius: 50%; width: 60px; height: 60px; margin: 0 auto; display: block; border: 2px solid #eee; }
.box-left-bla-dis>span { padding: 16px 0; border-bottom: 1px solid #eee; }
.nav-fix-top { position: sticky !important; z-index: 999; top: 0; height: auto !important; }
.box-footer a { width: 100%; }
.box-footer { position: sticky; bottom: 0; }
span.box-top-dis-im-bla-name { margin-top: 10px; }


/* history */
.box.box-primary { border: none; }
.box-show-his-user-bla a { height: 64px; align-items: center; margin: 10px 7px; display: flex; background: #fff; box-shadow: 0 0 4px -1px #000; border-radius: 5px; text-decoration: none; transition: all 0.3s ease-in-out; }
.box-show-his-user-bla a span.id { background: #2196F3; height: 100%; align-items: center; display: block; width: 75px; text-align: center; color: #fff; font-weight: 900; padding: 9px; border-radius: 0 5px 5px 0; padding-top: 23px; }
/* .box-show-his-user-bla a span.id { background: #2196F3; height: 100%; align-items: center; display: flex; color: #fff; font-weight: 900; padding: 9px; border-radius: 0 5px 5px 0; } */
a.bottem-show-more-histo-user { display: block; width: 96%; text-align: center; background: #03A9F4; border-radius: 7px; color: #fff; font-weight: 900; height: 47px; margin: 3px 7px; padding: 16px 0; transition: all 0.3s ease-in-out; text-decoration: none; }
a.bottem-show-more-histo-user:hover { box-shadow: 0 0 18px -3px #03A9F4; }
.box-show-his-user-bla { height: 71vh; overflow-y: scroll; padding: 7px; }
.box-show-his-user-bla a { height: 64px; overflow: hidden; align-items: center; margin: 10px 0; display: flex; background: #fff; box-shadow: 0 0 4px -1px #000; border-radius: 5px; text-decoration: none; transition: all 0.3s ease-in-out; }
.box-show-his-user-bla a .box-left { display: block; text-align: center; width: 100%; }
.box-show-his-user-bla a .box-left span { line-height: 2.3; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
span.titel-box { display: block; text-align: center; position: relative; padding: 10px; box-shadow: 0px 7px 13px -9px #878787; }


/* The side navigation menu */
.sidenav { height: 100%; width: 320px; position: fixed; z-index: 1; top: 0;  right: 0; background-color: #fff; overflow-x: hidden; padding-top: 60px; transition: 0.5s; transform: translateX(350px); }
#main { transition: all .5s; }
span.openNav-bla { cursor: pointer; background: #03A9F4; border-radius: 25px; height: 50px; width: 50px; position: absolute; bottom: 151px; left: 27px; z-index: 9; color: #fff; transition: all 0.3s ease-in-out; font-size: 19px; padding: 14px 17px; }
span.openNav-bla:hover { transform: translateY(-4px); box-shadow: 0 0 14px #03a9f4; }

/* cox show chat */
span.direct-chat-timestamp i { margin: 0 6px; color: #d2d6de; }
.direct-chat-name i { margin: 0 6px; color: #000; }






.nav-tabs .indicator { background-color: #03a9f4; bottom: -3px; height: 3px; position: absolute; will-change: right, left; }
.nav-tabs { position: relative; background: #fff !important; border-bottom: 3px solid #ddd; text-align: center; height: 64px; }
.nav-tabs>li>a:hover { border: 1px solid #0000; background: none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: none !important; }


/* departemal list */
a.box-list-department figure { display: inline-block; }
a.box-list-department figure img { width: 50px; height: 50px; border-radius: 25px;transition: all 0.3s ease-in-out; }
a.box-list-department .dicrip span.titel { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: #000; }
a.box-list-department .dicrip span.dis { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; color: #868686a3; }
a.box-list-department .dicrip { line-height: 2.4; margin-right: 9px; text-align: right; width: 100%; }
a.box-list-department { overflow: hidden; background: #fff; border-radius: 5px; padding: 5px 6px; text-align: right; transition: all 0.3s ease-in-out; border: 1px solid #f5f5f5; text-decoration: none; }
.modal-depar-bla:hover a.box-list-department { opacity: 0.3; }
a.box-list-department:hover { opacity: 1 !important; box-shadow: 0 0 6px -2px #00000030; }
a.box-list-department:hover figure img { transform: scale(1.2); }
.btn-depar-bla { font-size: 11px; }
.modal-depar-bla { height: 70vh; overflow-y: scroll; }


/* ٍEmoji */
.panel-footer.ewGridLowerPanel { background: #fff; border: none !important; position: relative; z-index: 9; padding: 16px 8px !important; box-shadow: 0 0 19px -6px #000; }
a.link-insert-tiket-ticket-list { border-radius: 25px; border: none; float: left; }
.counter-ticket-ticket-list span.not-ticket-lis { background: #e8edf1; border-radius: 25px; padding: 5px 7px; color: #1e88e5; }
.counter-ticket-ticket-list span.not-ticket-lis i { margin-left: 10px; vertical-align: middle; }
span.counter-ticket-ticket-list { float: left; margin-top: 6px; margin-left: 6px; }
.counter-ticket-ticket-list span.not-ticket-lis span.mar { margin-left: 8px; }
a.link-insert-tiket-ticket-list i { margin-left: 8px; vertical-align: middle; font-size: 13px; }


/* inster-ticket */
.sidbur-insert-ticket-bla:after { content: ""; background: -moz-linear-gradient(45deg, #03A9F4 27%, rgba(7,235,189,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(27%, #03A9F4), color-stop(100%, rgba(7,235,189,1))); background: -webkit-linear-gradient(45deg,#03A9F4 27%, #07ebbd 100%); background: -o-linear-gradient(45deg, #03A9F4 27%, rgba(7,235,189,1) 100%); background: -ms-linear-gradient(45deg, #03A9F4 27%, rgba(7,235,189,1) 100%); background: linear-gradient(45deg,#03A9F4 27%, #07ebbd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07a3eb', endColorstr='#07ebbd', GradientType=1 ); position: absolute; width: 100%; top: 0; bottom: 0; left: 0px; opacity: 0.7; }
.sidbur-insert-ticket-bla { background: url(../phpimages/chat/dorado_sender.png); height: 80vh; background-repeat: no-repeat; background-size: cover; position: relative; }
.box-insert-ticket-blal { height: 80vh; padding: 5px; overflow-y: scroll; }
.body-insert-ticket { background: #fff; box-shadow: 0px 0 12px -4px #000; height: 80vh; overflow: hidden; overflow-y: scroll; border-radius: 12px;}
.item-box-insert-ticket-blal i { font-size: 25px; color: #14aea0; padding: 13px 11px; border-radius: 50%; height: 50px; width: 50px; transition: all 0.3s ease-in-out; }
.item-box-insert-ticket-blal a { text-decoration: none; font-weight: 900; color: #36404a; margin-right: 7px; vertical-align: super; }
.box-item-bla-insert-t { border-radius: 5px; box-shadow: 0 0 8px -3px #000; padding: 6px; margin: 6px; cursor: pointer;}
.box-item-bla-insert-t:hover i { font-weight: 900; }

/* loader */
.loader, .loader:before, .loader:after { background: #14aea0; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
.loader { color: #14aea0; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.loader:before, .loader:after { position: absolute; top: 0; content: ''; }
.loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader:after { left: 1.5em; }
@-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } }
@keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } }