@import url(fonts/fonts.css);

* {padding: 0; margin: 0;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
a:hover, a:focus{ outline: none; text-decoration: none;}
a{text-decoration: none; transition: all 0.5s;}
ul{list-style: none;}
*, *::before, *::after {
    box-sizing: border-box;
  }
body {font-family: 'Proxima Nova Medium'; font-size: 14px;}
h1,h2,h3,h4,h5 {font-family: 'Graphik-Medium';}
/* Header*/
header {background: transparent linear-gradient(90deg, #3E5EE0 0%, #7951D6 100%) 0% 0% no-repeat padding-box; padding: 15px 10px 0; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.header-top {border-bottom: 1px solid #797ae3; padding-bottom: 15px;}
header .row {align-items: center;}
header .menu-top ul {padding: 0; margin: 0; display: flex; align-items: center;}
header .menu-top ul li {list-style: none; display: inline-block; margin-right: 25px; font-size: 16px; position: relative;}
header .menu-top ul li a {color: #fff; padding: 15px 25px; font-family: 'Graphik-Medium'; border-radius: 25px; font-size: 16px;}
header .menu-top ul li.active a, header .menu-top ul li a:hover {background: #F4D160; color: #000;}
header .menu-top ul li.menubar {font-size: 34px;}
header .menu-top ul li.menubar a {background: none !important; padding-left: 15px;}
header .menu-top ul li span {width: 24px; height: 24px; font-size: 9px; line-height: 10px; border-radius: 50px; background: #F46F4B; border: 2px solid #506EF5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-family: 'Graphik-Medium'; position: absolute; top: -9px; right: -7px; z-index: 9; padding-top: 2px;}
.btn {box-shadow: none !important; outline: none !important; }

header .right-content {text-align: right;}
header .right-content ul {padding: 0; margin: 0;}
header .right-content ul li {list-style: none; display: inline-block; margin-left: 15px; position: relative; vertical-align: middle;}
header .right-content ul li a {width: 42px; height: 42px; line-height: 60px; border-radius: 50%; font-size: 18px; background: #fff; color: #000; text-align: center; display: block;}
header .right-content ul li span {width: 24px; height: 24px; line-height: 22px; border-radius: 50%; font-size: 10px; color: #fff; text-align: center; display: block; position: absolute; top: -11px; right: -5px; border: 2px solid #7252D7;}
header .right-content ul li.ticket span {background: #B4D752; color: #000;}
header .right-content ul li.ticket {display: none;}
header .right-content ul li.notify span {background: #F46F4B;}
header .right-content ul li.profile a {overflow: hidden; background: #fff; border: 2px solid #fff;}
header .right-content ul li.profile img {width: 100%; height: 100%; object-fit: cover;}
header .right-content ul li.profile .dropdown {display: block;}
header .right-content ul li.profile .dropdown .dropdown-toggle {width: 42px; height: 42px; border-radius: 50%; padding: 0; overflow: hidden; border: 2px solid #fff;}
header .right-content ul li.profile .dropdown .dropdown-toggle img {width: 100%; height: 100%; object-fit: cover;}
header .right-content ul li.profile .dropdown {display: block;}
header .right-content ul li.profile .dropdown-menu {box-shadow: 0px 6px 10px #0000006F; border: 1px solid #404F93; padding: 5px;}
header .right-content ul li.profile .dropdown .dropdown-menu li {display: block; text-align: left; margin: 0;}
header .right-content ul li.profile .dropdown .dropdown-menu li a {width: inherit; height: inherit; line-height: inherit; text-align: left; padding: 10px; border-radius: 8px; color: #37435D; font-size: 14px; font-family: 'Graphik-Medium';}
header .right-content ul li.profile .dropdown .dropdown-menu li a:hover {background: #ECF3FD;}
header .right-content ul li.profile .dropdown .dropdown-menu li a iconify-icon {font-size: 18px; vertical-align: middle; margin-top: -5px;}
header .right-content ul li.profile .dropdown a {overflow: inherit;}

header, .panel-top, .body-section {transition: all 0.5s ease;}
.scrolldown .panel-top {min-height: inherit; transition: all 0.5s ease;}
.scrolldown .side-menu {z-index: 99;}
/* .scrolldown .body-section {margin-top: 0; padding-top: 390px;} */

.side-menu {position: fixed; top: 20px; bottom: 20px; left: 10px; width: 90px; background: #fff; border-radius: 14px; padding: 50px 5px; z-index: 99;}
.side-menu ul {padding: 0; margin: 0;}
.side-menu ul li {list-style: none; display: block; font-size: 13px; border-bottom: 1px solid #EFEFEF; padding: 25px 5px 20px; text-align: center;}
.side-menu ul li a {color: #6E7893;}
.side-menu ul li a span {display: block; margin-top: 15px;}

.side-menu ul li a:hover svg path, .side-menu ul li a:hover svg rect, .side-menu ul li.active a svg path, .side-menu ul li.active a svg rect {fill: #405ddf;}
.side-menu ul li a:hover, .side-menu ul li.active a {color: #405ddf;}

/* Full Container */
header .container-fluid, .panel-top .container-fluid, .body-section .container-fluid {padding-left: 110px; transition: all 0.5s;} 

/* Panel Top */
.bggray {background: #F5F5F5;}
.panel-top {background: transparent linear-gradient(90deg, #3E5EE0 0%, #7951D6 100%) 0% 0% no-repeat padding-box; padding: 22px 0 15px;}
.panel-top .row {padding: 0 5px 0 15px;}
.panel-top .leftbox p {font-size: 18px; line-height: 24px; margin: 0; color: #fff;}
.panel-top .leftbox h5 {font-size: 30px; line-height: 30px; margin: 0; color: #fff;}
.btnoutline-lg {font-size: 18px; border-radius: 24px; border: 2px solid #fff; color: #fff; background: none; padding: 10px 35px; font-family: 'Graphik-Medium';}
.btnoutline-lg:hover, .btnoutline-lg:focus {background: #F4D160; color: #000; border-color: #F4D160;}

.ticket-circle {position: relative; margin-top: -25px;}
.ticket-circle {text-align: center; display: flex; justify-content: center; align-items: center;}
.ticket-circle .circle-row {min-height: 320px; position: relative; display: flex; align-items: center; top: -20px;}
.ticket-circle .circle-row .line a {display: block; color: #fff;}
.ticket-circle .circle-row .circle1 {width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; background: rgba(41,61,125,0.8);  border: 3px solid #fff; border-radius: 50%; position: relative; left: 10px;}
.ticket-circle .circle-row .circle1 h2 {font-size: 38px;}
.ticket-circle .circle-row.row1 {position: relative; left: 15px; z-index: 9;}
.ticket-circle .circle-row .circle2 h2 {font-size: 66px !important; color: #fff;}
.ticket-circle .circle-row.row3 {position: relative; right: 25px; z-index: 9;}
.ticket-circle .circle-row .circle3 h2 {font-size: 48px !important;}
.ticket-circle .circle-row .line::before {position: absolute; content: ""; left: 50%; width: 1px; background: #CCCCCC;}
.ticket-circle .circle-row .circle1.line::before {bottom: -72px; height: 72px;}
.ticket-circle .circle-row .circle2.line::before {bottom: 24px; height: 30px;}
.ticket-circle .circle-row .circle3.line::before {bottom: 30px; height: 45px;}

.ticket-circle .circle-row p {font-size: 15px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.ticket-circle .circle-row .circle2 {width: 219px; height: 219px; display: flex; align-items: center; justify-content: center; background: #ca0177; border: 3px solid #fff; border-radius: 50%;}
.ticket-circle .circle-row .circle3 {width: 176px; height: 176px; display: flex; align-items: center; justify-content: center; background: rgba(80,110,245,0.8);  border: 3px solid #fff; border-radius: 50%;}

/* Card Panel */
.body-section {position: relative; padding-top: 180px;}
.body-section::before {position: absolute; top: 150px; left: 0; right: 0; content: ""; background: transparent linear-gradient(90deg, #3E5EE0 0%, #7951D6 100%) 0% 0% no-repeat padding-box; z-index: -9; height: 120px; }
.card-panel {padding: 25px; background: #fff; border-radius: 18px; margin-bottom: 10px;}
.card-panel .heading {font-size: 20px; font-family: 'Graphik-Medium' !important;}

.card-panel.card-panel-big {height: 385px; padding: 25px 24px;}
.card-panel .ticket-count h3 {font-size: 48px; line-height: 44px; color: #000; margin: 0;}
.card-panel .ticket-count p {font-size: 16px; line-height: 21px; color: #000; margin: 0; font-family: 'Graphik-Medium' !important;}

.card-panel.card-panel-small {padding: 0; position: relative; height: 188px;}
.card-panel.card-panel-small h3 {font-size: 20px; font-family: 'Graphik-Medium' !important; margin-bottom: 60px;}
.card-panel.card-panel-small h2 {font-size: 52px; color: #000; margin: 0; font-family: 'Graphik-Medium' !important;}
.card-panel.card-panel-small span {font-size: 34px; color: #D35050; font-family: 'Graphik-Light'; font-weight: 600;}
.card-panel.card-panel-small label {font-size: 16px; color: #A2A2A2; margin-left: 10px;}
.card-panel.card-panel-small .icon {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 20px; right: 20px;}
.card-panel-small a {display: block; padding: 20px; color: #000;}

/* Razacom */
.razacom header, .razacom .panel-top {background: #293D7D;}
.razacom .header-top {border-bottom: 1px solid rgba(255,255,255,0.2);}
.razacom .body-section::before {background: #293D7D;}
.razacom .ratingflex-heading .rating-review.ratingtop ul li {color: #03175a;}
.razacom header .right-content ul li.notify span {border-color: #293D7D;}
.razacom header .menu-top ul li span {border-color: #293D7D;}

/* Raza Mobile */
.razamobile header, .razamobile .panel-top {background: #CA0177;}
.razamobile .header-top {border-bottom: 1px solid rgba(255,255,255,0.2);}
.razamobile .body-section::before {background: #CA0177;}
.razamobile .ratingflex-heading .rating-review.ratingtop ul li {color: #78104d;}
.razamobile header .right-content ul li.notify span {border-color: #CA0177;}
.razamobile header .menu-top ul li span {border-color: #CA0177;}

/* Marketplace */
.marketpage header, .marketpage .panel-top {background: #506EF5;}
.marketpage .header-top {border-bottom: 1px solid rgba(255,255,255,0.2);}
.marketpage .body-section::before {background: #506EF5;}
.marketpage header .right-content ul li.notify span {border-color: #506EF5;}
.marketpage header .menu-top ul li span {border-color: #506EF5;}

/*  */
.ticket-circle.marketplace .circle-row .circle2{flex-direction: column; background: #506ef5; width: 239px; height: 239px;}
.ticket-circle.marketplace .circle-row .circle2 p {font-size: 20px; position: unset; color: #fff;}
.ticket-circle.marketplace .circle-row h2 {font-size: 83px !important; line-height: 80px; color: #fff;}

.ticket-circle.marketplace.razamobile .circle2 {background: #CA0177;}
.ticket-circle.marketplace.razacom .circle2 {background: #293D7D;}

/* Card List */
.card-style-list {background: #fff; border-radius: 18px; position: relative; height: 90px; display: flex; align-items: center;}
.card-style-list .icon {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 20px; left: 20px;}
.card-style-list .content {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.card-style-list h5 {font-size: 20px; color: #000; margin: 0; font-family: 'Graphik-Medium' !important;}
.card-style-list .count {width: 92px; height: 70px; font-size: 34px; background: #F7F7F7; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.card-style-list a {display: flex; width: 100%; color: #000; padding: 20px 10px 20px 90px; display: block;}

.card-top-icon {min-height: 196px; border-radius: 24px; position: relative; background: #E8F5FF; text-align: center;}
.card-top-icon .icon {width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  margin: -135px auto 0;}
.card-top-icon a {display: block; padding: 110px 10px 10px; color: #000;}
/* .card-top-icon .icon img {width: 25px;} */
.card-top-icon p {font-size: 18px; margin: 35px 0 30px;}
.card-top-icon h2 {font-size: 42px; margin: 0;}
.lightgreen {background: #E8F5FF;}
.lightblue {background: #EFF4FF;}
.lightred {background: #FFF0F9;}
.blue {background: #506EF5;}
.darkblue {background: #293D7D;}
.rose {background: #CA0177;}
.lightbgorange {background: #FDF0DD;}
.lightbgpurple {background: #F4EEFD;}
.lightbggreen {background: #EBFEFA;}
.lightbgred {background: #FEF0ED;}
.lightbgyellow {background: #FFF7E3;}
.lightbgrose {background: #FCEAFF;}
.lightbgblue {background: #EDF5FF;}

.chart-content .count-row {padding: 15px; border-radius: 6px; height: 45px; display: flex; margin-bottom: 10px;}
.chart-content .count-row h3 {font-size: 15px; margin: 0; color: #5654EE; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.chart-content .count-row h3 span {font-size: 20px; margin: 0; color: #000;}
.chart-content .count-row.open {background: #EAEAFF;}
.chart-content .count-row.open h3 {color: #5654EE;}
.chart-content .count-row.solved {background: #EBFEFA;}
.chart-content .count-row.solved h3 {color: #51B270;}
.chart-content .count-row.closed {background: #FEF0ED;}
.chart-content .count-row.closed h3 {color: #F46F4B;}
.chart-content .count-row.pending {background: #FEF9ED;}
.chart-content .count-row.pending h3 {color: #DBB14A;}

/* Chart */
#OpenBusiness {min-height: 295px !important; margin: 0 auto;}
.highcharts-title {display: none;}

/* Tickets Listing */
.card-panel.card-panel-3 {padding: 0 0 25px;}
.card-panel.card-panel-3 .card-header {padding: 20px 25px; border-bottom: 1px solid #DEDEDE;}
.card-panel.card-panel-3 .card-header .row {align-items: center;}
.card-panel.card-panel-3 .card-body {padding: 0 0 25px;}

.card-panel-filtering {padding: 10px 25px; border-bottom: 1px solid #DEDEDE;}
.card-panel-filtering h4 {font-size: 22px; color: #37435D;}
.card-panel-filtering h4 a {color: #405DDF; font-size: 13px; text-decoration: underline; margin-left: 20px;}
.card-panel-filtering .filter-types {margin-top: 10px;}
.card-panel-filtering .filter-types ul {padding: 0; margin: 0;}
.card-panel-filtering .filter-types ul li {list-style: none; display: inline-block; margin-right: 15px; border: 1px solid #B8C0CE; border-radius: 21px; text-align: center; font-size: 14px; color: #37435D;}
.card-panel-filtering .filter-types ul li a {padding: 5px 15px; display: block; display: flex; align-items: center; height: 42px;}
.card-panel-filtering .filter-types ul li a {color: #37435D;}
.card-panel-filtering .filter-types ul li a iconify-icon {font-size: 20px;}
.card-panel-filtering .filter-types ul li a:hover {color: #114CBC;}

.filter-group {display: flex; justify-content: end; align-items: center;}
.filter-group .form-control, .filter-group .form-select {width: 389px; height: 46px; font-size: 15px; padding: 10px 15px; border-radius: 23px; color: #000;}
.filter-group span {font-size: 15px; color: #535353; margin: 0 10px;}
.filter-group select {width: 151px !important;}
.filter-group .filter-icon {width: 46px; height: 46px; line-height: 52px; font-size: 25px; border-radius: 50%; text-align: center; border: 2px solid #405DDF; color: #405DDF; display: block; margin-left: 15px;}
.filter-group .filter-icon:hover {color: #0f2897; border-color: #0f2897;}

.table-style1 th {font-size: 15px; color: #646464;}
.table-style1 .ticket-user {display: flex; align-items: center;}
.table-style1 .ticket-user .thumb {width: 48px; height: 48px; border-radius: 50%; overflow: hidden; margin-right: 10px;}
.table-style1 .ticket-user .thumb img {width: 100%; height: 100%; object-fit: cover;}
.table-style1 .ticket-user .content p {margin: 0; color: #37435D; font-size: 15px;}
.table-style1 .ticket-user .content p a {text-decoration: none;}
.table-style1 td {vertical-align: middle;}
.table-style1 td p {color: #37435D; font-size: 14px; margin: 0;}
.table-style1 td p a {color: #37435D; text-decoration: underline;}
.table-style1 td p a:hover {color: #114CBC;}
.table-style1 td .message-info {position: relative;}
.table-style1 td .message-info .text1 {font-family: 'Graphik-Medium';}
.table-style1 td .message-info .text1 a{color: #114CBC; text-decoration: none;}
.table-style1 td .message-info .text2 {font-size: 13px; color: #646464;}
.table-style1 td .message-info iconify-icon {font-size: 16px; color: #D13737; vertical-align: middle; margin-left: 10px; margin-top: -5px; text-decoration: none;}
.table-style1 th, .table-style1 td {padding: 15px 20px; border-bottom: 1px solid #DEDEDE;}
.progress.progress-small {height: 6px; width: 100%; border-radius: 3px; margin-bottom: 5px;}
.table-style1 .red-circle {width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #F0323C; margin-left: 5px;}

.table-style1 td .message-info:hover .message-popover {display: block;}
.message-popover {background: #fff; border: 1px solid #C6C6C6; box-shadow: 0px 10px 20px #00000029; border-radius: 16px; width: 446px; position: absolute; top: 25px; left: 0; z-index: 9; display: none;}
.popover-body {padding: 25px;}
.popover-body p {font-size: 16px; line-height: 22px; color: #37435D;}
.popover-footer {padding: 15px 25px; background: #f4f4f4; border-radius: 0px 0px 18px 18px; border-top: 1px solid #C6C6C6;}
.popover-footer .row {display: flex; align-items: center;}
.popover-footer .row .left {display: flex; align-items: center;}
.popover-footer .row .left label {margin-right: 10px; padding: 10px 20px; background: #DA5656; border-radius: 18px; font-size: 16px; font-family: 'Graphik-Medium' !important; font-weight: 400;}
.popover-footer .row .left span {font-size: 15px; color: #37435D; margin-left: 10px;}
.popover-footer .row .right {text-align: right;}
.popover-footer .row .right p {font-size: 14px; color: #37435D; margin: 0;}

/* Filter Panel */
.filter-side-panel {position: fixed; top: 0; bottom: 0; right: -100%; width: 420px; background: #fff; z-index: 999; box-shadow: 0px 20px 20px #00000029; transition: all 0.75s ease-in-out;}
.filter-side-panel .panel-header {padding: 25px 70px 25px 25px;  border-bottom: 1px solid #CBCBCB;} 
.filter-side-panel .panel-header h3 {font-size: 22px; color: #000; margin: 0; display: flex; justify-content: space-between;}
.filter-side-panel .panel-header h3 a {font-size: 14px; color: #506EF5; text-decoration: underline;}
.filter-side-panel .panel-header .close {top: 16px !important;}
.filter-side-panel .panel-body {padding: 25px 25px 0;}
.filter-side-panel .panel-body .form-group {margin-bottom: 30px;}
.filter-side-panel .panel-body .form-group label {font-size: 13px; font-weight: 300; color: #6F6F6F; margin-bottom: 0;}
.filter-side-panel .panel-body .form-group .form-control, .filter-side-panel .panel-body .form-group .form-select {width: 100%; height: 35px; border: none; border-bottom: 1px solid #DDDDDD; border-radius: 0; font-size: 18px; color: #37435D; padding: 0; box-shadow: none;} 
.filter-side-panel .panel-footer {padding: 10px 25px; text-align: center;}
.btn-primary {background: #506EF5; color: #fff; border: 1px solid #506EF5;}
.btn-style-round {padding: 10px 35px; font-size: 18px; border-radius: 24px;}
.form-control {font-family: 'Graphik-Medium';}
body.slide2 .filter-side-panel {right: 0; transition: all 0.75s ease-in-out;}

/* Ticket Details */
.panel-top.back .row {align-items: center;}
.panel-top.back .leftbox p {font-size: 18px; }
.panel-top.back .leftbox p a {color: #fff; display: flex; align-items: center;}
.panel-top.back .leftbox p iconify-icon {font-size: 18px; margin-right: 5px;}
.panel-top.back .rightbox {display: flex; align-items: center; justify-content: end;}
.panel-top.back .rightbox .form-control {width: 389px; height: 48px; font-size: 15px; padding: 10px 15px; border-radius: 24px; color: #fff; border: 2px solid rgba(255,255,255,0.8); background: none; box-shadow: none; margin-right: 20px;}
.panel-top.back .rightbox .form-control::placeholder {color: #fff;}
.ticket-userbox {display: flex; align-items: center;}
.ticket-userbox .thumb {width: 52px; height: 52px; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.ticket-userbox .thumb img {width: 100%; height: 100%; object-fit: cover;}
.ticket-userbox .content h5 {font-size: 22px; color: #37435D; margin: 0 0 5px;}
.ticket-userbox .content .date {font-size: 13px; color: #646464; margin: 0 0 5px;}
.ticket-userbox .content .ticketid {font-size: 16px; color: #37435D; margin: 0;}
.ticket-userbox .content .ticketid .todo-badge {padding: 5px 10px; font-size: 13px; background: #d7373f; color: #fff; border-radius: 4px; margin-left: 5px;}
.ticket-userbox .content .ticketid .todo-badge:hover, .ticket-userbox .content .ticketid .todo-badge:focus {background: #b52229;}
.create-ticket .filter {float: right;}
.filter .dropdown {display: inline-block;}
.filter .dropdown .btn {background: none; border: 2px solid #E78E51; color: #E78E51; font-size: 14px; border-radius: 19px; min-width: 158px; height: 38px; text-transform: uppercase; text-align: left; padding: 5px 15px;}
.filter .dropdown.dropdown-big.noarrow iconify-icon {margin-right: 5px;}
.create-ticket .card-body {padding: 20px 25px !important;}

.ticket-timeline {position: relative; padding-left: 70px; margin-bottom: 25px;}
.ticket-timeline .timeline-left {width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; text-align: center; border: 2px solid #707070; position: absolute; top: 0; left: 0; z-index: 9;}
.ticket-timeline .timeline-right {padding: 15px 20px; border-radius: 18px; border: 1px solid #F2DFA1; background: #FFFCF2;}
.ticket-timeline .timeline-right .timeline-header {margin-bottom: 10px;}
.ticket-timeline .timeline-right .timeline-header .badge {padding: 5px 15px; border-radius: 20px; font-size: 13px; background: #F5B749; color: #fff; text-align: center; font-family: 'Graphik-Medium'; font-weight: 400;}
.ticket-timeline .timeline-right .timeline-header .more-option {display: flex; align-items: center; justify-content: end;}
.ticket-timeline.respond.reply {margin-bottom: 0;}
.ticket-timeline .timeline-right .timeline-header .more-option p {font-size: 14px; color: #37435D; margin: 0 15px;}
.moredot .btn {background: none; border: none; color: #656565; font-size: 18px; padding: 0; width: 25px; height: 25px;}
.moredot .btn::after {display: none; border: 1px solid #4C68E8; border-radius: 16px;}

.templink .dropdown .dropdown-toggle {padding: 0 !important; border: none !important; min-width: inherit !important; color: #506EF5 !important; font-size: 14px !important; height: inherit !important; top: 2px;}
.templink .dropdown .dropdown-toggle.show iconify-icon {position: relative; top: 15px;}
.templink .dropdown iconify-icon {height: 15px; color: #37435D !important;}
.templink .dropdown .dropdown-menu {min-width: 457px;}
.templink .dropdown .dropdown-menu .form-check {padding: 8px 0 11px !important;}
.templink .dropdown .dropdown-menu .form-check .form-check-input {margin: 4px 0 !important;}
.templink .dropdown .dropdown-menu .form-check label {font-size: 14px !important;}

/* Text Editor */
.ticket-timeline.texteditor .timeline-right {border-color: #E0E1EB; padding: 0; background: #fff;}
.ticket-timeline.texteditor .timeline-header {padding: 8px 15px; border-bottom: 1px solid #E0E1EB;}
.ticket-timeline.texteditor .timeline-header .row {align-items: center;}
.ticket-timeline.texteditor .timeline-header .left-side a {font-size: 15px; color: #37435D;}
.ticket-timeline.texteditor .timeline-header .left-side a:hover {color: #4C68E8;}
.ticket-timeline.texteditor .timeline-header .right-side {text-align: right;}
.ticket-timeline.texteditor .timeline-header .right-side ul {padding: 0; margin: 0;}
.ticket-timeline.texteditor .timeline-header .right-side ul li {list-style: none; display: inline-block; margin-left: 5px; vertical-align: bottom;}
.ticket-timeline.texteditor .timeline-header .right-side ul li a {width: 41px; height: 41px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #000; border-radius: 8px;}
.ticket-timeline.texteditor .timeline-header .right-side ul li a:hover{background: #ECEEF3 !important; color: #000 !important;}
.ticket-timeline.texteditor .timeline-header .right-side ul li .active, .ticket-timeline.texteditor .timeline-header .right-side ul li .active:hover {background: #114CBC !important; color: #fff !important;}

.ticket-timeline.texteditor .timeline-header .right-side ul li.bgnone a {background: none;}
.ticket-timeline.texteditor .timeline-header .right-side ul li.bgnone a:hover {color: #114CBC;}

.ticket-timeline.texteditor .timeline-header.timeline-header-bottom, .timeline-footer ul {padding: 10px 15px 17px !important;}
.ticket-timeline.texteditor .timeline-header.timeline-header-bottom ul li, .timeline-footer ul li {list-style: none; display: inline-block; font-size: 14px; color: #506EF5; margin-right: 10px; color: #000;}
.ticket-timeline.texteditor .timeline-header.timeline-header-bottom ul li a, .timeline-footer ul li a {color: #506EF5;}
.ticket-timeline.texteditor .timeline-header.timeline-header-bottom ul li a iconify-icon, .timeline-footer ul li a iconify-icon {font-size: 18px; vertical-align: middle; margin-top: -3px;}
.ticket-timeline.texteditor .timeline-body {padding: 20px 15px;}
.ticket-timeline.texteditor .timeline-body p, .ticket-timeline.texteditor .timeline-body h1, .ticket-timeline.texteditor .timeline-body h2, .ticket-timeline.texteditor .timeline-body h3, .ticket-timeline.texteditor .timeline-body h4, .ticket-timeline.texteditor .timeline-body h5 {margin: 10px 0; line-height: 18px; color: #37435D;}
.ck.ck-editor__main > .ck-editor__editable {height: 200px; border-radius: 8px !important; border-color: #DDDDDD !important; box-shadow: none !important;}
.ticket-timeline.texteditor .timeline-footer {padding: 0 15px 8px; display: flex; align-items: center; justify-content: end;}
.ticket-timeline.texteditor .timeline-footer .btn {padding: 5px 30px; font-size: 14px; text-transform: uppercase; border-radius: 19px; margin-top: -10px;}

.ck.ck-editor {position: relative !important;}
.ck.ck-toolbar {position: absolute !important; bottom: 5px !important; left: 0; right: 0; z-index: 0 !important;}

/* Text Editor Css */

/* end */

.dropdown-big .btn::after {display: none;}
.dropdown-big .btn::before {position: absolute; content: ""; right: 15px; top: 15px; background: url(../images/down-arrow-orange.png) no-repeat; width: 14px; height: 9px; background-size: 100%;}
.dropdown-big ul {width: 110px; border: 1px solid #E78E51; border-radius: 16px;}
.dropdown-small ul {width: 110px; border: 1px solid #4C68E8 !important; border-radius: 8px; padding: 10px !important;}
.more-option ul, .dropdown-big ul, .dropdown-small ul {padding: 10px; margin: 0; box-shadow: 0px 6px 10px #00000029;}
.more-option ul li, .dropdown-big ul li, .dropdown-small ul li {list-style: none; display: block; font-size: 14px; margin-bottom: 3px;}
.more-option ul li a, .dropdown-big ul li a, .dropdown-small ul li a {padding: 10px; color: #37435D; border-radius: 8px;}
.more-option ul li a iconify-icon, .dropdown-big ul li a iconify-icon, .dropdown-small ul li a iconify-icon {font-size: 20px; margin-right: 5px; vertical-align: middle; margin-top: -4px;}
.more-option ul li a:hover, .dropdown-big ul li a:hover, .dropdown-small ul li a:hover {background: #ECF3FD;}

.ticket-timeline .timeline-right .timeline-body p {font-size: 15px; line-height: 20px; color: #37435D; margin-bottom: 20px; font-family: 'Proxima Nova Rg';}
.ticket-timeline.respond .timeline-left {background: #F4D160; border-color: #F4D160; color: #000; font-size: 18px; font-family: 'Graphik-Medium'; padding-top: 3px;}
.ticket-timeline .badge-primary {background: #532FCC !important; color: #fff;}
.timeline-right.blue {background: #F5F9FF; border-color: #9DBBEA;}
.replyarea {background: #fff; border: 1px solid #E8E8E8; padding: 20px; border-radius: 10px; font-size: 15px; height: 80px;}
.ticket-timeline.reply .timeline-right {padding: 0; border: none; border-radius: 0; background: none !important;}
.reply-hour p {font-size: 13px; color: #37435D; margin: 0;}
.reply-hour p iconify-icon {font-size: 16px; color: #F38D15; vertical-align: middle; margin-top: -3px;}
.form-control, .form-select, textarea {box-shadow: none !important; outline: none !important; resize: none;}

/* TAb */
.card-small-right {padding: 20px 0; } 
.card-small-right .card-tab {background: #fff; border-radius: 18px;}
.card-small-right .card-tab .card-tab-menu {padding: 20px 0 0; background: #fff; border-bottom: 1px solid #DEDEDE; border-radius: 18px 18px 0 0;}
.card-tab ul {padding: 0; margin: 0; border-bottom: none;}
.card-tab ul li .nav-link {border: none; padding: 0 0 15px; margin: 0 21px 0; font-size: 16px; font-family: 'Graphik-Medium'; text-transform: uppercase; color: #37435D; border-bottom: 2px solid transparent; background: none !important; box-shadow: none !important; outline: none !important;}
.card-tab ul li .nav-link.active, .card-tab ul li .nav-link:hover {color: #506EF5; border-color: #506EF5;}


.card-tab .tab-content {padding: 0;}
.card-tab .tab-content .card-panel {padding:15px 20px; border-radius: 0 0 18px 18px; margin-bottom: 10px;}

.list-group .details-row {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DEDEDE;}
.list-group .details-row.left {font-family: 'Graphik-Medium';}
.list-group .details-row p {font-size: 14px; display: flex; justify-content: space-between; align-items: center; color: #37435D;}
.list-group .details-row p label {color: #37435D; font-family: 'Graphik-Medium';}
.list-group .details-row p span, .list-group .details-row.right p {color: #64676C;}
.list-group .details-row p span a, .list-group .details-row p a {text-decoration: underline;}

.list-group .details-row.right.amount p {font-size: 15px;}
.list-group .details-row.right.amount .text-small {font-size: 12px;}

.list-group .details-row:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.card-panel.card-small2 {padding: 0 !important; border-radius: 18px !important;}
.card-panel.card-small2 .card-header h5 {font-size: 16px; color: #37435D; text-transform: uppercase; padding: 10px 20px 18px; border-bottom: 1px solid #DEDEDE;}
.list-group.group2 h5 {font-size: 13px; text-transform: uppercase; color: #37435D; margin: 0 0 5px;}
.details-row .col-3-grid {display: flex; justify-content: space-between; flex-direction: column;}
.details-row.total {margin: 0; padding: 10px 0;}
.details-row.total h5 {font-size: 13px; display: flex; justify-content: space-between; align-items: center;}
.details-row.total h5 span {font-size: 20px;}

.list-group .details-row.order {margin-bottom: 0; padding-bottom: 10px;}
.details-row.grid-border {padding-bottom: 0;}
.details-row.grid-border .left {border-right: 1px solid #DEDEDE;}
.details-row.grid-border .details-row {padding-top: 10px; padding-bottom: 10px;}
.details-row.grid-border .details-row.right {padding-left: 15px;}

.card-panel.order-notes {padding: 20px; min-height: 400px;}
.card-panel.order-notes textarea {border: 1px solid #C6C9DA; color: #37435D; border-radius: 8px; font-size: 13px; padding: 15px; margin-bottom: 10px;}
.add-note {display: flex; justify-content: end; align-items: center;}
.add-note .btn {font-size: 16px; padding: 8px 12px; border-radius: 8px;}
.add-note .btn iconify-icon {color: #fff; margin-top: -9px; vertical-align: middle;}
.add-note .attachments {font-size: 18px; margin-right: 8px; margin-top: 8px; display: inline-block; padding: 5px 10px;}

.notes-view {padding: 20px; border-radius: 18px; background: #F5F5F5; position: relative; margin-top: 20px;}
.notes-view .notes-row {display: flex; align-items: center;}
.notes-view .notes-row .icon {width: 32px; height: 32px; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-align: center; background: none; border: 2px solid #6329D3; color: #6329D3;}
.notes-view .notes-row .content {margin-left: 10px;}
.notes-view .notes-row .content h5 {font-size: 16px; color: #37435D; margin: 0;}
.notes-view .notes-row .content p {font-size: 13px; color: #37435D; margin: 0;}
.notes-view .desc {font-size: 14px; line-height: 20px; color: #37435D; margin-top: 20px;}
.notes-view .moredot {position: absolute; top: 25px; right: 15px; z-index: 9;}

/* Ticket Side Panel */
.ticket-side-panel {position: fixed; top: 0; bottom: 0; right: -100%; width: 620px; background: #fff; z-index: 999; padding: 30px 0; box-shadow: 0px 20px 20px #00000029; transition: all 0.75s ease-in-out;}
.ticket-side-panel .panel-header {border-bottom: 1px solid #DEDEDE; padding: 0 30px 30px; margin-bottom: 20px; position: relative;}
.ticket-side-panel .panel-header h3 {font-size: 32px; color: #37435D; margin: 0 0 10px;}
.ticket-side-panel .panel-header .close, .filter-side-panel .panel-header .close {width: 32px; height: 30px; font-size: 18px; line-height: 34px; border-radius: 8px; z-index: 9; text-align: center; color: #A0A3AC; border: 1px solid #C7C8CB; display: block; position: absolute; top: 0; right: 20px;}
body.slide-order .ticket-side-panel {right: 0; transition: all 0.75s ease-in-out;}
body.slide-user .ticket-side-panel {right: 0; transition: all 0.75s ease-in-out;}


.ticket-side-panel .panel-header .list-bullet {padding: 0; margin: 0;}
.ticket-side-panel .panel-header .list-bullet li {font-size: 18px; color: #37435D; margin-right: 20px; display: inline-block;}
.ticket-side-panel .panel-header .list-bullet li span {width: 10px; height: 10px; border-radius: 50%; background: #606060; margin-right: 5px; display: inline-block;}
.ticket-side-panel .panel-content {padding: 0 30px 15px;}
.ticket-side-panel .panel-content .orderinfo p {font-size: 18px; color: #64676C; margin: 0 0 5px;}
.ticket-side-panel .panel-content .orderinfo h5 {font-size: 22px; color: #64676C; margin: 0 0 10px;}
.ticket-side-panel .panel-body {background: #F7F7F7; padding: 20px 30px;}
.ticket-side-panel .card-tab ul li .nav-link {background: none; font-size: 20px; text-transform: capitalize;}
.ticket-side-panel .card-tab .tab-content {padding: 20px 0;}
body.slide-ticket .ticket-side-panel {right: 0; transition: all 0.75s ease-in-out;}


.ticket-side-panel .card-tab .tab-pane {height: calc(100vh - 300px); padding-bottom: 50px; overflow-y: auto;}
.ticket-box-list2 {background: #fff; padding: 25px; border-radius: 14px; margin-bottom: 15px;}
.ticket-box-list2 .row {align-items: center;}
.ticket-box-list2 .left h5 {font-size: 20px; color: #37435D; margin: 0 0 5px;}
.ticket-box-list2 .left h5 a {color: #37435D; text-decoration: underline;}
.ticket-box-list2 .left p {font-size: 18px; color: #64676C; margin: 0;}
.ticket-box-list2 .right h5 {font-size: 20px; color: #37435D; margin: 0 0 10px; text-align: right;}

/* Marketplace */
.card-panel.card-panel-4 {padding: 30px;}
.card-panel.card-panel-4 .card-header {margin-bottom: 20px;}
.card-panel.card-panel-4 .card-header h3 {font-size: 26px; margin: 0;}
.card-panel.card-panel-4 .card-header p {font-size: 16px; margin: 0; color: #62696E;}

.ticket-counting .counter-right {display: flex; justify-content: end;}
.ticket-counting .ticket-info {margin-left: 70px;}
.ticket-counting .ticket-info h3 {font-size: 38px; margin: 0;}
.ticket-counting .ticket-info p {font-size: 16px; margin: 0; color: #62696E;}
.ticket-counting .ticket-info.bluebg h3 {color: #506EF5;}
.ticket-counting .ticket-info.rosebg h3 {color: #CA0177;}

/* Orders List */
.card-panel.cardhg-lg {min-height: 800px;}
.filter-gray .form-control {padding: 10px 20px;}
.order-listing {padding-bottom: 10px; margin-bottom: 0; padding: 15px 20px; border-bottom: 1px solid #DEDEDE;}
.order-listing .row {align-items: center;}
.order-listing .order-content p {font-size: 15px; color: #636A7B; margin: 0; text-transform: uppercase;}
.order-listing .order-content h5 {font-size: 20px; color: #37435D; margin: 0;}
.order-listing .order-content .order-link {font-size: 16px; text-transform: capitalize;}
.order-listing .order-content .order-link a{text-decoration: underline; color: #37435D;}

.order-listing.button {
  /* border-top: 1px solid #DEDEDE; border-bottom: none; */
  margin-top: 50px; padding-bottom: 40px;}
.order-listing.button .btn {border-radius: 4px; padding: 10px 45px; font-size: 18px; font-family: 'Graphik-semibold';} 
.btn-warning {background: #F4D160; border-color: #F4D160;}

.order-form .form-group {margin-bottom: 15px; position: relative;}
.order-form .form-group label {font-size: 15px; color: #636A7B; margin-bottom: 5px; font-family: 'Graphik-Medium';}
.order-form .form-group .clear {position: absolute; top: 40px; right: 15px; z-index: 9; font-size: 24px;}
.order-form .form-group .form-control, .order-form .form-group .form-select {background-color: #fff; border-radius: 8px; font-size: 16px; color: #37435D; border: 1px solid #DDDDDD; height: 54px; padding: 10px 15px; font-family: 'Graphik-semibold';} 
.order-form .form-group textarea {height: 177px !important; padding: 15px; font-family: 'Graphik-semibold';}
.btn.btn-lg.round {padding: 5px 50px; height: 48px; font-size: 18px; border-radius: 24px; font-family: 'Graphik-semibold';}
.btn-light {background: #e5e5e5;}
.view-order-details {padding: 10px 10px 0; background: #fff; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 8px; padding: 10px;}
.view-order-details .order-header .order-listing {padding: 10px 20px; border: none; background: #ECF3FD; border-radius: 8px;}
.view-order-details .order-header .order-listing p {font-size: 13px; margin-bottom: 5px; font-family: 'Graphik-Medium';}
.view-order-details .order-header .order-listing h5 {margin-bottom: 0; font-size: 16px; font-family: 'Graphik-semibold'; }
.delivery-body {padding: 20px 20px 15px; position: relative;}
.delivery-body h5 {font-size: 18px; color: #37435D; margin: 0 0 15px; font-family: 'Graphik-semibold';}
.delivery-body .left .row {align-items: center;}
.delivery-body .left .thumb {border: 1px solid #707070; border-radius: 4px; width: 75px; height: 75px; overflow: hidden; padding: 8px; background: #fff;}
.delivery-body .left .thumb img {width: 100%; height: 100%; object-fit: cover;}
.delivery-body .left .content p {font-size: 16px; line-height: 20px; color: #37435D; margin: 0; font-family: 'Graphik-Medium';}
.delivery-body .right .content p {margin-top: 18px;}
.delivery-body .close-link {position: absolute; bottom: 10px; right: 10px; z-index: 9; font-family: 'Graphik-Medium' ; text-decoration: underline;}
.close-link a {text-decoration: underline; margin-bottom: 0;}
.view-order-details .orderon {margin: 0 0 10px;}
.view-order-details .orderon p {font-size: 14px; margin: 0;}
.view-order-details .orderon p span {margin: 0 5px;}
.view-order-details .orderon p a {color: #506EF5; text-decoration: underline;}
.order-form.emailorder .view-order-details {padding: 0 20px;}
.order-form.emailorder .view-order-details .delivery-body {padding:15px 40px 20px 0; border-bottom: 1px solid #ddd; position: relative;}
.delivery-body .form-radio {position: absolute; top: 43%; right: 15px; z-index: 9;}
.delivery-body .form-radio-input {width: 20px; height: 20px;}

.ticket-modal {background: rgba(0,0,0,0.8);}
.ticket-modal .modal-dialog {border-radius: 32px; background: #fff; padding: 15px 20px; max-width: 508px; }
.ticket-modal .modal-dialog .modal-content .modal-header {border-bottom: none; position: relative;}
.ticket-modal .modal-dialog .modal-content .modal-header .btn-close {width: 30px; height: 30px; line-height: 40px; font-size: 26px; text-align: center; border-radius: 50%; padding: 0; background: #506EF5; color: #fff; position: absolute; top: 10px; right: 5px; z-index: 9; opacity: 1; box-shadow: none !important;}
.ticket-modal .modal-dialog .modal-content {border: none;}
.ticket-modal .modal-body {text-align: center;}
.ticket-modal .modal-body .image {margin-bottom: 20px;}
.ticket-modal .modal-body h5 {font-size: 18px; color: #37435D; margin: 0 0 5px;}
.ticket-modal .modal-body h2 {font-size: 40px; color: #000; margin: 0 0 5px;}

.notification-panel {width: 427px; padding: 20px; border-radius: 18px; background: #F8FAFC; box-shadow: 0px 15px 30px #0000002E; position: fixed; top: 67px; right: -100%; z-index: 99; transition: all 0.75s ease-in-out;}
.notification-panel .notification-header {margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.notification-panel .notification-header h3 {font-size: 22px; color: #111724; margin: 0;}
.notification-panel .notification-header .close {width: 32px; height: 30px; font-size: 18px; line-height: 34px; border-radius: 8px; z-index: 9; text-align: center; color: #A0A3AC; border: 1px solid #C7C8CB;}
.notification-panel .notification-body {height: 550px; overflow-y: auto;}

.notification-panel .notification-body::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.notification-panel .notification-body::-webkit-scrollbar-track {
  background: #c8c7f4;
}

/* Handle */
.notification-panel .notification-body::-webkit-scrollbar-thumb {
  background: #506EF5;
}

/* Handle on hover */
.notification-panel .notification-body::-webkit-scrollbar-thumb:hover {
  background: #506EF5;
}

.notification-panel .notification-body .heading-md {font-size: 13px; color: #989898; margin: 0 0 10px;}
.notification-panel .notification-list {padding: 20px 20px 20px 80px; background: #fff; border-radius: 14px; position: relative; margin-bottom: 5px;}
.notification-panel .notification-list .icon{width: 38px; height: 38px; font-size: 20px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 50%; padding: 0; color: #fff; position: absolute; top: 25px; left: 20px; z-index: 9;}
.notification-panel .notification-list .icon img {height: 18px;}
.notification-panel .notification-list .content .title {font-size: 15px; color: #37435D; margin: 0 0 5px;}
.notification-panel .date {font-size: 13px; color: #858E98; margin: 0;}

body.slide3 .notification-panel {right: 25px; transition: all 0.75s ease-in-out;}


.bodyheight {min-height: 1400px;}
.sidepanel-order .close {top: -15px !important;}
.order-content h5 a {color: #37435D;}

.card-header.doublebr {border-top: 1px solid #DEDEDE; padding-top: 20px;}

.card-panel.orderinfo-card .card-header.doublebr {padding-top: 11px;}
.card-panel.orderinfo-card .card-header.doublebr h5 {margin: 0 25px !important; padding: 10px 0 18px !important;}

.markettype {display: block;}
.markettype .dropdown {display: none;}

/* Menu Slide */
.side-menu {transition: all 0.5s ease;}
.side-menu .close {display: none;}
body.slide .side-menu {left: -100%; transition: all 0.75s ease-in-out;}
body.slide header .container-fluid, body.slide .panel-top .container-fluid, body.slide .body-section .container-fluid {
  padding-left: 10px;
}

/* body.slide1, body.slide2, body.slide3, .slide-user {
  overflow: hidden; padding-right: 20px;
} */
body.slide1::-webkit-scrollbar, body.slide2::-webkit-scrollbar, body.slide3::-webkit-scrollbar, .slide-user::-webkit-scrollbar {
  opacity: 0; 
}

.highcharts-credits {display: none !important;}

.card-tab.tab2 {margin-top: 20px;}
.card-tab.tab2 .card-tab-menu ul {padding: 0; margin: 0 0 15px; border-bottom: 1px solid #E3E3E3;}
.card-tab.tab2 .card-tab-menu ul li {display: flex; justify-content: space-around;}
.card-tab.tab2 .card-tab-menu ul li .nav-link {text-transform:none; font-family: 'Graphik-Medium';}

.groupbtn1 .btn {padding: 10px; width: 100%; font-size: 18px; height: 54px; background: #F4D160; border-color: #F4D160; border-radius: 8px; margin-top: 27px; font-family: 'Graphik-semibold';}

/* Settings */
.settings-card .order-listing .order-content p {font-size: 18px; text-transform: capitalize; color: #37435d;}
.settings-card .order-listing .order-content .form-check label {font-size: 18px; color: #37435d;}
.settings-card .order-listing .order-content .form-check-input {margin-top: 3px; font-size: 20px; box-shadow: none !important;}

/* Reviews */
.review-panel .card {margin-bottom: 15px; border: 1px solid #DEDEDE; border-radius: 18px; overflow: hidden;}
.review-panel .card-body {padding: 20px !important;}
.review-panel.pb-0 .card-body.pb-0 {padding-bottom: 5px !important;}
.review-panel .card .card-header {display: flex; align-items: center; background: #fff; padding: 10px 0; margin: 0 20px; border-color: #E2E2E2 !important; position: relative;}
.review-panel .card .card-header .agent-edit {position: absolute; top: 15px; right: 40px; z-index: 9; font-size: 24px; text-align: center; color: #0E61C3;}
.review-panel .card .card-header .agent-delete {position: absolute; top: 15px; right: 0; z-index: 9; font-size: 24px; text-align: center; color: #0E61C3;}
.review-panel .card .card-header .agent-edit:hover {color: #F46F4B;}
.review-panel .card .card-header .agent-delete:hover {color: #F46F4B;}
.review-panel .card .card-header .thumb {width: 37px; height: 37px; border-radius: 50%; overflow: hidden; margin-right: 20px;}
.review-panel .card .card-header .thumb img {width: 100%; height: 100%; object-fit: cover;}
.review-panel .card .card-header h3 {font-size: 20px; margin: 0; font-family: 'Graphik-Semibold';}
.review-panel .card .card-body {padding: 15px 20px !important;}
.review-panel .card .card-body .row {align-items: center;}
.review-points h2 {font-size: 56px; line-height: 50px; margin: 0 0 5px; color: #000;}
.review-points p {font-size: 12px;  font-family: 'Graphik-Semibold'; margin: 0;}
.ratings ul {padding: 0; margin: 0;}
.ratings ul li {list-style: none; display: inline-block; font-size: 24px; line-height: 20px; color: #e6e6e6;} 
.ratings ul li.active {color: #ffbf31;}
.review-panel .card .card-footer {padding: 12px 15px; border-radius: 8px; background: #f2f2f2; margin: 0 10px 10px; border: none;}
.review-panel .card .card-footer p {font-size: 15px; margin: 0;  font-family: 'Graphik-Semibold';}
.review-panel .card .card-footer p a {color: #000; text-decoration: underline;}
.review-panel .card .card-footer p a:hover {color: #506EF5;}
.review-panel .review-type {float: left;}
.review-type .ratings-row {display: flex; align-items: center; justify-content: end; height: 35px;}
.review-type .ratings-row p {font-size: 13px; margin: 0 20px 0 0; font-family: 'Graphik-Semibold';}
.review-type .ratings {margin-top: 5px;}
.review-group {display: flex; align-items: center; justify-content: space-evenly;}
.review-group .icon {width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  margin: 0; flex-shrink: 0; border: 4px solid #fff;}
.review-group .icon.darkblue {z-index: 22;}
.review-group .icon.blue {z-index: 9; margin-left: -20px;}
.review-group .icon.rose {z-index: 8; margin-left: -20px; z-index: 0;}
.card-header.back .backbtn {vertical-align: middle; position: relative; top: 2px;}
.backbtn {font-size: 48px; line-height: 28px; color: #000; margin-right: 15px;}
.backbtn:hover, .backbtn:focus {color: #506EF5;}

.review-panel.details .card .card-header {margin-bottom: 10px; position: relative;}
.review-panel.details .card .card-header h3 {font-size: 18px; font-family: 'Graphik-Semibold';}
.review-panel.details .card .card-header h3 span {font-size: 15px; font-family: 'Graphik-Semibold';}
.review-panel.details .card .card-header .totalrating {position: absolute; top: 20px; right: 0; font-size: 16px;  font-family: 'Graphik-Semibold';}
.review-panel.details .card-body.mainbody {padding-bottom: 0 !important;}
.review-panel.details .pagination-row {padding-bottom: 0;}
.review-panel.details .card .card-body .row {align-items: start;}
.review-panel.details .card .card-body p {font-size: 15px; line-height: 20px;}
.review-panel.details .card .card-header .icon {width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center;  margin: 0; flex-shrink: 0; border: 4px solid #fff; margin-right: 10px;}
.review-panel.details .card .card-body .review-type {border-left: 1px solid #DEDEDE; margin-bottom: 10px; float: inherit;}
.review-panel.details .mainbody {margin: 1px 10px;}
.review-panel.details .card {padding: 5px 20px;}
.review-panel.details .card .card-header {margin: 0; padding: 10px 0;}
.review-panel.details .card .card-body {padding: 15px 0 !important;}
.review-panel.details .card .card-body .review-content {padding-right: 150px;}
.highcharts-axis.highcharts-xaxis path {stroke: #D3D8DE;}

.backheading iconify-icon {font-size: 18px; height: 23px; margin-right: 5px;}
.btnform {margin-bottom: 0; margin-top: 30px;}
.btnform .btn {border-radius: 8px; height: 54px; font-size: 16px; width: 100%; font-family: 'Graphik-Semibold';}
.pinstatus p {font-size: 18px; font-family: 'Graphik-Semibold'; margin-top: 15px;}


/* Login */
.login-cover {height: 100vh; padding: 30px 20px; background: #fff;}
.login-cover .container-fluid, .login-cover .row, .login-cover .col-md-6 {height: 100%;}
.login-cover .login-left {background: url(../images/loginbg.svg) no-repeat center center #F3F3F3; background-size: 60%; height: 100%; border-radius: 22px; padding: 35px;}
.login-cover .login-left .logo {margin-bottom: 25px;}

.login-cover .login-right {padding: 0; position: relative; height: 100%;}
.login-cover .login-right .loginbox {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding: 0 90px;}
.login-cover .login-right h3 {font-size: 34px; line-height: 44px; margin: 0 0 25px; color: #0E61C3; font-family: 'Graphik-Semibold';} 
.login-cover .login-right .form-group {margin-bottom: 35px;}
.login-cover .login-right .form-group label {font-size: 14px; margin: 0; color: #6E7786;}
.login-cover .login-right .form-group .form-control {font-size: 18px; border: none; border-bottom: 1px solid #707070; border-radius: 0; color: #2C2E3C; height: 40px; padding: 10px 0; background: none;}
.login-cover .login-right .form-check .form-check-input {width: 23px; height: 23px; border-radius: 50%; border: 1px solid #778192; box-shadow: none; outline: none; margin: 0px -23px;}
.login-cover .login-right .form-check label {font-size: 13px; color: #6E7786; margin-left: 10px;}
.login-cover .login-right .forgot-link {font-size: 13px; text-align: right;}
.login-cover .login-right .forgot-link a {text-decoration: none; color: #6E7786;}
.login-cover .login-right .forgot-link a:hover, .login-cover .login-right .forgot-link a:focus {color: #0E61C3; text-decoration: underline;}
.login-cover .login-right .custombtn {background: #fddb00; position: relative; padding: 13px 25px; font-size: 16px; color: #000; border-radius: 24px; text-align: center; font-family: 'Graphik-Semibold'; height: 50px; margin-top: 25px; display: inline-block; min-width: 202px;}
/* .login-cover .login-right .custombtn::before {position: absolute; top: -3px; left: -3px; right: 3px; content: ""; border: 1px solid #000; border-radius: 15px; height: 50px; min-width: 202px;} */

/* Forgot */
.login-cover .login-right h3 {margin-bottom: 0;} 
.login-cover .login-right .subheading2 {font-size: 13px; margin: 0 0 45px; color: #6E7786;} 
.login-cover .login-right .linktext2 {text-decoration: none; color: #6E7786; margin-top: 10px;}
.login-cover .login-right .linktext2 a {text-decoration: underline; color: #6E7786;}
.login-cover .login-right .linktext2 a:hover, .login-cover .login-right .linktext2 a:focus {color: #0E61C3; text-decoration: underline;}
.text-darkblue {color: #233D81 !important;}

.flagdo a {font-size: 20px;}
.upload-info p {font-size: 16px; color: #4c576d; margin: 0; font-family: 'Graphik-Semibold' !important; margin-bottom: 10px !important;}
.regards-content {margin-top: 20px;}
.regards-content p {margin: 0 !important;}
.upload-info .upload-image {width: 165px;}

/* Profile */
.profile-card {margin-top: 40px; border-radius: 20px; border-color: #E3E3E3;}
.profile-card .card-body {padding: 25px !important;}
.profile-card .card-body h3 {font-size: 18px; margin: 0 0 10px; color: #020202;}
.profile-card .card-body .profile-header {display: flex; align-items: center; background: #f5f5f5; border-radius: 14px;
   padding: 20px; margin-bottom: 20px;}
.profile-card .card-body .profile-header .profile-image {width: 87px; height: 87px; border-radius: 50%; border: 1px solid #ddd; flex-shrink: 0; border: 5px solid #fff; position: relative;}
.profile-card .card-body .profile-header .profile-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.profile-card .card-body .profile-header .profile-image .profile-edit {width: 31px; height: 31px; line-height: 35px; font-size: 20px; border-radius: 50%; display: block; background: #fff; color: #656565; text-align: center; position: absolute; bottom: -7px; right: 0; z-index: 9; border: 2px solid #fff;}
.profile-card .card-body .profile-header .profile-content {margin-left: 20px;}
.profile-card .card-body .profile-header .profile-content h5{font-size: 18px; color: #020202; margin: 0;} 
.profile-card .card-body .profile-header .profile-content p{font-size: 12px; margin: 0; color: #8D94A0;} 

/* Agent */
.btn-icon {position: relative; padding: 10px 20px 10px 45px; font-size: 16px; border-radius: 25px; height: 45px; background: #66A530; border-color: #66A530; color: #fff;}
.btn-icon iconify-icon {position: absolute; top: 5px; left: 5px; font-size: 34px; text-align: center; }
.card-panel .card-header h3 {display: flex; align-items: center;}
.card-panel .card-header h3 .btn-icon {margin-left: 20px;}

.radio-inline {display: flex; align-items: center;}
.radio-inline .form-check {margin-right: 25px;}
.radio-inline .form-check .form-check-input {width: 23px; height: 23px; border-radius: 50%; border: 1px solid #778192; box-shadow: none; outline: none; margin: 0px -23px;}
.radio-inline .form-check label {font-size: 16px; color: #6E7786; margin-left: 10px;}

.modal-style1 .modal-header {margin: 0 20px; padding: 15px 0 10px;}
.modal-style1 .modal-content {overflow: hidden; box-shadow: 0px 6px 12px #00000029; border: 2px solid #4C68E8 !important; border-radius: 18px;}
.modal-style1 .modal-body {padding: 18px 20px 15px;}
.modal-style1 .modal-body .radio-inline .form-check {margin-right: 20px;}
.modal-style1 .modal-footer {padding: 5px; background: #f2f2f2;}
.modal-style1 .modal-footer.flex-center {justify-content: center;}
.moredrop .dropdown-toggle {padding: 0; border: none;}
.moredrop .dropdown-toggle:after {display: none;}
.moredrop .dropdown-toggle iconify-icon {font-size: 36px; vertical-align: middle;}

.moredrop .dropdown-menu {width: 182px; padding: 5px 10px 2px; box-shadow: 0px 6px 10px #0000006F; border: 1px solid #404F93; border-radius: 10px;}
.moredrop .dropdown-menu .radio-inline {display: block;}
.moredrop .dropdown-menu .radio-inline {font-size: 14px;}
.agent-type {display: flex; align-items: center;}

.moredrop.rotate iconify-icon {transition: all 0.5s ease;}
.moredrop.rotate .dropdown-toggle.show iconify-icon {transform: rotate(180deg); color: #4C68E8;}
 
.moredrop .dropdown-menu .radio-inline .form-check {margin-right: 0; border-bottom: 1px solid #ddd; padding: 3px 0 7px; cursor: pointer;}
.moredrop .dropdown-menu .radio-inline .form-check .form-check-input {width: 15px; height: 15px; border-radius: 50%; border: 1px solid #B5B5B5; box-shadow: none; outline: none; margin: 4px 0;}
.moredrop .dropdown-menu .radio-inline .form-check:last-child {border-bottom: none;}
.moredrop .dropdown-menu .radio-inline .form-check label {font-size: 13px; color: #37435D; margin-left: 10px; vertical-align: middle;}
.moredrop .dropdown-menu .radio-inline .form-check label:hover {color: #506EF5;}
.backheading .headig-rating {display: flex; align-items: center;}
.backheading .backicon {margin-top: -20px;}
.backheading .headig-rating .rating-review ul{height: 18px;}
.backheading .headig-rating .rating-review ul li {color: #D0D0D0; width: 14px;}
.backheading .headig-rating .rating-review ul li.active {color: #ffbf31;}
.backheading .headig-rating .rating-review p {font-size: 12px; color: #646464;}
.backheading .headig-rating .rating-review ul li iconify-icon, .ratingtop.rating-review ul li iconify-icon {margin-right: 0;}
.backheading .headig-rating .rating-review, .rating-review.ratingtop {display: flex; align-items: center; margin-left: 10px; padding: 5px 15px 2px 10px; border: 2px solid #fff; background: #F5F5F5; border-radius: 6px; height: 55px;}
.backheading .headig-rating .rating-review, .rating-review.ratingtop a {display: flex; align-items: center;}
.backheading .headig-rating .rating-review .ratings, .rating-review.ratingtop  {margin-left: 0;}
.backheading .headig-rating .rating-review h5, .rating-review.ratingtop h5 {margin-right: 10px; font-size: 45px; color: #506ef5; font-family: 'Proxima Nova semibold';}

.ratingflex-heading {display: flex; align-items: center;}
.ratingflex-heading .leftbox {border-right: 1px solid #fff; padding-right: 25px; margin-right: 25px;}
.ratingflex-heading .rating-review.ratingtop {padding: 5px 15px 2px 10px; border: 2px solid #fff; border-radius: 10px; height: 55px; background: none;}
.ratingflex-heading .rating-review.ratingtop h5 {color: #fff;}
.ratingflex-heading .rating-review.ratingtop ul {height: 23px;}
.ratingflex-heading .rating-review.ratingtop ul li {width: 18px; color: #223796;}
.ratingflex-heading .rating-review.ratingtop p {color: #fff; font-size: 16px;}
.ratingflex-heading .rating-review.ratingtop ul li.active {color: #ffbf31;}

.table-style2 th {font-size: 15px; font-family: 'Graphik-Medium'; color: #646464;}
.table-style2 td p {font-size: 16px; font-family: 'Graphik-Medium'; color: #37435D;}
.list-option ul {padding: 0; margin: 0;}
.list-option ul li {list-style: none; display: inline-block; vertical-align: middle; font-size: 24px; margin-left: 30px;}
.list-option ul li a {color: #6E7893;}
.list-option ul li a:hover, .list-option ul li a:focus {color: #F55050;}
.table-style2 .list-option {position: relative; top: 2px;}
.btn.btn2 {padding: 6px 20px; font-size: 18px; border-radius: 10px;}
.btn.active {background: #63b75c; border-color: #63b75c; color: #fff;}
.form-select.formselect-big {min-width: 200px;}
.table-hover>tbody>tr:hover>*{background: #EDEFF7 !important; box-shadow: none !important;}

.pagination-row {padding: 10px 20px;}
.pagination-row nav {display: flex; justify-content: end;}
.pagination-row nav ul li a {box-shadow: none; outline: none; font-size: 13px; color: #37435D; background: none !important; outline: none !important; box-shadow: none !important;} 
.pagination-row nav ul li.active a, .pagination-row nav ul li a:hover  {background: #223796 !important; color: #fff !important; text-decoration: underline; border-color: #223796 !important; font-weight: 500;}

.chart-timeline {padding:  0 20px;}
.chart-timeline p {margin: 0; color: #5D5D5D; font-size: 11px; text-transform: uppercase;}
.chart-timeline p a {color: #5D5D5D;}
.chart-timeline p iconify-icon {font-size: 20px; vertical-align: middle; margin-top: -2px;}
.chart-timeline p a:hover {color: #223796;}

.dropdown.noarrow .btn::before {display: none;}
.dropdown.dropdown-icon .btn {color: #37435D; text-transform: capitalize; font-size: 16px; font-family: 'Graphik-Medium'; display: flex; align-items: center;}
.dropdown.dropdown-icon iconify-icon {font-size: 20px; vertical-align: middle; }

.dropdown.moredrop.btndrop-check .btn {border: 1px solid #C6C6C6; font-size: 15px; color: #37435D; border-radius: 23px; min-width: 200px; height: 46px; text-align: left; padding: 10px 5px 10px 15px;}
.dropdown.moredrop.btndrop-check .btn iconify-icon {float: right; margin-top: -3px; font-size: 32px; color: #C6C6C6;}
.filter-group .dropdown .dropdown-menu {width: 202px;}

.dropdown.dropdown-big-solid .btn {background: none; border: none !important; font-size: 14px; text-align: left; padding: 5px 35px 5px 10px !important; text-transform: capitalize !important;}
.dropdown.dropdown-big-solid .btn.dropdown-toggle iconify-icon {font-size: 22px; vertical-align: middle;}
.dropdown-big-solid .btn::after {display: none;}
.dropdown-big-solid .btn::before {display: none;}
.dropdown-big-solid ul {width: 188px; border: 1px solid #4C68E8; box-shadow: 0px 6px 10px #00000029; border-radius: 16px; padding: 15px !important;}
.dropdown-big-solid ul li {display: block; margin: 0;}
.dropdown-big-solid ul li a {padding: 10px; color: #37435D; border-radius: 8px; display: block;}
.dropdown-big-solid ul li a iconify-icon {font-size: 20px; margin-right: 5px; vertical-align: middle; margin-top: -4px;}
.dropdown-big-solid ul li a:hover {background: #ECF3FD;}
.order-listing.button {border-bottom: none;}

.form-select.select-big {min-width: 200px;}

.select-line {margin-top: -8px;}
.select-line .form-select {border: none; font-size: 13px; color: #37435D; padding-right: 27px;}

.modal-body .order-form .form-group label {font-size: 13px; color: #7B7B7B;}
.modal-body .order-form .form-group .form-control {font-size: 16px; color: #37435D; font-family: 'Graphik-Medium';}

.temp-select select {max-width: 130px; color: #0E6DDB !important; text-align: left; padding-left: 0;}
.temp-select select option {padding: 10px;}

.ticket-modal.todomodal .modal-content {text-align: center; padding-bottom: 25px;}
.ticket-modal.todomodal .image {width: 100px; margin: 0 auto;}
.modal .modal-vertical {transform:translateY(25%) !important;}

.templink .moredrop .dropdown-menu .radio-inline .form-check label {margin-left: 0;}


.apexcharts-canvas .apexcharts-xaxis-title text, .apexcharts-canvas .apexcharts-yaxis-title text, .highcharts-axis.highcharts-xaxis text, .highcharts-axis.highcharts-yaxis text {font-size: 13px; font-family: 'Graphik-Medium' !important; fill: #636977 !important; font-weight: 500 !important;}

.dropdown .dropdown-toggle iconify-icon {transition: all 0.5s ease;}
.dropdown.moredrop .dropdown-toggle.show iconify-icon, .dropdown.dropdown-big-solid  .dropdown-toggle.show iconify-icon {transform: rotate(180deg); color: #4C68E8 !important;}

.backheading.backheading2 .headig-rating h3 {color: #fff; border-right: 1px solid #fff; padding-right: 25px; margin-right: 13px;}
.backheading.backheading2 .headig-rating h3 a {color: #fff;}
.backheading.backheading2 {color: #fff;}
.backheading.backheading2 .rating-review {border: 2px solid #fff; background: none;}
.backheading.backheading2 .headig-rating .rating-review h5, .rating-review.ratingtop h5 {color: #fff;}

.backheading.backheading2 .headig-rating h3 a.backbtn iconify-icon {height: 27px;}
.backheading.backheading2 .rating-review ul {height: 23px;}
.backheading.backheading2 .rating-review ul li {color: #223796; width: 18px; font-size: 24px;}
.backheading.backheading2 .rating-review ul li iconify-icon {font-size: inherit;}
.backheading.backheading2 .rating-review p {color: #fff !important;}