body {font-family: Poppins, Helvetica, "sans-serif"; background:#eef1f8;/*overflow-y:hidden;*/padding:60px 0 0;margin:0px;}
.navbar-nav > li > a.dropdown-toggle {padding: 15px 10px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
padding: 15px 10px;	background-color: #f1feff;}
.userDiv {position: relative;margin-bottom: 0;display: inline-block;min-width: 100px;font-size: 1.35rem;vertical-align: middle;border-radius: 4rem;
margin-left: 10px;}
.userimg {background: #eee0ff;position: absolute;margin-bottom: 0;display: inline-block;width: 3rem;height: 3rem;font-size: 18px;vertical-align: middle;border-radius: 0.8rem;text-align: center;padding: 10px 5px;font-weight: 500;color: #1a2e79;right: 0px;line-height:10px;top:-6px}
.account-summary {margin-right: 48px;display: inline-block;text-align: right;flex: 1;overflow: hidden;text-overflow: clip;white-space: nowrap;padding-top: 0px;float: right;}
.account-description, .account-name {margin: 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;
line-height: 1.4rem;font-size: 14px;}
.account-description {font-size: 12px;font-weight: 400;opacity: .7;}
.nav > li > a > img {max-width: none;width: 18px;}
.navbar-default .navbar-nav > li > a{padding:15px 10px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{border-bottom:3px solid #2c5cc5;color: #555;background-color: #f7f7e7;}
.ml-1 {margin-left: 10px;}
.nav-control {cursor: pointer;position: relative;right: 0;text-align: center;top: 100%;transform: translateY(0%);z-index: 9999;font-size: 1.4rem;
padding: 14px 10px 10px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 6px;float: left;}
.btn-primary {color: #fff;background-color: #3fc963;border-color: #3fc963;}
.btn-primary:hover {color: #fff;background-color: #2c9d4a;border-color: #2c9d4a;}
.btn-primary:focus, .btn-primary.focus{color: #fff;background-color: #2c9d4a;border-color: #2c9d4a;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #3fc963;border-color: #3fc963;}

.hamburger {display: inline-block;left: 10px;position: relative;top: 3px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;width: 26px;z-index: 999;}
.hamburger .line {background:#9f9f9f;display: block;height: 2px;border-radius: 3px;margin-top: 5px;margin-bottom: 5px;margin-left: auto;
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger .line:nth-child(1) {width: 16px;}
.hamburger .line:nth-child(3) {width: 16px;}
[data-headerbg="color_1"] .nav-header .hamburger.is-active .line, [data-headerbg="color_1"] .nav-header .hamburger .line {background: #222fb9;}
.hamburger:hover .line {width: 26px;}
.logo{width:120px;}
.logo img{width:100%; height:100%;}
.navbar-header{position:relative;}
.navbar-brand {float: left;height: 50px;padding: 5px 15px;font-size: 18px;line-height: 20px;margin-left:-8px !important;width:120px;}
/*.navbar-brand img{width:120px;height:50px;}*/   
.navbar-brand img {max-width: 120px;height: 45px;min-width: 90px;width: 90px;}
.container{width:98%; margin-top:30px;} 
.subheader {display: block;padding:.75rem 0;position: fixed;top: 55px;background: #eef1f8;z-index:99;box-shadow: 0 0 5px #999;width: 100%;}
.body-content {padding:60px 0px 3px;overflow:visible;max-height: 96vh;width: 100%;}
.cms-body-content {padding:0px 0px 3px;overflow:visible;max-height: 96vh;width: 100%;margin:0px;}
.bg-light-info{background:#fff; border-radius:8px;}
.font-weight-bold{font-weight:600;}
.svg-icon { float:left; width:20px;height:20px;}
.svg-icon svg{ float:left; width:20px;height:20px;}
.mr-05{margin-right:5px !important;}
.mr-1{margin-right:10px !important;}
.mr-2{margin-right:20px !important;}
.py-4{padding-top:15px; padding-bottom:15px;}
.breadcrumb{background-color:transparent;padding:0px 5px;}
footer{width:100%; margin:0 auto;background:#e3e3e3; padding:10px !important;position:fixed;bottom:-40px;display:none;box-shadow:0px -3px 10px #5d5f6b; text-align:center;left:0px; transition:ease 2s;}
.footerarrow{width:40px;height:40px;position:fixed;bottom: -10px;background: #e3e3e3;border-radius: 36px 36px 0px 0px;box-shadow:0 0 10px #808080;margin: 0;left: 50%;text-align: center; transition:ease 2s;}
.uparrow{font-size: 24px;color: #676c71;margin: 3px 0 0;display: inline-block;}
.footerarrow:hover{bottom:30px; transition:ease 2s;}
.footerarrow:hover footer{display:block;bottom:0px; transition:ease 3s;}
footer p{margin:0px;}
.card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;
-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #ffffff;background-clip: border-box;
border-bottom: 2px solid #a9a9a9;border-radius: 0.85rem;}
.card > hr {margin-right: 0;margin-left: 0;}
.card > .list-group {border-top: inherit;border-bottom: inherit;}
.card > .list-group:first-child {border-top-width: 0;border-top-left-radius: calc(0.85rem - 1px);border-top-right-radius: calc(0.85rem - 1px);}
.card > .list-group:last-child {border-bottom-width: 0;border-bottom-right-radius: calc(0.85rem - 1px);border-bottom-left-radius: calc(0.85rem - 1px);}
.card > .card-header + .list-group,.card > .list-group + .card-footer {border-top: 0;}
.card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;min-height: 1px;padding: 1.4rem;}
.card-title {margin-bottom: 2rem;}
.card-subtitle {margin-top: -1rem;margin-bottom: 0;}
.card-text:last-child {margin-bottom: 0;}
.card-link:hover {text-decoration: none;}
.card-link + .card-link {margin-left: 2.25rem;}
.card-header {padding: 1.5rem 2.25rem 0.5rem;margin-bottom: 0;background-color: #ffffff;border-bottom: 1px solid #EBEDF3;}
.card-header:first-child {border-radius: calc(0.85rem - 1px) calc(0.85rem - 1px) 0 0;}
.card-footer {padding: 1rem 1.25rem;background-color: #ffffff;border-top: 1px solid #EBEDF3;}
.card-footer:last-child {border-radius: 0 0 calc(0.85rem - 1px) calc(0.85rem - 1px);}
.text-secondary {color: #181C32 !important;}
.font-weight-bolder {font-weight: 500 !important;}
.dataTables_wrapper > .datatable__table {border-collapse: collapse;display: block;width: 100% !important;background-color: #fff;border-radius: 4px;min-height: calc(100vh - 120px);margin:0px !important;}
.dataTables_wrapper > .datatable__table .datatable__head,.dataTables_wrapper > .datatable__table .datatable__body {visibility: visible;display: block;
position: relative;}
.dataTables_wrapper > .datatable__table .datatable__head .datatable__row {border-bottom: 2px solid #e8e8e8;display: table;table-layout: initial;width: 100%;background-color:#e1e8ed;border-radius:6px 6px 0 0;}
.dataTables_wrapper > .datatable__table .datatable__head .datatable__row .datatable__cell {padding: 10px 10px 10px;vertical-align: middle;font-size: 14px;
display: table-cell;font-weight: bold;text-align: left !important;background: none;border: none;} 
.dataTables_wrapper.notification-table table td span {font-size: 14px;}
.dataTables_wrapper > .datatable__table .datatable__body .datatable__row {border-bottom: 1px solid #f0f3ff;display: table;table-layout: initial;width: 100%;}
.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell {padding: 10px 10px;vertical-align: middle;font-size: 14px;
display: table-cell;font-weight: 400;text-align: left !important;background: none;border: none;word-break:break-all}
.dataTables_wrapper > .datatable__table .datatable__head .datatable__row .datatable__cell span {display: block;overflow: hidden;text-overflow: ellipsis;
color: #595d6e;font-weight: 600;vertical-align: middle;}
 
#tblTicket_wrapper.dataTables_wrapper > .datatable__table {background-color:transparent;min-height: auto;}
#tblTicket_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row{border-bottom-color:#606da1;margin-bottom:15px;}
#tblTicket_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell{padding:0 0 1px;}

.actionDiv {display: block;margin: 0px;padding: 0px;}
.actionDiv a{margin:0 8px 0 0; text-decoration:none;outline:0;}
.actionDiv img{width:18px;}
.font22{font-size:22px;}
.font20{font-size:20px;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.pl-0{padding-left:0px !important;}
.pr-0{padding-right:0px !important;}
.dropdown-menu > li > a {padding: 8px 20px;color: #333;}
.dropdown-menu > li > a img.walleticon{width:20px; margin-right:10px;}
.dropdown-menu > li > a img{width:20px; margin-right:10px;}
.width60{width:60%;}
.width10{width:10% !important;}
.width15{width:15% !important;}
.width20{width:20% !important;}
.width25{width:25% !important;}
.width30{width:30% !important;}
.width60{width:60px;}
.width80{width:80px;}
.width8{width:8% !important;}
.width5{width:5%!important;}
/*.none {display: none !important;}*/
.doticon{font-size: 5px !important;float: left;margin-right: 10px;margin-top: 6px;}
.desp-text {float: left;width: 480px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0px 5px 0;font-size: 13px;}
.sortdiv{width:250px; float:left;margin:0 5px;padding:0px;}
.sortAction{width:180px;float:left;margin-left:8px;}
#divTicketDescription .desp-text {float: left;width: auto;overflow: visible;white-space: normal;text-overflow: inherit;margin: 0px 5px 0;font-size: 13px;}


/*overlay start*/
.myOverlays {height: 0;width: 0;position: fixed;z-index: 9999;right: 0;top: 0;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.54);
overflow-x: hidden;transition: 0.5s;}
.leadOverlays {height: 100%;width: 100%;position: fixed;z-index: 999;right: 0;top: 0;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.54);overflow-x: hidden;transition: 0.5s;display: none;}
.sidenavlead {height: 100%;width: 60%;position: absolute;z-index: 999;top: 0;right: 0;background-color: #dddddd;overflow-x: hidden;transition: 0.5s;
/*padding: 60px 70px 10px 20px;*/ padding: 5px 5px 5px 5px;overflow: hidden;}
.sidenavlead a:hover {color: #000;}
.sidenavlead .closeOverlaybtn {font-size: 25px;top: 0px;position: relative;right: 0px;}
.sidenavlead .closeOverlaybtn1 {font-size: 22px;top: 10px;position: absolute;left: 30px;width: 97%;}
.px-30 {padding-left: 30px !important;padding-right: 30px !important;}
.panel-body {    background: #fff; padding: 15px;overflow: auto;min-height: 80vh;max-height: calc(100vh - 220px);}
.form-body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;
flex-direction: column;padding: 0px 10px;border-radius: 4px;overflow: auto;max-height: calc(100vh - 185px);min-height: calc(100vh - 185px);overflow-x: hidden;}
.panel-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;
float: left;width: 100%;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 500;font-size: 13px;}
.panel-body {background: #fff;padding: 15px;overflow: auto;min-height: 80vh;max-height: calc(100vh - 220px);}
.form-body {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0px 10px;border-radius: 4px;overflow: auto;max-height: calc(100vh - 160px);min-height: calc(100vh - 160px);overflow-x: hidden;}
.panel-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;float: left;width: 100%;}
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 500;font-size: 13px;}
/*overlay end*/

/* Custom Checkbox CSS */
.cont-checkbox {display: inline-block;position: relative;padding-left: 35px;margin-right: 22px;margin-bottom: 12px;cursor: pointer;font-size: 14px;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 10px !important; font-weight:400;}
/* Hide the browser's default checkbox */
.cont-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0px;left: 0;height: 16px;width: 16px;background-color: #fff;border-radius: 4px !important;border: 1px solid #a9a9a9;}
.divscroll .checkmark {position: absolute;top: 0px;left: 0;height: 16px;width: 16px;background-color: #eee;}
/* On mouse-over, add a grey background color */
.cont-checkbox:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.cont-checkbox input:checked ~ .checkmark {background-color: #2196f3;}
/* When the checkbox is checked, add a blue background */
.cont-checkbox input:checked ~ .checkmark.disabled {background-color: #cfcece;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.cont-checkbox input:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.cont-checkbox .checkmark:after {left: 7px;top: 3px;width: 6px;height: 12px;border: 1px solid #fff;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left: 5px;top: 0px;width: 6px;height: 12px;}


/* Custom Radio Button CSS */
.radio-cont {display: inline-block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size:13px;-webkit-user-select: none;
-moz-user-select: none;-ms-user-select: none;user-select: none; font-weight:400;}

/* Hide the browser's default radio button */
.radio-cont input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.radio-cont .checkmark {position: absolute;top: 2px;left: 0;height: 16px;width: 16px;background-color: #eee;border-radius: 50% !important;}

/* On mouse-over, add a grey background color */
.radio-cont:hover input ~ .checkmark {background-color: #ccc;}
/* When the radio button is checked, add a blue background */
.radio-cont input:checked ~ .checkmark {background-color: #2196f3;}
.radio-cont input:checked ~ .checkmark.disabled {background-color: #cfcece;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-cont .checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.radio-cont input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.radio-cont .checkmark:after {top: 3px;left: 3px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/* END custom radio button */
.pa-0{padding:0px !important;}
.mb-08{margin-bottom:8px !important;}
.mb-1{margin-bottom:10px !important;}
.ml-2{margin-left:20px !important; }
.mb-2{margin-bottom:20px !important;}
.groupAction-right{float:right;margin-bottom:5px;}
.groupAction-right img{width:20px;}
.groupAction-right a {border: 1px solid #a7a7a7;padding: 6px 10px;border-radius: 4px;float: left;margin: 8px 6px 0 3px;}
.groupAction-right a.modallink{border: none;margin: 0;float: none;padding: 0;color:#1b3884; font-weight:500;}
.groupAction-right a:hover.modallink{border: none;margin: 0;float: none;padding: 0;text-decoration:none;background:none; border-radius:0;box-shadow:none;}
.inactivebox {background: rgba(201, 63, 63, .7);padding: 4px 10px;border-radius: 4px; color: #fff;font-size: 15px;font-weight: 500; cursor:pointer;}
.inactivebox:hover {background: rgba(201, 63, 63, 1); }
.activebox {background: rgba(41, 174, 73, .7);padding: 4px 10px;border-radius: 4px; color: #fff;font-size: 15px;font-weight: 500; cursor:pointer;}
.activebox:hover {background: rgba(41, 174, 73, 1); }
.groupAction-right a:hover {background: #e7f2ff;border-color: #b7b7b7;box-shadow: 0 0 4px #eeedef;}
.width260{width:260px;}
.width180{width:180px;}
.width160{width:160px;}
.width100{width:100%;}
.width75{width:75%;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 10px;}
.user-img{width:20px;}
.modal-lg {width: 80%;margin: 30px auto;}
.Userlabel{font-size:15px; font-weight:400; margin:0px; padding:0px; color:#1c2233;}
.modal-header .close {margin-top: -2px;position: absolute;right: 20px;top: 15px;}
.closerightbox{color:#343434; font-size:20px; position:absolute;right:10px; top:10px;}
.rightboxdiv{position: fixed; right: -300px;width: 380px; padding: 10px 20px; z-index: 99; height: calc(100vh - 130px); border-radius: 0px !important;display:none; transition: top .5s 0s cubic-bezier(.1,1.2,.3,1),transform .5s 0s cubic-bezier(.1,1.2,.3,1),width .5s cubic-bezier(.1,1.2,.3,1),opacity .3s; top:115px;overflow:auto;max-height:80vh;box-shadow: 0 0 6px #858585;}
.rightboxdiv.right0{right:10px; display:block; transition: top .5s 0s cubic-bezier(.1,1.2,.3,1),transform .5s 0s cubic-bezier(.1,1.2,.3,1),width .5s cubic-bezier(.1,1.2,.3,1),opacity .3s;}
.mt-05{margin-top:5px;} 
.mt-08{margin-top:8px;} 
.mt-1{margin-top:10px;} 
.mt-2{margin-top:20px;}  
.mt-55{margin-top:55px;}  
.mb-30{margin-bottom:30px !important;}
.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg{margin:8px 5px !important}
#fr-logo{display:none !important;}
.filterdiv{background:#fff;padding:0px 0px;margin:0px;width:24%;display:block;float:left;position: fixed;top: 120px;right: 13px;}
.filterdivHead{background:#e7e7e7;padding:10px 15px 6px;min-height:30px;}
.filterdivHead h3{font-size:16px; font-weight:500; color:#1a2e79; margin:0px; padding:0px;}
.filterdivBody{width: 100%;padding: 10px 15px;background: #fff;border-radius: 4px;overflow: auto;max-height: calc(100vh - 235px);}
.filterdivFooter{background:#f8f8f8; padding:10px;width:100%; float:left;position:relative}
.filterhide{display:none;}
.breadcrumb{margin-bottom:5px !important;}
.btn-secondary {background-image: linear-gradient(to bottom,#fff,#f3f5f7);border-radius: 4px;border: 1px solid #cfd7df;color: #12344d;cursor: pointer;
padding: 8px 15px 6px 12px;margin-right: 10px;vertical-align: middle;transition: .1s ease-in;font-size: 14px;text-align: center;min-height:34px;}
.btn-secondary:hover{background-color: #f3f5f7;background-image: none;outline:0;}
.btn-secondary svg{width:20px;height:20px;}
.breadcrumb-item a{font-size:18px;}
.bulk-btn-secondary {background-image: linear-gradient(to bottom,#fff,#f3f5f7);border-radius: 4px;border: 1px solid #cfd7df;color: #12344d;
cursor: pointer;padding: 8px 8px 6px 8px;margin: 0px;vertical-align: middle;transition: .1s ease-in;font-size: 14px;text-align: center;min-height:36px;min-width:80px;}
.bulk-btn-secondary:hover{background-color: #f3f5f7;background-image: none;outline:0;}
.bulk-btn-secondary svg{width:16px;height:16px; vertical-align:middle;}
.action-btn-slide{width: 100%;margin: 0;padding: 0;float: left;}
.action-btn-slide .cont-checkbox {padding-left: 30px; margin-right: 0px; margin-bottom: 12px;margin-bottom: 5px !important; margin-top: 8px;}
.tickets__list {min-height: 92px;border-radius: 2px;background-color: #fff;	box-shadow: 0 1px 0 0 #cfd7df;display: table;width: 100%;box-sizing: border-box; cursor:pointer;}
.list-content {display: table-cell;float: none;vertical-align: middle;}
.px-16, .tickets__list .list-content--main {padding-right: 16px;}
.tickets__list .list-content {padding-top: 8px;padding-bottom: 8px;padding-left: 16px;}
.list-check-wrap, .list-content-wrap {display: table-cell;vertical-align: top;}
.list-check-wrap {width: 100px;}
.ui-components_gravity-loader {display: inline-block;width: 25px;height: 20px;position: relative;float:left;}
.module-tickets_tickets-list_tickets-table__ticket-item .list-checkbox {margin-right: 0;position: absolute;left: 12px;margin-top: 10px;}
.list-check-wrap .custom-checkbox {top: 3px;position: absolute;	left: 10px;}
.list-check-wrap .app-user-photo {    position: relative; top: 0;margin-left: 28px;}
.tickets__list .avatar-overlay {position: absolute;background-color: #fff;width: 44px;height: 44px;z-index: 2;opacity: 0;transition: .2s ease-in-out;}
.avatar-icon, .profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%;width: 44px;height: 44px;border-radius: 100%;}
.avatar-icon__img, .profilepic__img {border-radius: 6px;max-width: 100%;height: 100%;}
.list-check-wrap, .list-content-wrap {display: table-cell;vertical-align: top;}
.list-content-wrap {padding-left: 16px;width:100%;}
.ticket-tag-wrap {width: 100%;padding-bottom: 6px;}
.ticket-info {padding-top: 4px;color: #6f7c87;font-size:12px;position:relative;}
.clearfix:after, .clearfix:before {display: table;content: " ";}
.dropdown-recent-ticket__item, .text__content {color: #183247;margin: 0;padding: 0;}
.list-content-wrap .user-link a {color: #183247;margin-left: 3px;}
.list-content-wrap .user-link a:hover {text-decoration: none;}
.app-icon--small {width: 13px;fill: #12344d;height: 13px;position: relative;top: 2px;float:left;}
.app-icon--micro {width: 4px;height: 4px;fill: #6f7c87;margin: 1px 2px;}
.list-filter-wrap .list-filter {font-size: 13px;color: #183247;margin: 5px 0 10px;padding: 0;word-break: break-word;word-wrap:break-word;position:relative;}
.priorityDiv {width: 215px;}.priorityLeft{position: relative;width: 15px;height: 13px;float: left;}  

.priorityLeft {position: relative;width: 15px;height: 13px;float: left;}
.priorityLeft {border-radius: 2px;display: inline-block;width: 10px;height: 10px;float: left;margin-top: 4px;margin-right: 10px;}
.low{background-color:#a0d76a;}
.medium{background-color: #4da1ff;}
.high{background-color: #ffd012;}
.urgent{background-color: #ff5959;}
.default{background-color: #6f7c87;}
.badge-priority{width: 8px;height: 8px;display: inline-block;float: left;margin-right: 8px;margin-top: 5px;}

.statusDiv {width: 215px;}
.statusLeft{position: relative;width: 15px;height: 13px;float: left;}  
.statusLeft {border-radius: 2px;display: inline-block;width: 10px;height: 10px;float: left;margin-top: 4px;margin-right: 10px;}

.close{background-color:#a0d76a;opacity:1;}
.pending{background-color: #6c98e7;}
.waiting{background-color: #ffd012;}
.invalid {background-color: #8d9194;}
.responseOverdue{background-color: #ff5959;}
.resolutionOverdue{background-color: #ff8e8e;} 
.user-link {display: inline-block;float: left;}
.assignto {position: relative;width: 215px;float: left;}
.assignto .assign-icon{width: 18px;fill: #12344d;height: 18px;display: inline-block;float: left;margin-top: 8px;margin-right: 4px;}
.assignto .assign-text{float: left;width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 8px 0px 0;font-size: 13px;}

.statusdiv {position: relative;width: 215px;float: left;}
.statusdiv .status-icon{width: 18px;fill: #12344d;height: 18px;display: inline-block;float: left;margin-top: 8px;margin-right: 4px;}
.statusdiv .status-text{float: left;width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 8px 0px 0;font-size: 13px;}

.attachdiv {position: relative;width: 215px;float: left;}
.attachdiv .attach-icon{width: 20px;fill: #12344d;height: 20px;display: inline-block;float: left;margin-top: 8px;margin-right: 4px;}
.attachdiv .attach-icon .svg-icon{width: 20px;height: 20px;vertical-align: middle;fill: currentColor;overflow: hidden;float: left;position: absolute;left: -4px;
top: 6px;}
.attachdiv .attach-text{float: left;margin: 4px 0px 0;font-size: 13px;width:100px;}
.attachdiv .attach-text a{color:#2c9d4a; text-decoration:none;width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float:left;}
.attachdiv .attach-text a:hover{color:#3fc963; text-decoration:none;}

.bulkbuttondiv{width:70%; float:left;padding:0px;margin-left:5px;}
.ticketdetaildiv {width: 480px;float: left;padding: 10px;position: absolute;z-index: 9;min-height: 95px;opacity:0;display:none;}
.ticketdetaildiv .popover{top: 0px;left: 0px;width: 480px;float: left;max-width: 480px;}
.ticketdetaildiv .popover.bottom > .arrow{left:10%;}
.link-on-hover:hover .popover {display:block;opacity:1;}
.link-on-hover:hover .ticketdetaildiv {display:block;opacity:1;}

.input-group {position: relative;display: table;border-collapse: separate;width: 100%;}
.input-group-append, .input-group-prepend {display: table-cell;}
.input-group-append {	margin-left: -1px;position:absolute;right: 0px;z-index: 9;}
.input-group-text {display: table-cell;padding: 0.4rem 1.25rem;margin-bottom: 0;font-size: 16px;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: 0.25rem;border-top-left-radius: 0;border-bottom-left-radius: 0;}

.iti{display:block;}
.iti__country-list {top: 20px;z-index:999;}
.iti__flag-container{top:15px; z-index:999;}
.none{display:none;}
h3.subHead{font-size: 16px;margin: 0 0 10px;font-weight: 500;color: #363c4b;}
.filterdropDiv {background: rgb(255, 255, 255);float: left;padding: 1px;position: absolute;width: 100%;left: 0px;top: 39px;z-index: 9;overflow: auto;
max-height: 300px;}
.tagDiv {position: relative;left: 0;top: 0px;}
.tagDiv ul {list-style: none;margin: 10px 0;padding: 0px;width: 100%;float: left;}
.tagDiv ul li {font-size: 14px;color: #333;width: auto;display: inline-block;border: 1px solid #bdbcbc;padding: 2px 6px;float: left;margin: 0 3px 6px;
border-radius: 4px;}
.tagDiv ul li span.removetag {float: right;margin-left: 5px;}
.tagDiv ul li span.removetag a {color: #2c596d;font-size: 13px;}
.tagDiv ul li span.removetag a:hover {color: #0d98d7;}
.sidebar-collapsed, .sidebar-expanded {
transition: transform .1s linear;
display: inline-block;
}
.sidebar-collapsed {
transform: scaleX(-1);
}
.filter-cont {width: 580px;min-height: 80vh;padding: 20px;margin: 0px 0 0px;border: 1px solid #e3e3e3;background: #fff;position: absolute;z-index: 999;
overflow: auto;max-height: 80vh;overflow-x: hidden;right: 0;top: 130px; transition:transform .2s linear;}
.filter-cont.hidefilter{display:none;right:-590px;}
.filter-cont.reportfilter {width: 97% !important;right: 14px;top: 105px;box-shadow: 0 0 10px #959595;overflow: visible;}
.closefilter{position:absolute;right:5px;top:7px;float:right;}
.closefilter a{background:#f5f5f5;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 0.6);} 
.closefilter a:hover{background:#bcd4eb;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 1);}
.tktuserimg{width:40px; height:40px;float:left;margin-right:8px;border:1px solid #cfd7df;}
.tktuserimg img{width:100%; height:100%;}
.ticket-infotext{width:100%;font-size:12px; color:#434343;display:block;}
.font13{font-size:13px;}
.font12{font-size:12px;}
.splitdes-box {padding: 12px;background: aliceblue;font-size: 12px;margin:0 0 20px;border: 1px solid #bbbae3;}
.border {border: 1px solid #e0e0e0 !important;}
.rounded {border-radius: 0.215rem!important;}
.p-10 {padding: 10px !important;}
.more-less {float: right;color: #fff;}
.accordion {max-height: 80vh;overflow: auto;padding: 0 10px 0 0;}
#accordion .card{margin-bottom:8px;}
#accordion .card-header {padding: 0.5rem 1.5rem 0.5rem;margin-bottom: 0;background-color: #a4a3c1;border-bottom: 1px solid #EBEDF3;}
#accordion .card-header h2{margin:0px;}
#accordion .card-header .btn-link{width: 100%;text-align: left;padding: 0;color: #fff;font-size: 14px;font-weight: 500;}
#accordion .card-header .btn-link:focus, #accordion .card-header .btn-link:hover,#accordion .card-header .btn-link:visited{outline:0;text-decoration:none;}
.accordion-image {width: 20px;height: 20px;float: left;margin-right: 8px;fill:#fff;}
.contactHead{width:100%; float:left;}
.contactpic {width: 36px;height: 36px;float: left;margin: 0 10px 10px 0px;border-radius: 6px;}
.contactpic img{width:100%;height:100%;}
.contactDetails{width:80%;float:left;}
.contactbody p{margin:0px;}
.contact-subtitle{color:#12344d; font-weight:500;}
.contactsmalltext{color:#6f7c87;}
.contacts_view_more_info {padding: 15px 0 20px;	color: #2c5cc5;}
.contacts_view_more_info .app-icon {fill: #2c5cc5;width: 12px;height: 12px;}
.contacts_widget_feed {position: relative;padding: 0 6px 12px 0;}
.contacts_activity_icon {float: left;margin-top: 3px;width: 13px;fill: #12344d;height: 13px;}
.contacts_ticket {margin-left: 20px;font-weight: 400;}
.text_infotext {font-size: 13px;color: #6f7c87;}
.text--uppercase {text-transform: uppercase;letter-spacing: .2px;}
.text--xsmal {font-size: 12px;}
.tickets_ticket {margin-top: -2px;}
.ticket-subject {line-height: 1.2;font-size: 13px;font-weight: 400;color: #183247;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.text--gray {color: #6f7c87;}
.text--verysmall {	font-size: 11px;}
.mt-5 {	margin-top: 5px;}
.text_content {color: #183247;margin: 0;padding: 0;}
.parent-child-widget{width:100%; margin:0px; padding:0px; float:left;}
.add-child-actions{position:relative;display:inline-block;float:left;margin-right:15px;}
.add-child-tickets-widget{position:relative;display:inline-block; padding-bottom:10px;}
.muted {color: #6f7c87;}
.add-child-tickets-widget a{font-size:13px; padding:4px;text-decoration:none; color:#183247;}
.add-child-tickets-widget a:hover{font-size:13px; padding:4px;text-decoration:none; color:#2c9d4a;}
.modal-icons {width: 24px;height: 24px;float:left; margin-right:15px;}
.childtkt-cont {width: 100%;float: left;padding: 0 0 0 40px;background: #fff;}
.childtkt-cont .tickets__list{border-top:1px dashed #cfd7df;}
.childtkt-cont .desp-text{width:450px;}
.app-icon--topalign {position: relative;top: 2px;}
.associated-label {font-size: 11px;margin-top: 3px; margin-left:5px;}
.text--bold {font-weight: 700;}
.association-wrap{width:100%;}
.threadCont {width: 580px;min-height: 80vh;padding: 20px;margin: 0px 0 0px;border: 1px solid #e3e3e3;background: #fff;position: fixed;z-index: 999;
overflow: auto;max-height: 80vh;overflow-x: hidden;right: 0;top: 130px; transition:transform .2s linear;}
.threadCont.hidethreadCont{display:none;right:-590px;}
.closethreadCont{position:absolute;right:5px;top:7px;float:right;}
.closethreadCont a{background:#f5f5f5;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 0.6);} 
.closethreadCont a:hover{background:#bcd4eb;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 1);}
.linkbtn {background-color: transparent;background-image: none;border: 1px solid transparent;font-weight: 600;font-size: 14px;vertical-align: middle;
line-height: 1.2;padding: 6px 12px;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 4px;outline: 0;color: #264966;
cursor: pointer;transition: all .2s linear;letter-spacing: .3px;font-weight: 500;min-width: 80px;}
.linkbtn:hover {background-color: #ebeff3;color: #2c5cc5;border-color: #ebeff3;}
.linkbtn-icon{	width: 14px;	height: 14px;float:left;margin-right:10px;} 
.thread-item {display: block;margin: 10px 0 0;float: left;}
.collab-card {box-shadow: 0 4px 19px rgba(18,52,77,.04);display: flex;border: 1px solid #ebeff3;border-radius: 8px;padding: 16px 16px 20px;margin-bottom: 12px;}
.mb-16 {margin-bottom: 16px;}
.pa-16 {padding: 16px;}
.pb-20 {padding-bottom: 20px;}
.pt-4 {padding-top: 4px;}
.mr-12 {margin-right: 12px;}
.collab-icon--xlarge {width: 28px;height: 28px;}
.collab-icon {display: block;}
.newthread .collab-icon{width:44px;height:44px;margin-right:20px;}
.flex-grow-1 {flex-grow: 1;}
.element-flex {display: flex;}
.text--mediumlightblue {color: #12344d;}
.cursor-pointer {cursor: pointer;}
.pb-10 {padding-bottom: 10px;}
.ml--auto {margin-left: auto;}
.text__link-heading {color: #183247;}
.pb-0 {padding-bottom: 0;}
.pa-5 {padding: 5px;}
.pb-0 {padding-bottom: 0;}
.nucleus-icon--medium {width: 14px;height: 14px;fill:#fff;}
.element-flex--wrap {	flex-wrap: wrap;}
.text--normal, .ticket-details__item .created-time {font-weight: 400;}
.pr-6 {padding-right: 6px;}
.pr-6 {padding-right: 6px;}
.text--disabled {color: #647a8e;}
.text--darkblue, .text--transparentblue {color: #12344d;}
.pr-2 {padding-right: 2px;}
.text__infotext {font-size: 13px;color: #6f7c87;}
.app-icon--nucleus-grey {fill: #cfd7df;}
.app-icon--micro {width: 4px;height: 4px;fill: #6f7c87;	margin: 1px 2px;}
.collab-card:hover {border: 1px solid #cfd7df;text-decoration: none;}
.disscus_cont{width:100%; display:block;}
.disscus_cont .slider-header{display:block;margin:0px;padding:0px;}
.disscus_cont .slider-header-right{float:right; display:block;margin:0px;padding:0px;}
.disscus_cont .slider-header-right .linkbtn{min-width: auto; text-align: center;padding: 3px;}
.disscus_cont .slider-header-right .linkbtn-icon{margin: 0px;}
.disscus_cont .slider-header .linkbtn{min-width: auto; text-align: center;padding: 3px;}
.disscus_cont .slider-header .linkbtn-icon{margin-right: 8px;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ellipsis:hover:after {cursor: pointer;}
.ellipsis:after {content: "";display: block;position: absolute;top: 0;right: 0;width: 48px;height: 48px;z-index: 1;pointer-events: initial;}
.tooltipellipsis {width: 60%;visibility: hidden;background-color: #fff;padding: 20px;-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);opacity: 0;
transition: opacity 0.5s ease;}
.ellipsis:hover + .tooltipellipsis {visibility: visible;transition: opacity 0.5s ease;opacity: 1;}
.discuss-overflow{overflow:auto;height:340px;padding:0px; margin:0px;}
.avatar-icon, .avatar__initial {position: relative;display: inline-block;text-align: center;}
.avatar__initial--1, .avatar__initial--2, .avatar__initial--3, .avatar__initial--4, .avatar__initial--5, .avatar__initial--6, .avatar__initial--7, .avatar__initial--8 {box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);color: rgba(0,0,0,.3);}
.avatar__initial {vertical-align: middle;width: 100%;height: 100%;border-radius: 2px;}
.avatar__initial--1 {background-color: #cdebc4;}
.avatar-icon.avatar-icon--circle .avatar-block {border-radius: 6px;}
.avatar__initial--icon-wrapper {text-transform: uppercase;position: absolute;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;fill: #fff;font-weight: 500;}
.text-align--center {text-align: center;}
.pt-10 {padding-top: 10px;}
.title-card .highlighted-contact {font-weight: 600;color: #2c5cc5;}
.title-card .created-time {font-style: italic;color: #475867;font-weight: 400;font-size: 12px;padding-top: 6px;}
.border-radius--xlarge {border-radius: 8px;}
.message-container .message__content__icon {width: 32px;}
.thread-message:hover {background-color: #f7f9fa;}
.message-container {border-radius: 0.5rem;}
.pb-20 {padding-bottom: 20px;}.pa-12 {padding: 12px;}.mb-12 {margin-bottom: 12px;}
.message-container .message__subject__data {line-height: 20px;color: #12344d;}
.avatar-icon, .avatar__initial {position: relative;display: inline-block;text-align: center;}
.avatar-icon.avatar-icon--medium-secondary {width: 32px;height: 32px;}
.avatar-icon.avatar-icon--circle {border-radius: 100%;}
.avatar__initial--icon-wrapper {text-transform: uppercase;position: absolute;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;fill: #fff;
font-weight: 500;}.title-card{margin-bottom:20px;}
.thread-message .threads-action-menu .ember-basic-dropdown-trigger {visibility: hidden;}
.thread-message:hover .threads-action-menu .ember-basic-dropdown-trigger {visibility: visible;}
.thread-message:hover .threads-action-menu .ember-basic-dropdown-trigger .nucleus-icon--medium{fill:#12344d;}
.message__header__data{width:100%;} 
.position--relative {position: relative;}
.fr-box.fr-basic {border-radius: 10px 10px 0 0 !important;-moz-border-radius: 10px 10px 0 0 !important;-webkit-border-radius: 10px 10px 0 0 !important;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
.reply-editor__container {border: 1px solid #cfd7df;border-bottom: none;overflow: hidden;border-radius: 10px 10px 0 0;}
.fr-box.fr-basic .fr-wrapper {background: #FFF;border: 1px solid #CCC;border-bottom-color: #efefef;top: 0;left: 0;}
.reply-editor__container .fr-wrapper {border: none;}
.fr-box.fr-basic .fr-element {font-family: sans-serif;color: #000;font-size: 14px;line-height: 1.6;padding: 20px;box-sizing: border-box;overflow-x: auto;min-height: 60px;text-align: left;}
.threads-base-editor .fr-element.fr-view {font-family: inherit;font-size: inherit;}
.thread-reply-editor .fr-box.fr-basic .fr-element {padding: 14px 12px;}
.fr-wrapper .fr-placeholder {position: absolute;font-size: 14px;color: #AAA;font-family: sans-serif;z-index: 1;display: none;top: 0;left: 0;right: 0;overflow: hidden;}
.fr-wrapper::after {clear: both;display: block;content: "";height: 0;}
.fr-wrapper.show-placeholder .fr-placeholder {display: block;white-space: nowrap;text-overflow: ellipsis;}
.thread-reply-editor .thread-upload-attachments-wrapper {border: 1px solid #cfd7df;border-top: none;border-bottom: none;}
.attachment {margin: 12px 15px 15px;padding: 15px 15px 5px 11px;border-radius: 5px;border: 1px solid #dadfe3;}
.thread-reply-editor .thread-upload-attachments-wrapper .attachment {margin-top: 0;margin-bottom: 0;max-height: 150px;overflow: auto;}
.attachment__title {margin: 0 0 10px 4px;font-weight: 600;}
.attachment__title .title-icon {position: relative;top: 2px;fill: #000;}
.reply-editor__footer {height: 45px;border: 1px solid #cfd7df;border-top: none;border-radius: 0 0 10px 10px;}
.nucleus-button--text {background-color: transparent;background-image: none;border: 1px solid transparent;color: #264966;}
.nucleus-button, .nucleus-button__icon {display: inline-flex;}
.nucleus-button {font-size: 14px;vertical-align: middle;line-height: 1.2;padding: 6px 12px;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 4px;outline: 0;color: #264966;cursor: pointer;transition: all .2s linear;letter-spacing: .3px;font-weight: 500;height: 32px;min-width: 80px;}
.nucleus-button--iconOnly {min-width: 32px;padding: 7px;}
.nucleus-button--text {background-color: transparent;background-image: none;border: 1px solid transparent;color: #264966;}
.reply-editor__action {border-radius: 2px;}
.nucleus-button, .nucleus-button__icon {display: inline-flex;}
.nucleus-icon--large {width: 16px;height: 16px;}
.collab-icon--editor svg {fill: #5a6670;}.reply-editor__footer .attachment-wrapper {width: 32px;height: 32px;}
.ml-3 {margin-left: 3px;}
.border-radius--xsmall {border-radius: 2px;}
.reply-editor__footer .attachment-wrapper .app-icon-fileupload {position: absolute;width: 30px;z-index: 5;height: 40%;overflow: hidden;opacity: 0;top: 55px;
left: 38px;cursor: pointer;}
.reply-editor__footer .attachment-wrapper .app-icon-fileupload input[type=file] {display: none;}
.disscus_cont footer{width:40%;    margin: 0 auto;padding: 0px 0 0px 0; position: fixed; bottom: 0;background:#fff; z-index:9;}
.reply-editor__action.show-toolbar, .reply-editor__action:hover {background: #f3f5f7;}
.reply-editor__action {border-radius: 2px;}.disscus_cont footer .fr-toolbar .fr-btn-grp {display: inline-block;margin: 0 2px 0 2px;}
.disscus_cont footer .fr-toolbar.fr-bottom{border-radius:0px;}
.disscus_cont footer .fr-toolbar .fr-command.fr-btn{height:auto;}
.attachment__item {padding: 5px 10px;border-radius: 2px;border: 1px solid #dadfe3;position: relative;overflow: hidden;margin-bottom: 10px;margin-right: 5px;
font-size: 12px;}
.attachment__item--error {border: 1px solid #ff5959;}
.attachment__item, .text--darkgray {color: #707070;}
.thread-reply-editor .thread-upload-attachments-wrapper .attachment .attachment__item {margin-bottom: 10px;margin-left: 4px;float: left;overflow: unset;}
.attachment__item-close {padding-left: 0;position: relative;top: 1px;color: #1d1d1d;cursor: pointer;border:none;background:transparent;}
.app-icon--small {width: 13px;fill: #12344d;height: 13px;}
.app-icon--topalign {position: relative;top: 2px;}
.attachment__item-container {display: inline-block;vertical-align: middle;}
.attachment__item-text {color: #183247;max-width: 230px;}.attachment__item--error .attachment__item-text {color: #ff5959;}
.attachment__item .file-size {color: #acb6be;}
.attachment__item-refresh {cursor: pointer;color: #6f7c87;position: relative;top: 1px;padding-right: 0;border: none;background: transparent;}
.thread-messages {display: flex;flex-direction: column-reverse;overflow: auto;flex-grow: 1;}
.thread_empty-state {max-width: 420px;margin: 0 auto;text-align: center;}
.thread_empty-state img {	height: 230px;}
.thread_empty-state .title {font-weight: 600;letter-spacing: 1px;margin: 30px 0 5px;color: #183247;font-size: 22px;}
.thread_empty-state .page-info {color: #12344d;font-size: 14px;    margin: 25px;} 
 
#tbldispatchr_wrapper .ticketsdispatchr__list {min-height: 92px;border-radius: 2px;background-color: #fff;	box-shadow: 0 1px 0 0 #cfd7df;display: block;width: 100%;box-sizing: border-box;cursor:move;}
.dispatchrlist-content {display:inline-block;float:left;vertical-align: middle;padding:15px 15px 0;}
.px-16, .ticketsdispatchrlist__list .dispatchrlistlist-content--main {padding-right: 16px;}
.ticketsdispatchrlist__list .dispatchrlist-content {display: inline-block;float: left;vertical-align: middle;padding: 15px 15px 0;}
#tbldispatchr_wrapper.dataTables_wrapper > .datatable__table {background-color: transparent;min-height: auto;}
#tbldispatchr_wrapper .text__infotext {font-size: 13px;color: #6f7c87;display: block;}
#tbldispatchr_wrapper .desp-text {float: left;max-width: 480px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0px 0px 0;font-size: 14px;}
.dispatchrDetails {width: 100%;padding: 12px 0;margin: 10px 0 0;background: #cfd7df;display: inline-block; float: left;} 
#tblsla_wrapper .ticketsSLA__list {min-height: 92px;border-radius: 2px;background-color: #fff;	box-shadow: 0 1px 0 0 #cfd7df;display: block;width: 100%;box-sizing: border-box; cursor:move;}
.slalist-content {display:inline-block;float:left;vertical-align: middle;padding:15px 15px 0;} 
.slalist-content a{font-weight:500;}
.ticketsSLAlist__list .slalist-content {display: inline-block;float: left;vertical-align: middle;padding: 15px 15px 0;} 
#tblsla_wrapper.dataTables_wrapper > .datatable__table {background-color: transparent;min-height: auto;}
#tblsla_wrapper .text__infotext {font-size: 13px;color: #6f7c87;display: block;}
#tblsla_wrapper .desp-text {float: left;max-width: 480px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0px 0px 0;font-size: 14px;}
.dispatchrDetails {width: 100%;padding: 12px 0;margin: 10px 0 0;background: #cfd7df;display: inline-block; float: left;}
.space-between {padding: 7px 0;transition: all .3s;position: relative; /*background-color: #f5f7f9;*/width:100%;float:left;margin:2px 0;}
.border-bottom {border-bottom: 1px #cfd7df solid;}
.separator .match-operator {position: absolute;padding: 2px 0;top: -5px;width: 52px;left: 50%;text-align: center;transform: translateX(-50%);border: 1px solid #dadfe3;border-radius: 16px;background-color: #fff;z-index: 9;font-size: 12px;text-transform: uppercase;}
.fl{float:left;}
.fr{float:right;}
.toggler {width: 50px;margin: 0px 15px 0 0;float:left;}
.toggler input {display: none;}
.toggler label {display: block;position: relative;width: 72px;height: 24px;border: 1px solid #d6d6d6;border-radius: 36px;background: #e4e8e8;
cursor: pointer;}
.toggler label::after {display: block;border-radius: 100%;background-color: #585b66;content: '';animation-name: toggler-size;
animation-duration: 0.15s;animation-timing-function: ease-out;animation-direction: forwards;animation-iteration-count: 1;animation-play-state: running;}
.toggler label::after, .toggler label .toggler-on, .toggler label .toggler-off {position: absolute;top: 50%;left: 20%;width: 22px;height: 22px;
transform: translateY(-50%) translateX(-50%);transition: left 0.15s ease-in-out, background-color 0.2s ease-out, width 0.15s ease-in-out, height 0.15s ease-in-out, opacity 0.15s ease-in-out;}
.toggler input:checked + label::after, .toggler input:checked + label .toggler-on, .toggler input:checked + label .toggler-off {left: 75%;}
.toggler input:checked + label::after {background-color: #50ac5d;animation-name: toggler-size2;}
.toggler .toggler-on, .toggler .toggler-off {opacity: 1;z-index: 2;}
.toggler input:checked + label .toggler-off, .toggler input:not(:checked) + label .toggler-on {width: 0;height: 0;opacity: 0;}
.toggler .path {fill: none;stroke: #fefefe;stroke-width: 7px;stroke-linecap: round;stroke-miterlimit: 10;}
@keyframes toggler-size {
0%, 100% {width: 22px;height: 22px;}
50% {width: 20px;height: 20px;}}

@keyframes toggler-size2 {
0%, 100% {width: 22px;height: 22px;}
50% {width: 20px;height: 20px;}
}
.font14{font-size:14px !important;}
#tblsla_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell,
#tbldispatchr_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell,
#tblTicket_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell {
padding: 0 0 1px;
} 
#tbldispatchr_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row{border-bottom-color:#606da1;margin-bottom:8px;}
#tblsla_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row{border-bottom-color:#606da1;margin-bottom:8px;}

.changetheme {min-width:135px;margin:0px; padding:0 5px;background:#f8f8f8;}
.changetheme li{width:30px;margin:10px 5px; padding:0px;float:left;} 
.dropdown-menu.changetheme > li > a {padding: 10px 15px 10px 8px;color: #333;}
.dropdown-menu.changetheme > li > a:hover {box-shadow:0 0 4px #747474;}
.dropdown-menu.changetheme > li > a.default-theme{width:20px;height:20px;background:#fff;border:1px solid #cfd7df;}
.dropdown-menu.changetheme > li > a.orange-theme{width:20px;height:20px;background:#f5a514;border:1px solid #f5a514;}
.dropdown-menu.changetheme > li > a.blue-theme{width:20px;height:20px;background:#1b2b54;border:1px solid #1b2b54;}
.dropdown-menu.changetheme > li > a.green-theme{width:20px;height:20px;background:#3fc963;border:1px solid #3fc963;}
.search-Cont{width: 650px;background:#ffffff;padding:0px;margin: 10px;border-radius:100px;border:1px solid #e0e0e0;float: left;min-height: 36px; transition:ease-in-out 4s;}
.search-inner {float: left;width: 130px;border-radius: 100px 0 0 100px;}
.search-inner .bootstrap-select>.dropdown-toggle{border-radius: 100px 0 0 100px;outline:none !important; background:#fff;top:0px;}
.search-Cont .inputdiv {width: 79.9%;float: left;margin: 0;padding: 0;display: block;}
.search-Cont .inputdiv .form-control{border-radius: 0 100px 100px 0;}
.search-Cont .inputdiv .searchicon{position: absolute;right:25px;top: 18px;cursor:pointer;}
.search-inner .open > .dropdown-toggle.btn-default:hover{background:#fff;}
.filterBig {width: 100%;position: fixed;top: 0;left: 0px;right: 0;bottom: 0;z-index: 9999;background: #2e333e;display: none;opacity: 0;
transition-property: opacity;transition-timing-function: ease;transition-duration: 1s;}
.filterBig-show{display:block; opacity:1.9;}
.searchcontbig{background:#fff;padding: 10px 0 10px 5px;margin: 0 10%;position: absolute;width: 70%;}
.inputdivbig {width: 85%;float: left;position: relative;}
.inputdivbig .form-control{border-radius: 0 100px 100px 0;}
.inputdivbig .searchiconBig {position: absolute;right: 10px;top: 8px;cursor:pointer;}
.editTicket{display:none;position: absolute;right: 10px;top:10px;}
.ticket-info:hover .editTicket{display:block;}
#tblTicket .tblListMain:hover .editTicket {display: block;}
.overflow-detail{overflow:auto;max-height:calc(100vh - 155px); overflow-x:hidden;}
.profilediv {width: 250px;position: relative;margin: 6px auto;padding: 4px;border: 1px solid #e99e99;border-radius: 8px}
.editprofile {position: absolute;right: -5px;width: 36px;height: 36px;background: #fff;border-radius: 100px;top: -10px;text-align: center;
box-shadow: 0 0 6px #e99e99;padding: 6px 8px;}
.editprofile img{width:22px; height:22px;}
.profilediv img{width:100%;}
/*==========================================Accordian CSS Start Here========================================*/
#accordion .panel {border: medium none;border-radius: 0;box-shadow: none;margin: 0 0 15px 0px;}categoryList
#accordion .panel-collapse {border: none;padding: 0 1px 0 1px;}
#addNewAdsOverlay .add_task_cont #accordion .panel-body {min-height: 40vh;max-height: initial;}
#accordion .panel-heading {border-radius: 6px 6px;padding: 0 0 0 0px !important;background: transparent !important;}
#accordion .panel-default > .panel-heading h4 {padding: 0px 0px 0px;margin: 0;}
#accordion .panel-title a {background: #298c58;border: 1px solid transparent;border-radius: 6px 6px;color: #fff;display: block;font-size: 14px;font-weight: 600;padding: 10px 50px 12px 20px;position: relative;transition: all 0.3s ease 0s;text-decoration: none;}
#accordion .panel-title a.webportal {background: #fff;border: 1px solid #9a9c9d;border-radius: 6px 6px;color: #3e3e3e;display: block;font-size: 14px;font-weight: 600;padding: 10px 50px 12px 20px;position: relative;transition: all 0.3s ease 0s;text-decoration: none;}
#accordion .panel-title a.webportal.active {background: #298c58 none repeat scroll 0 0;color: #fff;text-decoration: none;}
#accordion .panel-default > .panel-heading a:hover {text-decoration: none;}
#accordion .panel-default > .panel-heading a:focus {color: #fff !important;text-decoration: none;}
#accordion .panel-title a.webportal:focus {color: #3e3e3e !important;text-decoration: none;}
#accordion .panel-title a.webportal.active:focus {background: #298c58 none repeat scroll 0 0;color: #fff!important;text-decoration: none;}
#accordion .panel-title a.collapsed {background: #fff none repeat scroll 0 0;border: 1px solid #ddd;color: #333;}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {background: #298c58 none repeat scroll 0 0;border: 1px solid transparent;border-radius: 7%;box-shadow: 0 2px 6px rgb(0, 0, 0, .38);color: #fff;content: "";font-family: fontawesome;font-size: 25px;height: 38px;right: 0px;line-height: 38px;position: absolute;text-align: center;top: 0px;transition: all 0.3s ease 0s;width: 40px;}
#accordion .panel-title a.collapsed::after {background: #fff none repeat scroll 0 0;border: 1px solid #ddd;box-shadow: none;color: #333;content: "";}
#accordion .panel-body {background: transparent none repeat scroll 0 0;border-top: medium none;padding: 20px 10px 10px 10px;position: relative;}
#accordion .panel-body {border: 1px dashed #cdcdcd;padding-left: 10px; min-height:20vh;}
#accordion .panel-title a .fa-check-square-o:before {top: 10px;}
#accordion .panel-title a.collapsed:focus {color: #000 !important;text-decoration: none;}
#accordion .panel-title a.webportal::after{transform: rotate(-90deg);}
#accordion .panel-title a.webportal.active::after{transform: rotate(0deg);}

.faq-container{background:#fff;padding:10px 20px; margin:0px; position:relative; float:left;width:100%}
.faq-container h3{font-size: 28px;text-transform: uppercase;font-weight: 700;color: #0d1726;margin: 10px 0 15px; position:relative;}
.bannercont{width:100%;background:url('/assets/img/faqbg.png') 0 0 no-repeat;height:250px;background-size:cover;position:relative;margin-top:50px;}
.bannercont h2{font-size: 44px;text-transform: uppercase;font-weight: 700;color: #fff;padding: 6% 0 15px; text-align:center; margin:0px; position:relative;}
.categoryList{list-style:none; margin:0px; padding:0 0 20px;width:100%;overflow:auto;max-height:calc(100vh - 230px);}
.categoryList li{display:block;margin:0px; padding:10px 5px 0;}
.categoryList li a{margin: 0;padding: 10px 20px;display: block;color:#343434; font-weight:500;}
.categoryList li a.activelink{margin: 0;padding: 10px 20px;display: block;background: #efefef;border-radius: 30px;} 
.loginbtn a{background:#12344d;color: #fff !important;border-radius: 30px;padding: 7px 15px !important;margin: 8px;}
.loginbtn a:hover{background:#2c5cc5 !important;color: #fff !important;text-decoration:none;}
.footer {background:#12344d;margin:0px;padding:0px !important;width:100%;display: block;position: relative;bottom: 0;float: left;}
.footer-inner {padding:25px 10px 5px;width: 100%;display: block; float: left;}
.footer-logo{width:100px;}
.footer-connect{width:100%; display:block;position:relative}
.footer-connect h4{color:#fff; margin:0 0 20px; padding:0px; font-size:16px; font-weight:500;}
.footer-connect a{color:#fff; margin-right:10px;font-size:20px;text-decoration:none;}
.footer-connect a i{font-size:32px;}
.divider {border-bottom: 3px double #dcdcdc;margin:30px 0  5px;width: 100%;height: 1px;display: block;}
.whitetext{color:#fff;}
.whitetext p{text-align: left;}
.editfaq {position: absolute;right: 5px;top:-10px;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;
height: 36px;text-align: center; display:none-; z-index:9;}
.editfaq a{padding:0px !important; margin:0px;}
.editfaq img{width:20px;height:20px; margin:8px 0;}
.panel-title:hover .editfaq{display:block}
.panel-heading:hover .editfaq{display:block}
.panel-title, .panel-heading{position:relative;}  
.file-upload {background-color: #ffffff;width: 100%;margin: 20px auto;padding: 0px; display:block;}
.file-upload-btn {width: 100%;margin: 0;color: #fff;background: #1FB264;border: none;padding: 10px;border-radius: 4px;border-bottom: 4px solid #15824B;transition: all .2s ease;outline: none;text-transform: uppercase;font-weight: 700;}
.file-upload-btn:hover {background: #5cb85c;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.file-upload-btn:active {border: 0;transition: all .2s ease;}
.file-upload-content {display: none;text-align: center; width:300px;margin:0 auto;}
.file-upload-input {position: absolute;margin: 0;padding: 0;width: 100%;height: 100%;outline: none;opacity: 0;cursor: pointer;}
.image-upload-wrap {margin-top: 20px;border: 2px dashed #1FB264;position: relative;}
.image-dropping,.image-upload-wrap:hover {/* background-color: #f8f7f2; */border: 2px dashed #f8f7f2;text-transform:capitalize;font-weight: 600;}
.image-title-wrap {padding: 0 15px 15px 15px;color: #222;}
.drag-text {text-align: center;}
.drag-text h3 {font-weight: 100;text-transform: uppercase;color: #15824B;padding: 15px 0;font-size:14px;}
.image-upload-wrap:hover .drag-text h3{font-weight: 700;}
.file-upload-image {max-height:300px;width: 100%;margin: auto;padding: 10px;}
.remove-image {min-width: 200px;margin: 0;color: #fff;background: #cd4535;border: none;padding: 10px;border-radius: 4px;border-bottom: 2px solid #b02818;transition: all .2s ease;outline: none;text-transform: lowercase;font-weight: 700;}
.remove-image:hover {background: #c13b2a;color: #ffffff;transition: all .2s ease;cursor: pointer;}
.remove-image:active {border: 0;transition: all .2s ease;}
.categoryTitle:hover .editfaq{display:block} 
.faq-container h3:hover .editfaq{display:block} 
 
.editBannerTitle{position: absolute;right: 22%;top: 46%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;
height: 36px;text-align: center;display: none;z-index: 9;}
.editBannerTitle img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.bannercont:hover .editBannerTitle{display:block}
.contactbanner:hover .editBannerTitle {display: block}
.editfooterlink{position: absolute;left: 150px;top: 46%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;
height: 36px;text-align: center;display: none;z-index: 9;}
.editfooterlink img{width: 20px;height: 20px;margin: 9px 8px;margin-top:10%!important;float: left;}
.footer-connect:hover .editfooterlink{display:block;}
.footerimg .editfooterlink{right: 70px;left:auto;}

.editfooterapplink{position: absolute;right: 15px;top: 46%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editfooterapplink img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.footer-connect:hover .editfooterapplink{display:block;}
.editfootercontact{position: absolute;right: 35px;top: -8px;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editfootercontact img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.whitetext:hover .editfootercontact{display:block;}

.bannercont.aboutUs h2 {font-size: 44px;text-transform: uppercase;font-weight: 700;color: #fff;padding: 4% 0 10px;text-align: center;margin: 0px;
position: relative;}
.bannercont.aboutUs p {text-align: center;color: #fff;font-size: 20px;width: 65%;margin: 0 auto;padding:0px;}
.about-container{background:#fff;padding:10px 20px; margin:0px;width: 100%;display: block;float: left;}
.about-container img.aboutImg{width:100%;margin: 20px  0 10px;padding:0px; }
.about-container p {text-align: left;color: #343434;font-size: 14px;margin: 20px  0 10px;padding:0px; line-height:2;}
.companyContainer{background:#6771c9;padding:20px;margin:0px; width:100%;min-height:200px;display:block;float:left;overflow:hidden}
.companyContainer h4{font-size:16px; text-align:center;margin:20px 0;padding:10px; color:#fff; font-weight:500;}
.containerInner{width:92%;margin:0 auto;padding:0px;display:flex;}
.compLogo{width:160px;float:left;margin:0 10px 10px 0;height:80px; position:relative;}
.compLogo img{width:100%;height:100%;}
.about_text{position:relative;}
.editAboutText{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editAboutText img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.aboutImage{position:relative;}
.editAboutImage{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editAboutImage img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.about_text:hover .editAboutText{display:block;}
.aboutImage:hover .editAboutImage{display:block;}


.editCompImg{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editCompImg img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.compLogo:hover .editCompImg{display:block;}
.overviewCont {background: #ecedff;border-radius: 10px;padding: 20px;min-height: 150px;margin: 20px 0 20px;text-align: center;position:relative; overflow:auto; max-height:155px;}
.overviewCont h3{font-size:36px; font-weight:600;margin:15px 0 15px; padding:0px;color:#183247;}
.overviewCont p{font-size:16px; font-weight:500;margin:0 0 0px; padding:0px;color:#183247; text-align:center;}

.editOvertext{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editOvertext img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.overviewCont:hover .editOvertext {display:block;}
.contactbanner{width:100%;background:url('/assets/img/contactbanner.png') 0 -50px no-repeat; height:220px; background-size:cover; position:relative;}
.contactbanner h2{font-size: 44px;font-weight: 700;color: #fff;padding: 6% 3% 15px; text-align:left; margin:0px; position:relative;}
.contactform{background:#e9e9e9;padding:15px; margin:0px; width:100%;float:left;}
.knowledgeBanner{width:100%;background:url('/assets/img/banner3.png') 0 -50px no-repeat; height:220px; background-size:cover; position:relative;margin-top:55px;}
.knowledgeBanner h2{font-size: 42px;text-transform: uppercase;font-weight: 700;color: #12344d;padding: 2% 15% 15px; text-align:center; margin:0px; position:relative;}
.knowledgeBanner p{font-size: 20px;text-transform: uppercase;font-weight: 400;color: #12344d;padding: 0% 20% 15px; text-align:center; margin:0px; position:relative;} 
.knowledgeCont{background:#fff;box-shadow:0 0 10px #858181;width:100%;min-height:180px;padding:15px; margin:0 0 30px; position:relative;}
.knowledgeCont .knowIcon{width:34px; height:34px; margin-right:10px;float:left;}
.knowledgeCont .knowIcon img{width:100%;}
.knowledgeCont h3{font-size:20px; font-weight:600; margin:0 0 10px; padding:3px 0; color:#12344d;min-height:34px;}
.knowledgeCont p{font-size:16px; font-weight:300; margin:0 0 0px; padding:0 10px; color:#12344d;} 
.knowledge_text{position:relative; margin-top:15px;}
.editknowledgeText{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editknowledgeText img{width: 20px;height: 20px;margin: 9px 8px;float: left;} 
.knowledge_text:hover .editknowledgeText {display: block;} 
.knowHead_text{position:relative; margin-top:15px;}
.editknowHeadText{position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 0px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editknowHeadText img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.knowHead_text:hover .editknowHeadText {display: block;}
.internalImage{position:relative;}
.editInternalImage {position: absolute;right: 5px;top: 2%;background: #fff;box-shadow: 0 0 5px #d9d9d9;padding: 8px 0;border-radius: 50px;width: 36px;height: 36px;text-align: center;display: none;z-index: 9;}
.editInternalImage img{width: 20px;height: 20px;margin: 9px 8px;float: left;}
.internalImage:hover .editInternalImage{display:block;} 
.dropdown-item {display: block;width: 100%;padding: 0.85rem 1.5rem;clear: both;font-weight: 400;color: #212529;text-align: left;white-space: nowrap;background-color: transparent;border: 0;}
.dropdown-item img{width:16px; height:16px;}
.dropdown-item:focus, .dropdown-item:hover {color: #16181b;text-decoration: none;background-color: #f8f9fa;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #337ab7;}
.dropdown-item .drop-icon {width: 17px;height: 17px;float: left;margin-right: 10px;margin-top: 2px;}
.tagcont {float: left;background: #f6f7ff;padding: 2px 6px;min-width: 70px;font-size: 13px; margin-right:8px; color:#183247;border:1px solid #bddfc6;border-radius:3px;}
.actionbtndiv{width:100%; padding:0 6px 10px; border-bottom:1px solid #cfd7df; margin-bottom:10px;}
/*.form-control.labelInput {background: transparent;border: none;box-shadow: none;padding: 0;}*/
.notesCont{width:100%;margin:0px; padding:0px; float:left; border:1px solid #cfd7df; border-radius:4px;  }
.notesHead{background:#cfd7df; margin:0px; padding:8px;width:100%;min-height:30px;   border-radius:4px 4px 0 0; float:left;}
.notesbody{padding:10px;margin:0px; width:100%; float:left; float:left;background:#fff;}
.notesfooter{background:#cfd7df; margin:0px; padding:8px;width:100%;min-height:30px; float:left;  border-radius:0 0 4px 4px;}
.notesHead .profileName {font-size: 16px;font-weight: 600;margin: 0px;padding: 8px;background: #6f7c87;color: #fff;float: left;border-radius: 6px;width: 40px;text-align: center;}
.fr-quoted-marker {border-radius: 6px;border: 1px solid #183247;height: 12px;outline: 0;line-height: 4px;bottom: 0;text-align: center;width: 26px;padding: 2px;background-color: #fff;cursor: pointer;position:absolute;font-size:12px;}
.fr-quoted-marker::after {content: "...";position:relative;font-size: 21px;top:-4px;letter-spacing: -.03em;color:#183247;height:10px;margin:0;}
.fromMail {float: left;width: 94%;color:#333; margin-left: 10px;border-left: 1px solid #b3b3b3;padding: 0 6px;margin: 10px 0 0px 10px;}
.toMail{float: left;width: 100%;margin: 10px 0;padding: 8px 8px;border-top: 1px solid #e3e3e3;}
.cc-cont{float:left;width:100%; border-top: 1px solid #e3e3e3; padding:6px;}
.ticket-action__email{float:right; width:96%; padding:4px 0;}
.ticket-action__label{padding:10px 0; float:left; } 
.btn-secondary-link {
/*background-image: linear-gradient(to bottom,#fff,#f3f5f7);*/
border-radius: 4px;border: 1px solid #eef1f8;color: #12344d;cursor: pointer;padding: 8px 15px 6px 12px;margin-right: 10px;vertical-align: middle;transition: .1s ease-in;font-size: 14px;text-align: center;min-height: 34px;background:transparent;}
.btn-secondary-link:hover{background-image: linear-gradient(to bottom,#fff,#f3f5f7); color:#12344d; text-decoration:none; border: 1px solid #cfd7df;}
.btn-secondary-link svg {width: 14px;height: 14px;} 
/*Tooltip Css Start Here*/ 
.ui-tooltip {position: relative;display: inline-block;border-bottom: 0px dotted black;opacity: 1;font-size: 14px;cursor: pointer;}
.ui-tooltip .ui-tooltip-content {visibility: hidden;min-width: 130px;background-color: black;color: #fff;text-align: left;border-radius: 6px;padding: 5px 6px;position: absolute;z-index: 1;top: 150%;right: 0%;margin-left: 0px;display: none;}
.ui-tooltip .ui-tooltip-content::after {content: "";position: absolute;bottom: 100%;left: 90%;margin-left: -7px;border-width: 7px;border-style: solid;border-color: transparent transparent black transparent;} 
.ui-tooltip:hover .ui-tooltip-content {visibility: visible;display: block;}
.ui-tooltip .tooltiptext.lefttool {top: 30px;left: auto;right: 0px;}
.ui-tooltip-right {top: -5px;left: 125%;}
.ui-tooltip-right::after {content: "";position: absolute;top: 50%;right: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent #ebeff3 transparent transparent;}
.ui-tooltip-bottom {top: 120%;left: 50%;margin-left: -60px;}
.ui-tooltip-bottom2 {top: 125%;left: 50%;margin-left: -60px;}
.ui-tooltip-bottom::after {content: "";position: absolute;bottom: 100%;left: 22%;margin-left: -0px;border-width: 7px;border-style: solid;
border-color: transparent transparent #68727b transparent;}
.ui-tooltip-top {bottom: 125%;left: 50%;margin-left: -60px;}
.ui-tooltip-top2 {bottom: 115%;left: 50%;margin-left: -60px;}
.ui-tooltip-top::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
.ui-tooltip-left {top: -5px;bottom: auto;right: 128%;}
.ui-tooltip-left2 {top: -5px;bottom: auto;right: 105%;}
.ui-tooltip-left-right {top: 140%;bottom: auto;right: 0%;}
.ui-tooltip-left::after {content: "";position: absolute;top: 50%;left: 100%;margin-top: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #555;}
.ui-tooltip-left-right::after {content: "";position: absolute;top: -7px;left: 85%;margin-top: -7px;border-width: 7px;border-style: solid;
border-color: transparent transparent #555 transparent;}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 180px;
  background-color: #f5f5f5;
  color: #183247;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  min-height:80px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltip .tooltiptext p{margin:0 0 4px;width:100%;float:left;display:block; }
.tooltip .tooltiptext p a{color:#323232;float: left;width: 130px;text-align:left; }   
.tooltip:hover .tooltiptext { visibility: visible;}
.attachImgCont{position: absolute;right: 0;top: -14px;}
.attachImg{width: 50px; height: 50px; border-radius: 6px; float: right;margin-right:5px;background: #fff;border: 1px solid #a9a9a9;   padding: 5px;}
.attachImg img{width:100%;height: 100%;}
/*Tooltip Css Start Hereurl(/assets/img/internalbg.png) right top no-repeat*/
.internalbanner {background: #eef0f8;padding: 20px;margin: 0px;width: 100%;min-height: 365px;display: block;float: left;}
.internalbanner h4 {font-size: 30px;font-weight: 600;text-transform: uppercase;margin: 30px;color: #183247;}
.internalbanner p {font-size: 18px;font-weight: 400;text-transform: capitalize;margin: 30px;color: #183247; line-height:40px; width:80%;}
.internal-left{float:left;margin:0px; padding:0px;width:60%; position:relative;}
.internalimg{float:right;margin:0px; padding:0px;width:40%;}
.internalimg img{float:right;margin:0px; padding:0px;width:100%;}

.indexBanner{background:url(/assets/img/indexBanner.png) 0 0 no-repeat; background-size:cover;margin-top: 55px;height:400px;}
form {margin: 0;padding: 0;position: absolute;top: 0; width:100%;}
.knowHead_text{padding-top:30px;margin-top:0px;}
.indexBanner h2 {font-size: 44px;text-transform: uppercase;font-weight: 700;color: #fff;padding: 6% 15% 15px;text-align: center;margin: 0px;
position: relative;line-height: 60px;}
.indexBanner p {font-size: 14px;text-transform: capitalize;font-weight: 400;color: #fff;padding:0% 25% 15px;text-align: center;margin: 0px;
position: relative;line-height: 30px;}
.abouMainBammer{background:url(/assets/img/aboutmainbg.png) 0 0 no-repeat; background-position:center; background-size:cover;height: 450px;
padding: 50px 100px; position:relative;}
.abouMainBammer h4{font-size:30px; font-weight:600; text-align:center; padding:10px; margin:0px;}
.abouMainBammer p{font-size:16px; font-weight:400; text-align:left; margin:0px;padding:0px;}  
.tblListMain {width: 100%;min-height: 92px;border-radius: 2px;background-color: #fff;box-shadow: 0 1px 5px 0 #b7b9bb;display: table;width: 100%;
box-sizing: border-box;cursor:auto;margin: 0 0 0px;}
.tblListMain.resolved{background:#f3f3f3; position:relative;}
.tblListMain.resolved:before{content:'';position:absolute;left:0px;background:#607D8B; height:100%; width:2px}
.abouMainBammer:hover .editknowHeadText{display:block;}
.tblListHead {background:transparent; padding:6px 8px 3px;margin: 0;display: table;width: 100%;border-radius: 6px 6px 0 0;color:#0e6087;color:#484848; font-size: 16px;border-bottom:1px dashed #696969}
.tblListHead .profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%;width: 24px;height: 24px;
border-radius: 100%;}
.width40{width:40%;}
.width64{width:64%;}
.tblListbody{padding:10px 15px; width:100%;float:left;position:relative;}
.tblListbody .desp-text {float: left;width: 100%;margin: 0px 0px 10px 0;font-size: 13px; white-space:normal;} 
.tblListFooter{padding:4px 15px 0px; width:100%;float:left;background:transparent;margin:0 0px; border-top:1px dashed #696969;}
.tblListFooter .statusDiv {width: 200px;float: left;display: inline-block;color: #123456;font-size: 13px;font-weight: 400;}
.tblListFooter .priorityDiv {width: 160px;float: left;display: inline-block;color: #123456;font-size: 13px;font-weight: 400;}
.tblListFooter .assignto {position: relative;width: 250px;float: left;}
.tblListFooter .statusdiv {position: relative;width: 180px;float: left;}
.tblListFooter .attachdiv {position: relative;width: 145px;float: left;}
.tblListHead .headtitle {color:#0e6087; color:#1a5db3;}
.tblListbody .subheadtitle {color:#1d8199; color:#696969;} 
.tblListFooter .priorityLeft {border-radius: 2px;display: inline-block;width: 14px;height: 14px;float: left;margin-top: 4px;margin-right: 10px;color: #fff;}
.tblListFooter .assignto .assign-icon {width:18px;fill:#12344d;height:18px;display: inline-block;float: left;margin-top: 0px;margin-right: 4px;}
.tblListFooter .app-icon--small {width: 20px;fill: #12344d;height: 20px;position: absolute;left: 0px;top: 0px;margin-right: 10px;}
.statusdiv .status-text {float: left;width: 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 2px 0 0 6px;font-size: 13px;font-weight: 400;}
.assignto .assign-text {float: left;width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 2px 0 0 6px;font-size: 13px;font-weight: 400;}
.tblListFooter .statusdiv .status-icon {width:18px;fill: #12344d;height: 18px;display:inline-block;float:left;margin-top:0px;margin-right: 4px;}
.tblListFooter .attachdiv .attach-icon {width: 24px;fill: #12344d;height: 24px;display: inline-block;float: left;margin-top: 0px;margin-right: 0px;}
.tblListFooter .attachdiv .attach-icon .svg-icon {width: 24px;height: 24px;vertical-align: middle;fill: #123456;overflow: hidden;float: left;position: relative; top:0px;left:0px;}
.childtkt-cont {width: 100%;float: left;padding: 5px 0 5px 30px;background:#eaffec;border-top: 1px dashed #a1cdab;margin: 5px 0px 0;}
.childtkt-cont .tblListbody{padding:10px;}
.childtkt-cont .tblListFooter {padding: 4px 5px 2px; /*margin:0px;width:100%;#f4fffa*/background: transparent;/*border-color:#69db98*/}
.childtkt-cont .tblListFooter .statusdiv{width:230px;}
.childtkt-cont .tblListHead{/*border-color:#69db98;*/background:transparent}
/*.childtkt-cont .headtitle {color:#42cb7a;}
.childtkt-cont .subheadtitle {color:#1d9983;}*/
.childtkt-cont .status-text, .childtkt-cont .assign-text, .childtkt-cont .priorityDiv, .childtkt-cont .statusDiv {color: #798b79;}


.tag-pointer {min-width: 60px;background: #ffffff;display: inline-block;text-align: center;border: 1px solid #c3c3c3;border-radius: 6px;
padding: 3px 8px;margin:8px 0 8px;}
/*.tag-pointer:after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 0;border-left: 0px solid white;border-top: 0px solid transparent;border-bottom: 0px solid transparent;}

.tag-pointer:before {content: ""; position: absolute;right: -14px;bottom: 0;width: 0;height: 0;border-left: 14px solid #dcefff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}*/
.avatar-container {position: relative;margin-bottom: 1px;min-height: 55px;overflow-x: hidden;}
.form-avatar {height: 45px;width: 45px;position: absolute;vertical-align: top;margin-right: 20px;top: 3px;}
.profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%; margin:0px;display: inline-block;
 text-align: center;width:44px; height:44px; position:relative;}
.profilepic_img {border-radius: 4px;max-width: 100%;height: 100%; border-radius:6px;}
.avatar-wrapper {position: relative;display: inline-block;margin-left: 60px;}
.text_link {color: #2c5cc5;margin: 0;padding: 0;cursor: pointer;}
.avatar-container input[type=file], .avatar-field .input-container input[type=file] {
opacity: 0;overflow: hidden;cursor: pointer;position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 10000px;}
.avatar-desc {margin-top: 3px;max-width: 750px;line-height: 1.4;}
.text__infotext {font-size: 13px;color: #6f7c87;} 
/* Scrollbar width */
::-webkit-scrollbar {width: 10px; height:10px;}
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;border-radius: 10px;}
/* Handle */
::-webkit-scrollbar-thumb {background: #53606b;border-radius: 10px;}
/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #183247;}
.disable-input {box-shadow: none;border: none;padding: 0px;font-weight: 600;font-size: 13px;appearance:none;}
.disable-input:focus{box-shadow: none;border: none;} 
/*Contact Page CSS Start  here*/
.bcell-template{position:relative;}
.table-user-holder {margin-left: -5px;display: block;}
.table-user-holder a {text-decoration: none;}
.avatar-icon.avatar-icon-medium {width:34px; height:34px; float:left;}
.table-subjectTitle {font-size: 13px;color: #183247;margin: 0px;padding: 8px 0 0 10px;float: left;}
.width3 {width: 3%;}
.width15 {width: 15%;}
#tblcontact_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row {border-bottom: 1px solid #e3e3e3;}
.sidenavlead.add_setting_cont {width: 75%;}
.sidenavlead.add_agent_cont {width: 45%;}
.role-nav{list-style:none;margin:0px; padding:0px;}
.role-nav li {padding: 0 0 30px 10px;float: left;background: #fff;}
.role-nav li:first-child {padding-left: 0;}
.role-nav li a {padding-right: 10px;border-right: 1px solid #f6f6f6;color: #0066cc;}
.lead-sub {	line-height: 15px;font-size: 20px;color: #aaa;}
.role-section {border-left: 1px solid #bebebe;padding-left: 20px;margin-bottom: 40px;}
.nested-ul{list-style:none;margin:0px;padding:0px;}
.nested-ul li{display:list-item;margin:0 0px 10px; padding:2px;float:left;}
.nested-ul .nested-ul li {margin-left: 20px;}
.nested-ul li.childli {margin-left: 30px;}
.nested-ul1{list-style:none;margin:0px;padding:0px;}
.nested-ul1 li{display:list-item;margin:0 0px 10px; padding:2px;float:left;}
.nested-ul1 .nested-ul1 li {margin-left: 20px;}
.nested-ul1 li.childli {margin-left: 30px;}
.nav-tabs > li > a {border: 2px solid transparent;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;border-bottom: 4px solid #388eed;
background-color: #FEF5FD; }
.mt-30{margin-top:30px !important;}.mt-25{margin-top:25px !important;}
.mr-0{margin-right:0px !important;}
.mb-05{margin-bottom:5px !important;}
.tab-content > .active {display: block;background: #fff;border: 1px solid #388eed;border-top:0px solid transparent;box-shadow: 0 0 10px -2px #388eed;min-height: 435px; float:left; width:100%;/*overflow:auto;max-height:435px;*/}
#tblcontact_wrapper.dataTables_wrapper > .datatable__table .datatable__head .datatable__row {border-bottom: 2px solid #e8e8e8;display: table;
table-layout: initial;width: 100%;background-color: #f2f2f2;	border-radius: 0px 0px 0 0;}
.count-value {display: inline-block;background-color: #475867;border-radius: 8px;color: #fff;font-size: 12px;padding: 0 5px;margin-left: 2px;}
#tblcontact_wrapper.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .table-subjectTitle {
	padding-top: 0px;}
.select2-container{width:100% !important; z-index:999;}
.modal-overflow{min-height:300px;max-height:460px; overflow:auto;} 
.ui-draggable, .ui-droppable {background-position: top;}
#sortable {list-style-type: none;margin: 0;padding: 0;width: 100%;} 
#sortable li {padding:1px;font-size: 1.2em;min-height:45px;width: 100%;float: left;border:none;margin: 0px 0px 8px 0px;background: #e3e3e3;border-radius: 8px;}
.ui-state-highlight {min-height: 115px;line-height: 1.2em;background:#f1f1f1}
#sortable li .card-body{padding:0.6rem 1.4rem 0.2rem;} 
#tbldispatchr_wrapper .ticketsdispatchr__list.h50{min-height:50px;} 
#tblskill_wrapper .ticketsskill__list {min-height: 50px;border-radius: 2px;background-color: #fff;	box-shadow: 0 1px 0 0 #cfd7df;display: block;width: 100%;box-sizing: border-box;cursor:move;}
.skilllist-content {display:inline-block;float:left;vertical-align: middle;padding:15px 15px 0;}
.px-16, .ticketskill__list .skilllist-content--main {padding-right: 16px;}
.ticketsdispatchrlist__list .skilllist-content {display: inline-block;float: left;vertical-align: middle;padding: 15px 15px 0;}
#tblskill_wrapper.dataTables_wrapper > .datatable__table {background-color: transparent;min-height: auto;}
#tblskill_wrapper .text__infotext {font-size: 13px;color: #6f7c87;display: block;}
#tblskill_wrapper .desp-text {float: left;max-width: 480px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0px 0px 0;font-size: 14px;}
.skillDetails {width: 100%;padding: 12px 0;margin: 10px 0 0;background: #cfd7df;display: inline-block; float: left;}
.mb-0{margin-bottom:0px !important;}

.add-timer-bottom, .add-timer-content {padding-top: 10px;}
.add-timer .time-tracked {background-color: #f0f7ff;border-radius: 4px;padding: 12px;}
.total-time-counter{width:100%; float:left;}
.add-timer .time-format {list-style: none;padding-top: 4px;color: #183247;margin: 0;padding: 0;}
.add-timer .time-format__item {float: left;margin-right: 15px;font-size: 30px;}
.add-timer .time-count {font-size: 22px;color: #183247;margin-bottom: 0;}
.add-timer .time-units {font-size: 16px;position: relative;left: -3px;font-weight: 400;}
.add-timer__card {min-height: 130px;padding: 12px;border-bottom: 1px #cfd7df solid;}
.add-timer__card:last-of-type {border-bottom: none;}
.tag {border-radius: 4px;padding: 4px 10px;color: #848b99;font-size: 12px;font-weight: 500;}
.tag--billable {background-color: #fff;color: #12344d;border: 1px solid #cfd7df;}
.add-timer .time-format {list-style: none;padding-top: 4px;color: #183247;margin: 0;padding: 0;}
.add-timer .time-format__item {float: left;margin-right: 15px;font-size: 30px;}
.add-timer .time-count {font-size: 22px;color: #183247;margin-bottom: 0;}
.add-timer-options {padding-top: 3px;}
.add-timer-options__item {float: left;cursor: pointer;margin-right: 16px;font-size: 12px;position: relative;}
.add-timer-bottom, .add-timer-content {padding-top: 10px;}
.avatar-icon.avatar-icon--small {width: 24px;height: 24px;}
.contacts__cardpic {float: left;margin: 4px 3px;}
.avatar-icon.avatar-icon--circle {	border-radius: 100%;}
.add-timer-bottom .profilepic {	margin-left: 0;}
.avatar-icon.avatar-icon--circle .avatar-block {	border-radius: 6px;}
.avatar__initial--1 {background-color: #cdebc4;}
.avatar__initial--2 {background-color: #ffdee0;}
.avatar__initial--3 {background-color: #eed8f7;}
.avatar__initial--4 {background-color: #ffd8c2;}
.avatar__initial--5 {background-color: #dbd6f5;}
.avatar__initial--6 {background-color: #f3f1f1;}
.avatar__initial--7 {background-color: #fff4a8;}
.avatar__initial--8 {background-color: #d1e4ff;}
.p0{padding:0px !important;}
.add-timer-bottom .timer-note {background-color: #ebeff3;padding: 12px;margin-top: 8px;border-radius: 4px;}
.add-timer-bottom .text__content, .add-timer-bottom .text__infotext {color: #475867;}
.text--xsmall, .ticket-details__item .created-time {font-size: 12px;}
.todo__item {position: relative;word-break: break-word;-ms-word-wrap: break-word;word-wrap: break-word;}
.todo-item-wrapper {display: table;width: 100%;border-bottom: 1px solid #ebeff3;}
.todo-item-wrapper .checkbox-wrapper {display: table-cell;width: 20px;padding-left: 6px;}
.todo-text {position: relative;padding: 12px 0 12px 2px;min-height: 35px;display: grid;}
.todo-body {vertical-align: middle;font-weight: 600;font-size: 14px;}
.reminder-time {padding-left: 2px;font-weight: 500;padding-top: 2px;}
.text--micro {font-size: 13px;}
.text--uppercase {text-transform: uppercase;letter-spacing: .2px;}
.text--blue {color: #4ca2ff;}
.app-icon--topalign {position: relative;top: 2px;}
#noteDiv .app-icon--topalign {position: relative;top: 15px;}
.app-icon--small {width: 13px;fill: #12344d;height: 13px;}
.app-icon--blue {fill: #4ca2ff;}
.ma-0{margin:0px !important;}
.todo-text-btn {position: absolute;padding: 0 5px;background-color: #ebeff3;right: 0;top: 0;height: calc(100% - 1px);justify-content: flex-end;display: flex;
align-items: center;}
.todo__item .todo-text-btn {opacity: 0;}
.todo__item:hover .todo-text-btn {opacity: 1;font-size: 14px;transition: .3s ease-in-out;}
.app-icon-btn {height: 32px;min-width: 32px;border-radius: 4px;border: 1px solid #cfd7df;color: #12344d;cursor: pointer;margin-right: 2px;
font-size: 14px;vertical-align: middle;-webkit-font-smoothing: antialiased;transition: .1s ease-in; padding:5px 8px;}
.cursor-pointer {cursor: pointer;}
.todo-delete, .todo-edit {color: #666;margin: 0 5px;}
.content-widget-wrap.sidebar-present .multiple-widget-slider .sidebar .app-icon-btn:hover:not([disabled]) {background: #ebeff3;	border: 1px solid #475867;border-radius: 4px;}
.app-icon-btn:hover:not([disabled]) {outline: 0;background-color: #ebedf0;}
.app-icon-btn .app-icon {width: 14px;height: 14px;fill: #183247;}
.app-icon-btn{background-image: linear-gradient(to bottom,#fff,#f3f5f7);text-align:center;}
.input-group-prepend{position:absolute;left:0px;top:0;z-index:99;}
.td-60{width:60px;}
.vertical-alignment {display: inline-block;vertical-align: middle;}

/*Contact Page CSS End  here*/
/*toggle switch Css Start here*/
.switch {position: relative;display: inline-block;width: 60px;height: 24px;margin: 0px;padding: 0px;float: left;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: 0.4s;transition: 0.4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 3px;bottom: 2px;background-color: white;-webkit-transition: 0.4s;transition:0.4s;}
input:checked + .icon::before {font-family: "FontAwesome";content: "\f00c";transform: rotate(45deg);padding-top:0px;padding-left:4px;font-size:14px;}
.toggle {font-family: "FontAwesome";font-style: normal !important;}
.dev-footer {margin-top: 71px;color: #4e4a46;}
input + .icon::before {font-family: "FontAwesome";content: "\f00d";padding-top: 2px;padding-left:4px;font-size:13px;}
.slider.w-color:before {background-color: #a37eba;}
.slider.w-color {background-color: #ccc;-webkit-transition: 0.4s;transition: 0.4s;}
input:checked + .slider.w-color {background-color: #ccc;}
input:checked + .slider.icon {background-color: #657cbf;}
.slider.icon:before {background-color:#ffffff;}  /*#ffe05d*/ 
.slider.icon:after {background-color: #e2df23;}
input:checked + .slider {background-color: #2196f3;}
input:checked + .slider:before {-webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.disabled-toggle {opacity: 0.5;cursor: default;}
/*toggle switch Css End Here*/
.btn-mini {background-image: linear-gradient(to bottom,#fff,#f3f5f7);border-radius: 4px;border: 1px solid #cfd7df;color: #12344d;cursor: pointer;padding: 4px 10px 4px 8px;margin-right: 10px;vertical-align: middle;transition: .1s ease-in;font-size: 14px;text-align: center;min-height: 30px;}
.modal{z-index:9999 !important;}
.pa-8{padding:8px;}
.intro {color: #666666;font-size: 13px;margin-bottom: 8px;margin-top: -4px;}
.placeholderCont {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:9999;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;width:600px; margin:30px auto;box-shadow: 0 5px 15px rgba(0, 0, 0, .5);min-height:200px; height:400px;}
.ticketplaceholder{position:absolute;right: 0;top: 60px;width: 300px;background: #fff;box-shadow: 0 0 4px #d3d3d3;z-index: 99;}
.ticketplaceholder.decplaceholder{top:220px;right:50px;}
.day-list {margin: 20px 10px 30px 0;}
.align-items--center {align-items: center;}
.cursor-pointer {cursor: pointer;}
.text-align--center {text-align: center;}
.element-inline {display: inline-block;}
.mr-10{margin-right:10px;}
.text--verylightgrey, .ticket-details__item .created-time {color: #475867;}
.ml-12 {margin-left: 12px;}
.custom-objects__fields-card__item:not(:last-child)::after, .element-inline {display: inline-block;}
.day-list .day-label {background-color: #fff;height: 32px;border: 1px solid #ebeff3;border-radius: 20px;letter-spacing: 1px;box-shadow: 0 2px 3px 0 rgba(18,52,77,.06);}
.day-list .day-label__item {min-width: 56px;padding: 4px 12px;border-radius: 40px;background: transparent;border: none;outline: none;}
.day-list .day-label.selected {background-color: #e5f2fd;border: 1px solid #2c5cc5;color: #2c5cc5;}
.ma-4 {margin: 4px;}
.deletedate{display:none;}
#holidayTbl.table tr:hover .deletedate{display:block;}
.toggle-panel-content {border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;background: #f4f6f8;padding: 16px 25px 24px;width:100%; float:left;}
input:disabled + .slider.icon{background-color: #bfcae5;}
.overflow-detail1{overflow:auto;max-height:calc(100vh - 310px); overflow-x:hidden;}
.width120{width:120px;}
.width140{width:140px;}
.width200{width:200px;}

/*Email Css Start Here*/
.email-mailboxes_custom_items {margin-bottom: 50px;display: flex;width: 450px;height: 100px;}
.email-mailboxes_custom_items_container {height: 96px;width: 96px;border: 2px solid #ebeff3;border-radius: 4px 6px 4px 4px;margin-right: 50px;
vertical-align: middle;}
.email-mailboxes_custom_items_container_data {height: 96px;width: 80px;}
.email-mailboxes_custom_items_image_container {height: 100px;}
.email-mailboxes_custom_items_image_container .app-icon--small {width: 45px;height: 45px;left: 23px;top: 24px;}
.email-mailboxes_custom_items_image_container .app-icon--small:last-child {fill: #475867;}
.email-mailboxes_custom_items_image_label {text-align: center;width: 96px;}
.email-mailboxes_custom_items .active {border-color: #2c5cc5;}
.email-mailboxes .help-block {font-size: 12px;color: #475867;}
.tag--good, .tag--new {background-color: #e0f5f0;color: #007958;border: 1px solid #b4e5d9;}
.primary-bg {background-color: #2c5cc5;}
.text--white {color: #fff;}
.pb-3 {padding-bottom: 3px;}
.pt-3 {padding-top: 3px;}
.pr-6 {padding-right: 6px;}
.pr-20 {padding-right: 20px;}
.pl-6 {padding-left: 6px;}
.portal-btn {visibility: hidden;}
.dataTables_wrapper > .datatable__table .datatable__body .datatable__row:hover .portal-btn {visibility: visible;}
.logo-bg {border: 1px dotted #d2d2d2;box-shadow: 0 2px 5px 0 rgba(22,29,37,.05), 0 0 1px 0 rgba(24,50,71,.3);border-radius: 3px;padding: 4px;
background: #e0e0e0;border: 1px solid #d2d2d2;height: 45px;width: 45px;background: 0 0;}
.logoPreview {height: 100%;width: 100%;max-height: 45px;max-width: 45px;font-size: 10px;}
.portal_module_container {box-shadow: 0 2px 4px rgba(18,52,77,.06);border: 1px solid #ebeff3;border-radius: 4px;}
.portal-branding {width: 28%;}
.ml-20 {margin-left: 20px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {padding: 5px 0.829rem !important;font-size: 14px;line-height: normal;}
select2-container--default .select2-selection--multiple .select2-selection__choice__remove {display: inline-block;margin-right: 0.2145rem;font-weight: 500;color: #999;cursor: pointer;font-size: 18px;float: left;line-height: normal;padding: 0px;margin: 0 10px 0 0;}
.tag--draft {background-color: #f3f5f7;border: 1px solid #d4dce3;color: #475867;white-space: nowrap;}
#filterdiv .filterdivBody{width: 100%;padding: 10px 15px;background: #fff;border-radius: 4px;overflow: auto;max-height: calc(100vh - 220px);}
.text--semibold{font-weight:500;}

.ellipsisText{width:50%;}
.sidenavlead.add_article_cont{width:85%;}
.articleCont{width:60%;float:left;padding:8px; background:#f7f7f7;}
.sidebarDiv{width:38%;margin-left:10px;border:1px solid #e3e3e3;min-height:200px; float:left;padding:8px; position:sticky;top:0px; overflow:auto;max-height:425px;}
#accordion-1 .panel-body {padding-left: 10px;/*min-height: 20vh;*/}
.panel-title > a {display: block;position: relative;}
.panel-title > a:after {content: "\f078"; /* fa-chevron-down */
font-family: 'FontAwesome';position: absolute;right: 0;}
.panel-title > a[aria-expanded="true"]:after {content: "\f077"; /* fa-chevron-up */}
.panel-title > a:hover, .panel-title > a:focus{text-decoration:none;}
.article-templates-widget {max-height: 205px;overflow-y: auto;}
.article-templates-widget .article-template {margin: 3px 0;padding: 7px;border-radius: 4px;cursor: pointer;display: flex;}
.article-templates-widget .article-template:hover {background-color: #ebeff3;}
.article-templates-widget .article-template .title {width: 100%;line-height: 2em;min-height:40px;}
.kbase-widget-container .widget-sidebar__widgets .widget-item .text--semibold {word-wrap: break-word;}
.article-templates-widget .article-template--insert {display: none;margin-left: 5px;border-radius: 5px;padding: 0 2px;}
.article-templates-widget .article-template:hover .article-template--insert {display: block;}
.hint--bottom-left:before {margin-top: -11px;left: calc(50% - 6px);}
.hint--bottom-left::before, .hint--bottom-right::before, .hint--bottom::before {border-bottom-color: #183247;}
.hint--bottom-left:after, .hint--bottom-left:before {top: 100%;left: 50%;}
.boxshadow {box-shadow: 0 0 6px #858585;}
.action-btn-slide .dropdown-toggle {top: 0px;}

/*Email Css End Here*/
/*Social Media CSS Start Here*/
.pagearea {min-height: 500px;position: relative;padding: 20px 40px;margin:0px;background:#fff;}
.lead {margin-bottom: 16px;font-size: 21px;font-weight: 200;line-height: 24px;}
.ui-form {list-style: none;zoom: 1;border-radius: 6px;padding: 6px 0 12px 0;position: relative;border: 1px solid #E4E4E4;background-color: #F8F8F8; float:left;}
.ui-form li {padding: 8px 2% 8px 2%;margin: 0;float: left;width: 96%;}
.ui-form .inline-field {padding-top: 8px;}
.admin_help_image {margin: 30px 0 30px 30px;overflow: hidden;zoom: 1;}
.row-fluid {width: 100%;}
.row-fluid [class*="span"] {display: block;width: 100%;min-height: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
float: left;margin-left: 2.12766%;}
.row-fluid .span4 {width: 28.91489%;}
.admin_help_image .help_image {float: left;}
.row-fluid .span8 {width: 65.95745%;}
.title {padding: 5px 0px;margin:0 0 10px;}h2.title {font-size: 1.6em;}
.admin_help_image p.info-data {font-size: 15px;line-height: 26px;color: #888888;padding-right: 8%;margin: 0 0 8px;padding-bottom: 6px;}
#body-container .btn {font-size: 14px;border: 1px #dadfe3 solid;border-radius: 4px;outline: none;background: #f3f5f7;text-shadow: none;min-width: 0px;
text-align: center;letter-spacing: 0.3px;font-weight: 500;color: #183247;background-image: linear-gradient(to bottom, #fff, #f3f5f7);}
#body-container .btn-primary, #body-container .uiButton {background-color: #264966;border: 1px #12344d solid;color: #fff;letter-spacing: 0.3px;
font-weight: 500;background-image: linear-gradient(to bottom, #264966, #12344d);}
.sectionCount{color: black;position: absolute;right: 50px;min-width: 70px;padding: 0 6px;background: burlywood;font-size: 12px;top: 2px;}
/*Social Media CSS END Here*/
.pagesetting {position: fixed;right: 0px;top: 100px;z-index: 9;background: #fff;padding: 8px 15px 6px;border-radius: 8px 0 0 8px;box-shadow: 2px 2px 6px #333;display:none}
.pagesetting:hover{background:#62db30;}
.pagesetting a{color:#333; font-size:24px;}
.pagesetting a:hover, .pagesetting a:focus, .pagesetting a:visited{color:#333;text-decoration:none;}
.pagesetting:hover a{color:#fff;}
.settingDiv {position: absolute;right: 0px;z-index:99999;top:60px;background: #fff;padding: 20px 30px 20px 20px;box-shadow: -4px 4px 15px -6px #a9a9a9;width: 40%; border-radius:8px 0 0 8px;}
.closeSetting {float: right;position: absolute;right: 8px;top: 4px;font-size: 20px;}
.associateCont {min-height: 500px;position: relative;padding: 20px 10px;margin: 0px;}
.associateList {margin: 0;padding: 0px;width: 100%;}
.associate-inner {display: flex;margin:0 0 15px;padding:0 10px 10px;border-bottom: 1px solid #a3a3a3;width: 100%;}
.associateImg {width: 60px; margin: 0 20px 0 0;padding: 0;height: 60px;border: 1px solid #a8a8a8;border-radius: 8px;display: flex;}
.associateImg img {width: 100%;height: 100%;border-radius: 8px;}
.associate-cont {width: 96%;padding: 10px 0;display: flex;align-items: center;}
.associate-cont .leftcont{width:80%;}
.associate-cont .rightcont{width:19%;}
.associate-cont .leftcont h3{margin:0 0 5px; font-size:18px;}
.associate-cont .leftcont a{margin:0 0 0px; font-size:13px;}
.articleContainer {background: #fff;padding: 40px 20px;margin: 0px;width: 100%;display: block;float: left;}
.articleContainer h3{font-size:16px; font-weight:600; margin:0 0 10px; padding:0px; color:#12344d;}
.articleContainer p{font-size:14px; font-weight:400; margin:0 0 10px; padding:0px; color:#12344d; line-height:20px;}
.articleContainer .card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;
-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #ffffff;
background-clip: border-box;border-bottom: 2px solid #a9a9a9;border-radius: 0.85rem;box-shadow: 0px 1px 10px -4px #a9a9a9; margin-bottom:20px;}
.articleContainer img.articleImg {width: 250px;margin: 0px 0 20px 30px;padding: 0px; float:right; min-height:180px;}
.articleContainer img.popularImg {width: 80px;margin: 0px 20px 20px 0px;padding: 0px; float:left; min-height:60px;}
.popularcont {border-bottom: 1px dashed #8d8d8d; margin-bottom:10px;}
.popularcont h3{font-size:16px; font-weight:500; margin:0 0 5px; padding:0px; color:#12344d;}
.popularcont p{font-size:14px; font-weight:400; margin:0 0 5px; padding:0px; color:#12344d; line-height:normal;}
.tempIcons {background: #fff;padding: 8px;height:82px;width:82px;box-shadow:0 0 5px #cfd7df;margin: 0 5px 8px 0;text-align: center;
display: inline-block;}
.tempIcons span{width:100%; text-align:center; display:inline-block;font-size:12px;}
.child .previeDiv {display:none;}
.parent {float: left;margin-left: 0px;min-height: 200px;width: 100%;border: 0px solid #ccc;padding:8px;}
.child {height:auto;width:auto;background-color: #fff;float:left;}
.parent .child {width: 620px !important;background-color: #fff;margin-bottom:10px; height:auto !important; position:relative;}
.parent .child .previeDiv {display:block;border: 2px dashed #ccc;padding: 8px;}
.parent .child .tempIcons {display:none;}
.parent .child .previeDiv h3{margin:0px; padding:6px;}
.actionsDiv {float: right;background: #fcfcfc;padding: 0px;position: absolute;right: 2px;top: 2px;}
.actionsDiv a {padding: 2px 6px;box-shadow: 0 0 3px #c2c2c2;border-radius: 4px;margin: 0px 6px 0 0px;display: inline-block;background: #fff;
color: #302d63; font-size:16px;}
.actionsDiv a:hover{background:#ddeeff; color:#12344d; border-radius:100px;font-size: 16px;padding: 2px 6px; text-decoration: none;}
.ticket-main{position:relative;}
.scrollcont{position:absolute;right:0px;top:-40px;}
.upscroll{padding:4px 4px 4px 6px;background:#fff;margin-right:5px;border-radius:4px; border:1px solid #e3e3e3;position:fixed;bottom:20px;z-index:99;}
.downscroll {padding: 4px  6px;background: #fff;margin-right: 5px; border-radius:4px; border:1px solid #e3e3e3;}
 
.activityCont {width: 580px;min-height: 80vh;padding: 20px;margin: 0px 0 0px;border: 1px solid #e3e3e3;background: #fff;position: fixed;z-index: 999;overflow: auto;max-height: 80vh;overflow-x: hidden;right: 0;top: 110px; transition:transform .2s linear;box-shadow:0 0 10px #cdcdcd}
.activityCont.hideactivityCont{display:none;right:-590px;}
.closeactivityCont{position:absolute;right:5px;top:7px;float:right;}
.closeactivity a{background:#f5f5f5;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 0.6);} 
.closeactivity a:hover{background:#bcd4eb;padding:6px 8px;margin:0px; color:rgba(0, 0, 0, 1);}
.ticket-details__item {border-radius: 8px;margin-bottom: 16px;background-image: linear-gradient(#f5f7f9,#fffff9);position: relative;border: 1px solid #fff;}
.ticket-details__item__header {position: relative;min-height: 65px;padding: 12px 16px 16px;display: flex;}
.avatar-icon, .profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%;}
.activity-details {padding-left: 15px;}
.ticket-details__item .activity-details {margin-top: 0;}.text-list {margin: 5px 0;}
.text-list__item {padding-bottom: 5px;line-height: 1.5;color: #475867;}
.property-update {display: table-cell;}.ticket-details__item__content {padding: 0 16px 16px 48px;}
.ticket-details__item__content .text-content-wrapper {padding: 0 16px;overflow-x: auto;overflow-y: hidden;}
.ticket-details__item__activity .ticket-details__item__content .text-content-wrapper {padding-left: 18px;}
.mt-6 {margin-top: 6px;}
.avatar-icon--inline, .profilepic--inline {vertical-align: middle;}
.ml-16, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {
margin-left: 16px;}
.ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {display: flex;
min-width: 0;}
.justify-content--space-between, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.activities-conversation__deleted .activity-system-info, .ticket-details__item.ticket-details__item__activity .activity-info, .ticket-details__item.ticket-details__item__activity .activity-system-info {justify-content: space-between;}
.ticket-details__item.activities-conversation__deleted .conversation-capsule, .ticket-details__item.ticket-details__item__activity .conversation-capsule {
word-break: inherit;flex-shrink: 0;align-items: flex-start;}
.btn--capsule {background-color: #ebeff3;border: 1px solid #cfd7df;padding: 4px 12px;display: inline-block;color: #475867;border-radius: 12px;line-height: 1;
min-width: 70px;}.activityDiv{display:none;} 
/*Manage Ticket CSS Start Here*/
.ticket-details {transition: .2s linear;padding-bottom: 50px;box-shadow: 0 -1px 0 0 #f7f9f9;}
.content-widget, .page-content {right: 0;bottom: 0;top: 121px;padding: 10px;position: absolute;}
.content-widget {left: 64px;}.content-widget-wrap .content-widget {right: 50px;padding-top: 0;padding-bottom: 0;height: 100%;}
.content-widget .responsive {height: initial;max-width: 100%;}.responsive__left {height: 100%;position: absolute;left: 10px;right: 10px;}
.__page-layout__page-wrapper .content-sidebar-present {right: 260px;}.__module-tickets__ticket-details .responsive__left {left: 0;}
.__module-tickets__ticket-details .responsive__left .scroll-to-bottom {padding: 0;background-color: #fff;}
.__module-tickets__ticket-details .tickets-conversation-pane {height: calc(100vh - 121px);background: #fff;}
.max-width, .ticket-details__item.activities-conversation__deleted .activity-info, .ticket-details__item.ticket-details__item__activity .activity-info {width: 100%;}.ticket-details-header, .ticket-details-wrapper {background-color: #fff;}
.sticky-subject {position: sticky;position: -webkit-sticky;top: 51px;z-index: 3;}
.ticket-details-header, .ticket-details-wrapper {background-color: #fff;}.pt-12 {padding-top: 12px;}
.ticket-details-header .ticket-header-container {display: flex;justify-content: space-between;word-break: break-all;margin-left: 38px;}
.ticket-details-header .ticket-header-container .ticket-header {flex-grow: 1;}
.ticket-details-header .ticket-header-container .ticket-header .app-icon {flex-shrink: 0;}
.ticket-details-header .ticket-header-container .sentiment-ticket-heading, .ticket-details-header .ticket-header-container .ticket-subject-heading {
word-break: break-word;-ms-word-wrap: break-word;word-wrap: break-word;}
.ticket-details-header .ticket-header-container .sentiment-ticket-heading, .ticket-details-header .ticket-header-container .ticket-subject-heading {
margin: 0 12px 0 40px;vertical-align: bottom;-webkit-font-smoothing: antialiased;}
.text--large {font-size: 20px;}.ticket-details__item:hover .ticket-actions-container {opacity: 1;}
.ticket-details-header .ticket-header-container {display: flex;justify-content: space-between;word-break: break-all;margin-left: 38px;}
.ticket-details-header .ticket-header-container .ticket-header {flex-grow: 1;}.ticket-details-header .ticket-header-container .sentiment-ticket-heading,  .ticket-details-header .ticket-header-container .ticket-subject-heading {margin: 0 12px 0 20px;vertical-align: bottom;-webkit-font-smoothing: antialiased;}.ticket-created-info {margin-top: 4px;margin-left: 80px;}
.text--verylightgrey, .ticket-details__item .created-time {color: #475867;}
.ticket-details-header, .ticket-details-wrapper {background-color: #fff;}
.ticket-details-wrapper {padding: 12px 0px 24px;overflow: auto;max-height: calc(100vh - 110px);}
.__module-tickets__ticket-details__description {margin-bottom: 16px;border-radius: 8px;}
.ticket-details__item {border-radius: 8px;margin-bottom: 16px;background-image: linear-gradient(#f5f7f9,#f5f7f9);position: relative;border: 1px solid #fff;}
.ticket-details__requestor {background-image: linear-gradient(#fff,#fff);border-radius: 8px;}
.company-filter-form .app-form, .contact-filter-form .app-form, .ticket-description {margin-bottom: 0;}
/*.ticket-details__item {margin-bottom: 0;}*/
.activities-conversation, .activities-description {cursor: pointer;min-height: 65px;border: 1px solid #fff;}
.show-activities-conversation, .show-activities-description {cursor: pointer;}
.activities-conversation:hover, .activities-description:hover {border-color: #b0becb;}
.ticket-details__item .ticket-details__item__header .collapse-content-icon {display: flex;align-items: center;position: absolute;right: 20px;top: 25px;}
.ticket-details__item__header .app-icon-convo-wrap {position: absolute;z-index: 1;top: 70px;padding: 4px;border-radius: 50%;line-height: 0;left: 20px;}
.app-icon--dark-grey, .ticket-details__item__header .app-icon-convo-wrap .app-icon {fill: #647a8e;}.ticket-description .tkt-details-avatar {top: 18px;}
.avatar-icon.avatar-icon--medium-secondary {width: 32px;height: 32px;}
.avatar-icon.avatar-icon--circle {border-radius: 100%;}.avatar__initial--7 {background-color: #fff4a8;}
.avatar-icon.avatar-icon--circle .avatar-block {border-radius: 6px;}
.avatar__initial--1, .avatar__initial--2, .avatar__initial--3, .avatar__initial--4, .avatar__initial--5, .avatar__initial--6, .avatar__initial--7, .avatar__initial--8 {box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);color: rgba(0,0,0,.3);}
.avatar__initial--icon-wrapper {text-transform: uppercase;position: absolute;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;fill: #fff;
font-weight: 500;}.ticket-details__item .desc-info {display: flex;width: 100%;justify-content: space-between;}
.ticket-details__item .mail-details {text-align: left;margin: 0;padding: 0 16px;width: 100%;}
.dropdown-recent-ticket__item, .text__content {color: #183247;margin: 0;padding: 0;}
.text--default, .text--xxsmall {font-size: 14px;}.pb-4, .ticket-details__item .sender-info {padding-bottom: 4px;}
.text--xsmall, .ticket-details__item .created-time {font-size: 12px;}.text--italic, .ticket-details__item .created-time {font-style: italic;}
.text--normal, .ticket-details__item .created-time {font-weight: 400;}.text--verylightgrey, .ticket-details__item .created-time {color: #475867;}
.ticket-details__item .created-time {position: relative;}
.ticket-details__item .ticket-actions-container {position: absolute;background-color: #fff;border-radius: 8px;box-shadow: 0 0 4px 0;color: #cfd7df;opacity: 0;
right: 16px;z-index: 2;line-height: 0;font-size: 0;top: 16px;transition: .2s ease-in;}
.ticket-details__requestor .ticket-actions-container {color: #bbdcfe;}
.ticket-details__item .ticket-actions-container .ticket-actions {width: 32px;height: 32px;position: relative;display: inline-block;padding: 9px 0;
border: 1px solid #cfd7df;border-radius: 0;}
.ticket-details__requestor .ticket-actions-container .ticket-actions {border-color: #bbdcfe;}
.ticket-details__item .ticket-actions-container .ticket-actions:first-child {border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.flex-direction--column {flex-direction: column;}.convo-with-icon {position: relative;}.ml-15 {margin-left: 15px;}.mb-14 {margin-bottom: 14px;}
.admin-url-container, .pull-left, .ticket-details__item .emails-wrapper {float: left !important;}.mr-12, .ticket-details__item .emails-wrapper {margin-right: 12px;}.__ui-components__emails-info {width: 100%;display: inline-block;}
.text--dark {color: #183247;}.__ui-components__emails-info .info-left, .__ui-components__emails-info .info-right {float: left;}
.__ui-components__emails-info .display_emails {margin-left: 4px;}.ticket-details__privatenote {background-image: linear-gradient(#fef1e1,#fef1e1);}
.ticket-details__item .threads-divider {border-top: solid 1px #d5dee6;width: 96%;}.center {margin: 0 auto;}
.collab-container .anchored-threads__view-thread {padding: 16px 65px;}.text--xsmall, .ticket-details__item .created-time {font-size: 12px;}
.reply-bar-wrapper {bottom: 10px;width: 100%;position: relative;text-align: center;margin-top: 10px;}
.ticket-details__privatenote .threads-divider {border-top: solid 1px #fcdab0;width: 96%;}
.reply-bar {border-radius: 8px;background-color: #f5f7f9;list-style: none;text-align: left;padding: 10px 16px;display: flex;align-items: center;
width: 100%;}.mr-16 {margin-right: 16px;}
.avatar-icon, .profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%;}
.avatar-icon, .avatar__initial {display: inline-block;text-align: center;}.avatar-icon {position: relative;}
.avatar-icon.avatar-icon--medium-secondary {width: 32px;height: 32px;}
.avatar-icon.avatar-icon--circle {border-radius: 100%;}.reply-bar-top, .reply-bar__item {display: inline-block;}.reply-bar__item {margin-right: 4px;}
.card__item--active .app-checkbox-label, .card__item:hover .app-checkbox-label, .requester-hover, .requester-hover .ember-basic-dropdown-trigger {
display: inline-block;}.ticket-details__item .user {font-weight: 600;color: #2c5cc5;}.ticket-description .ticket-details__item__content {border-top: 1px solid #fff;}.activities-description .ticket-details__item__content {display: block;}.nucleus-icon--small {width: 12px;height: 12px;}
.app-icon--regular {width: 16px;height: 16px;}.ticket-details__item .mail-details .conversation-info-text {display: flex;flex-wrap: wrap;}
.pb-4, .ticket-details__item .sender-info {padding-bottom: 4px;}.__module-tickets__ticket-details .show-activities-conversation, .__module-tickets__ticket-details .show-activities-description {cursor: pointer;}.ticket-note-typography blockquote {border-left: 1px dotted #999;padding: 0 15px;margin: 10px 0 15px;
font-size: inherit;}.ticket-note-typography .freshdesk_quote blockquote {overflow-x: auto;}
.__module-tickets__ticket-details__conversation__quoted-content .freshdesk_quote blockquote {border-left: 1px dotted #999;} 
/*Manage Ticket CSS End Here*/
#tblcontact1_wrapper.dataTables_wrapper .datatable__body{overflow:auto;max-height:56vh;}
/*#tblTicket_wrapper.dataTables_wrapper .datatable__body{overflow:auto;max-height:56vh;}*/
.popover-content {overflow: auto;max-height: 100px}
#tblcontact_wrapper .dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .open > .dropdown-menu a {
	padding: 6px 10px;}
#tblcontact_wrapper1 .dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .open > .dropdown-menu a {
    padding: 6px 10px;}
#tblcontact_wrapper1 .dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .open > .dropdown-menu.pull-right {right:0 !important}
#tblcontact_wrapper .dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .open > .dropdown-menu.pull-right {right:0 !important}
.pl-20{padding-left:20px !important; }
.txt-center{text-align:center !important;}
.dataTables_wrapper > .datatable__table .datatable__head .datatable__row .datatable__cell.txt-center {text-align: center !important;}
.list-li {display: none;}
.breadcrumb-item.details-li {display: none;}
.hideactionbtn{display:none;}
.detail-pagination {margin-left: 6px;float: right;margin-top: -2px;}
.resource-pagination {font-size: 0;margin-top: 1px;}
.resource-pagination .pgn {width: 32px;height: 32px;text-align: center;cursor: pointer;border: 1px solid #cfd7df;background-image: linear-gradient(to bottom,#fff,#f3f5f7);}
.resource-pagination .pgn-previous {border-radius: 4px 0 0 4px;}
.resource-pagination .pgn--disabled {cursor: not-allowed;background-image: none;background-color: #f3f5f7;}
.resource-pagination .pgn--disabled .app-icon, .resource-pagination .pgn--disabled:hover .app-icon {fill: #d3dbda;}
.resource-pagination .resource-list {position: relative;display: inline-block;}
.ember-basic-dropdown {position: relative;float: left;}
.resource-pagination .pgn-list {border-radius: 0;position: relative;top: 1px;border-left-width: 0;border-right-width: 0;width: 32px;height: 32px;}
.app-icon--smallsecondary {width: 15px;height: 15px;}
.resource-pagination .pgn-next {border-radius: 0 4px 4px 0;}

.ember-basic-dropdown-content {position: absolute;width: auto;z-index: 1000;background-color: #fff;}
.ember-basic-dropdown-content--right {right: 0;}
.ember-basic-dropdown-content--above, .ember-basic-dropdown-content--below, .ember-basic-dropdown-content--in-place {min-width: 160px;z-index: 1000;}
.bs-dropdown.ember-basic-dropdown-content {border: none;}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;float: left;min-width: 160px;margin: 2px 0 0;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;width:100%;}
.dropdown-menu-right, .dropdown-menu.pull-right {left: auto;right: 0;}
.dropdown-pointer-left, .dropdown-pointer-right {position: absolute;background: #fff;border: 1px solid #cfd7df;top: 35px;}
.mini-list {top: 5px;right: -35px;padding: 0;min-height: 250px;}
.bs-dropdown.ember-basic-dropdown-content>.dropdown-menu, .open>.dropdown-menu {display: block;}
.dropdown-pointer-left::after, .dropdown-pointer-left::before, .dropdown-pointer-right::after, .dropdown-pointer-right::before {bottom: 100%;
border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.dropdown-pointer-left::before, .dropdown-pointer-right::before {border-color: rgba(229,229,229,0);border-bottom-color: #cfd7df;right: 6px;border-width: 7px;
margin-left: -7px;}
.mini-list::before {right: 46px;}
.mini-list-title {font-size: 14px;padding: 12px 15px;border-bottom: 1px #ebeff3 solid;}
.app-dropdown {padding: 10px;max-width: 480px;border-radius: 4px;z-index: 1000;min-width: 160px;list-style: none;text-align: left;}
.app-dropdown-plain {padding: 20px;min-width: 200px;}
.dropdown-recent-ticket {width: 430px;padding: 0;max-height: 480px;overflow-y: auto;}
.mini-list .app-dropdown {box-shadow: none;padding: 10px 10px 0;background-color: #ebeff3;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
 
.dropdown-recent-ticket__item {display: block;border-radius: 2px;min-height: inherit;cursor: pointer;padding: 9px 12px 10px;margin-bottom: 10px;}
.dropdown-recent-ticket__item--selected {background-color: #fffef7;}
.dropdown-recent-ticket__item:last-child {border-bottom: none;}
.list-check-wrap, .list-content-wrap {display: table-cell;vertical-align: middle;}.dropdown-recent-ticket .list-check-wrap {width: 44px;height: auto;}
.list-check-wrap .app-user-photo {position: relative;top: 0;margin-left: 28px;}
.dropdown-recent-ticket .list-check-wrap .app-user-photo, .dropdown-recent-ticket .list-content-wrap .app-user-photo {margin-left: 0;}
.avatar-icon.avatar-icon--medium {width: 30px;height: 30px;}.avatar-icon.avatar-icon--circle {border-radius: 100%;}
.avatar-icon {position: relative;}
.avatar-icon, .avatar__initial {display: inline-block;text-align: center;}
.avatar-icon__img, .profilepic__img {border-radius: 4px;max-width: 100%;height: 100%;}
.list-check-wrap, .list-content-wrap {display: table-cell;vertical-align: middle;}.list-content-wrap {padding-left: 16px;}
.mini-list .list-content-wrap {width: 344px;padding-left: 0;position: relative;}
.ticket-tag-wrap {width: 100%;padding-bottom: 6px;}.ticket-tag-wrap .status-tag-wrap {float: left;}.ticket-tag-wrap .tag {display: inline;padding: 0 4px 1px;
margin-right: 4px;}
.tag {border-radius: 4px;padding: 2px 10px;color: #848b99;font-size: 12px;font-weight: 500;}
.tag--beta, .tag--elapsed, .tag--nextresponsedue, .tag--overdue, .tag--poor {background-color: #ffecf0;color: #c82124;border: 1px solid #ffd0d6;}
.mini-list-subject {display: inline-block;color: #183247;}
.mini-list .mini-list-subject {font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.mini-list-subject {display: inline-block;color: #183247;}
.text__infotext {font-size: 13px;color: #6f7c87;}
.list-priority {float: right;text-align: right;color: #12344d;}
.mini-list .list-content-wrap .list-priority {position: absolute;top: 0;right: 0;}
.mini-list .dropdown-recent-ticket__item {display: block;border-radius: 2px;min-height: inherit;cursor: pointer;padding: 9px 12px 10px;margin-bottom: 10px;}
.tickets__list--high, .tickets__list--low, .tickets__list--medium, .tickets__list--urgent {border-radius: 2px;display: inline-block;width: 8px;height: 8px;}
.tickets__list--low {background-color: #a0d76a;}
.tickets__list--medium {background-color: #4da1ff;}
.tickets__list--high {background-color: #ffd012;}
.tickets__list--urgent {background-color: #ff5959;}
.tickets__list--default {background-color: #6f7c87;}
.list-check-wrap, .list-content-wrap {display: table-cell;vertical-align: middle;} 
.mini-list-subject {display: inline-block;color: #183247;}
.page-nation{float:left;padding:0px;margin:0px;}
.pagination {display: inline-block;padding-left: 0;margin: 0px 0;border-radius: 4px;}
.paginationjs-pages {float: left;}
.pagination > li > a, .pagination > li > span{padding: 2px 6px;}
.paginationjs-go-input, .paginationjs-go-button{margin-left: 4px;float: left;font-size: 12px;}
.paginationjs-go-input > input[type=text] {background: #fff;border-radius: 3px;border: 1px solid #aaa;padding: 0;font-size: 12px;text-align: center;
vertical-align: baseline;outline: 0;box-shadow: none;box-sizing: initial;width: 24px;height: 24px;}
.paginationjs-go-button > input[type=button] {background: #fff;border-radius: 3px;border: 1px solid #aaa;text-align: center;padding: 0 8px;
font-size: 14px;vertical-align: baseline;outline: 0;box-shadow: none;color: #333;cursor: pointer;vertical-align: middle\9;min-width: 26px;
height: 26px;line-height: 25px;padding: 0 6px;}
#accordion .filterdiv{background:#fff;padding:0px 0px;margin:0px;width:100%;display:block;float:left;position: relative;top:0px;right:0px;}
.remarksDiv{padding:0px;margin: 0px;font-size:13px;color:#12344d;}
.remarksleft {color: #12344d;display: inline-block;}
.remarkstitle {background: #f6f8f9;padding: 2px 4px;color: #12344d;display: inline-block;margin-right: 4px;}
.remarkstitle img {width: 18px;}
.agentImg{width:24px;height:24px;background:#fcf1f1;padding:4px 2px 0;margin-right:4px;border-radius:4px;color: chocolate;text-align:center;float:left;}
.userImg{width:24px;height:24px;background:#d2e8f1;padding:4px 2px 0;margin-right:4px;border-radius:40px;color: chocolate;text-align:center;float:left;}
#tblTicket .tickets__list .editTicket{display:none;position: absolute;right: 10px;top:10px;z-index:9;}
#tblTicket .tickets__list:hover .editTicket{display:block;}
.applied-filterbox {width:100%; float:left;padding:0px;margin-bottom:10px;}
.filterbox-inner{border:1px solid #c3c3c3; border-radius:6px; padding:4px 8px;display:inline-block; margin:0 5px 8px 0;background:#fff;}
.filterTitle{font-size:13px; color:#12344d; font-weight:300;}
.filterbox-inner a{color:#ebeff3;}
.filterbox-inner:hover a{color:#525b53;}
.andOrDiv {display: inline-block;margin: 0 4px 0 0;}
.ticket-activity__item{border-radius: 8px;background-image: linear-gradient(#f5f7f9, #f5f7f9);width: 60%;margin: 0 0 60px;text-align: left;padding: 8px;position: relative;left:6%;}
.activity-time{position:absolute;left:0%;top:40px;font-size: 12px;font-style: italic;}
#activity-container .activity-time{position:relative;left:0%;top:0px;font-size: 12px;font-style: italic;}
#activity-container .ticket-activity__item{margin:0 0 30px;display:inline-block;}
/*.ticket-activity__item:after {content:'';position:absolute;left:-6%;top:25px; border-left:1px dashed #acacac;min-height:80px;}*/
.activity-dot{background:#dcefff; width:18px;height:18px;border-radius:20px;float: left;position: absolute;left: -30px;border: 1px solid #acacac;
line-height: 16px;font-size: 12px;text-align:center;}
.tktFilter {position: fixed;width: 300px;box-shadow: 0 5px 10px #999;background: #fff;z-index: 9;padding: 10px 0px 20px 0px;left: 0;top: 50px;height: 100%;}
.tktFilter ul{list-style:none; margin:0px; padding:0px 0 0 20px; overflow:auto;max-height:calc(100vh - 90px);}
.tktFilter ul li{display:list-item; list-style:disc; padding:6px 0; margin:0 0 6px;}
.tktFilter ul li a{color:#12344d;padding:0px; margin:0 0px; font-size:13px; font-weight:400;text-decoration:none;}
.closeTktFilter {float: right;position: absolute;right: 15px;top: 10px;}
.predefined-title{box-shadow:0 1px 5px -4px #9c9c9c; font-size:14px; font-weight:500;color:#12344d; padding:6px;}
.closeTktFilter .fa-times{font-size:15px;}
.subjecttext{max-width: 48vw;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;}
.customtags {float: right;background: antiquewhite;padding: 2px 6px;margin-right: 20px;font-size:13px;color:#12344d;}
.list-filterAction{display:none; position:absolute;top:-15px;right:2px;}
.tickets__list .list-content:hover .list-filterAction{display:block;}
.agentcount {background: #f1fafa;padding: 8px;margin: 10px 0 0;display: block;border-radius: 6px;}
.predefined-userImg {width: 24px;height: 24px;background: #e5e5e5;padding: 4px 2px;margin-right: 4px;border-radius: 40px;
color: chocolate;text-align: center;float: left;margin-top: 12px;}
.userdefined-userImg {width: 24px;height: 24px;background: #ffd012;padding: 4px 2px;margin-right: 4px;border-radius: 40px;
color: chocolate;text-align: center;float: left;margin-top: 12px;}
.predefined-userImg img, .userdefined-userImg img{width:100%;height:100%;}
.red-text{color:red}
.h380{min-height:380px;}
.h380 .section-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mergeCont {width: 100%;min-height: 92px;border-radius: 2px;background-color: #fff;box-shadow: 0 1px 5px 0 #b7b9bb;display: table;margin: 0 0 20px;box-sizing: border-box;cursor: auto;position:relative;padding:8px;}
.chckdiv {position:absolute;left:-5px;top:-5px; z-index:1;}
.mergeRight{float:right;width:90%;}
.mergeCont .profilepic {color: #fff;display: inline-block;position: relative;text-align: center;border-radius: 10%;margin: 0px;width: 60px;
height: 60px;}
.mergestatus {padding: 4px 0px 0px;width: 100%;float: left;margin:6px 0 0px;border-top: 1px dashed #696969;}
.mergestatusHead {padding: 4px 0px 8px;width: 100%;float: left;margin:0px 0 4px;border-bottom: 1px dashed #696969;}
.mergestatus .assignto .assign-icon {width: 18px;fill: #12344d;height: 18px;display: inline-block;float: left;margin-top: 4px;margin-right: 4px;}
.mergestatus .assignto .assign-icon svg{width:20px; height:20px;}
.closetkt {width: 20px;float: left;height: 20px;background: #ff5959;text-align: center;color: #fff;padding: 0 4px;border-radius: 3px;}
.font15{font-size:15px;}
.width85{width:85%;}
.mergeCont .secondary-custom {fill: #cfd7df;width:22px;height:22px;}
.mergeCont .secondary-custom:hover {fill: #081824;transition: .2s easein;}
.mergeCont .primary-mark {width: 30px;position: absolute;cursor: pointer;top:8px;right: 6px;}
.primarytext{font-size:11px; color:#183247;position: relative;right: 9px;top: -4px;}
.primary-mark:hover .primarytext {display: block;}
.primary-mark.primaryactive .secondary-custom {fill: #183247;}

.mergeMainSelected {padding-left: 20px; margin-left: 15px;position: relative;}
.mergeMainSelected::before{content:'';position:absolute;left: -3px;border-left: 2px dashed #cdcdcd;top: -20px;height: 90%;width: 1px;}
.mergeMainSelected .mergeCont::before{content:'';position:absolute;left: -28px;background:#cdcdcd; top: 50px;height: 15px; width: 15px;border-radius:50px;}
.notesCont.editMergeNoteDiv{position:absolute;right:6px;top:4%;z-index:99999; width:64%;}
.panel-body.pt-0{padding-top:0px !important;min-height:initial !important}
.bannercont .section-content{overflow:auto;max-height:230px;}
.knowledgeCont .section-content {overflow:auto;max-height:150px;}
.sectionvisible{position: absolute;top: 0px;left: 0px;width: 30px;height: 30px;background: aliceblue;border-radius: 4px;padding: 0px 4px 4px;}
.sectionhide{position: absolute;top: 50px;right: 20px;width: 30px;height: 30px;background: aliceblue;border-radius: 4px;padding: 0px 4px 4px; z-index:9}
.bannercont .sectionhide{position: absolute;top: 50px;right: 20%;width: 30px;height: 30px;background: aliceblue;border-radius: 4px;padding: 0px 4px 4px;z-index:9}
.overviewCont .sectionhide{right:35px;}
.knowledge_text:hover .sectionhide {display: block;}
.autocomplete-list {position: absolute;top: 100%;width: 100%;background: #fff;box-shadow: 0 0 10px -4px #292929;padding: 0px;z-index:9999;overflow: auto;
max-height: 220px;border: 1px solid #c2c2c2;}
.list-item {display: block;padding: 8px;margin: 0;border-bottom: 1px solid #c9c9c9;}
.contactbox{width:100%; float:left;text-align:left;}
.conthead {float:left;}
.contnumber {width:75%; float:left;}
.text-dark-muted{color:#6f7c87;}
.text-muted{color:#a8acae;}
.chcbtnkdiv {position: absolute;right: 15px;top: 15px;z-index: 1;}
.reqName{font-size:16px; font-weight:500;margin:8px 0;padding:0px; color:#475867;}
.dropdown-menu.show{overflow:auto;max-height:40vh;}
.dropdown-menu.show a h1{font-size:30px}
.dropdown-menu.show a h2{font-size:24px}
.dropdown-menu.show a h3{font-size:22px}
.formListCont {width: 100%;min-height: 92px;border-radius: 2px;background-color: #fff;box-shadow: 0 1px 5px 0 #b7b9bb;display: table;margin: 0 0 20px;
box-sizing: border-box;cursor: auto;position: relative;padding: 8px;}
.img24{width:24px;}
.statusbox {background: azure;padding: 2px 10px;text-transform: uppercase;color: #333;border-radius: 4px;border: 1px solid #dedede;font-size: 15px;font-weight: 500;float: left;}
.lightOrange{background:#ffd012;color:#a58400;}
.lightgreen{background:#c1ffc1;color:darkgreen;}
.lightred{background:#ffc1c1;color:#8b0000;}
.lightgrey{background-color:lightgray;color:#475867;}
.unreadbox {background:#f7f8f7;} 
.description-text {
    display: inline;
}
.full-description {
    display: none;
}
.more-link {
    color: #007bff;
    cursor: pointer;
}
.list-item-search{width:100%;padding:10px 20px; float:left;}
.sourcticket{position:sticky;top:-10px; left:0px;width:100%;padding:8px 10px;}

.list-item-search{width:100%;padding:10px 20px; float:left;}
.sourcticket{position:sticky;top:-10px; left:0px;width:100%;padding:8px 10px;}
.searchboxCont {width: 68%;position: absolute;top: 46px;left: 30%;background: #ffffff;padding:15px 10px;margin: 0px;min-height: 100px;border-radius: 10px 10px 10px 10px;box-shadow: 1px 5px 18px -6px #121212; max-height:300px;overflow:auto;transition:30.4s ease-in-out ;}
.searchboxCont h5{font-size:14px; font-weight:500; color:#183247;margin:0 0 6px; padding:0px;}
.searchboxCont ul{margin:0px;padding:0px;list-style:none;}
.searchboxCont ul li{display:block;margin:0 0 3px;padding:8px 15px 8px 5px;font-size:13px;border-bottom:1px solid #dedede;}
.searchboxCont ul li a{text-decoration:none;padding:0px;color:#12344d;font-weight:400;}
.searchboxCont ul li:hover{background:#f3f5f7;}
.searchboxCont ul li a:hover{text-decoration:none;color:#475867;}
.width0{width:0px;display:none;}
.searchbox {float: left;margin: 20px 20px 0;position: relative;}
.virtualCont{width:100%;padding:0px; display:table;float:left;margin:0 0 20px;}
.virtualHead {border-bottom: 2px solid #e8e8e8;display: table;width: 100%;background-color: #e1e8ed;border-radius: 6px 6px 0 0;}
.virtualHead h3{font-size:16px; font-weight:500;color:#323232;margin:5px;padding:10px;}
.virtualCont-inner{padding:10px;margin:0px;border:1px solid #cfd7df;width:100%;display:block;}
.virtualCont-inner p{margin:0px; padding:0px; font-size:14px; color:#898989;}
.editCont {position: absolute;right: 200px;top: 10px;z-index: 2;}
.editCont a{color:#12344d;}
.tooltipcont {position:relative;left:5px;top:-2px;z-index: 2;float:right;}
.tooltip-bottom{top:25px;right:0px;width:250px;}
.tooltipcont .tooltiptext{text-align:left;}
.tooltipcont .tooltip{border:none;}
.tooltipcont img{width:16px}
.width35{width:35%;}
.width38{width:38%;}
.width45{width:45%;}
.verifiedLabel {background: #fff;text-align: center;padding: 8px 16px;margin:0 15px;float: left; box-shadow:0 0 6px -3px #393939;}
.bgSuccess {background: #5cb85c !important;color:#fff;}
.Additionalfields{border-bottom:1px dashed #a3a3a3;width:100%;padding:2px 0 4px; margin:0 0 10px 0;float:left}

/*AI LEAD SUMMARY CSS START*/
a{cursor:pointer;}
.reviewbox {padding: 10px;margin: 8px 0 0 0px; width: 100%; float: left;background: #fcfcfa; box-shadow: 2px 2px 10px -5px #a8a8a8;overflow: auto; max-height: 130px;position:relative;}
.reviewbox h3 {font-size: 16px;font-weight: 500;color: #3e3e3e;  margin: 0 0 8px;padding: 0px;border: none; }
.reviewbox p { font-size: 13px;font-weight: 300; color: #3e3e3e;margin: 0 0 8px;}
.reviewbox a { color: #2a4a76; margin: 0 4px 0 0;  padding: 0px; text-decoration: none;}
.reviewbox a:hover { text-decoration: none; color: #03a9f4; }
.reviewbox h3 .tooltip .tooltiptext::after {content: ""; position: absolute;bottom: 80%; left: -10%; margin-left: 0px; border-width: 8px;border-style: solid; border-color: transparent black transparent transparent;}
.reviewbox h3 .tooltip img { width: 16px;}
.reviewbox h3 .tooltip {border: none;}
.jumpimg { animation: jump 1s infinite;}
@keyframes jump { 0%, 100% { transform: translateY(0px);}
	50% {transform: translateY(-10px);}}
.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 150px;
    background-color: #2c3e50;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
    font-size: 13px
}
/*AI LEAD SUMMARY CSS END*/
.content-filter {width: 40px;height: 40px;margin-left: 4px;float: left;}
.content-filter .panel-group {width: 38px;z-index: 100; float: left;margin: 0;z-index: 9;position: relative;}
.content-filter .panel-heading {width: 38px;padding: 0px 0px 0px !important; background: #ffffff !important;}
.content-filter .panel-heading:hover {background: #ede6e6 !important;}
.content-filter .panel-title {height: 34px;margin: 0 !important;padding: 2px 2px !important;}
.content-filter .panel-title a {float: right;text-decoration: none;padding: 6px 6px;margin: 0px 0px;text-align: center;}
.content-filter .panel-body {min-height: auto;padding: 0px;width:280px;z-index:9;overflow:visible;}
.content-filter .panel-bodyInner {width: 260px;padding: 0px 0px 0px 0px;margin: 0px 0px;float: left;position: relative;right: 0px;top:0%;
transform-origin: right bottom;}
.content-filter .panel-title img {width: 22px;height: 22px;}
.content-filter .panel-title img.w34 {width: 28px;height: 28px;}
.content-filter .panel-collapse {border: 1px solid #e1e1e1;}
.open > .dropdown-menu{max-height:250px !important; overflow:visible !important;}
.inner.open{max-height:120px !important;}
#columnDiv .panel-title > a:after {display: none;}
#tblTickettableView.datatable__table {
    overflow: auto;
    display: block;
    width: 100% !important;
    background-color: #fff;
    border-radius: 4px;
    min-height: 74vh;
    margin: 0 0 10px !important;
    max-height:calc(100vh - 120px);
}
#tblTickettableView.datatable__table .datatable__head {position: sticky !important;top: 0px;background: #fff;z-index: 4;padding: 8px 0 0;}
#tblTickettableView.datatable__table .datatable__head .datatable__row {border-bottom: 2px solid #e8e8e8;display: table;table-layout: initial;width: 100%;background-color:#e1e8ed;border-radius:6px 6px 0 0;}
#tblTickettableView.datatable__table .datatable__head .datatable__row .datatable__cell {
    padding: 10px 10px 10px;
    vertical-align: middle;
    font-size: 14px;
    display: table-cell;
    font-weight: bold;
    text-align: left !important;
    background: none;
    border: none;
    white-space: nowrap;
    font-size: 12px;
}
#tblTickettableView.datatable__table .datatable__head, #tblTickettableView.datatable__table .datatable__body {visibility: visible;display: block;position: relative;}
#tblTickettableView.datatable__table .datatable__body .datatable__row {border-bottom: 1px solid #f0f3ff;display: table;table-layout: initial;width: 100%;}
#tblTickettableView.datatable__table .datatable__body .datatable__row .datatable__cell {white-space: nowrap;font-size: 12px;padding: 10px 10px;vertical-align: middle; display: table-cell;font-weight: 400;text-align: left !important;background: none;border: none;word-break: break-all;}
.width150 {width:150px;}
.aiDiv{background:#fff;padding:8px;display:inline-block;margin: 0 0 10px;border-radius: 6px;}
.bootstrap-select .dropdown-menu li a{
    position:relative;
}


#tblTickettableView.datatable__table .datatable__body .datatable__row .datatable__cell a {
    color: #444444
}


.open > .dropdown-menu a{font-size:13px;}
.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell .open > .dropdown-menu:before {
content: '';
width: 0;
height: 0;
border-right: 5px solid transparent !important;
border-left: 5px solid transparent !important;
border-bottom: 5px solid #555 !important;
position: absolute;
right: 50%;
top: -6px !important;
}
#tblTickettableView.datatable__table .datatable__body .datatable__row .datatable__cell .dropdown-toggle.btn-default {
    padding: 0 12px 0 0px;
    border: none;
    background: #fff;
    font-size:12px;
}
    #tblTickettableView.datatable__table .datatable__body .datatable__row .datatable__cell .dropdown-toggle.btn-default:focus {
        outline: none !important;
    }
#tblTickettableView.datatable__table .datatable__body .datatable__row .datatable__cell .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #e9e9e9 !important;
    color: #183247 !important;
}
.open > .dropdown-menu{min-width:100px;}
.editcolumn {position: absolute;right: 0px;top: 0px;z-index: 9;background: #fff;padding: 6px 12px;display:none;}
.editcolumn i{font-size:16px;}
.columndiv {
	position: absolute;
	right: 0;
	width: 250px;
	padding: 8px;
	margin: 0;
	background: #fff;
}
.open > .dropdown-menu a{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{right:20px !important;}
@media(max-width:1280px) {
    .tblListFooter .statusDiv{width:120px;}
.tblListFooter .priorityDiv{width:120px;}
.tblListFooter .assignto{width:210px;}
.tblListFooter .statusdiv{width:210px;}
.childtkt-cont .tblListFooter .statusdiv {width: 200px;}
.childtkt-cont .status-text{width:170px;}
.fromMail{width:90%;}
.inputfile-6 + label span{width:540px;}
}
@media(max-width:1024px) {
.tblListFooter .statusDiv{width:120px;}
.tblListFooter .priorityDiv{width:120px;}
.tblListFooter .assignto{width:210px;}
.tblListFooter .statusdiv{width:210px;}
.childtkt-cont .tblListFooter .statusdiv {width: 200px;}
.childtkt-cont .status-text{width:170px;}
.fromMail{width:90%;}
.inputfile-6 + label span{width:540px;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.sidenavlead {height: 100%;width: 100%;}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.sidenavlead {height: 100%;width: 100%;}
}
@media only screen and (max-width: 767px) {
.search-Cont {width: 340px;}
.search-Cont .inputdiv{width:61.4%;}
.search-Cont .inputdiv .searchicon{top:74px;}
.sidenavlead {height: 100%;width: 100%;}
.navbar-nav {margin: 7.5px 0px;}
#mobile-menu{top:50px;}
.userDiv{width:100%;}
.account-summary{width:90%; text-align:left;}
.container-fluid.pl-0{padding-left:15px !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #474855;}
.breadcrumb > li + li::before, .icon-arrow-right:before{display:none;}
.dataTables_wrapper > .datatable__table .datatable__body .datatable__row .datatable__cell{width:94%; display:block;}
.dataTables_wrapper > .datatable__table .datatable__head{display:none;}
} 
.visible-important {
    visibility: visible !important;
}

.hidden-important {
    visibility: hidden !important;
}
.sectionvisible{
    display:none
}
.ticket-text {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-overflow {
    max-width: calc(100% - 30px) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dataTables_wrapper > .datatable__table .datatable__head {
    position: sticky !important;
    top: 0px;
    background: #fff;
    z-index: 4;
    padding: 8px 0 0;
}
.columnhov:hover .editcolumn{display:block}
.tableviewsubject {
    max-width: 80px;
    margin-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.bootstrap-select > select.hide{
    display:none!important;
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .sidenavlead {height: 100%;width: 60%;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.sidenavlead {height: 100%;width: 60%;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.sidenavlead {height: 100%;width: 65%;}
}