.pl-15{
    padding-left: 15px;
}
.pr-15{
    padding-right: 15px;
}
.mt-10{
    margin-top: 10px;
}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}


/*new css*/
body{ background: #eee; }
.navbar-laravel {
    background-color: #155d8c;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    width: 100%;
    position: fixed;
    z-index: 99;
}
.navbar-brand{ font-size: 24px; }
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link{ font-size: 16px; color: #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.custom-card .card-header{ background-color: #77cc6d; color: #fff;
    font-size: 18px;  border-bottom: none;}

.custom-card .btn {
    color: #fff;
    background-color: #155d8c;
    border: 2px solid #155d8c;

    padding: 7px 25px;
    font-size: 16px;
    text-transform: uppercase;
}
.custom-card .btn:hover{ color: #155d8c; background: transparent; }
.card.custom-card {  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);  }
.form-control {
    border-radius: 0;
}
textarea#content {
    height: 120px;

}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-card .btn.btn-link {
    color: #155d8c;
    background: transparent;
    border: none;
    text-transform: capitalize;
    font-size: 16px;
}
.col-form-label{ padding-top: 0; }


.card-body {

    padding-left: 2rem;
    padding-right: 2rem;
}

.navbar-light .navbar-nav .nav-link img {
    margin-right: 3px;
    width: 13px;
    margin-top: -4px;
}

.custom-nav-pills .nav-link {
    display: block;
    padding: .5rem 1rem;
    background: #fff;
    color: #666;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.card.mb-3 {
    background: transparent;
    border: none;
}
.card.mb-3 .card-body {
    padding: 0;
}
ul.nav.nav-pills.custom-nav-pills li {
    margin-right: 15px;
}
.nav-pills.custom-nav-pills .nav-link.active, .nav-pills.custom-nav-pills .show > .nav-link {
    color: #fff;
    background-color: #2176bd;
}
/*.card-header.d-flex.justify-content-between.align-items-baseline.flex-wrap .btn.btn-primary {
    background: #fff;
    border-color: #fff;
    color: #155d8c;
    font-size: 15px;
    text-transform: capitalize;
}*/
.badge-secondary {
    color: #fff;
    background-color: #2176bd;
    width: auto;
    height: auto;
    border-radius: 3px;
    line-height: normal;
    text-align: center;
    padding: 3px 5px;
    font-weight: normal;
    font-size: 12px;
    float: right;
}
#DataTables_Table_0_wrapper .row {
    margin-left: 0;
    margin-right: 0;
}
.card.bg-danger .fas.fa-wrench , .card.bg-danger h1 , .card.bg-danger div {
    color: #fff;
}

.card.bg-success .fas.fa-thumbs-up , .card.bg-success h1 , .card.bg-success div {
    color: #fff;
}

.card.cardlight .fas.fa-th , .card.cardlight h1 , .card.cardlight div {
    color: #fff;
}


.card.cardlight{ background: #55a6a5; }


form .btn.btn-danger , table .btn.btn-danger.deleteit{
    padding: 3px 12px;
    font-size: 14px;
}

table .btn.btn-info{  padding: 3px 12px;
    font-size: 14px; background: #2176bd; color: #fff; }

    ul.nav.nav-pills.custom-nav-pills li .dropdown-menu {
    width: 235px;
    float: left;
}
ul.nav.nav-pills.custom-nav-pills li .dropdown-menu .dropdown-item {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
ul.nav.nav-pills.custom-nav-pills li p {
    float: left;
    margin: 0;
}
#information-panel-categories .badge.badge-pill.badge-secondary {
    float: right;
}
table td {
    font-size: 14px;
}
.btn.btn-info {
    color: #fff;
}
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.01);
}

.card-header.ticket-align-status form {
    float: right;
    width: auto;
    margin: 0 0 0 10px;
}
.card-header.ticket-align-status .btn.btn-primary {
    float: right;
    width: auto;
    /* margin-right: 10px; */
}
.card-header.ticket-align-status div {
    float: right;
    width: auto;
}
.navbar {
    position: relative;
    padding: .8rem 1rem;
}
.panel.with-nav-tabs.panel-default.custom-comments-container {
    float: left;
    width: 100%;
}
.custom-comments-container .mt-5.custom-comments {
    margin: 0 !important;
}
.custom-comments-container .mt-5.custom-comments {
    margin: 0 !important;
    color: #155d8c;
    font-size: 24px;

    font-weight: normal;

}

