/*================================================
[  Table of contents  ]
================================================

:: General
:: Badge
:: Media Support
:: Best Sellers
:: Profile Avatar
:: Countdown
:: Progressbar
:: Dropdown Menu
:: Badge Img Tag
:: List Style 1
:: Icon Box
:: Tasks Card
:: Sign In
:: Dash Hover
:: Waves Effect
:: Sidebar
:: Sidebar Menu
:: Top Menu
:: Content Page
:: Error Page
:: OWL Carousel
:: Timeline
:: Team
:: User Add Block
:: Email list
:: Booking list
:: Chart
:: Material Card Style
:: Circle Progressbar
:: Tikit Booking List
:: Right Sidebar Menu
:: FAQ
:: Table
:: Animation Card
:: Footer
:: Map Profile
:: Mail Inbox
:: Slick Arrow
:: Calender
:: From Wizard
:: Chat
:: Profile
:: Todo
:: Privacy Policy
:: User List
:: Add User

======================================
[ End table content ]
======================================*/

:root {
  scroll-behavior: auto;
  --thm-font: "Inter", sans-serif;
  --heading-font: "Inter", sans-serif;
  --special-font: "reeyregular", sans-serif;
  --thm-color: #000248;
  --thm-base: #0b48c2;
  --thm-orangecolor: #ffad00;
  --thm-w-color: #fff;
  --thm-blue-color: #0b48c2;
  --thm-bg-color: #f4f7fc;
  --thm-base-rgb: 230, , 39;
  --thm-primary: #f7c35f;
  --thm-primary-rgb: 247, 195, 95;
  --thm-secondary: #ed4b4b;
  --thm-secondary-rgb: 237, 75, 75;
  --thm-special: #5366c2;
  --thm-special-rgb: 83, 102, 194;
  --thm-black: #1c1c27;
  --thm-black-rgb: 28, 28, 39;
  --thm-black2: #16161f;
  --thm-black2-rgb: 22, 22, 31;
  --thm-gray: #f2ede9;
  --thm-gray-rgb: 242, 237, 233;
  --thm-border-color: #e7e1dc;
  --thm-border-color-rgb: 231, 225, 220;
  --thm-text-dark: #a2a2b1;
  --thm-text-dark-rgb: 162, 162, 177;
  --btnbg: linear-gradient(90deg, rgba(61,14,109,1) 0%, rgba(19,58,136,1) 100%);
  --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
  --ltn__box-shadow-2: 0 0 4px rgba(0, 0, 0, 0.1);
  --ltn__box-shadow-3: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  --ltn__box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
  --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
  --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
  --ltn__box-shadow-7: 0 0 10px 0px rgba(93, 93, 93, 0.2);
  --ltn__box-shadow-8: 6px 11px 41px -28px #796eb1;
}
/*--------------------------------------------------------------------
                          General
---------------------------------------------------------------------*/
*::-moz-selection {
background: #00269d;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #00269d;
color: #fff;
text-shadow: none;
}
::selection {
background: #00269d;
color: #fff;
text-shadow: none;
}
/* Definition Lists */
dl dd {
margin-bottom: 15px;
}
dl dd:last-child {
margin-bottom: 0px;
}
/* Table */
.table td, .table th {
vertical-align: middle;
}
a{text-decoration: none;}
a:hover {
text-decoration: none;
color: #02818f;
}
.dropdown-item {
font-size: 14px;
}
.dropdown-menu {
border-radius: 10px;
}
/* scroller */
.scroller {
overflow-y: auto;
scrollbar-color: #00269d #eff7f8;
scrollbar-width: thin;
}
.scroller::-webkit-scrollbar-thumb {
background-color: #fff;
}
.scroller::-webkit-scrollbar-track {
background-color: #fff;
}
#sidebar-scrollbar {
overflow-y: auto;
scrollbar-color: #fff ;
scrollbar-width: thin;
}
#sidebar-scrollbar::-webkit-scrollbar-thumb {
background-color: #fff;
}
#sidebar-scrollbar::-webkit-scrollbar-track {
background-color: #fff;
}
/* Form */
#sidebar-scrollbar {
height: 100%;
}
#sidebar-scrollbar::-webkit-scrollbar {
display: none;
}
/*---------------------------------------------------------------------
                                Badge
-----------------------------------------------------------------------*/
.badge {
padding: .3em .6em;
line-height: 1.3;
text-transform: capitalize;
}
.breadcrumb.bg-primary .breadcrumb-item+.breadcrumb-item::before {
color: #ffffff;
}
/*---------------------------------------------------------------------
                             Media Support
-----------------------------------------------------------------------*/
.media-support {
display: inline-block;
width: 100%;
}
.media-support-user-img img {
height: 60px;
}
.media-support-header {
display: flex;
align-items: flex-start;
}
.media-support-info {
flex: 1;
}
.projects-media img {
height: 60px;
}
.iq-media-group .iq-media {
margin-left: -20px;
position: relative;
z-index: 0;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.iq-media-group .iq-media:hover {
z-index: 9;
}
.iq-media-group .iq-media img, .iq-media-group .iq-media.border {
border: 2px solid #ddd;
}
.iq-media-group .iq-media:first-child {
margin-left: 0;
}
.iq-media {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.iq-media:hover {
text-decoration: none;
}
.media-pl {
text-align: center;
}
/*---------------------------------------------------------------------
                                Best Sellers
-----------------------------------------------------------------------*/
.media-sellers {
display: flex;
align-items: flex-start;
}
.media-sellers-media-info {
flex: 1;
}
.media-sellers-img img {
height: 80px;
}
.iq-card .list-star li {
margin-right: 0;
}
/*---------------------------------------------------------------------
                                Profile-Avatar
-----------------------------------------------------------------------*/
.iq-profile-avatar {
position: relative;
}
.iq-profile-avatar:before {
content: '';
position: absolute;
border-radius: 100%;
z-index: 1;
border: 2px solid #fff;
background-color: #374948;
height: 16px;
width: 16px;
right: 0;
bottom: 3px;
}
.iq-profile-avatar.status-online:before {
background-color: #0abb78;
}
.iq-profile-avatar.status-away:before {
background-color: #ffb820;
}
.avatar-upload {
position: relative;
max-width: 205px;
margin: 15px 0 0;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 12px;
z-index: 1;
top: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 34px;
height: 34px;
margin-bottom: 0;
border-radius: 100%;
background: #ffffff;
border: 1px solid #777D74;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: "FontAwesome";
color: #374948;
position: absolute;
top: 6px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 192px;
height: 192px;
position: relative;
border-radius: 100%;
border: 6px solid #f8f8f8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
/*---------------------------------------------------------------------
                                Countdown
-----------------------------------------------------------------------*/
.iq-comingsoon {
margin-top: 80px;
}
.countdown {
margin: 60px 0 0;
padding: 0;
}
.countdown li {
margin: 0 30px 0 0;
padding: 45px 0;
list-style: none;
width: 22.8%;
display: inline-block;
text-align: center;
line-height: normal;
background: #ffffff;
float: left;
color: #374948;
border-radius: 15px;
}
.countdown li span {
font-size: 60px;
display: inline-block;
width: 100%;
color: #00269d;
}
.countdown li:last-child {
margin-right: 0;
}
.iq-comingsoon-form {
position: relative;
}
.iq-comingsoon-form button {
position: absolute;
right: 0;
top: 0;
padding: 9px 30px;
}
/*---------------------------------------------------------------------
                                Progressbar
-----------------------------------------------------------------------*/
.iq-progress-bar {
background: #eef1f7;
box-shadow: 0 0 0;
height: 6px;
margin: 0;
position: relative;
width: 100%;
border-radius: 4px;
}
.iq-progress-bar > span {
display: block;
height: 100%;
width: 0;
border-radius: 4px;
}
/*---------------------------------------------------------------------
                           Dropdown Menu
-----------------------------------------------------------------------*/
.iq-card-header .dropdown-bg {
background: #ceebee;
padding: 8px 15px;
color: #00269d;
border-radius: 15px;
}
.iq-card-header .dropdown-menu {
margin: 0;
padding: 0;
font-size: 13px;
top: 20px !important;
border-radius: 10px;
border-color: #eef0f4;
-webkit-box-shadow: 0px 15px 30px 0px rgba(233, 237, 244, 1);
-moz-box-shadow: 0px 15px 30px 0px rgba(233, 237, 244, 1);
box-shadow: 0px 15px 30px 0px rgba(233, 237, 244, 1);
}
.iq-card-header .dropdown-menu .dropdown-item {
padding: 8px 15px;
color: #777D74;
}
.iq-card-header .dropdown-menu .dropdown-item i {
font-size: 14px;
vertical-align: middle;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
background: transparent;
color: #00269d;
}
/*--------------*/
.iq-card-header select.form-control {
background: #eef0f4;
border: none;
font-size: 14px;
margin-right: 15px;
}
.iq-card-header select.form-control.width-100 {
width: 180px;
}
/*---------------------------------------------------------------------
                           Badge Img Tag
-----------------------------------------------------------------------*/
.badge-img-tag {
position: absolute;
top: 15px;
left: 15px;
}
/*---------------------------------------------------------------------
                           list Style 1
-----------------------------------------------------------------------*/
.iq-list-style-1 {
margin: 0;
padding: 0;
}
.iq-list-style-1 li {
display: inline-block;
float: left;
list-style-type: none;
margin-right: 15px;
}
.iq-list-style-1 li:last-child {
margin-right: 0;
}
.iq-list-style-1 li a {
color: #777D74;
}
.iq-list-style-1 li a i {
color: #9597af;
margin-right: 5px;
}
.iq-list-style-1 li a:hover, .iq-list-style-1 li a:focus {
text-decoration: none;
color: #00269d;
}
.iq-list-style-1.text-white li a, .iq-list-style-1.text-white li a i {
color: #ffffff;
}
.list-inline.text-white li a {
color: #ffffff;
}
.list-inline.text-white li a:hover {
opacity: 0.6;
text-decoration: none;
}
/*---------------------------------------------------------------------
                           Icon Box
-----------------------------------------------------------------------*/
.iq-icon-box {
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
margin-right: 10px;
font-size: 22px;
text-decoration: none;
}
.iq-icon-box:hover {
text-decoration: none;
}
/*---------------------------------------------------------------------
                           Tasks Card
-----------------------------------------------------------------------*/
.tasks-card {
padding: 0 0 15px 0;
border-bottom: 1px solid #eef0f4;
margin: 0 0 15px 0;
}
.tasks-card .close {
font-size: 16px;
}
.tasks-card:last-child {
border: none;
margin: 0;
padding: 0;
}
/*---------------------------------------------------------------------
                             Sign In
-----------------------------------------------------------------------*/
.sign-in-page {
height: 100%;

}
.sign-in-detail {
padding: 100px;
height: 100vh;
border-radius: 40px;
}
.sign-in-logo {
display: inline-block;
width: 100%;
}
.sign-in-logo img {
height: 100px;
}
.sign-in-from {
width: 500px; position:absolute; top:50%; left: 50%; 
transform: translate(-50%, -50%);
padding: 20px 60px;
border-radius: 37px;

background: #fff;
}
.sign-info {
border-top: 1px solid #cdd1f3;
margin-top: 30px;
padding-top: 20px;
}
.iq-social-media {
margin: 0;
padding: 0;
float: right;
}
.iq-social-media li {
list-style: none;
float: left;
margin-right: 10px;
}
.iq-social-media li:last-child {
margin-right: 0;
}
.iq-social-media li a {
height: 30px;
width: 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
display: inline-block;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: #eff7f8;
color: #00269d !important;
}
.iq-social-media li a:hover {
text-decoration: none;
}
.sign-in-page .sign-in-page-bg {
position: relative;
overflow: hidden;
}

/*---------------------------------------------------------------------
                             Dash Hover
-----------------------------------------------------------------------*/
.dash-hover-blank {
background-color: #eee;
border: dashed 2px #444;
height: 90%;
justify-content: center;
}
.dash-hover-blank:hover {
cursor: pointer;
background-color: #ddd;
}
/*---------------------------------------------------------------------
                             Waves Effect
-----------------------------------------------------------------------*/
.iq-waves-effect {
position: relative;
/*  overflow: hidden; */
}
/*  Ripple */
.ripple {
width: 0;
height: 0;
border-radius: 50%;
background: rgba(8, 155, 171, 0.1);
transform: scale(0);
position: absolute;
opacity: 1;
}
.rippleEffect {
animation: rippleDrop .6s linear;
}
@keyframes rippleDrop {
100% {
transform: scale(2);
opacity: 0;
}
}
/*---------------------------------------------------------------------
                              Sidebar
-----------------------------------------------------------------------*/
.iq-sidebar {
position: fixed;
z-index: 999;
top: 0;
width: 260px;
height: 100%;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
/*   -webkit-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1); */
}

.iq-sidebar #sidebar-scrollbar {
padding-top: 10px;
}
/*---------------------------------------------------------------------
                           Sidebar Menu
-----------------------------------------------------------------------*/

/* Form */
#sidebar-scrollbar {
height: 100vh;
}
.scroll-content div.p-3 {
height: 100px;
}
.iq-sidebar-menu .iq-menu .iq-menu-title {
display: block;
color: #ffffff;
font-size: 15px;
position: relative;
padding: 10px;
font-weight: 500;
line-height: 18px;
}
.iq-sidebar-menu {
position: relative;
}
.iq-sidebar-menu .iq-menu {
/* margin: 0 10px; */
margin-right: 0;
padding: 0;
list-style-type: none;
}
.iq-sidebar-menu .iq-menu li {
list-style-type: none;
position: relative;
white-space: nowrap;
}
.iq-sidebar-menu .iq-menu li a {
font-size: 12px;
white-space: break-spaces;
display: block;
color: #ffffff;
position: relative;
padding: 15px 10px;
line-height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*  overflow: hidden; */
   border-radius: 50px 0 0 50px;
text-transform: capitalize;
}

.iq-sidebar-menu .iq-menu li.active a:after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 47px;
  transform: scale(1.04);
  background-size: 100%;
  background-image: url("../images/icon/10.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}

.iq-sidebar-menu .iq-menu li.active a:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
   background-image: url("../images/icon/11.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right:0;
}


.iq-sidebar-menu .iq-menu li.active a:after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 47px;
  transform: scale(1.04);
  background-size: 100%;
  /* background-image: url("../images/icon/12.svg"); */
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
  z-index: 9;
}

.iq-sidebar-menu .iq-menu li.active a:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
   background-image: url("../images/icon/11.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right:0;
}

.iq-sidebar-menu .iq-menu li a:hover{ background: #29469e; color: #fff; }

/* .iq-sidebar-menu .iq-menu li a:hover:after {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: 47px;
  transform: scale(1.04);
  background-size: 100%;
  background-image: url("../images/icon/10_h.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}

.iq-sidebar-menu .iq-menu li a:hover:before {
  content: "";
  width: 30px;
  height: 30px;
  margin-top: -30px;
  transform: rotate(90deg) scale(1.04);
  background-size: 100%;
   background-image: url("../images/icon/11_h.svg");
  position: absolute;
  top: 0;
  right: 0;
  margin-right:0;
} */

/* .iq-sidebar-menu .iq-menu li li a {
font-size: 14px;
} */
.iq-sidebar-menu .iq-menu li a i {
font-size: 20px;
margin-right: 10px;
vertical-align: middle;
width: 20px;
display: inline-block;
float: left;
}
.iq-sidebar-menu .iq-menu li li a i {
font-size: 16px;
}
.iq-sidebar-menu .iq-menu li a span {
white-space: nowrap;
padding: 0;
display: inline-block;
float: left;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
transition: none;
}
.iq-sidebar-menu .iq-menu li a .iq-arrow-right {
margin-right: 0;
margin-left: auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.iq-sidebar-menu .iq-menu li a .badge {
position: absolute;
right: 10px;
padding: 3px;
-webkit-transition: all 0.9s ease-out 0s;
-moz-transition: all 0.9s ease-out 0s;
-ms-transition: all 0.9s ease-out 0s;
-o-transition: all 0.9s ease-out 0s;
transition: all 0.9s ease-out 0s;
}
.iq-sidebar-menu .iq-menu li.active, .iq-sidebar-menu .iq-menu li.main-active {
border-bottom: none;
}

.iq-sidebar-menu .iq-menu li.active>a, .iq-sidebar-menu .iq-menu li.main-active>a {
color: #000;
background-color: #dae2fd;
text-decoration: none;
transition: none;
}
.iq-search-bar .searchbox .search-link {
position: absolute;
right: 15px;
top: 2px;
font-size: 16px;
}
.iq-sidebar-menu .iq-menu li a[aria-expanded="true"] .iq-arrow-right {
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.iq-sidebar-menu .iq-menu li .iq-submenu li a:hover, .iq-sidebar-menu .iq-menu li.active .iq-submenu li>a {
background: transparent;
}
.iq-sidebar-menu .iq-menu li.active .iq-submenu li.active>a {
background: #ceebee;
color: #00269d;
border-radius: 0;
}
.iq-sidebar-menu .iq-menu li.active .iq-submenu li:last-child>a {
border-radius: 0 0 15px 15px;
}
.iq-sidebar-menu .iq-menu li .iq-submenu li>a::before {
display: none;
}
/*body.sidebar-main .iq-sidebar .iq-menu li a[aria-expanded="false"].collapsed {border-radius: 15px;}*/
/*body.sidebar-main .iq-sidebar .iq-menu li a[aria-expanded="true"] { border-radius: 15px 15px 0 0; }*/
.iq-sidebar .iq-menu li.active, .iq-sidebar .iq-menu li.main-active {
background-color: #ffffff;
    border-radius: 50px 0 0 50px;
}
.iq-sidebar .iq-menu li.main-active {
margin: 10px 0;
}
.iq-sidebar .iq-menu li.main-active li {
margin: 0;
}
.iq-sidebar-menu .iq-menu li ul ul {
padding-left: 15px;
}
body.sidebar-main-menu.sidebar-main .iq-sidebar-menu .iq-menu li ul ul {
padding-left: 30px;
}
body.sidebar-main .iq-sidebar-menu .iq-menu li ul ul {
padding-left: 0;
}
body.sidebar-main-menu .iq-sidebar:hover .iq-sidebar-menu .iq-menu li ul ul, body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li ul ul {
padding-left: 30px;
}
body.sidebar-main-menu .iq-sidebar-menu .iq-menu li ul ul {
padding-left: 0;
}
/*------------------------*/
.iq-sidebar-menu .iq-menu li ul {
padding-left: 30px;
}
/* .iq-sidebar-menu .iq-menu li ul.iq-submenu-data {
padding-left: 30px;
} */
.iq-sidebar-menu .iq-menu li ul li a {
/* color: #777D74; */
/* padding: 12px 15px; */
}
/* .iq-sidebar-menu .iq-menu li ul a:hover {
color: #00269d;
text-decoration: none;
background: transparent;
} */
/*---------Sidebar Dark---------------*/
.iq-sidebar.sidebar-dark, .iq-sidebar.sidebar-dark .iq-sidebar-logo {
background: #151b21;
color: #ffffff;
}
.iq-sidebar.sidebar-dark .iq-sidebar-logo a span {
color: rgba(255, 255, 255, 0.8);
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu .iq-menu-title {
color: rgba(255, 255, 255, 0.4);
}
.iq-sidebar.sidebar-dark .iq-menu li>a::before {
display: none;
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li>a:hover, .iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li.active>a, .iq-sidebar.sidebar-dark .iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li a {
color: #ffffff;
background: #0f1317;
}
.iq-sidebar.sidebar-dark .iq-menu li a:hover, .iq-sidebar.sidebar-dark .iq-menu li.active>a, .iq-sidebar.sidebar-dark .iq-menu li.menu-open>a {
color: #ffffff;
background: #0f1317;
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li a {
color: rgba(255, 255, 255, 0.6);
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li ul li a {
background: transparent;
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li ul {
padding-left: 0;
background: #1e242a;
}
.iq-sidebar.sidebar-dark .iq-sidebar-menu .iq-menu li.active .iq-submenu li>a {
background: transparent;
}
.iq-sidebar.sidebar-dark .iq-menu li.active .iq-submenu li.active>a {
background: #1e1e1e;
color: #fff;
}
.iq-sidebar.sidebar-dark .ripple {
background: rgba(255, 255, 255, 0.1);
}
.iq-sidebar.sidebar-dark .iq-menu-bt {
background: #0f1317;
}
.iq-sidebar.sidebar-dark .line-menu {
background: #ffffff;
}
/*---------------------------------------------------------------------
                           Top Menu
-----------------------------------------------------------------------*/
.iq-top-navbar .iq-navbar-custom .iq-menu-bt {
display: none;
}
.iq-top-navbar {
padding: 0;
width: 100%;
margin:0;

-webkit-border-radius: 0;
}
.iq-top-navbar .companyName{}
.iq-top-navbar .companyName p{ margin: 0; padding: 0; font-size: 14px; color: #2331dc; font-weight: bold;}
.iq-top-navbar .companyName h1{ margin: 0; padding: 0; font-size: 22px; color: #000000; font-weight: 600; line-height: 25px;}
.iq-top-navbar .companyName h1 span{ display: block; margin: 0; padding: 0; font-size: 16px; color: #000000; line-height: 19px;}
/* .iq-top-navbar.fixed-header {
margin: 0;
right: 0;
width: calc(100% - 230px);
border-radius: 0;
transition: all 0.45s ease 0s;
} */
.iq-top-navbar .iq-navbar-custom .navbar-breadcrumb {
display: block;
margin-left: 30px;
padding: 10px 0;
}
.iq-top-navbar .breadcrumb .breadcrumb-item.active {
color: #777D74;
}
.iq-top-navbar .breadcrumb {
background: transparent;
padding: 0;
margin: 0;
}
.iq-top-navbar .breadcrumb li {
list-style-type: none;
font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before {
content: "\ea5f";
font-family: 'remixicon';
font-size: 14px;
vertical-align: sub;
color: #777D74;
}
.iq-top-navbar .breadcrumb li a, .iq-top-navbar .breadcrumb li a:hover {
text-decoration: none;
}
.navbar-list {
margin: 0;
padding: 0;
float: right;
}
.navbar-list li {
float: left;
list-style-type: none;
position: relative;
}
.navbar-list li > .dropdown .dropdown-menu {
-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.navbar-list li .dropdown-toggle::after {
display: none;
}
.navbar-list li>a.language-title {
font-size: 16px;
}
.navbar-list li>a {
font-size: 15px;

color: #00269d;
display: block;

}
.navbar-list li a.btn-6{ background: linear-gradient(129deg, rgba(129, 56, 234, 1) 0%, rgba(53, 83, 224, 1) 100%); color: #fff; font-size: 15px; line-height: 5px; }
.menu-tag {
position: absolute;
background: #374948;
color: #ffffff;
display: inline-block;
top: 18px;
left: 18px;
font-size: 12px;
border-radius: 90px;
line-height: normal;
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
display: inline-block;
}
.navbar-list li a:hover {
text-decoration: none;
}
.navbar-list li > a > img {
width: 35px;
height: 35px;
}
.navbar-list li.iq-nav-user {
display: flex;
align-items: flex-start;
}
.navbar-list li.iq-nav-user span {
flex: 1;
font-size: 14px;
}
.iq-top-navbar .iq-sidebar-logo .top-logo {
display: none;
}
.iq-breadcrumb {
display: none;
}
.nav-item span.dots {
height: 5px;
width: 5px;
font-size: 0;
text-align: center;
padding: 0;
position: absolute;
top: 25px;
right: 10px;
animation: shadow-pulse-dots 1s infinite;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.nav-item span.count-mail {
height: 5px;
width: 5px;
font-size: 10px;
text-align: center;
line-height: 15px;
padding: 0;
position: absolute;
top: 20px;
right: 10px;
animation: shadow-pulse 1s infinite;
border-radius: 50%;
}
@keyframes shadow-pulse-dots {
0% {
box-shadow: 0 0 0 0px rgba(230, 65, 65, 0.2);
}
100% {
box-shadow: 0 0 0 15px rgba(230, 65, 65, 0);
}
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(0, 132, 255, 0.2);
}
100% {
box-shadow: 0 0 0 15px rgba(0, 132, 255, 0);
}
}
div#lottie-beil, div#lottie-mail, div#lottie-fullscreen {
height: 20px;
width: 20px;
}
div#lottie-beil svg path, div#lottie-mail svg path, div#lottie-fullscreen svg path {
stroke: #00269d;
}
.navbar-list li .caption {
line-height: 16px;
}
.navbar-list li .caption h6{ font-size: 13px; color: #000; }
.top-nav-bottom {
margin-left: 230px;
border-top: 1px solid #f2edff;
}
.topnav-toolbar li a {
display: block;
padding: 10px 15px;
text-transform: capitalize;
color: #a09e9e;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.topnav-toolbar li.date-today {
background: #f2f3f7;
}
.topnav-toolbar li.active a {
background: #eff7f8;
color: #00269d;
}
.topnav-toolbar ul li {
list-style: none;
padding: 13px 0;
}
.navbar-list li > .dropdown {
line-height: 73px;
cursor: pointer;
}
.iq-search-bar {
padding: 0 15px;
}
.iq-search-bar .searchbox {
width: 480px;
position: relative;
}
.iq-search-bar .search-input {
width: 100%;
padding: 5px 40px 5px 15px;
border-radius: 10px;
border: none;
background: #ceebee;
}
/*---------- Sidebar Logo --------------*/
.iq-sidebar-logo {
text-align: center;
padding:20px 10px 15px 15px;
position: relative;
background: #ffffff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background: transparent;
}
.iq-sidebar-logo a {
display: block;
}
.iq-sidebar-logo a img{ margin-bottom: 10px; }
.iq-sidebar-logo a h4{ color: #97fbff; text-transform: uppercase; font-weight: 700; font-size: 24px; line-height: 28px; }

.iq-sidebar-logo a h4 span {color: #41f6ff; display: block;}

.iq-top-navbar .iq-navbar-custom .iq-menu-bt-sidebar .iq-menu-bt {
display: block;
margin: 0 0 0 20px;
}
body.sidebar-main .iq-menu-bt-sidebar .iq-menu-bt {
opacity: 1;
}
.iq-menu-bt {
padding: 5px 3px;
margin-right: 2px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 12px;
}
.wrapper-menu {
font-size: 30px;
line-height: 15px;
color: #ffffff;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
transition: transform 330ms ease-out;
}
.line-menu {
background-color: #00269d;
border-radius: 90px;
width: 100%;
height: 2px;
}
.line-menu.half {
width: 50%;
}
.line-menu.start {
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.37, 0.37);
transform-origin: right;
}
.open .line-menu.start {
transform: rotate(-90deg) translateX(3px);
}
.line-menu.end {
align-self: flex-end;
transition: transform 330ms cubic-bezier(0.54, -0.81, 0.37, 0.37);
transform-origin: left;
}
.open .line-menu.end {
transform: rotate(-90deg) translateX(-3px);
}
.main-circle {
}
.hover-circle {
opacity: 0;
position: absolute;
top: 0;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 50%;
}
/*----------------------*/
.iq-top-navbar .iq-sub-dropdown {
width: 300px;
display: none;
position: absolute;
top: 100%;
right: 0;
-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #ffffff;
transition: all 0.3s;
padding: 0;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-top-navbar .iq-sub-dropdown .iq-card-body div {
border-radius: 10px 10px 0 0;
}

/* ----------------------------------------------
* Generated by Animista on 2019-12-22 15:30:2
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* animation fade-in-bottom
* ----------------------------------------
*/
@-webkit-keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.iq-show .iq-sub-dropdown {
display: inline-block;
}
.navbar-list li .iq-sub-dropdown .iq-sub-card {
font-size: inherit;
padding: 15px;
line-height: normal;
color: inherit;
border-bottom: 1px solid #f3f7fd;
display: inline-block;
width: 100%;
}
.iq-top-navbar .search-box {
display: none;
position: absolute;
top: 100%;
right: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #ffffff;
transition: all 0.3s;
padding: 15px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.iq-show .search-box {
display: inline-block;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.search-box .search-input {
width: 300px;
height: 50px;
padding: 0 1em;
border: 1px solid #d4e3f9;
background-color: #f3f7fd;
opacity: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.iq-sub-dropdown .iq-card-icon {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 22px;
}
/*---------------------------------------------------------------------
                            Content Page
-----------------------------------------------------------------------*/
.wrapper { 
    padding: 15px;padding-left: 0;
    position: relative;
background: rgb(30,64,174);
background: linear-gradient(180deg, rgba(30,64,174,1) 0%, rgba(109,63,229,1) 25%, rgba(70,63,198,1) 75%, rgba(31,62,166,1) 100%);

}
.content-page {
margin-left: 260px;
overflow: hidden;
padding: 22px;
min-height: 100vh;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background: #dae2fd;
border-radius: 30px;

}
.iq-user-dropdown {
width: 350px;
}
body.sidebar-main .iq-top-navbar {
width: calc(100% - 80px);
}
body.sidebar-main .content-page {
margin-left: 80px;
}
body.sidebar-main .iq-sidebar-logo {
width: 80px;
}
body.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span, body.sidebar-main .iq-sidebar-logo a span, body.sidebar-main .iq-sidebar-menu .iq-menu li a .badge {
opacity: 0;
display: none;
transition: all 0.45s ease 0s;
}
body.sidebar-main .iq-sidebar-menu .iq-menu .iq-menu-title i {
font-size: 20px;
}
body.sidebar-main .iq-menu-bt {
opacity: 0;
display: none;
}
body.sidebar-main .iq-sidebar {
width: 80px;
}
body.sidebar-main .iq-sidebar-menu .iq-menu li a .iq-arrow-right {
margin-right: 0;
display: none;
}
body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a .iq-arrow-right {
margin-right: 0;
display: inline-block;
}
body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a span, body.sidebar-main .iq-sidebar:hover .iq-sidebar-logo a span, body.sidebar-main .iq-sidebar:hover .iq-sidebar-menu .iq-menu li a .badge, body.sidebar-main .iq-sidebar:hover .iq-menu-bt {
opacity: 1;
display: inline-block;
transition: none;
}
/*------------------------*/
.iq-card.iq-user-profile-block {
margin-top: 65px;
height: 81%;
}
.user-details-block .user-profile {
margin-top: -85px;
}
.user-details-block h3 span {
font-size: 20px;
}
ul.doctoe-sedual li {
list-style: none;
flex: 1;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
ul.doctoe-sedual li:first-child {
border-left: none;
}
ul.doctors-lists {
height: 340px;
overflow-y: scroll;
}
/*-------------------------*/
.iq-iconbox {
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
font-size: 25px;
border-radius: 10px;
}
.iq-scale-border {
height: 50px;
width: 50px;
border: 8px solid;
border-radius: 50%;
}
.iq-scale-border.like-block {
border-color: #ceebee;
}
.iq-scale-border.comment-block {
border-color: #e5fafc;
}
.iq-scale-border.share-block {
border-color: #fedc8a;
}
.iq-scale-border.repost-block {
border-color: #fa847b;
}
.iq-scale-border.view-block {
border-color: #56d172;
}
.iq-scale-border.post-block {
border-color: #cacaca;
}
ul#post-slider .slick-arrow {
top: -64px;
background: transparent;
height: 30px;
width: 30px;
color: #777D74;
border: 1px solid #777D74;
padding: 0;
line-height: 30px;
text-align: center;
}
ul#post-slider .slick-arrow.left {
left: auto;
right: 35px;
}
.iq-caption {
position: absolute;
top: 30px;
left: 50px;
color: #fff;
}
.iq-caption h1 {
color: #fff;
font-size: 60px;
line-height: 60px;
font-weight: 800;
}
.iq-caption p {
color: #fff;
font-size: 20px;
letter-spacing: 4.2px;
}
/*--------------------------------*/
.doctor-list-item-inner {
box-shadow: -1px 3px 13px -2px rgba(175, 175, 175, 0.1);
padding: 20px 15px;
margin: 5px;
}
table.table-box-shadow {
box-shadow: 0px 0px 12px 0px rgba(120, 146, 141, 0.06);
border-radius: 25px;
padding: 30px;
}
table.table-box-shadow thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
table.table-box-shadow th {
font-weight: 400;
}
.patient-role > li {
margin: 0 10px;
width: 33.33%;
}
/* --------------------------- */
div#contact-slider .slick-arrow, div#blog-slider .slick-arrow {
height: 40px;
width: 40px;
line-height: 40px;
padding: 0;
text-align: center;
border-radius: 25px;
top: 40px;
opacity: 0;
transition: all 0.45s ease 0s;
}
div#blog-slider .image-block img {
background: #ceebee;
border-radius: 15px 15px 0 0;
}
div#blog-slider .slick-arrow {
top: 45%;
}
div#contact-slider:hover .slick-arrow, div#blog-slider:hover .slick-arrow {
opacity: 1;
transition: all 0.45s ease 0s;
}
/*--------------------*/
.iq-card-header-list {
margin: 0;
padding: 0;
float: right;
}
.iq-card-header-list li {
list-style-type: none;
float: left;
display: inline-block;
font-size: 20px;
margin: 0 0 0 8px;
}
.iq-card-header-list li a, .iq-card-header-list li a:hover {
text-decoration: none;
}
/*-------------- Media Header ---------------*/
.iq-card .iq-card-header.iq-header-media {
padding: 20px;
}
/*-------------- Content Page ---------------*/
.big-card {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
background: #ffffff;
border: 1px solid #f2edff;
padding: 20px;
}
/*---------------------------------------------------------------------
                            Error Page
-----------------------------------------------------------------------*/
.iq-error {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: inline-block;
}
.iq-error h1 {
font-weight: 900;
font-size: 16rem;
line-height: 14rem;
margin-bottom: 0;
padding-top: 45px;
letter-spacing: 15px;
}
.iq-error-img {
position: static;
display: inline-block;
width: 700px;
margin: 100px 0 50px;
}
.error-500 .iq-error-img {
width: 100%;
}
/*---------------------------------------------------------------------
                             OWL Carousel
-----------------------------------------------------------------------*/
.owl-carousel .owl-nav {
display: block;
position: absolute;
text-indent: inherit;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
left: 0;
width: 100%;
/* margin: 22px; */
cursor: pointer;
z-index: 999;
}
.owl-carousel .owl-nav .owl-prev {
display: block;
position: absolute;
text-align: center;
text-indent: inherit;
left: -4%;
/* left: 0%; */
/* width: auto; */
cursor: pointer;
-webkit-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
transition: opacity 0.3s ease 0s, left 0.3s ease 0s;
}
.owl-carousel .owl-nav .owl-next {
display: block;
position: absolute;
text-align: center;
text-indent: inherit;
right: -4%;
/* right: 0%; */
/* width: auto; */
cursor: pointer;
-webkit-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
transition: opacity 0.3s ease 0s, right 0.3s ease 0s;
}
/* .owl-carousel .owl-nav i {
font-size: 24px;
border-radius: 50%;
width: 44px;
height: 44px;
line-height: 42px;
padding-left: 0px;
display: inline-block;
color: #fff;
background: #e7e7e7;
font-weight: normal;
text-align: center;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
} */
/* .owl-carousel .owl-nav i:hover {
background: #4ac4f3;
color: #fff;
} */
/* Dots */
.owl-carousel .owl-controls .owl-dot {
margin-top: 20px;
display: inline-block;
}
.owl-carousel .owl-dots {
position: relative;
width: 100%;
display: inline-block;
text-indent: inherit;
text-align: center;
cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot span {
background: #ffffff;
display: inline-block;
border-radius: 30px;
margin: 0px 5px;
height: 8px;
width: 8px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
cursor: pointer;
}
.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot.active {
outline: none;
border: none;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background: #ffffff;
}
.owl-carousel .owl-dots .owl-dot.active span {
background: #ffffff;
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);
}
.iq-example-row .row>.col, .iq-example-row .row>[class^=col-] {
padding-top: .75rem;
color: #374948;
padding-bottom: .75rem;
background-color: rgba(86, 61, 124, .15);
border: 1px solid rgba(86, 61, 124, .2);
}
.iq-example-row-flex-cols .row {
margin-bottom: 15px;
min-height: 10rem;
background-color: rgba(255, 0, 0, .1);
}
.iq-icons-list {
line-height: 50px;
margin-bottom: 15px;
display: inline-block;
}
.iq-icons-list i {
text-align: center;
vertical-align: middle;
font-size: 22px;
float: left;
width: 40px;
height: 50px;
line-height: 50px;
margin-right: 10px;
display: inline-block;
}
.iq-icons-list .icon {
text-align: center;
vertical-align: middle;
font-size: 22px;
width: 40px;
height: 40px;
line-height: 50px;
margin-right: 10px;
display: inline-block;
}
.iq-icons-list span {
display: inline-block;
vertical-align: middle;
}
.iq-card-icon {
height: 120px;
width: 120px;
padding-right: 20px;
display: inline-block;
line-height: 170px;
text-align: right;
position: absolute;
left: -60px;
top: -60px;
font-size: 30px;
border-radius: 50%;
box-shadow: inset 0 0 10px rgb(0 0 0 / 32%);
}
/*---------------------------------------------------------------------
                             Timeline
-----------------------------------------------------------------------*/
.iq-timeline {
margin: 0 0 0 5px;
padding: 0;
width: 100%;
border-left: 3px solid #f2edff;
}
.iq-timeline li {
margin-left: 15px;
position: relative;
padding: 15px 15px 0 5px;
list-style-type: none;
}
.iq-timeline li .timeline-dots {
position: absolute;
top: 20px;
left: -24px;
border: 3px solid #00269d;
border-radius: 90px;
padding: 5px;
background: #fff;
}
.iq-timeline li .timeline-dots-fill {
position: absolute;
top: 20px;
left: -23px;
background: #00269d;
border-radius: 90px;
padding: 7px;
}
/*---------------------------------------------------------------------
                             Team
-----------------------------------------------------------------------*/
.iq-team {
background: #ffffff;
padding: 15px;
position: relative;
}
.team-authors-bg {
position: relative;
margin-bottom: 50px;
}
.team-authors-bg .avatar-80 {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: 0 auto;
}
/*------------------------------*/
.iq-team-1 {
position: relative;
background: #ffffff;
}
.iq-team-1 .iq-team-1-info {
position: absolute;
padding: 30px 15px;
bottom: 0;
left: 0;
width: 100%;
}
/*---------------------------------------------------------------------
                         User Add Block
-----------------------------------------------------------------------*/
.user-add-block {
background: #ffffff;
}
.user-add-plus {
position: absolute;
right: 30px;
font-size: 24px;
bottom: -25px;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
background: #374948;
color: #ffffff;
border-radius: 900px;
-webkit-box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1);
-moz-box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1);
box-shadow: 0px 10px 30px 0px rgba(57, 60, 82, 0.1);
}
.user-add-plus:hover {
background: #00269d;
color: #ffffff;
text-decoration: none;
}
.user-add-authors {
position: relative;
}
.user-add-authors:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 132, 255, 0.8);
}
.user-add-authors .user-add-media {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
display: inline-block;
}
.user-add-list {
padding: 30px;
}
/*---------------------------------------------------------------------
                           Email list
-----------------------------------------------------------------------*/
.iq-email-list .iq-email-ui {
margin: 0;
padding: 0;
}
.iq-email-list .iq-email-ui li {
list-style-type: none;
font-size: 16px;
color: #777D74;
margin-bottom: 3px;
}
.iq-email-list .iq-email-ui li:last-child {
margin-bottom: 0;
}
.iq-email-list .iq-email-ui li a {
color: #777D74;
padding: 0;
display: inline-block;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.iq-email-list .iq-email-ui li.active a, .iq-email-list .iq-email-ui li a:hover {
text-decoration: none;
color: #00269d;
}
.iq-email-list .iq-email-ui li {
list-style-type: none;
}
.iq-email-list .iq-email-ui li i {
margin-right: 10px;
}
.iq-email-list .iq-email-ui li .badge {
float: right;
font-weight: normal;
margin-top: 3px;
}
.iq-email-list .iq-email-ui.iq-email-label li {
margin-bottom: 10px;
}
.iq-email-list .iq-email-ui.iq-email-label li:last-child {
margin-bottom: 0;
}
/*----------------------------------*/
.iq-email-to-list ul {
margin: 0;
padding: 0;
}
.iq-email-to-list ul li {
list-style-type: none;
font-size: 20px;
color: #777D74;
margin: 0 5px 0 0;
float: left;
}
.iq-email-to-list ul li:first-child a {
background: none;
width: auto;
}
.iq-email-to-list ul li>a {
color: #00269d;
text-align: center;
line-height: 38px;
display: inline-block;
width: 40px;
height: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #eff7f8;
}
.iq-email-to-list ul li a:hover, .iq-email-to-list ul li.q-list a:hover {
color: #00269d;
text-decoration: none;
}
.iq-email-to-list ul li .custom-control-label::before {
top: 13px;
left: -20px;
}
/*----------------------------------*/
.iq-email-search {
position: relative;
}
.iq-email-search .form-control {
height: 40px;
border: 1px solid #eef0f4;
width: 300px;
}
.iq-email-search .search-link {
position: absolute;
top: 0;
right: 15px;
font-size: 18px;
line-height: 38px;
color: #00269d;
}
.iq-email-search .search-link:hover {
text-decoration: none;
}
/*----------------------------------*/
.iq-email-listbox .iq-email-sender-list {
margin: 15px 0 0;
padding: 0;
display: inline-block;
width: 100%;
overflow: hidden;
}
.iq-email-listbox .iq-email-sender-list>li {
list-style-type: none;
position: relative;
padding: 15px 20px;
border-top: 1px solid #eef0f4;
float: left;
display: inline-block;
width: 100%;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.iq-email-listbox .iq-email-sender-list>li:hover {
background: #fff;
-webkit-box-shadow: 0px 0px 30px 0px rgba(8, 155, 171, 0.2);
-moz-box-shadow: 0px 0px 30px 0px rgba(8, 155, 171, 0.2);
box-shadow: 0px 0px 30px 0px rgba(8, 155, 171, 0.2);
}
.iq-email-listbox .iq-email-sender-list li a:hover {
text-decoration: none;
}
.iq-email-listbox .iq-email-sender-list li.iq-unread a {
color: #00269d;
font-weight: 500;
}
.iq-email-listbox .iq-email-sender-list li.iq-unread li a {
color: #007bff;
}
.iq-email-sender-info .iq-checkbox-mail, .iq-email-sender-info .iq-star-toggle {
display: block;
float: left;
}
.iq-email-sender-info .iq-checkbox-mail {
cursor: pointer;
height: 20px;
width: 20px;
margin-top: 4px;
}
.iq-email-sender-info .iq-star-toggle {
color: #777D74;
margin-left: 10px;
font-size: 18px;
}
.iq-email-sender-info .iq-email-title {
color: #777D74;
position: absolute;
top: 0;
left: 85px;
right: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 0;
line-height: 62px;
}
.iq-email-content {
position: absolute;
top: 0;
left: 300px;
right: 0;
bottom: 0;
line-height: 62px;
}
.iq-email-content .iq-email-date, .iq-email-content .iq-email-subject {
position: absolute;
top: 0;
}
.iq-email-content .iq-email-subject {
color: #777D74;
left: 0;
right: 110px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.iq-email-content .iq-email-date {
right: 20px;
width: 100px;
text-align: right;
padding-left: 10px;
color: #374948;
}
.iq-email-sender-list .iq-social-media {
position: absolute;
line-height: 62px;
right: -200px;
top: 0;
background: #ffffff;
font-size: 18px;
padding: 0 30px;
transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.iq-email-listbox .iq-email-sender-list li:hover .iq-social-media {
right: 0;
}
/*----------------------------------*/
.iq-inbox-details tr td {
padding: 5px 10px;
}
.iq-inbox-details tr td:first-child {
width: 75px;
color: #374948;
}
.iq-subject-info {
display: flex;
align-items: flex-start;
}
.iq-subject-status {
margin-left: 15px;
flex: 1;
}
/*---------------------------------------------------------------------
                           Booking list
-----------------------------------------------------------------------*/
.iq-booking-date {
background: #eef0f4;
padding: 15px 15px;
margin: 0 15px 45px;
outline: none;
position: relative;
overflow: hidden;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
}
.iq-booking-date:hover {
text-decoration: none;
}
.iq-booking-date:after {
content: "";
position: absolute;
bottom: 20px;
left: -8px;
height: 16px;
width: 16px;
background: #ffffff;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
opacity: 0;
}
.iq-booking-date:before {
content: "";
position: absolute;
bottom: 20px;
right: -8px;
height: 16px;
width: 16px;
background: #ffffff;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
opacity: 0;
}
.slick-slide.slick-active.slick-center .iq-booking-date {
background: #00269d;
color: #ffffff;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 132, 255, 0.4);
-moz-box-shadow: 0px 10px 30px 0px rgba(0, 132, 255, 0.4);
box-shadow: 0px 10px 30px 0px rgba(0, 132, 255, 0.4);
}
.slick-slide.slick-active.slick-center .iq-booking-date h3 {
color: #ffffff;
}
.slick-slide.slick-active.slick-center .iq-booking-date:after {
opacity: 1;
}
.slick-slide.slick-active.slick-center .iq-booking-date:before {
opacity: 1;
}
.slick-initialized .slick-slide {
outline: none;
}
.iq-booking-date .iq-booking-dot {
height: 12px;
width: 12px;
margin-bottom: 10px;
display: inline-block;
background: #ffffff;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.iq-booking-date h3 {
line-height: 1.50rem;
margin-bottom: 0;
}
.iq-booking-date h3 small {
font-size: 14px;
}
.icon-tag-box span {
display: inline-block;
width: 100%;
font-size: 16px;
}
.iq-booking-offer-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 110%;
}
.iq-booking-offer {
padding: 60px 100px;
border-radius: 10px;
margin-bottom: 30px;
}
/*----------------------------------------------------------------------
                      Chart
----------------------------------------------------------------------*/
#sda1-chart, #sda1-chart1, #sda1-chart2 {
min-height: 200px !important;
}
/*-----------------------------------------------------------------
                      Material Card Style1
----------------------------------------------------------------- */
.card-style1 {
display: flex;
}
.card-style1 img {
object-fit: cover;
border-radius: 100px;
height: 75px;
margin-right: 10px;
}
.card-style1 .title {
text-transform: capitalize;
font-weight: bold;
}
.card-style1 .percentage {
font-weight: bolder;
font-size: 1.5rem;
margin: auto;
}
.card-style1 .percentage span {
font-weight: normal;
}
/*-----------------------------------------------------------------
                      Material Card Style2
----------------------------------------------------------------- */
.card-style1.card-style2 .iq-details {
width: 100%;
}
.card-style1.card-style2 .percentage {
font-weight: bolder;
font-size: 1.2rem;
margin-top: -5px;
margin-left: -50px;
}
/*-----------------------------------------------------------------
                      Circle Progressbar
------------------------------------------------------------------- */
.iq-circle-progressbar .percent {
font-size: 1.3rem !important;
}
.iq-circle-progressbar svg {
width: 100px !important;
height: 100px !important;
}
.iq-circle-progressbar {
margin: 0 auto;
width: 100px !important;
height: 100px !important;
}
/* ------------ */
.progress-round {
width: 50px;
height: 50px;
background: none;
position: relative;
}
.progress-round::after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid #eee;
position: absolute;
top: 0;
left: 0;
}
.progress-round>span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress-round .progress-left {
left: 0;
}
.progress-round .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 3px;
border-style: solid;
position: absolute;
top: 0;
}
.progress-round .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress-round .progress-right {
right: 0;
}
.progress-round .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.progress-round .progress-value {
position: absolute;
top: 0;
left: 0;
}
.progress-bar-vertical {
width: 10px;
min-height: 110px;
display: flex;
align-items: flex-end;
margin-right: 20px;
float: left;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.progress-bar-vertical .progress-bar {
width: 100%;
height: 0;
-webkit-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.progress-bar-vertical > span {
height: 0;
width: 100% !important;
}
.hospital-mgt .progress > div + div {
text-align: right;
padding-right: 15px;
}
.hospital-mgt .progress > div {
text-align: left;
padding-left: 15px;
}
.progress-round.patient-progress {
height: 100px;
width: 100px;
}
.progress-round.patient-progress .progress-bar {
border-width: 5px;
}
.progress-round.patient-progress::after {
border: 5px solid #ceebee;
}
.patient-steps2 .progress-round.patient-progress::after {
border: 5px solid #fffbe5;
}
/*-----------------------------------------------------------------
                      Tikit Booking List
------------------------------------------------------------------- */
.iq-booking-ab {
display: inline-block;
}
.iq-booking-ab li {
line-height: 3rem;
height: 45px;
margin-bottom: 1rem;
position: relative;
}
.iq-booking-ab li.friest-booking-blank {
margin-bottom: 0;
height: 40px;
}
.iq-booking-ab li.secondary-booking-blank {
height: 70px;
}
.iq-booking-ab li.three-booking-blank {
height: 70px;
}
.iq-booking-no li {
width: 4.9%;
text-align: center;
margin-right: 0 !important;
}
.iq-booking-no li .iq-seat {
background: #f3f7fd;
width: 45px;
height: 45px;
display: inline-block;
padding: 10px;
border-radius: 4px;
}
.iq-booking-no li .iq-seat img {
width: 100%;
}
.iq-booking-no li .iq-seat img.active-seat {
display: none;
}
.iq-booking-no li .iq-seat.bg-secondary img.default, .iq-booking-no li .iq-seat.active img.default {
display: none;
}
.iq-booking-no li .iq-seat.bg-secondary img.active-seat, .iq-booking-no li .iq-seat.active img.active-seat {
display: inline-block;
}
.iq-booking-no li .iq-seat.active {
background: #27b345;
}
.iq-booking-status {
line-height: 30px;
display: inline-block;
margin-right: 30px;
}
.iq-booking-status span {
width: 16px;
height: 16px;
border-radius: 4px;
display: inline-block;
background: #f3f7fd;
margin-right: 10px;
margin-top: 6px;
float: left;
}
/*-----------------------------------------------------------------
                      Right Sidebar Menu
------------------------------------------------------------------- */
#right-sidebar-scrollbar {
height: 100vh;
}
.iq-sidebar-right-menu {
position: fixed;
top: 75px;
right: -400px;
width: 360px;
background: #eef0f4;
overflow: hidden;
z-index: 99;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.iq-sidebar-right-menu.film-side {
right: 0;
}
.iq-sidebar-booking, .iq-sidebar-payment {
padding: 30px;
}
.iq-booking-ticket {
background: #ffffff;
border-radius: 4px;
padding: 30px 25px 30px;
position: relative;
}
.iq-booking-ticket:after {
content: "";
position: absolute;
bottom: 100px;
left: -10px;
height: 20px;
width: 20px;
background: #00269d;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.iq-booking-ticket:before {
content: "";
position: absolute;
bottom: 100px;
right: -10px;
height: 20px;
width: 20px;
background: #00269d;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
/*---------------------------------------------------------------------
FAQ
-----------------------------------------------------------------------*/
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span {
padding-left: 0px;
}
.iq-accordion.career-style .iq-accordion-block {
margin-bottom: 30px;
}
.iq-accordion.career-style.faq-style .accordion-title:before {
display: inline-block;
cursor: pointer;
content: "\f218";
font-family: "Ionicons";
position: absolute;
top: -8px;
right: 15px;
color: #1e1e1e;
font-size: 16px;
line-height: 16px;
font-weight: normal;
-webkit-transition: all 0.25s ease-in-out 0s;
-moz-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
border-radius: 4px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
}
.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-details p {
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
}

.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before {
content: "\f209";
display: inline-block;
}
.iq-accordion.career-style.faq-style .active-faq .row {
background: transparent;
padding: 10px 0px;
}
.iq-accordion.career-style.faq-style .iq-accordion-block {
padding: 10px 5px;
border-radius: 20px;
}
.iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before, .iq-accordion.career-style.faq-style .accordion-title:before {
background-image: -moz-linear-gradient(0deg, rgb(109, 115, 239) 0%, rgb(163, 120, 252) 100%);
border-radius: 90px;
display: none;
}
/*---------------------------------------------------------------------
Table
-----------------------------------------------------------------------*/
table tr th img {
width: 35px;
height: 35px;
border-radius: 90px;
}
.progress-animate {
animation: progress-bar-stripes 1s linear infinite;
}
img.summary-image-top {
width: 35px;
}
.iq-subject-info img {
width: 80px;
}
/*---------------------------------------------------------------------
Animation Card
-----------------------------------------------------------------------*/
.animation-card {
position: relative;
}
.animation-card .an-img {
margin-top: -60px;
text-align: right;
display: inline-block;
width: 100%;
}
.animation-card .an-img .bodymovin {
width: 162%;
margin-bottom: -57px;
margin-left: -50px;
}
.animation-card .an-text {
position: absolute;
width: 180px;
display: inline-block;
top: 75px;
left: 30px;
}
.animation-card .an-text h2 {
margin-top: 0;
}
/*------------*/
.an-img-two {
width: 700px;
position: absolute;
right: -35%;
top: -175px;
z-index: -1;
}
.iq-card.bg-primary.sb-top-banner-card {
z-index: 1;
position: relative;
}
.bodymovin {
z-index: -1;
}
/*------------*/
.offer-an-img {
position: absolute;
top: -183px;
width: 695px;
left: -100px;
}
/*---------------------------------------------------------------------
Footer
-----------------------------------------------------------------------*/
.iq-footer {
padding: 7px;
/* margin: 0 15px 20px; */
border-radius: 25px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.iq-footer ul li a {
/* color: #777D74; */
}
.iq-footer ul li a:hover {
  color: var(--primary);
text-decoration: none;
}
.bg-banner-image.style-three {
height: 150px;
background: url('../images/bg-03.jpg');
}
.iq-mt--70 {
margin-top: -70px
}
.banner-main-text {
position: absolute;
left: 15%;
bottom: 13%;
}
.nav.nav-pills.style-three .nav-link.active:before, .nav.nav-pills.style-three .nav-link:hover:before {
display: inline-block;
width: 100%;
height: 3px;
background: #00269d;
content: "";
position: absolute;
left: 0;
bottom: 0px;
}
.nav.nav-pills.style-three .nav-link:before {
width: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
height: 3px;
background: #19beec;
content: "";
position: absolute;
right: 0;
bottom: 0px;
}
.iq-card-body.banner-box {
padding-bottom: 0;
}
.nav.nav-pills.style-three {
margin-top: 10px;
}
.nav.nav-pills.style-three a:last-child {
margin-right: 0px;
}
.nav.nav-pills.style-three a {
background: transparent;
position: relative;
margin-right: 30px;
padding: 10px 0px;
}
/*---------------------------------------------------------------------
Map Profile
-----------------------------------------------------------------------*/
.dash-tracking-icon {
height: 80px;
}
.map-profile-card {
margin-right: 30px;
border: 1px solid #ddd;
margin-bottom: 15px;
}
.track {
display: -webkit-inline-box;
display: -moz-inline-box;
overflow-x: scroll;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
border-radius: 20px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 20px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
border-radius: 20px;
}
/*---------------------------------------------------------------------
Mail Inbox
-----------------------------------------------------------------------*/
.email-app-details.show {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.email-app-details {
position: absolute;
display: block;
z-index: 6;
visibility: hidden;
opacity: 0;
top: 0;
width: calc(100% - 15px);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .3s ease;
transition: all .3s ease;
height: 100%;
left: auto;
right: 0;
background-color: #fff;
border-radius: 30px;
-webkit-border-radius: 30px;
}
.attegement ul {
padding: 0;
list-style: none;
}
.send-panel a {
height: 30px;
width: 30px;
text-align: center;
font-size: 18px;
line-height: 30px;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
#compose-email-popup {
position: fixed;
max-width: 700px;
left: auto;
right: 0;
top: auto;
bottom: 0;
padding: 0 !important;
max-height: 555px;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
#compose-email-popup .iq-card {
border-radius: 30px 30px 0 0;
}
button.close-popup {
background: transparent;
color: #000;
border: none;
font-size: 20px;
line-height: 20px;
}
.compose-bottom {
border-top: 1px solid #777D74;
}
.select2-container--default .select2-selection--multiple {
border-color: #d7dbda;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
color: #374948;
border-color: #d7dbda;
box-shadow: none;
}
/* colors changes in radio button, checkbox, switch */
.custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}
.custom-checkbox.custom-checkbox-color input.bg-primary~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-primary~label::before, .custom-radio.custom-radio-color input.bg-primary~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-primary~label::before, .custom-switch.custom-switch-color input:checked.bg-primary~label::before {
background-color: #00269d !important;
border-color: #00269d !important;
}
.custom-checkbox.custom-checkbox-color input.bg-success~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-success~label::before, .custom-radio.custom-radio-color input.bg-success~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-success~label::before, .custom-switch.custom-switch-color input:checked.bg-success~label::before {
background-color: #27b345 !important;
border-color: #27b345 !important;
}
.custom-checkbox.custom-checkbox-color input.bg-danger~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-danger~label::before, .custom-radio.custom-radio-color input.bg-danger~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-danger~label::before, .custom-switch.custom-switch-color input:checked.bg-danger~label::before {
background-color: #f14336 !important;
border-color: #f14336 !important;
}
.custom-checkbox.custom-checkbox-color input.bg-warning~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-warning~label::before, .custom-radio.custom-radio-color input.bg-warning~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-warning~label::before, .custom-switch.custom-switch-color input:checked.bg-warning~label::before {
background-color: #fbc647 !important;
border-color: #fbc647 !important;
}
.custom-checkbox.custom-checkbox-color input.bg-dark~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-dark~label::before, .custom-radio.custom-radio-color input.bg-dark~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-dark~label::before, .custom-switch.custom-switch-color input:checked.bg-dark~label::before {
background-color: #374948 !important;
border-color: #374948 !important;
}
.custom-checkbox.custom-checkbox-color input.bg-info~label::before, .custom-checkbox.custom-checkbox-color-check input:checked.bg-info~label::before, .custom-radio.custom-radio-color input.bg-info~label::before, .custom-radio.custom-radio-color-checked input:checked.bg-info~label::before, .custom-switch.custom-switch-color input:checked.bg-info~label::before {
background-color: #00d0ff !important;
border-color: #00d0ff !important;
}
/* checkbox with icon */
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #ceebee;
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: #ceebee;
}
.custom-control-input:checked~.custom-control-label::before {
border-color: #00269d;
background-color: #00269d;
}
.custom-checkbox.checkbox-icon label i {
position: absolute;
top: 6px;
left: -21px;
font-size: 10px;
transform: scale(0);
-webkit-transform: scale(0);
-webkit-transition: all .15s ease-in;
transition: all .15s ease-in;
}
.custom-checkbox.checkbox-icon input:checked~label i {
transform: scale(1);
-webkit-transform: scale(1);
color: #fff;
}
.custom-checkbox.checkbox-icon input:checked~label::after {
display: none;
}
/* switch with icon */
.custom-switch.custom-switch-icon label .switch-icon-left, .custom-switch.custom-switch-icon label .switch-icon-right, .custom-switch.custom-switch-text label .switch-icon-left, .custom-switch.custom-switch-text label .switch-icon-right {
position: absolute;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: -3px;
}
.custom-switch.custom-switch-icon label .switch-icon-left i, .custom-switch.custom-switch-icon label .switch-icon-right i {
font-size: 10px;
}
.custom-switch.custom-switch-icon label .switch-icon-left, .custom-switch.custom-switch-text label .switch-icon-left {
left: 8px;
right: auto;
color: #fff;
}
.custom-switch.custom-switch-icon label .switch-icon-right, .custom-switch.custom-switch-text label .switch-icon-right {
right: 5px;
left: auto;
}
.custom-switch.custom-switch-icon, .custom-switch.custom-switch-text {
padding-left: 0;
}
.custom-switch.custom-switch-icon .custom-control-label {
height: 20px;
width: 42px;
padding: 0;
}
.custom-switch.custom-switch-text .custom-control-label {
width: 46px;
}
.custom-switch.custom-switch-icon .custom-control-label::before, .custom-switch.custom-switch-text .custom-control-label::before {
height: 20px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
user-select: none;
top: 0;
left: 1px;
width: 2.75rem;
}
.custom-switch.custom-switch-text .custom-control-label::before {
width: 100%;
}
.custom-switch.custom-switch-icon .custom-control-label:after, .custom-switch.custom-switch-text .custom-control-label:after {
position: absolute;
top: 1px;
left: 2px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
user-select: none;
height: 18px;
width: 18px
}
.custom-switch.custom-switch-icon .custom-control-input:checked~.custom-control-label::after {
-webkit-transform: translateX(1.4rem);
-ms-transform: translateX(1.4rem);
transform: translateX(1.4rem);
}
.custom-switch.custom-switch-text .custom-control-input:checked~.custom-control-label::after {
-webkit-transform: translateX(1.6rem);
-ms-transform: translateX(1.6rem);
transform: translateX(1.6rem);
}
.custom-switch-inner {
display: block;
text-align: center;
}
.custom-switch.custom-switch-text input:checked~label::before {
color: #fff;
content: attr(data-on-label);
text-align: left;
}
.custom-switch.custom-switch-text label::before {
color: #000;
content: attr(data-off-label);
width: 2.85rem;
height: 20px;
padding: 0 4px;
font-size: 11px;
line-height: 18px;
text-align: right;
}
.custom-switch.custom-switch-text label:after {
position: absolute;
-webkit-transition: all .25s ease;
transition: all .25s ease;
user-select: none;
height: 16px;
width: 16px;
}
.custom-switch.custom-switch-text input:checked~label.custom-control-label::after {
transform: translateX(1.6rem);
-webkit-transform: translateX(1.6rem);
}
.form-label-group {
position: relative;
margin-bottom: 1.5rem;
}
.form-label-group>label {
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
padding: .6rem;
color: #475F7B;
font-size: .85rem;
opacity: 0;
}
.counter-value {
color: #FFF;
padding: 1px 6px;
font-size: .6rem;
border-radius: 0 0 5px 5px;
margin-right: 1rem;
}
.vector-map.h-500 {
width: 100%;
height: 500px;
}
/*---------------------------------------------------------------------
slick Arrow
-----------------------------------------------------------------------*/
.slick-arrow.left {
left: 0;
top: 0;
}
.slick-arrow.right {
right: 0;
top: 0;
}
.slick-arrow {
background: #f1f5fc;
padding: 11px;
font-size: 24px;
position: absolute;
line-height: 90px;
z-index: 9;
}
.slick-arrow:hover {
text-decoration: none;
}
.slick-slide img {
display: inline-block;
}
ul#doster-list-slide .slick-arrow {
top: -64px;
background: #ceebee;
height: 30px;
width: 30px;
color: #00269d;
border: none;
padding: 0;
line-height: 30px;
text-align: center;
border-radius: 5px;
}
ul#doster-list-slide .slick-arrow.left {
left: auto;
right: 35px;
}
/*---------------------------------------------------------------------
Calender
-----------------------------------------------------------------------*/
.fc-unthemed .fc-toolbar .fc-button {
background: #eff7f8;
color: #00269d;
border: none;
text-transform: capitalize;
border-radius: 25px;
-webkit-border-radius: 25px;
}
.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus {
color: #fff;
background-color: #00269d;
}
.job-classification li, .today-schedule li {
list-style-type: none;
margin-bottom: 10px;
}
.job-classification li > i, .today-schedule li i {
margin-right: 10px;
border-radius: 50%;
color: #fff;
}
.schedule-text span {
display: block;
}
.calender-small .flatpickr-calendar.animate.inline {
width: 100%;
box-shadow: none;
}
.calender-small .dayContainer {
width: 100%;
min-width: auto;
}
.calender-small .flatpickr-days {
width: 100%;
}
.calender-small .flatpickr-day.today {
color: #fff;
border-color: #00269d;
background: #00269d;
}
.calender-small .flatpickr-day.today:hover, .calender-small .flatpickr-day.today:focus {
color: #fff;
border-color: #00269d;
background: #00269d
}
.calender-small .flatpickr-months {
margin-bottom: 10px;
}
.calender-small .flatpickr-current-month .flatpickr-monthDropdown-months {
font-size: 16px;
}
.calender-small .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: transparent;
color: #00269d;
}
.calender-small .flatpickr-current-month input.cur-year {
font-size: 16px;
}
.calender-small .numInputWrapper:hover {
background: transparent;
}
.calender-small .flatpickr-months .flatpickr-prev-month, .calender-small .flatpickr-months .flatpickr-next-month {
padding: 7px 10px;
}
.calender-small .flatpickr-day.selected, .calender-small .flatpickr-day.startRange, .calender-small .flatpickr-day.endRange, .calender-small .flatpickr-day.selected.inRange, .calender-small .flatpickr-day.startRange.inRange, .calender-small .flatpickr-day.endRange.inRange, .calender-small .flatpickr-day.selected:focus, .calender-small .flatpickr-day.startRange:focus, .calender-small .flatpickr-day.endRange:focus, .calender-small .flatpickr-day.selected:hover, .calender-small .flatpickr-day.startRange:hover, .calender-small .flatpickr-day.endRange:hover, .calender-small .flatpickr-day.selected.prevMonthDay, .calender-small .flatpickr-day.startRange.prevMonthDay, .calender-small .flatpickr-day.endRange.prevMonthDay, .calender-small .flatpickr-day.selected.nextMonthDay, .calender-small .flatpickr-day.startRange.nextMonthDay, .calender-small .flatpickr-day.endRange.nextMonthDay {
color: #fff;
border-color: #00269d;
background: #00269d;
}
.calender-small .flatpickr-day.inRange, .calender-small .flatpickr-day.prevMonthDay.inRange, .calender-small .flatpickr-day.nextMonthDay.inRange, .calender-small .flatpickr-day.today.inRange, .calender-small .flatpickr-day.prevMonthDay.today.inRange, .calender-small .flatpickr-day.nextMonthDay.today.inRange, .calender-small .flatpickr-day:hover, .calender-small .flatpickr-day.prevMonthDay:hover, .calender-small .flatpickr-day.nextMonthDay:hover, .calender-small .flatpickr-day:focus, .calender-small .flatpickr-day.prevMonthDay:focus, .calender-small .flatpickr-day.nextMonthDay:focus {
background: #eff7f8;
color: #00269d;
border-color: transparent;
}
.smaill-calender-home .flatpickr-calendar.animate.inline {
margin: 0 auto;
width: 100%;
box-shadow: none;
border: none;
border-radius: 25px;
}
.smaill-calender-home .flatpickr-day.selected, .smaill-calender-home .flatpickr-day.startRange, .smaill-calender-home .flatpickr-day.endRange, .smaill-calender-home .flatpickr-day.selected.inRange, .smaill-calender-home .flatpickr-day.startRange.inRange, .smaill-calender-home .flatpickr-day.endRange.inRange, .smaill-calender-home .flatpickr-day.selected:focus, .smaill-calender-home .flatpickr-day.startRange:focus, .smaill-calender-home .flatpickr-day.endRange:focus, .smaill-calender-home .flatpickr-day.selected:hover, .smaill-calender-home .flatpickr-day.startRange:hover, .smaill-calender-home .flatpickr-day.endRange:hover, .smaill-calender-home .flatpickr-day.selected.prevMonthDay, .smaill-calender-home .flatpickr-day.startRange.prevMonthDay, .smaill-calender-home .flatpickr-day.endRange.prevMonthDay, .smaill-calender-home .flatpickr-day.selected.nextMonthDay, .smaill-calender-home .flatpickr-day.startRange.nextMonthDay, .smaill-calender-home .flatpickr-day.endRange.nextMonthDay {
color: #ffffff;
text-decoration: none;
background-color: #00269d;
text-decoration: none;
border-color: #00269d;
}
.smaill-calender-home .flatpickr-days, .smaill-calender-home .dayContainer {
width: 100%;
}
.smaill-calender-home .flatpickr-innerContainer {
justify-content: space-around;
}
.smaill-calender-home .flatpickr-day.today {
color: #fff;
border-color: #00269d;
background: #00269d;
}
/*---------------------------------------------------------------------
Wizard
-----------------------------------------------------------------------*/
#form-wizard1, #form-wizard2, #form-wizard3 {
position: relative;
}
#form-wizard1 input[type="file"] {
line-height: 27px;
}
#form-wizard1 fieldset:not(:first-of-type) {
display: none
}
.card {
z-index: 0;
border: none;
position: relative
}
.steps {
font-size: 20px;
color: #777D74;
font-weight: normal;
text-align: right
}
#top-tab-list {
margin: 0 -10px 60px;
overflow: hidden;
color: #777D74;
}
#top-tab-list .active {
color: #00269d;
}
#top-tab-list li {
list-style-type: none;
font-size: 18px;
width: 33.3%;
float: left;
text-align: left;
position: relative;
font-weight: 400
}
#top-tab-list li i {
display: inline-block;
text-align: center;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 20px;
border-radius: 50%;
margin: 0 15px 0 0;
color: #ffffff;
background: #00269d;
}
#top-tab-list li.active a {
color: #fff;
background: #00269d;
}
#top-tab-list li.active.done a {
background: #27b345;
}
#top-tab-list li.active.done i {
color: #27b345;
}
#top-tab-list li#confirm.active a {
background: #27b345;
}
#top-tab-list li#confirm.active i {
color: #27b345;
}
#top-tab-list li a {
background: #eff7f8;
color: #00269d;
display: block;
padding: 15px;
margin: 0 10px;
border-radius: 25px;
-webkit-border-radius: 25px;
text-decoration: none;
}
#top-tab-list li.active i {
background-color: #fff;
color: #00269d;
}
.fit-image {
width: 100%;
object-fit: cover
}
/* validate */
.stepwizard-row {
display: block;
margin: 0 -20px;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.setup-content {
margin-top: 60px;
}
.wizard-step {
font-size: 18px;
width: 25%;
float: left;
position: relative;
font-weight: 400;
text-align: center;
}
.stepwizard-row .wizard-step a.btn {
background: #fff;
color: #374948;
font-size: 18px;
font-weight: 400;
display: block;
padding: 50px 15px;
margin: 10px 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
text-decoration: none;
border: 1px solid #f2edff;
font-family: 'Poppins', sans-serif;
}
.stepwizard-row .wizard-step i {
display: block;
text-align: center;
height: 65px;
width: 65px;
line-height: 65px;
font-size: 25px;
border-radius: 50%;
margin: 0 auto 20px;
color: #ffffff;
background: #00269d;
}
.stepwizard-row #user.active a {
background: #eff7f8;
border-color: #00269d;
}
.stepwizard-row #document.active a {
background: #fff5f4;
border-color: #f14336;
}
.stepwizard-row #bank.active a {
background: #eefff2;
border-color: #27b345;
}
.stepwizard-row #confirm.active a {
background: #fffcf3;
border-color: #fbc647;
}
.stepwizard-row .wizard-step#user i {
background: #eff7f8;
color: #00269d;
}
.stepwizard-row .wizard-step#document i {
background: #fff5f4;
color: #f14336;
}
.stepwizard-row .wizard-step#bank i {
background: #eefff2;
color: #27b345;
}
.stepwizard-row .wizard-step#confirm i {
background: #fffcf3;
color: #fbc647;
}
.stepwizard-row .wizard-step.active i {
background-color: #fff !important;
}
.stepwizard-row .wizard-step#document.active i {
background: #fff5f4;
color: #f14336;
}
.stepwizard-row .wizard-step#bank.active i {
background: #eefff2;
color: #27b345;
}
.stepwizard-row .wizard-step#confirm.active i {
background: #fffcf3;
color: #fbc647;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border: 1px solid #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* vertical */
#form-wizard3 fieldset:not(:first-of-type) {
display: none
}
#top-tabbar-vertical {
overflow: hidden;
color: #777D74;
margin: 0 -20px 60px;
}
#top-tabbar-vertical .active {
color: #00269d;
}
#top-tabbar-vertical li {
list-style-type: none;
font-size: 18px;
width: 100%;
float: left;
position: relative;
font-weight: 400
}
#top-tabbar-vertical li i {
display: inline-block;
text-align: center;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 20px;
border-radius: 50%;
margin: 0 20px 0 0;
}
#top-tabbar-vertical li#personal i {
background: #eff7f8;
color: #00269d;
}
#top-tabbar-vertical li#contact i {
background: #fff5f4;
color: #f14336;
}
#top-tabbar-vertical li#official i {
background: #eefff2;
color: #27b345;
}
#top-tabbar-vertical li#payment i {
background: #fffcf3;
color: #fbc647;
}
#top-tabbar-vertical li.active a {
border-color: transparent;
}
#top-tabbar-vertical li a {
background: #fff;
color: #000;
display: block;
padding: 20px 15px;
margin: 10px 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
text-decoration: none;
border: 1px solid #f2edff;
}
#top-tabbar-vertical li.active i {
background-color: #fff;
color: #00269d;
}
#top-tabbar-vertical #personal.active a {
background: #eff7f8;
}
#top-tabbar-vertical #contact.active a {
background: #fff5f4;
}
#top-tabbar-vertical #official.active a {
background: #eefff2;
}
#top-tabbar-vertical #payment.active a {
background: #fffcf3;
}
#top-tabbar-vertical li.active i {
background: #fff !important;
}
/*---------------------------------------------------------------------
Chat
-----------------------------------------------------------------------*/
.chat-page img {
border-radius: 30px;
}
#chat-search {
padding-left: 40px;
}
.form-group.chat-search-data > i {
position: absolute;
top: 8px;
left: 15px;
color: #00269d;
font-size: 16px;
}
.chat-sidebar-name {
width: 100%;
}
.chat-msg-counter {
height: 20px;
width: 20px;
border-radius: 50%;
line-height: 22px;
margin: 0 auto;
font-size: 10px;
}
.chat-meta span {
font-size: 10px;
}
span.avatar-status {
position: absolute;
bottom: -5px;
top: auto;
left: auto;
right: 0;
}
.iq-chat-ui li a {
text-decoration: none;
display: block;
padding: 20px 15px;
border-bottom: 1px solid #f1f2f1;
background: rgba(255, 255, 255, 0.6);
border-radius: 25px;
margin-bottom: 20px;
}
.iq-chat-ui li a.active {
border-color: transparent;
}
.nav-pills li a.active {
color: #00269d;
background-color: #ffffff;
}
.iq-chat-ui li:last-child a {
border: none;
}
.iq-chat-ui li:nth-child(2) a, .iq-chat-ui li:nth-child(6) a {
border: none;
}
.chat-sidebar-channel {
overflow-y: scroll;
overflow-x: hidden;
height: calc(100vh - 15rem);
}
.chat-data {
background: #fff;
border-radius: 25px;
}
.chat-header-icons .dropdown-toggle:empty::after {
display: none;
}
.chat-header-icons > a, .chat-header-icons > span {
width: 40px;
height: 40px;
font-size: 20px;
margin: 0 5px 0 0;
color: #00269d;
display: inline-block;
text-align: center;
line-height: 40px;
border-radius: 10px;
cursor: pointer;
}
.chat-content {
position: relative;
height: calc(100vh - 25rem);
text-align: center;
padding: 1.4rem;
overflow-y: scroll;
overflow-x: hidden;
}
.chat-user {
float: right;
text-align: center;
}
.chat-user span.chat-time {
display: block;
font-size: 12px;
font-weight: 500;
}
.chat-detail {
overflow: hidden;
}
.chat-message {
position: relative;
float: right;
text-align: right;
padding: .75rem 1rem;
margin: 0 1.33rem 1.33rem .3rem;
clear: both;
word-break: break-word;
color: #FFF;
background: #00269d;
border-radius: 25px;
box-shadow: 0 2px 4px 0 rgba(8, 155, 171, .6);
}
.chat-message > p {
margin: 0;
}
.chat-left .chat-message::after {
right: auto;
left: -7px;
border-width: 5px 7px 5px 0;
border-color: transparent #fff transparent transparent;
}
.chat-content .chat-left .chat-message {
text-align: left;
float: left;
margin: 0 .3rem 1.8rem 1.3rem;
color: #727E8C;
background-color: #fff;
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
}
.chat-sidebar-channel .avatar, .avatar {
position: relative;
}
.chat-start {
display: flex;
justify-content: center;
align-items: center;
height: calc(100vh - 15rem);
flex-direction: column;
}
span.iq-start-icon {
font-size: 50px;
background: #fff;
width: 100px;
text-align: center;
border-radius: 50%;
border: 3px solid #00269d;
}
.chat-attagement {
font-size: 20px;
}
.chat-attagement a {
color: #777D74;
}
.chat-detail .chat-message .chat-time {
position: absolute;
bottom: -20px;
right: 0;
color: #828D99;
font-size: .8rem;
white-space: nowrap;
}
.chat-left .chat-user {
float: left;
}
.chat-content .chat-body .chat-message p {
margin-bottom: 0;
}
.chat-data .tab-content {
position: relative;
}
.chat-searchbar {
position: relative;
}
.chat-user-detail-popup {
position: absolute;
top: 0;
width: 360px;
background: #fff;
right: 0;
overflow: hidden;
left: auto;
z-index: 9;
height: 100%;
opacity: 0;
transform: translateX(110%);
-webkit-transform: translateX(110%);
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
border-radius: 5px;
visibility: hidden;
}
.chat-user-detail-popup.show {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
}
.chatuser-detail .title {
font-weight: 500;
}
.chatuser-detail {
padding: 0 35px;
}
.user-profile button.close-popup {
display: block;
font-size: 24px;
}
ul.user-status {
list-style: none;
}
#user-detail-popup {
position: absolute;
top: 0;
width: 310px;
background: #fff;
right: 0;
overflow: hidden;
left: auto;
z-index: 9;
height: 100%;
opacity: 0;
transform: translateX(-90%);
-webkit-transform: translateX(-90%);
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
border-radius: 5px;
visibility: hidden;
}
#user-detail-popup.show {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
transition: all 0.45s ease 0s;
-webkit-transition: all 0.45s ease 0s;
}
#user-detail-popup .user-profile button.close-popup {
text-align: right;
width: 100%;
}
.chat-sidebar-channel h5 {
border-bottom: 1px solid #f1f2f1;
padding-bottom: 10px;
}
.chat-sidebar-name h6 {
font-size: 1.2em;
}
.chat-sidebar-name span {
color: #777D74;
}
button.close-btn-res {
display: none;
}
div#sidebar-toggle {
display: none;
}
.chat-head header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 15px;
}
.chat-footer {
border-radius: 0 0 25px 25px;
}
/*---------------------------------------------------------------------
Profile Page
-----------------------------------------------------------------------*/
.profile-img img {
border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid rgba(0, 0, 0, .1);
}
.cover-container {
position: relative;
}
ul.header-nav {
position: absolute;
left: auto;
right: 0;
top: auto;
bottom: 20px;
}
ul.header-nav li {
list-style: none;
}
ul.header-nav li a {
display: block;
list-style: none;
height: 40px;
width: 40px;
background: #fff;
border-radius: 50%;
line-height: 40px;
text-align: center;
color: #00269d;
font-size: 18px;
margin: 0 15px 0 0;
}
.profile-img {
margin-top: -80px;
}
.profile-feed-items li {
list-style: none;
}
.profile-feed-items li:last-child a {
margin: 0;
}
.profile-feed-items li a {
text-decoration: none;
text-transform: capitalize;
color: #00269d;
background-color: #ceebee;
margin: 0 20px 0 0;
}
.nav-pills.profile-feed-items li a.active {
color: #fff;
background: #00269d;
}
.news-icon {
font-size: 18px;
margin-right: 20px;
}
ul.profile-img-gallary {
list-style: none;
margin: 0 -1px 0 -4px !important;
}
.twit-feed p span i {
background: #00269d;
color: #fff;
height: 10px;
width: 10px;
border-radius: 50%;
font-size: 10px;
}
.twit-feed .twit-meta-tag {
color: #00269d;
}
.twit-feed .media-support-user-img img {
height: 50px;
}
ul.media-story img {
border: 1px solid rgba(0, 0, 0, .1);
padding: 2px;
}
ul.media-story li.active img {
border-color: #00269d;
}
.add-suggestion {
border: 1px solid #007bff;
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
line-height: 35px;
font-size: 16px;
color: #007bff;
}
.suggestions-lists .btn {
display: block;
}
.feather-icon a, .message-icon a {
color: #777D74;
font-size: 18px;
font-weight: 300;
}
ul.post-comments {
list-style: none;
}
.comment-activity > a {
margin-right: 10px;
text-transform: capitalize;
color: #00269d;
text-decoration: none;
}
form.comment-text {
position: relative;
}
.comment-attagement {
position: absolute;
left: auto;
right: 0;
font-size: 20px;
}
.comment-attagement a {
color: #777D74;
}
#profile-activity .iq-timeline li {
margin-bottom: 15px;
}
.about-info a, div#profile-profile a {
color: #777D74;
}
.twit-date a {
color: #777D74;
}
.doc-profile-bg {
border-radius: 25px 25px 0 0;
}
.doctor-profile {
margin-top: -70px;
}
.speciality-list .user-img > a {
height: 40px;
width: 40px;
display: block;
text-align: center;
line-height: 38px;
font-size: 18px;
border-radius: 50%;
}
/*---------------------------------------------------------------------
Profile Edit 
-----------------------------------------------------------------------*/
.profile-pic {
max-width: 100%;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
}
.profile-img-edit {
position: relative;
display: inline-block;
height: 150px;
width: 150px;
}
.file-upload {
display: none;
}
.p-image {
position: absolute;
top: auto;
right: 8px;
bottom: 10px;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
background: #00269d;
color: #fff;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 28px;
text-align: center;
font-size: 12px;
cursor: pointer;
}
.upload-button {
font-size: 1.5em;
}
.iq-edit-profile .nav-link {
padding: 20px 15px;
border-radius: 0;
color: #777D74;
text-align: center;
font-size: 16px;
border-left: 1px solid #f2edff;
}
.iq-edit-profile.nav-pills .nav-link.active, .iq-edit-profile.nav-pills .show>.nav-link {
color: #fff;
background-color: #00269d;
}
ul.iq-edit-profile li:first-child a {
border-radius: 15px 0 0 15px;
border-left: none;
}
ul.iq-edit-profile li:last-child a {
border-radius: 0 15px 15px 0;
}
/*---------------------------------------------------------------------
Todo Page
-----------------------------------------------------------------------*/
.iq-todo-page .search-link, .iq-todo-right .search-link {
position: absolute;
top: 0;
left: 10px;
font-size: 18px;
line-height: 43px;
color: #777D74;
}
.iq-todo-page .todo-search, .iq-todo-right .todo-search {
padding-left: 35px;
}
.add-new-project > a {
padding: 0 15px;
color: #777D74;
text-transform: capitalize;
text-decoration: none;
}
.notification-icon > span {
height: 11px;
width: 11px;
border-radius: 50%;
line-height: 13px;
font-size: 8px;
text-align: center;
position: absolute;
top: -5px;
left: auto;
right: -8px;
}
.todo-date {
font-size: 16px;
}
.iq-todo-page ul {
list-style: none;
}
.iq-todo-page ul li a {
color: #777D74;
text-decoration: none;
}
.iq-todo-page ul ul li a {
padding-left: 25px;
}
.iq-todo-page ul > li > a {
padding: 10px 15px;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.iq-todo-page ul > li[aria-expanded="true"] > a {
color: #00269d;
background: #eff7f8;
}
.iq-todo-page ul > li li:hover a, .iq-todo-page ul > li li.active a {
color: #00269d;
background: #eff7f8;
}
ul.todo-task-lists li:hover {
background: #daeff2;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
ul.todo-task-lists li.active-task {
background: #daeff2;
}
.media-support-info p {
line-height: normal;
}
.todo-task-list .sub-task {
display: none;
}
.todo-task-list .sub-task.show {
display: block;
}
/*---------------------------------------------------------------------
Privacy Policy Page
-----------------------------------------------------------------------*/
.privacy-status {
}
.input-group .input-group-text {
background: #e9edf4;
border: 0px solid #d7dbda;
}
.data-privacy {
margin: 30px 0;
}
/*---------------------------------------------------------------------
User List Page
-----------------------------------------------------------------------*/
.list-user-action a {
font-size: 16px;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
margin: 0 3px;
display: inline-block;
border-radius: 5px;
}
#user-list-table.table td {
vertical-align: middle;
}
.user-list-files a {
padding: 10px 15px;
margin: 0 0 0 10px;
border-radius: 15px;
line-height: normal;
}
.table-responsive #exampleInputSearch {
width: auto;
}
.iq-doc-social-info ul li {
display: inline-block;
}
.iq-doc-social-info ul li a {
display: block;
color: #00269d;
background: #ceebee;
height: 30px;
width: 30px;
line-height: 30px;
border-radius: 5px;
margin: 0 3px;
}
/*---------------------------------------------------------------------
Add User Page
-----------------------------------------------------------------------*/
.add-img-user .p-image {
position: static;
text-align: left;
display: block;
height: auto;
width: auto;
background: transparent;
margin-top: 20px;
}
.img-extension a, .img-extension span {
color: #777D74;
padding: 0 3px;
font-size: 13px;
}
.warning-notification h4 {
font-size: 14px;
line-height: 40px;
color: #fff;
}
.warning-notification p {
font-size: 14px;
margin-bottom: 0;
line-height: 40px;
color: #fff;
}
.warning-notification p > a {
background: #ceebee;
padding: 0 10px;
display: inline-block;
color: #484950;
border: none;
margin-left: 10px;
line-height: 30px;
text-align: center;
border-radius: 5px;
}
.warning-notification p > a:hover {
background: #fff;
}
.warning-notification h4 a:hover {
color: #3f414d;
}
.warning-notification {
justify-content: space-between;
padding: 0px 15px;
background: #2daab8;
border-color: #2daab8;
}
.Proposals-boxes .iq-card-body {
padding: 0;
}
.Proposals-boxes .iq-info-box {
padding: 20px 10px !important;
}
.Proposals-boxes .iq-info-box h3 {
line-height: 30px;
}
.Proposals-boxes .iq-info-box h3 span {
font-size: 30px;
font-weight: 700;
}
.Proposals-boxes .iq-info-box span {
font-size: 14px;
font-weight: 500;
color: #5d5f69;
}
.Proposals-boxes .iq-card-body .info-image img {
width: 50px;
}
svg g[opacity="0.3"] {
display: none;
}
.iq-card-body label {
margin-bottom: 0;
}
.p-10-15 {
padding: 10px 15px;
}
#reportrange span {
display: inline-block;
font-size: 13px;
top: -6px;
position: relative;
}
.daterangepicker .ranges li {
font-size: 13px !important;
color: #495057;
}
#reportrange i {
position: relative;
top: -6px;
left: 16px;
}
ul.navbar-list .iq-sub-dropdown .iq-card-body .media .rounded.iq-card-icon {
text-align: center;
position: unset;
left: unset;
top: unset;
padding-right: 0;
box-shadow: unset;
}
table.dataTable a.btn, table.dataTable button.btn {
font-size: 11px;
}
.font-14 {
font-size: 14px;
}
table.dataTable select {
border: 1px solid #b9bcbf;
height: 40px;
font-size: 12px;
color: #333;
padding-left: 5px;
}
a.btn.p-1-1 {
padding: 2px 6px;
border-radius: 8px !important;
}
div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter input {
height: 35px;
line-height: normal;
border-radius: 0;
color: #00269d;
border: 1px solid #00269d;
}
table.dataTable thead>tr>th {
color: #00269d;
background: #eff7f8;
}
table.dataTable thead tr th {
border: 0 !important;
border-bottom: 1px solid #dee2e6!important;
border-right: 1px solid #dee2e6!important;
font-weight: 600;
}
table.dataTable tbody tr td {
font-size: 13px;
}
.page-item.disabled .page-link {
border-color: #dee2e6;
}
button.btn.btn-secondary.buttons-html5 {
background: #099fb0;
border: none;
}
div.dataTables_wrapper div.dataTables_filter {
display: inline-block;
float: right;
margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
display: inline-block;
float: right;
margin-top: 10px;
}
div.dataTables_wrapper div.dataTables_info {
display: inline-block;
}
.iq-card-block.iq-card-height-half {
height: calc(100% - 20px);
width: 30%;
float: left;
margin: 0 15px;
}
.position-right {
left: unset;
right: -60px;
padding-right: unset;
padding-left: 20px;
text-align: left;
}
.font-size-22 {
font-size: 22px;
}
.text-transform {
text-transform: uppercase;
}
.text-bold {
font-weight: 600;
}
.project-name-wrapper .form-group {
padding: 0 0 0 70px;
min-height: 60px;
margin-bottom: 0px;
}
.toggle-checkbox {
position: relative;
float: right;
width: 180px;
height: 85px;
padding: 10px;
overflow: hidden;
text-align: center;
margin: 30px 0 0 15px;
border: 1px solid #CCC;
}
.tgl-light+.tgl-btn {
outline: 0;
display: block;
width: 4em;
height: 2em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #f0f0f0;
border-radius: 2em;
padding: 2px;
transition: all .4s ease;
}
.project-name-wrapper .form-group .toggle-project-name {
position: absolute;
top: 35px;
left: 8px;
z-index: 1;
padding: 0px;
margin: 0px;
border: none;
width: 64px;
height: 38px;
}
.toggle-checkbox label {
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
position: relative;
top: 0px;
left: 50%;
margin: 6px 0 0 -26px;
}
.tgl-light+.tgl-btn:after {
border-radius: 50%;
background: #fff;
transition: all .2s ease;
}
.tgl+.tgl-btn:after {
left: 0;
}
.tgl+.tgl-btn:after, .tgl+.tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.tgl:checked+.tgl-btn:after {
left: 50%;
}
.toggle-checkbox input {
position: absolute;
top: 0px;
left: -30px;
}
.project-name-wrapper .form-group label.form-group-label {
margin-left: -70px;
color: #999;
margin-bottom: 7px;
}
.project-name-wrapper .form-group.form-group-show-project-name label.form-group-label {
color: #000;
}
.project-name-wrapper .form-group {
padding: 0 0 0 70px;
min-height: 60px;
margin-bottom: 0px;
}
.tgl-light+.tgl-btn {
background: #c3cbda;
}
.tgl {
display: block;
}
.tgl,  .tgl:after,  .tgl:before,  .tgl *,  .tgl *:after,  .tgl *:before,  .tgl+.tgl-btn {
box-sizing: border-box
}
.tgl::-moz-selection,  .tgl:after::-moz-selection,  .tgl:before::-moz-selection,  .tgl *::-moz-selection,  .tgl *:after::-moz-selection,  .tgl *:before::-moz-selection,  .tgl+.tgl-btn::-moz-selection {
background: none
}
.tgl::selection,  .tgl:after::selection,  .tgl:before::selection,  .tgl *::selection,  .tgl *:after::selection,  .tgl *:before::selection,  .tgl+.tgl-btn::selection {
background: none
}
.tgl+.tgl-btn {
outline: 0;
display: block;
width: 4em;
height: 2em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tgl+.tgl-btn:after,  .tgl+.tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%
}
.tgl+.tgl-btn:after {
left: 0
}
.tgl+.tgl-btn:before {
display: none
}
.tgl:checked+.tgl-btn:after {
left: 50%
}
.tgl-light+.tgl-btn {
border-radius: 2em;
padding: 2px;
transition: all .4s ease
}
.tgl-light+.tgl-btn:after {
border-radius: 50%;
background: #fff;
transition: all .2s ease
}
.tgl-light:checked+.tgl-btn {
background: #09a0b0
}
.toggle-checkbox {
position: relative;
float: right;
width: 180px;
height: 85px;
padding: 10px;
overflow: hidden;
text-align: center;
margin: 30px 0 0 15px;
border: 1px solid #CCC;
}
.toggle-checkbox .label {
line-height: 30px;
display: block;
font-size: 14px;
}
.toggle-checkbox input {
position: absolute;
top: 0px;
left: -30px;
}
.toggle-checkbox label {
position: relative;
top: 0px;
left: 50%;
margin: 6px 0 0 -26px;
}
.project-name-wrapper .form-group .form-control {
display: none;
}
.project-name-wrapper .form-group.form-group-show-project-name .form-control {
display: block;
}
.nav-pills .nav-link {
border-radius: 10px;
box-shadow: 0 0 3px #999;
margin: 4px 0;
line-height: 17px;
color: #999;
}
div#v-pills-tabContent {
  background: #ffffff;
  padding: 20px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-bottom: 30px;
  border: none;
  -webkit-box-shadow: 0px 0px 10px rgb(209 217 218 / 77%);
  box-shadow: 0px 0px 10px rgb(209 217 218 / 77%);
}
.tab-content .tab-pane p {
  line-height: 15px;
}
.section-items .line-headings {
  position: relative;
  height: 20px;
  font-size: 10px;
  font-weight: bold;
}
.section-items .line-headings span.line-heading-chosen {
  left: -5px;
}
.section-items .line-headings span {
  display: block;
  position: absolute;
  width: 60px;
  color: #000;
  line-height: 7px;
  text-align: center;
  top: 0px;
}
.line .line-select {
  margin: 0 0 5px 0;
  position: relative;
  min-height: 30px;
  background: #f2f4f5;
}
.line .line-select .line-checkbox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  text-decoration: none!important;
  height: 100%;
  border-right: 5px solid #FFF;
}
.line .line-select .line-checkbox i {
  line-height: 45px;
  font-size: 25px;
  color: #828282;
  text-align: center;
  width: 100%;
  left: 0px;
  top: 50%;
  margin-top: 0;
  display: block;
}
.line.active .line-select .line-checkbox i {
  color: #333;
}
.line.active .line-select .line-checkbox i {
  color: #70ad8e;
}
.line.active .line-select {
  background: #ceebee;
}
.line .line-select input[type="checkbox"] {
  position: absolute;
  top: 0px;
  left: -9999px;
}
.line .line-select label {
  display: block;
  padding: 10px 40px 10px 70px;
  line-height: 24px;
  font-size: 15px;
  margin: 0px;
  color: #666;
  font-weight: normal;
}
.line.line-type-fixed-price .custom-control.custom-switch {
float: right;
margin-right: -25px;
}
.line.line-type-fixed-price label.custom-control-label {
padding: 0;
}
.line.active .line-select label, .line.line-to-consider .line-select label {
  color: #333;
}
.line .line-values {
  display: none;
}
.line.active .line-values, .line.line-to-consider .line-values {
  display: block;
  margin: -5px 0 5px 50px;
  background: #ceebee;
  padding: 0 15px 1px 20px;
}
.line-value label {
  font-weight: 600;
}
.line .form-group {
  position: relative;
}
.line-values .line-value .form-control {
  transition: max-width 0.5s ease-in-out;
  max-width: 100%;
}
.ri-drag-move-2-fill {
cursor: move;
}
.contenteditable {
width: 100%;
border: none;
background: transparent;
}
.tax-rates {
border: 1px solid #c8cac9;
font-size: 16px;
line-height: 20px;
padding: 5px 0 5px 0;
float: left;
margin-bottom: 10px;
width: 100%;
border-radius: 6px;
}
.tax-rates span.line-actions {
  text-align: right;
  float: right;
}
.tax-rates span.text {
  padding-top: 8px;
  display: inline-block;
  padding-left: 15px;
}
table td {
  padding: 3px 10px !important;
}
table th {
  padding: .75rem 10px !important;
}
.btn {border-radius: 6px;}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
white-space: normal;
line-height: 20px;
color: #333;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: red;
}
.select2-container--open .select2-dropdown--below {
color: #333;
font-size: 13px;
}
[type='color']::-webkit-color-swatch-wrapper {
padding: 0;
}
[type='color']::-webkit-color-swatch {
border: none;
}
.color-picker {
display: table;
padding: 10px 15px;
border-radius: 10px;
border: 1px solid #ccc;
background-color: #f8f9f9;
}
input[type="file"] {
display: block;
}
.field {
background-color: #ffffff;
  width: 100%;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  border-radius: 15px;
  margin: 3px auto 0px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px rgb(209 217 218 / 77%);
  box-shadow: 0px 0px 10px rgb(209 217 218 / 77%);
}
.imageThumb {
  max-height: 100px;
  cursor: pointer;
  margin-bottom: 8px;
}
.pip {
display: inline-block;
margin: 0 10px 0 0;
}
.remove {
  display: inline-block;
  background: #099fb0;
  border: 1px solid #09a0b0;
  color: white;
  text-align: center;
  cursor: pointer;
  padding: 5px 10px;
  font-size: 12px;
  margin-left: 10px;
  border-radius: 6px; 
}
.remove:hover {
background: #fff;
color: #09a0b0;
}
span.pip br {
  display: none;
}
.hide {
  display: none;
}
.account-plan ul.list-unstyled.line-height-4.mb-0 li {
display: inline-block;
width: 49%;
}
.account-plan section {
  border-bottom: 2px solid #ddd;
  padding: 15px;
}
/* Payment */
#Checkout .amex {
background: url("../images/small/american-express.png") #fff;
}