.panel.with-nav-tabs.panel-default.custom-comments-container .nav.nav-tabs li a:hover {
    text-decoration: none;
    cursor: inherit;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .panel-body {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .panel-body .card-header.d-flex.justify-content-between.align-items-baseline.flex-wrap {
    background: transparent;
    border: none;
    padding: 0;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .panel-body .card-header.d-flex.justify-content-between.align-items-baseline.flex-wrap {
    background: transparent;
    border: none;
    padding: 0;
    justify-content: inherit !important;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .panel-body .card-header.d-flex.justify-content-between.align-items-baseline.flex-wrap div:first-child {
    font-weight: bold;
    margin-right: 10px;
    font-size: 16px;
}
/*.panel.with-nav-tabs.panel-default.custom-comments-container .card-body.pb-0 p {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
}*/

.panel.with-nav-tabs.panel-default.custom-comments-container .card-body.pb-0 p {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    padding-top: 5px;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .panel-body .card-header.d-flex.justify-content-between.align-items-baseline.flex-wrap div:last-child {
    font-size: 14px;
    color: #888;
}
.panel.with-nav-tabs.panel-default.custom-comments-container .tab-content {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 20px 0 20px;
    margin-bottom: 50px;
    border: 1px solid rgba(0,0,0,.125);

border-radius: .25rem;
}
.page-heading {
    margin: 20px 0;
    color: #666;
    -webkit-font-smoothing: antialiased;
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    letter-spacing: 0.05em;
}

#my-dropzone .message {
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    color: #0087F7;
    font-size: 1.5em;
    letter-spacing: 0.05em;
}

.dropzone {
    border: 2px dashed #0087F7;
    background: white;
    border-radius: 5px;
    min-height: 300px;
    padding: 90px 0;
    vertical-align: baseline;
}
/*new css*/

.hidden{
display: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {

    display: none !important;
}
.list-group-item.list-group-item-action .pull-right.text-muted.small {
    margin-right: 8px;
}
table.dataTable.nowrap td {
    white-space: normal !important;
    /* overflow: hidden; */
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
    top: 10px;
}

.nav.nav-tabs.helpdesk-tab .active  {
    color: #fff;
    font-weight: 500;
    background: #77cc6d;
    padding: 10px 15px;
    float: left;
    border-radius: .25rem .25rem 0 0;

}
.nav.nav-tabs.helpdesk-tab {
    border-bottom: none;
    margin: 0;
    padding: 0 15px;
}
.nav.nav-tabs.helpdesk-tab li a {
    font-size: 18px;
    padding: 10px 15px;
    background: #ccc;
    border-radius: .25rem .25rem 0 0;
    float: left;
    color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}
.nav.nav-tabs.helpdesk-tab li{
    margin-right: 10px;
    color: #999;
    /* border: 1px solid #aaa; */
}

.nav.nav-tabs.helpdesk-tab li a:hover { color:#fff; text-decoration: none;  background: #77cc6d;}

.help-submit-btn {
    float: right;
    width: auto;
    margin: 45px 0 0 0;
}

.dz-preview {
    float: none;
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.dz-image {
    float: left;
    width: auto;
    padding: 0;
}
.dz-details {
    float: left;
    width: 32%;
    margin: 0 0 0 15px;
}
.dz-success-mark {
    float: left;
    width: auto;
    margin: 0 10px 0 0;
}
.dz-error-mark {
    float: left;
    width: auto;
    margin: 0 10px 0 0;
}
.dz-remove {
    float: right;
    width: auto;
}

.dz-success-mark svg ,.dz-error-mark svg  {
    width: 24px;
    height: 24px;
    /* color: #000 !important; */
}

.card-header.ticket-align-status div {
    float: right;
    width: 50%;
}
.card-header.ticket-align-status form.assign-agent-form-show {
    float: left;
    width: 51%;
}
.card-header.ticket-align-status form.assign-agent-form-show .form-control {
    float: left;
    width: 53%;
    margin-right: 7px;
}
.card-header.ticket-align-status form.assign-agent-form-show .btn.btn-primary {
    float: left;
}
#menu1 .card.custom-card , #home .card.custom-card {
    border-radius: 0 0 0.25rem 0.25rem;
}
#userList ul {
    padding: 10px;
    float: left;
    width: 100%;
}
.card.custom-card .col-md-6 {
    float: left;
}
ul.nav.nav-pills.custom-nav-pills li {
    margin-right: 7px;
    float: left;
}
.nav.nav-pills.custom-nav-pills a.btn.btn-primary.pull-right {
    float: right;
}
.nav.nav-pills.custom-nav-pills {
    display: block;
}

.card-header.ticket-align-status span {
	float: left;
	width: auto;
}
.card-header.ticket-align-status div {
	float: right;
	width: auto;
}
.card-header.ticket-align-status form.assign-agent-form-show {
	float: left;
	width: auto;
	margin-right: 5px;
}
.card-header.ticket-align-status form.assign-agent-form-show .form-control {
	float: left;
	width: auto;
	margin-right: 7px;
}
.form-group.form-group-password input{ display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .9rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}

.hand-cursor{
    cursor:pointer;
}

.dropdown-multiple .dropdown-display {
    white-space: nowrap;
    padding: 6px 20px 6px 12px;
    height: 37px;
    border-radius: 0;
}
.lastcheckboxinput .col-md-3 {
    margin: 35px 0 0 0;
    padding: 0;
}
.lastcheckboxinput .col-md-3 label {
    width: auto;
    padding-right: 30px;
}
tr.strikeout td:before {
    content: " ";
    position: absolute;
    display: inline-block;
    padding: 5px 10px;
    left: 0;
    border-bottom: 1px solid #ed220c;
    width: 100%;
}
tr.hireFireWithAgent{
    color: #fff; background-color: MediumSeaGreen !important;
}
tr.hireFireWithOutAgent{
    color: #fff; background-color: Violet !important;
}
#DataTables_Table_0_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}
#DataTables_Table_0_wrapper table {
    width: 100% !important;
}
.approvalticket-filter-input input {
    border: 1px solid #ced4da;
    font-size: 0.9rem;
    height: calc(2.19rem + 2px);
    padding: .375rem .75rem;
}
.approvalticket-filter-input {
    float: left !important;
    margin-left: 5px;
}
input#is_active {
    float: left;
    width: auto;
    margin: 4px 8px 0 0;
}
input#is_excom_user {
    float: left;
    width: auto;
    margin: 4px 8px 0 0;
}
.shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    /* background-size: 800px 104px;  */
    display: inline-block;
    position: relative; 
    height: 100%;
    width: 100%;
    
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes placeholderShimmer {
    0% {
      background-position: -468px 0;
    }
    
    100% {
      background-position: 468px 0; 
    }
}
.by-agent-filters .col-form-label{font-size: 0.8rem;padding-bottom: 0;}
.by-agent-filters .form-group{
    margin-bottom: 0;}
.by-agent-filters .form-group select,
.by-agent-filters .form-group input[type=text],
.by-agent-filters .form-group input[type=date]{height: calc(1.8rem + 2px) !important;font-size: .8rem;}
.by-agent-filters .form-group button{margin-top: 20px;
    padding: .375rem .3rem;font-size: .7rem;}
.ticket-agent hr{margin-top: 0.8rem;
    margin-bottom: 0.8rem;}


.ticketit-table td{font-size: 12px !important;padding: 0.3rem;}
.ticketit-table .btn.btn-info{    padding: 4px;
    font-size: 10px;line-height: 12px;}

    .ticketit-table .btn.btn-danger{    padding: 4px;
        font-size: 10px;line-height: 12px;}

.by-agent.ticketit-table.dataTable thead .sorting::before, .by-agent.ticketit-table.dataTable thead .sorting::after, .by-agent.ticketit-table.dataTable thead .sorting_asc::before, .by-agent.ticketit-table.dataTable thead .sorting_asc::after, .by-agent.ticketit-table.dataTable thead .sorting_desc::before, .by-agent.ticketit-table.dataTable thead .sorting_desc::after, .by-agent.ticketit-table.dataTable thead .sorting_asc_disabled::before, .by-agent.ticketit-table.dataTable thead .sorting_asc_disabled::after, .by-agent.ticketit-table.dataTable thead .sorting_desc_disabled::before, .by-agent.ticketit-table.dataTable thead .sorting_desc_disabled::after{top:6px}

.chip {
    display: inline-block;
    padding: 0 20px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    border-radius: 25px;
    background-color: #f1f1f1;
  }
  .chip i{
      padding-left:5px;
  }
  .select2-container--default .select2-selection--single{height: 37px !important;border: 1px solid #ced4da !important;
    border-radius: 0 !important;}

    .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 37px !important; }
    .select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px !important;}

  .by-agent-filters .select2-container--default .select2-selection--single{height: calc(1.8rem + 2px) !important;border: 1px solid #ced4da !important;
    border-radius: 0 !important;}

    .by-agent-filters .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: calc(1.8rem + 2px) !important; }
    .by-agent-filters .select2-container--default .select2-selection--single .select2-selection__arrow{height: calc(1.8rem + 2px) !important;}
    .all-news-container {
        float: left;
        width: 100%;
        padding-bottom: 70px;
        padding-top: 50px;
    }
    .news-block {
        float: left;
        border: 1px solid #ddd;
        padding: 5px;
        width: 27%;
        margin: 30px 30px 20px 30px;
    }

    .news-block .theme-btn {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }

    .news-block-details {
        float: left;
        width: 100%;
        padding: 15px 10px;
    }
    .news-block-img {
        width: 100%;
        float: left;
        overflow: hidden;
        position: relative;
    }
    .news-block .theme-btn a {
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        font-family: 'SanFranciscoDisplay-Medium';
        /* letter-spacing: 0; */
    }
    .news-block-details span {
        float: left;
        width: 100%;
        color: #1c355e;
        font-size: 15px;
        padding: 0;
        overflow: hidden;
        height: 52px;
        line-height: normal;
        margin-top: 10px;
        font-family: 'SanFranciscoDisplay-Medium';
    }
    .news-block-details p {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        overflow: hidden;
        height: 84px;
        margin: 15px 0 0 0;
    }
.bulletin-board-listing {
    float: left;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d3dee3;
    padding: 40px 60px 40px 40px;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    position: relative;
}
.gallery-filter-input input {
    border: 1px solid #ced4da;
    font-size: 0.9rem;
    height: calc(2.19rem + 2px);
    padding: .375rem .75rem;
}
.gallery-filter-input {
    float: left !important;
    margin-left: 5px;
}

.gallery-filter-input img {
    height: 22px;
}
    .theme-btn a {
        width: 146px;
        height: 40px;
        color: #ffffff;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        line-height: 40px;
        font-size: 12px;
        background: #d02c2f;
        float: left;
        text-align: center;
        transition: .5s ease;
    }
    .news-block .downloadable-link {
        position: absolute;
        /* /color: black; */
        top: 60%;
        text-align: center;
        left: 65;
        right: 0;
        text-decoration: underline;
    }
    .news-intro {
        float: left;
        width: 100%;
        padding: 0;
    }
    .news-intro h1 {
        float: left;
        width: 100%;
        padding-bottom: 35px;
        font-weight: normal;
        font-size: 28px;
        font-family: 'SanFranciscoDisplay-Bold';
        color: #0f467c;
        text-align: left;
        line-height: normal;
    }
    .news-intro img {
        float: left;
        width: 100%;
        padding: 00px 0px 60px 0px;
    }
    .action-datatable{
        float: left;
        margin-left:5px;
    }
    .next-previous-show{
        float: left;
        width: 100%;
    }
    .next-previous-show a.next{
        float: right;
    }
    input#zoom_email_ticket_acc {
        float: left;
        width: auto;
        margin: 4px 8px 0 0;
    }
    .radio-control {
        margin-top: 30px;
    }

    .comment-section .comment-media {
        width: 100%; height: 300px; object-fit: cover;
    }
    .comment-section .word-break {
        word-break: break-all;
    }
    
    .margin-auto {
        margin: 0 auto;
    }

    .ticket-media{
        width: 100%;
        max-height: 240px;
        object-fit: cover;
    }
    .ml-4 {
        margin-left: 4px;
    }
    .help.is-danger {
        color: #c9202b;
        font-size: 18px;
        text-transform : capitalize;
    }
    .notification-banner-section {
        text-align: center;
        padding: 10px 5px;
        font-size: 18px;
        background: linear-gradient(to right, #E13636, #076EB0);
        color: white;
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0px;
        height: auto;
    }
    .notification-banner-section i {
        position: absolute;
        right: 10px;
        padding: 2px 10px;
        font-style: normal;
        font-size: 16px;
        font-weight: bold;
        border: 1px solid #fff;
        border-radius: 4px;
        cursor: pointer;
    }
    .notification-banner-section a.read-more {
        color: white !important;
        text-decoration: underline;
    }
    /* Notification Banner - Read More Model CSS (Start) */
    #notificationModal {
        display: none;
    }
    #notificationModal .modal-content {
        border-radius: 0;
        box-shadow: 0 4px 1px 0 rgb(0 0 0 / 0%), -2px 2px 6px 3px rgb(0 0 0 / 11%)
    }
    #notificationModal .modal-header{
        background-color: #076EB0;
        color: white;
        padding: 4px 15px;
        border-radius: 0;
    }
    #notificationModal .close-modal {
        color: #fff;
        font-size: 18px;
        border: 1px solid #fff;
        border-radius: 4px;
        cursor: pointer;
        background-color: #076EB0;
        padding: 0 8px;
    }
    #notificationModal .close-modal:hover,
    #notificationModal .close-modal:focus {
        text-decoration: none;
        cursor: pointer;
    }
    #notificationModal .modal-icon {
        margin: 0 45%;
        width: 50px;
        height: 50px;
    }
    #notificationModal #modal-message {
        font-size: 1.0em;
        color: #333;
    }
    #notificationModal #modal-message h2{
        font-size: 16px;
        font-weight: bold;
    }
    #notificationModal #modal-message h3{
        font-size: 14px;
        font-weight: bold; 
    }
    #notificationModal .downtime-section img {
        width: 20px;
        height: 18px;
    }
    #notificationModal .downtime-section strong {
        color: red;
        font-size: 16px;
    }
    /* Notification Banner - Read More Model CSS (End) */
    .navbar-display {
        padding-top: 60px;
    }
    .mt-10 {
        margin-top: 10px;
    }