#Checkout .visa {
background: url("../images/small/visa.png") #fff;
}

#Checkout .mastercard {
background: url("../images/small/master-card.png") #fff;
}

#Checkout .discover {
background: url("../images/small/discover.png") #fff;
}

#Checkout .expiry-date-group {
float: left;
width: 50%
}

#Checkout .expiry-date-group input {
width: calc(100% + 1px);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

#Checkout .expiry-date-group input:focus {
position: relative;
z-index: 10;
}

#Checkout .security-code-group {
float: right;
width: 50%
}

#Checkout .security-code-group input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

#Checkout .zip-code-group {
clear: both;
}

#Checkout #PayButton {
outline: 0!important;
height: 42px;
font-size: 16px;
background-color: #54C7C3!important;
border: none;
}

#Checkout #PayButton:hover {
background-color: #6DCECB!important;
}

#Checkout #PayButton:active {
background-color: #4FBCB9!important;
}

#Checkout #PayButton:disabled {
background: rgba(84, 199, 195, .5)!important;
color: #FFF!important;
}

#Checkout #Checkout {
z-index: 100001;
/* background: ; */
width: 50%;
min-width: 300px;
height: 100%;
min-height: 100%;
background: 0 0 #ffffff;
border-radius: 8px;
border: 1px solid #dedede;
margin-left: auto;
margin-right: auto;
display: block;
}

#Checkout #Checkout>h1 {
margin: 0;
padding: 20px;
text-align: center;
background: #EEF2F4;
color: #5D6F78;
font-size: 24px;
font-weight: 300;
border-bottom: 1px solid #DEDEDE;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}

#Checkout #Checkout>form {
margin: 0 25px 25px;
}

#Checkout label {
color: #46545C;
margin-bottom: 2px;
}

#Checkout .input-container {
position: relative;
}

#Checkout .input-container input {
padding-right: 25px;
}

#Checkout .input-container>i, #Checkout a[role="button"] {
color: #d3d3d3;
width: 25px;
height: 30px;
line-height: 30px;
font-size: 16px;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
text-align: center;
}

#Checkout .input-container>i:hover, #Checkout a[role="button"]:hover {
color: #777;
}
#Checkout .amount-placeholder {
font-size: 20px;
height: 34px;
}

#Checkout .amount-placeholder>button {
float: right;
width: 60px;
}

#Checkout .amount-placeholder>span {
line-height: 34px;
}

#Checkout .card-row {
text-align: center;
margin: 20px 25px 10px;
}

#Checkout .card-row span {
width: 48px;
height: 30px;
margin-right: 3px;
background-repeat: no-repeat;
display: inline-block;
background-size: contain;
}

#Checkout .card-image {
background-repeat: no-repeat;
padding-right: 50px;
background-position: right 2px center;
background-size: auto 90%
}

#Checkout .cvc-preview-container {
overflow: hidden;
}

#Checkout .cvc-preview-container.two-card div {
width: 48%;
height: 80px;
}

#Checkout .cvc-preview-container.two-card div.amex-cvc-preview {
float: right;
}

#Checkout .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
float: left;
}

#Checkout .cvc-preview-container div {
height: 160px;
}

#Checkout .amex-cvc-preview {
background: url("../images/small/card1.png") center center/contain no-repeat;
}

#Checkout .visa-mc-dis-cvc-preview {
background: url("../images/small/card1-back.png") center center/contain no-repeat;
}

#Checkout .submit-button-lock {
height: 20px;
margin-top: -2px;
margin-right: 7px;
vertical-align: middle;
background: url("../images/small/lock.png") center center/contain no-repeat;
width: 14px;
display: inline-block;
}

#Checkout .align-middle {
vertical-align: middle;
}

#Checkout input {
box-shadow: none!important;
}

#Checkout input:focus {
border-color: #b0e5e3!important;
background-color: #EEF9F9!important;
}
div#Checkout {
  width: 600px;
  margin: auto;
  text-align: left;
  background: #edf5f6;
  padding: 30px;
}
div#Checkout h2 {
  text-align: center;
  font-size: 24px;
}
.activate-logos {
margin-top: 20px;
text-align: center;
}
.activate-logos img {
width: 300px;
}
label {
  margin-bottom: 0;
}
.acceptance-states {
  padding: 5px 0 0 0;
}
.acceptance-states ul {
  margin: 0 -8px;
  padding: 0;
}
.acceptance-states ul li {
  padding: 0 8px;
  width: 33.33%;
  float: left;
  position: relative;
  display: block;
}
.acceptance-states ul li input {
  position: absolute;
  top: 144px;
  left: 50%;
  margin: 0 0 0 -8px;
  z-index: 10;
}
.acceptance-states ul li .acceptance-state-select {
  display: block;
  border-radius: 5px;
  border: 1px solid #CCC;
  position: relative;
  text-align: center;
  padding: 0 0 32px 0;
  cursor: pointer;
  overflow: hidden;
}
.acceptance-states ul li .acceptance-state-select:before {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 32px;
  background: #eaeaea;
  content: '';
  display: block;
}
.acceptance-states ul li .acceptance-state-select h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #333333;
  margin: 0px;
  padding: 20px 0 15px 0;
}
.acceptance-states ul li .acceptance-state-select img {
  height: 45px;
  display: block;
  margin: 0 auto 14px auto;
}
.acceptance-states ul li input:checked + label {
  border-color: #0db1c4;
}
.acceptance-states ul li input:checked + label:before {
  background-color: #0db1c4;
}
.acceptance-states ul li.acceptance-state-no-acceptance-required .acceptance-state-select h5 {
  padding: 47px 0;
}
.acceptance-states ul li {
line-height: 16px;
}
label > b {
  font-weight: 600;
}
text.highcharts-credits {
  display: none;
}
.Required {
color: red;
}
.table td ul li {
  background: #fff;
  border: 1px solid #dee2e6;
  display: inline-block;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 12px;
  margin: 2px;
  line-height: 14px;
}
.table td ul {
  padding: 0;
}
.table td ul li .fa-check {
  color: green;
}
.table td ul li .fa-times {
  color: red;
}
.select2-results__option {
word-break: break-all;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #c8cac9;
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.font-12 {
font-size: 12px;
}

/* Drag Drop */
.drag-drop-custom .dropzone {
  background: white;
  border-radius: 5px;
  border: 2px dashed #d1d1d1;
  border-image: none;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.fileinput-new {
  overflow: hidden;
  display: block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileinput-new>img {
  max-height: 100%;
}
.fileinput-new {
  margin-bottom: 9px;
}
ul.nav-tabs li.nav-item a.nav-link img {
  width: 1.33333333em;
  vertical-align: middle;
}
textarea.form-control {
  line-height: normal;
}
#editor {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.project-name-wrapper .form-group.form-group-show-project-name .signupsettings {
  display: block;
}
.project-name-wrapper .form-group .signupsettings {
  display: none;
}
.form-control1 {
  height: 100px;
  line-height: 40px;
  border: 1px solid #c8cac9;
  font-size: 14px;
  color: #a09e9e;
  padding-left: 10px;
  width: 100%;
  line-height: normal;
  border-radius: 6px;
}
.form-control1:focus {
  color: #3f414d;
  border-color: #00269d;
  box-shadow: none;
}
.project-name-wrapper .tab-pane .form-group {
padding: 0;
}
.uploadBtn {
margin-top: 10px;
}
.uploadBtn .btn {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  border-radius: 3px;
}
.uploadBtn .btn-file>input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 23px;
  height: 100%;
  width: 100%;
  direction: ltr;
  cursor: pointer;
  border-radius: 0;
}
.uploadBtn .fileinput-new {
margin-bottom: 0;
}
.uploadBtn .fileinput-new {
margin-bottom: 0;
}
.custom-lg-switch .custom-control-label::before {
height: 30px;
width: 60px;
border-radius: 100px;
}
.custom-lg-switch .custom-control-label::after {
    height: 25px;
  width: 25px;
  left: -33px;
  border-radius: 100px;
}
.custom-lg-switch .custom-control-input:checked~.custom-control-label::after {
left: -16px;
}

.table-switch .custom-lg-switch .custom-control-label::before {
height: 20px;
width: 50px;
border-radius: 100px;
}
.table-switch .custom-lg-switch .custom-control-label::after {
    height: 16px;
  width: 16px;
  left: -33px;
  border-radius: 100px;
}
.table-switch .custom-lg-switch .custom-control-input:checked~.custom-control-label::after {
left: -16px;
}

.rounded {
  border-radius: 25px!important;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tabAreaBox ul.nav li.nav-item a{border-radius:10px 10px 0 0; border: 0; box-shadow: none; padding: 10px 15px; margin: 0; font-size: 16px; background: #fff; }
.tabAreaBox ul.nav li.nav-item a.active,.tabAreaBox ul.nav li.nav-item a:hover{ background: #000c72; color: #fff; }

/* new css 27 */


.ruralDevtSection{ overflow: hidden;  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
  z-index: 9;
  position: relative;
  background: #fff; margin: 0 -15px;
}
.ruralDevtSection .ruralDevtBox{ padding-right: 20px; padding-top: 20px;}
.ruralDevtSection .ruralDevtBox > span {
display: block;
 color: var(--thm-color);
}

.ruralDevtSection .ruralDevtBox span.devtContArea i{
color: var(--thm-orangecolor); font-size: 20px; vertical-align: middle; font-weight: 600;
}
.ruralDevtSection .ruralDevtBox h1 {
  font-size: 28px;
  line-height: 29px;
  font-weight: 600;
  color: var(--thm-color);
  margin: 0;
  padding: 0;
}
.ruralDevtSection .ruralDevtBox h1 span {
display: block;
  color: var(--thm-orangecolor);
}

.ruralDevtSection .ruralDevtBox p{ font-size: 16px; line-height: 25px;}

.ruralDevtSection .banner-slider {
  background-color: #ecf2ff;
  min-width: 666px;
 height: calc(100vh - 100px);
  max-height: 400px; 
  border-radius: 7px;
  overflow: hidden;
  padding: 15px 30px;
}

/* .bg-w{  background: #fff;} */
.topTabArea{    
background: url('../images/headerbg.jpg');
/* background: #fff; */
width: 100%; 
background-size: cover;     
background-position: center;     
padding: 65px 0 30px 0;}



.topTabArea .app-sidebar { padding: 5px 0;
  background: #fff;
  /*  border-top: 1px solid #dbe2eb; */
 /*  border-bottom: 1px solid transparent;*/
  box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06); 

}

.topTabArea .app-sidebar .boxArea-02{
display: inline-block;
  padding: 2.5px 12px 3px 5px;
  text-decoration: none;
  position: relative;
  color: #1a1630;
  font-weight: 400;
  font-size: 14px;
  margin: 0 2px;
  border-radius: 50px;
  vertical-align: middle;
color: #1a1630;
  background: #ebeef1;
  box-shadow: none;
}

.topTabArea .app-sidebar .boxArea-02 img {
  fill: #5c678f;
  color: #5c678f;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px;
  width: 37.5px;
  height: 37.5px;
  background: #fff;
  padding: 8px;
  border-radius: 50px;
  box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
  border: 1px solid #ebecf1;
}

.topTabArea .app-sidebar .topRightSection .dropdown button{  background:#2483c5; color: #fff; border: 0; border-radius: 50px; font-size: 14px; }
.topTabArea .app-sidebar .topRightSection .dropdown button i{ vertical-align: middle; }

.topTabArea .app-sidebar .topRightSection .downloadBtn i{border: 1px solid #dbe2eb; padding: 8px; border-radius: 50%; color: #2483c5; cursor: pointer;}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: #fff;
  background-clip: border-box;
  border-radius: 6px !important;
  border: 0px solid #eae8f1;
  /* margin-block-end: 1.3rem; */
  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
}

.card .card-body {
  flex: 1 1 auto;
  padding: 10px;
}

.card .card-body h2{ font-size: 16px; }
.card .card-body .MinistryLogoArea img {
  width: 100px;
  border: 1px solid #eae8f1;
  border-radius: 8px;
}

.card .card-body h4{ padding:10px; border-bottom: 1px solid #dcdcdc; font-size: 16px; }
.card .card-body h4 span{ color: #ffad2e; }

.br-b{ border-top: 1px solid #eae8f1; text-align: right; font-size: 13px;}
.btn-info{ padding: 2px 6px; font-size: 13px; color: #fff;}
.card .card-body .ministryName{ font-size: 20px; font-weight: 500; }
.card .card-body .ministryName span{display: block; font-weight: 600;}
.bRadius-15{ border-radius:15px; overflow: hidden;  }

.card .card-body .cardBox{}
.card .card-body .cardBox h5{ font-size: 28px; }

.card .card-body .cardBox h5 span{background-color: rgb(41 204 57 / 15%); border-radius: 10px; color: #15ca20; padding:5px 10px; font-size: 20px; margin-top: -5px;}

.ruralDevtSection .card-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: #fff;
  background-clip: border-box;
  border-radius: 6px !important;
  border: 1px solid #eae8f1;
  margin-block-end: 1.3rem;
  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
}

.ruralDevtSection .card-1 .card-body-1 {
  flex: 1 1 auto;
  padding: 10px 5px;
}

.ruralDevtSection .card-1 .card-body-1 h5{ font-size: 12px; margin-bottom: 2px;}
.ruralDevtSection .card-1 .card-body-1 .iconBoxAr{
color: #fff;
  display: inline-block;
  padding: 0 0.25rem;
  line-height: 2rem;
  text-align: center;
  border-radius: 100%;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  background-color:#623aa2;
  box-shadow: 0 7px 30px rgba(128, 116, 252, 0.2) !important;
      min-width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
}
.boxbg-2{}
.ruralDevtSection .card-1 .card-body-1 .iconBoxAr i{font-size: 22px; font-weight: normal;}
.ruralDevtSection .card-1 .card-body-1 .rankCard{font-size: 15px;}
.ruralDevtSection .card-1 .card-body-1 .rankCard span{ color: var(--thm-orangecolor); font-weight: 700;}
.ruralDevtSection .MinistryLogoArea img{ width:120px; border: 1px solid #eae8f1; border-radius: 8px; }
.text-muted {
  color: #7987a1 !important;
}


.chartboxArea{ background: #fff; padding: 15px; border-radius: 7px; }
.chartboxArea .text-secondary{font-size: 13px;}


.slider-img {
animation: slideup 35s linear infinite
}

.slider-img2 {
animation: slidedown 35s linear infinite
}

@keyframes slideup {
0% {
  transform: translateZ(0)
}

to {
  transform: translate3d(0, -100%, 0)
}
}

@keyframes slidedown {
0% {
  transform: translate3d(0, -100%, 0)
}

to {
  transform: translateZ(0)
}
}


.headingArea{}
.headingArea img {
  width: 50px;
  border: 1px solid #eae8f1;
  border-radius: 8px;
}
.headingArea h1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: var(--thm-color);
  margin: 0;
  padding: 0;
}
.headingArea p{ margin-bottom: 0; line-height: 22px; margin-top: 10px; }
.bg-gradient-burning {
  background: linear-gradient(to right, rgb(255, 65, 108), rgb(255, 75, 43))!important;
}
.bg-gradient-blues {
  background: linear-gradient(to right, rgb(86, 204, 242), rgb(47, 128, 237))!important;
}

.bg-gradient-green {
  background: linear-gradient(to right, rgb(120 210 63), rgb(76 168 11))!important;
}

.rankingSection-02{ background: #f6f5f1; padding: 50px 0;}

.rankingSection-02 h1{ font-size: 20px; font-weight: 600; }

.card-03{background:#fff; padding: 20px; border-radius: 20px; color:#fff;}
.card-03 i{ font-size: 40px; color: #fff;}
.card-03 span{ display: block; font-size: 23px;}

table.performanceTable{border:0; border-top:1px solid #dee2e6; border-right:1px solid #dee2e6; width: 100%;}

table.performanceTable thead tr th,table.performanceTable tbody tr td{border:0; border-bottom:1px solid #dee2e6; border-left:1px solid #dee2e6; padding: 5px; font-size: 15px;}
table.performanceTable thead tr th{ background: #ecf2ff; padding:8px 5px; font-weight: 500;}
table.performanceTable tbody tr.accordion-header{position: relative; cursor: pointer;}
table.performanceTable tbody tr.accordion-header::after {
 position: absolute;
  flex-shrink: 0;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}


table.performanceTable tbody tr.accordion-header:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

table.performanceTable tbody tr td span{background: rgb(255, 76, 76); color: #fff; padding: 4px; border-radius: 3px;}

table.performanceTable tbody tr td p{ margin-bottom: 0px; }

table.performanceTable tbody tr td a { word-break: break-all; font-size: 13px; line-height: 16px; color: #ffad2e; display: block;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #fff;}
.table-striped tbody tr:nth-of-type(even) {background-color: #f6f6fb;}



/* ////////////----Manish----Changes/////////// */

.trafficAndEngagSection {background: #e6e6e6;}

.ruralDevtSection .tabHrPanel{ height: 350px; border: 1px solid #eae8f1;}

.ruralDevtSection .tabHrPanel ul li{ width: 100%; }
.ruralDevtSection .tabHrPanel ul li a.nav-link{ background: #fff; display: block; color: #000; padding: 10px;
  border-radius: 7px;
  font-size: 16px; }

.ruralDevtSection .tabHrPanel ul li a.nav-link.active,.tabHrPanel ul li a.nav-link:hover{ background: #2483c5; color: #fff;}

.ruralDevtSection .tabHrPanel ul li a img{ width: 30px; margin-right: 10px; }

.ruralDevtSection .tabPanelArea{  }
.ruralDevtSection .tabPanelArea img{ width: 100%;
  border: 10px solid yellow;
  border-radius: 100%;
      box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
}

.compareSection{ margin-bottom: 40px; }
.compareSection .compareAreaBox{border: 1px solid #eae8f1; text-align: center; padding:25px 15px;}
.compareSection .compareAreaBox:after{
  position: absolute;
  content: "VS";
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 36px;
  background: #fc5c27;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-left: -18px;
  margin-top: -18px;
}
.compareSection .compareAreaBox:before{ position: absolute;
width: 1px; height:100%; background:#eae8f1; left: 50%; top:0; content: '';}

.compareSection .compareAreaBox img{width: 50px; padding: 5px; border-radius: 0.3rem!important; margin-bottom: 5px; border: 1px solid #eae8f1;}
.compareSection .compareAreaBox p{ margin: 0; padding: 0; font-size: 12px; }


/* new css 13 sept */

.leftSocial{ position: absolute; left: 20px; top: 220px; list-style: none; }
.leftSocial ul{list-style: none; }
.leftSocial ul li{ margin-bottom: 10px; }
.leftSocial ul li a {
text-align: center;
  display: block;
  width: 38px;
  height: 38px;
  background-color: #fff;
  line-height: 38px;
  color: #7c7c7d;
  font-size: 18px;
  border: 1px solid #7c7c7d;
  transition: all 500ms ease;
  border-radius: 50%;
}

.leftSocial ul li a:hover{ color: #fff; }

.sectionQrPanel{ padding: 30px 0 0 0; min-height: 600px; }
.sectionQrPanel .container{ padding:0px 0;  }
.sectionQrPanel .boxScorePanel{
 background: #fff;
  border-radius: 6px !important;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
}
.sectionQrPanel .boxScorePanel .boxScoreHd h4{}
.sectionQrPanel .boxScorePanel .boxScoreHd h4 span{color: #1e40ae;font-size: 24px;font-weight: 600;vertical-align: middle;margin-left: 10px;}
.sectionQrPanel .boxScorePanel .boxScoreHd p{ margin: 0; padding: 0; color: #818181; }
.sectionQrPanel .boxScorePanel .boxScoreHd p strong{color: #000; margin-right: 10px; }
.sectionQrPanel .boxScorePanel .btn-8{background: linear-gradient(129deg, rgba(129, 56, 234, 1) 0%, rgba(53, 83, 224, 1) 100%); padding: 9px 10px; color: #fff;}

.sectionQrPanel .boxPerformanceArea{
border-bottom: 3px solid #b8bcc9;
padding-bottom: 15px;
margin-bottom: 20px;
}
.sectionQrPanel .boxPerformanceArea .boxScoreHd h4{color: #1e40ae; font-size:26px; font-weight: 600;}
.sectionQrPanel .boxPerformanceArea .btn-8 {
  background: #fff;
  padding: 9px 10px;
  color: #424fe2;
  font-weight: 700;
  font-size: 17px;
}


.sectionQrPanel .sectionQrabox { 
   background: #fff;
  border-radius: 6px !important;
  border: 1px solid #eae8f1;
  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
  position: relative;
  z-index: 9;
  margin-bottom: 30px;

  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease
}

.sectionQrPanel .sectionQrabox:hover {
  -webkit-transform: translateY(-4px) scale(1.02);
  -moz-transform: translateY(-4px) scale(1.02);
  -ms-transform: translateY(-4px) scale(1.02);
  -o-transform: translateY(-4px) scale(1.02);
  transform: translateY(-4px) scale(1.02);
  -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.4);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.4);
  z-index: 9;
 
}


.sectionQrPanel .sectionQrabox:after {
  content: "";
  width: 90%;
  box-shadow: 0px 3px 20px #0000000b;
  position: absolute;
  left: 5%;
  bottom: -15px;
  padding: 7px;
  /* margin-left: auto; */
  /* margin-right: auto; */
  /* margin-top: 0.75rem; */
  /* height: 100%; */
  border-radius: 0 0 5px 5px;
  /* --tw-bg-opacity: 1; */
  background: rgb(255 255 255 / 60%);
  z-index: -1;
}
.sectionQrPanel .sectionQrabox h2{ font-size: 16px; color: #0d306e; font-weight: 600; padding: 5px; height: 56px;}
.sectionQrPanel .sectionQrabox a{padding:15px; display: block; color: #09237c; font-size: 16px; }
.sectionQrPanel .sectionQrabox a h4{ font-size: 13px; margin-bottom: 0; text-align: right; margin-top: 5px; color: #000;}
.sectionQrPanel .sectionQrabox a h4 span{ font-size: 14px; line-height: 18px; color: #fff; background: #30c67f; padding: 3px 10px; border-radius: 50px;}
.sectionQrPanel .sectionQrabox a img{ width: 40px;  }
.sectionQrPanel .sectionQrabox a h4 span i {
  vertical-align: middle;
  color: #facc15;
  font-weight: 900;
}
.sectionQrPanel .sectionQrabox a .sectionQrProgressArea{ font-size: 14px; color: #6e6e6e; margin-top: 15px; }

.sectionQrPanel .sectionQrabox.greenBox a h4 span,
.sectionQrPanel .sectionQrabox.greenBox .progress-bar{background: #30c67f;}
.sectionQrPanel .sectionQrabox.orangeBox a h4 span,
.sectionQrPanel .sectionQrabox.orangeBox .progress-bar{background: #f7931e;}
.sectionQrPanel .sectionQrabox.redBox a h4 span,
.sectionQrPanel .sectionQrabox.redBox .progress-bar{background: #c1272d;}

.sectionQrPanel nav.tabBtnArea .nav-tabs{ border-bottom: 1px solid #b5b9c5; }
.sectionQrPanel nav.tabBtnArea .nav-tabs .nav-link {
  margin-bottom: 0px;
  background: #fff;
  padding: 14px 30px;
  color: #000;
  font-size: 15px;
  font-weight: 500;
  border: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.sectionQrPanel nav.tabBtnArea .nav-tabs .nav-link.active,.sectionQrPanel nav.tabBtnArea .nav-tabs .nav-link:hover{
background: rgb(129,56,234);
color: #fff;
background: linear-gradient(129deg, rgba(129,56,234,1) 0%, rgba(53,83,224,1) 100%);

}

.faqSectionArea .accordion-item{ margin-bottom: 15px; border:0;}
.faqSectionArea .accordion-button{ padding:0px; padding-right: 10px; border: 1px solid rgba(0, 0, 0, 0.125);
box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06);
background: #fff; display: flex; color: #919090; margin-bottom: 15px;}
.faqSectionArea .sectionQrProgressArea{font-size: 13px;}

.sectionQrPanel .progress { height:6px; overflow: visible;}
.sectionQrPanel .progress .progress-bar{overflow: visible; position: relative;}


.bg-01{ background-color: #0b48c2; }
.sectionQrPanel .progress .progress-bar.bg-01:after{border: 4px solid #0b48c2;}
.bg-02{ background-color: #dc2626; }
.sectionQrPanel .progress .progress-bar.bg-02:after{border: 4px solid #dc2626;}  
.bg-03{ background-color: #facc15; } 
.sectionQrPanel .progress .progress-bar.bg-03:after{border: 4px solid #facc15;} 
.bg-04{ background-color: #84cc16; }
.sectionQrPanel .progress .progress-bar.bg-04:after{border: 4px solid #84cc16;}  
.bg-05{ background-color: #ff9c07; } 
.sectionQrPanel .progress .progress-bar.bg-05:after{border: 4px solid #ff9c07;} 
.bg-06{ background-color: #0dcaf0; } 
.sectionQrPanel .progress .progress-bar.bg-06:after{border: 4px solid #0dcaf0;} 
.bg-07{ background-color: #c910d0; }  
.sectionQrPanel .progress .progress-bar.bg-07:after{border: 4px solid #c910d0;}
.bg-08{ background-color: #7d0bdd; } 
.sectionQrPanel .progress .progress-bar.bg-08:after{border: 4px solid #7d0bdd;} 
.bg-09{ background-color: #0ec599; } 
.sectionQrPanel .progress .progress-bar.bg-09:after{border: 4px solid #0ec599;}   

.faqSectionArea .accordion-button  span{ display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.125); padding: 10px; background: var(--thm-bg-color); color: #000; margin-right: 10px;}

.faqSectionArea .accordion-collapse{border: 1px solid rgba(0, 0, 0, 0.125); box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06);
}


.sectionQrPanelTotal{padding: 50px 0 0 0; position: relative; }
.sectionQrPanelTotal:after{ width: 100%; height: 3px; background: #e7e7e7; position: absolute; top:95px; content: ''; }


.sectionQraboxTotal{background: #fff; width: 42%; margin: auto;
  box-shadow: 6px 11px 41px -28px #796eb1;
  -webkit-box-shadow: 6px 11px 41px -28px #796eb1;
  padding:15px 30px;
  border-radius: 15px;
  font-size: 20px;
  position: relative;
 overflow: hidden;
  z-index: 9;
  }
.sectionQraboxTotal:after {
  width: 370px;
  height: 300px;
  background: #eee;
  position: absolute;
  left: 35%;
  top: 0;
  transform: rotate(-60deg);
  z-index: 9;
  content: '';
} 
.boxTotal{ z-index: 99; position: relative; }
.sectionQraboxTotal h6{ margin: 0; padding: 0; font-size: 30px; }   


/* 20 sep 23 */

.performanceTechnicalBox{}
.performanceTechnicalBox .questionBox {

  border: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: 5px 7px 26px -5px rgba(24, 23, 38, 0.06);
  background: #fff;
 
  color: #919090;
  margin-bottom: 15px;}

.performanceTechnicalBox .questionBox h4{ font-size: 15px; display: flex; line-height:20px; margin: 0; padding: 0;  border-bottom:1px solid rgba(0, 0, 0, 0.125); font-weight: 600;  } 
.performanceTechnicalBox .questionBox h4  span {
  display: inline-block;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
  padding:15px 10px;

  background: var(--thm-bg-color);
  color: #000;
  margin-right: 10px;
}

.performanceTechnicalBox .anSBos{ padding: 15px; padding-left: 30px;  display: flex; font-size: 14px;}
.performanceTechnicalBox .anSBos img{ width: 35px; }

.performanceTechnicalBox .anSBos i{ color: #79cb21; font-size: 25px; font-weight: 700;
padding: 2px; margin-right: 5px; border:1px solid rgba(0, 0, 0, 0.125);     vertical-align: middle;
}
.performanceTechnicalBox .anSBos i.ri-close-line{ color: #f61b10; }
.performanceTechnicalBox .anSBos span{ margin-right: 10px; }
.ml-m-15{margin-left: -15px;}
.mr-m-15{margin-right: -15px;}

.tabSectionArea{ padding: 0px 0; }

.tabSectionArea .iq-accordion.career-style.faq-style .iq-accordion-block {
  padding: 10px 15px 10px 15px;
  border-radius: 10px;
}

/* .tabSectionArea .iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title:before {
 content: "\ea41";
  display: inline-block;
      font-family: 'remixicon' !important;
      font-size: 40px;
       width: 35px;
  height: 35px;
  line-height: 35px;
  right: -45px;
  top: 0px;
  color: #999999;
} */
/* .tabSectionArea .iq-accordion.career-style.faq-style .iq-accordion-block.accordion-active .accordion-title:before {
  content: "\ea67";
 
} */

.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-title span.noBox {
width: 35px; height: 35px; line-height: 35px; background: #424fe2; display: inline-block; text-align: center; font-size: 18px; color: #fff; border-radius: 50px;
}

.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-title .textTitle{ padding: 0 10px; font-size: 17px; font-weight: 500; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-title i.checkBoxAcc {
width: 30px; height: 30px; line-height: 30px;
display: inline-block; text-align: center; font-size: 22px; color: #fff; border-radius: 50px;
}
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-title span.noPrBox {
line-height: 30px; padding: 2px 20px; margin-left: 10px;
display: inline-block; text-align: center; font-size: 22px; color: #fff; border-radius: 50px;
}
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-title span.noPrBox span{ font-size: 14px; }

.fs-16{ font-size: 16px !important; }
.greenBg{ background: #3c9e40; }
.greenLtBg{ background: #58b55b; }
.redBg{ background: #dd0008; }
.pinkBg{ background: #ff643b; }

.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details{ padding: 20px 0 20px 45px; cursor: auto; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details h4{ position: relative;  font-size: 20px; color: #424fe2; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details h4:after{ position: absolute; top: 12px; width: 100%; height: 2px; background: #424fe2; content: ''; left: 0; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details h4 span{background: #fff; padding: 0 20px 0 0; z-index: 1; position: relative; font-weight: 600;}
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .noBoxCounting{ margin:30px  0px; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .noBoxCounting ul{margin:0; padding: 0; list-style: none;}
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .noBoxCounting ul li{ display: inline-block; background: #f7f8ff; padding:10px 15px; border-radius: 10px; border: 1px solid #e6e8f5; font-weight: 700; text-align: center; font-size: 20px; color: #424fe2; box-shadow: 0px 3px 2px #cebeff; -moz-box-shadow: 0px 3px 2px #cebeff;}
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .iframBox{ width: 70%; margin: auto; padding: 20px 0; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .iframBox img{ width: 100%; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .recommendationsArea{ padding: 0px 0; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .recommendationsArea img{ width: 100%; }
.tabSectionArea .iq-accordion.career-style .iq-accordion-block .accordion-details .recommendationsArea p{font-size: 14px; color: #5e5e5e; line-height: 22px; padding: 0; margin:0; padding-bottom: 15px;}

.iq-accordion.career-style.faq-style .iq-accordion-block .accordion-title span.messageCls {
  padding-left: 10px;
  color: #4cab44;
  font-weight: 700;
  font-size: 14px;
}

/* Sahil css */

.next-btn{ background: linear-gradient(129deg, rgba(129, 56, 234, 1) 0%, rgba(53, 83, 224, 1) 100%); color: #fff; font-size: 15px; line-height: 5px; }