:root {
  --black-color: #000000;
  --white-color: #ffffff;
  --theme-color: #103D70;
  --light-grey: #F7F9FC;
  --font-color: #6F6C6C;
  --font-grey: #BAB9B9;
  --red-color: #AC001B;
  --placeholder: #DFE2E8;
  --placeholder-color: #052244;
  --border-head: #EBEBEB;
  --menu-color: #8A98AE;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
	font-family: 'Proxima Nova Rg';
	margin: 0px;
	padding: 0px;
	color: var(--font-color);
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	background: var(--light-grey);
}

h1 , h2 , h3 , h4 , h5 , h6{
	padding: 0px;
	margin: 0 0 15px 0;
	color: var(--theme-color);
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
}

h1 span , h2 span , h3 span , h4 span , h5 span , h6 span{
	color: var(--red-color);
}

h1{
	font-size: 42px;
}

h2{
	font-size: 36px;
}

h3{
	font-size: 30px;
}

h4{
	font-size: 24px;
}

h5{
	font-size: 22px;
}

h6{
	font-size: 20px;
}

p{
	margin: 0 0 15px 0;
}

ul , ol{
	padding: 0px;
	margin: 0 0 20px 15px;
}

ul li , ol li{
	padding: 0px;
	margin: 0 0 0 10px;
}

a , a:hover , a:focus , a:visited{
	outline: none !important;
	text-decoration: none;
}

a{
	color: var(--red-color);
}

a:hover{
	color: var(--theme-color);
}

input , button{
	outline: none !important;
}

img{
	max-width: 100%;
	height: auto;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="subject"], input[type="number"], textarea, select {
	width: 100%;
	border: 1px solid var(--placeholder);
	height: 50px;
	padding: 10px 20px;
	color: var(--placeholder-color);
	font-size: 16px;
	background: transparent;
}

select{
	background: url('../images/drop-arrow.svg') no-repeat center center;
	background-position: calc(100% - 1px) center;
	-webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.lbl-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lbl-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid var(--placeholder);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.lbl-check input:checked ~ .checkmark:after {
  display: block;
}

.lbl-check .checkmark:after {
  left: 9px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid var(--red-color);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

::-webkit-input-placeholder {
  color: var(--placeholder) !important;
  opacity: 1 !important;
}

::-moz-placeholder { 
  color: var(--placeholder) !important;
  opacity: 1 !important;
}

:-ms-input-placeholder { 
  color: var(--placeholder) !important;
  opacity: 1 !important;
}

:-moz-placeholder {
  color: var(--placeholder) !important;
  opacity: 1 !important;
}

section:before , section:after{
	clear: both;
	display: table;
	content: "";
}

section{
	position: relative;
	clear: both;
}

@media(min-width: 1300px){
	.container{
		max-width: 1270px;
	}
}

.theme-btn{
	width: auto;
	min-width: 200px;
	color: var(--white-color);
	background: var(--theme-color);
	text-align: center;
	height: 50px;
	font-size: 20px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	border: none;
	box-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	display: inline-block;
	line-height: 50px;
}

	.theme-btn:disabled {
		background: var(--font-grey);
		color: var(--white-color);
	}

	.theme-btn:hover:not([disabled]) {
		background: var(--red-color);
		color: var(--white-color);
	}

.chat-btn{
	width: auto;
	min-width: 74px;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	background: rgba(16, 61, 112, 0.05);
	text-align: center;
	height: 24px;
	font-size: 13px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	box-shadow: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;	
	line-height: 22px;
	display: inline-block;
}

.chat-btn img{
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.w-100{
	width: 100% !important;
}

.claim-btn{
	width: 100%;
	background: var(--red-color);
	color: var(--white-color);
	border: 1px solid rgba(255, 255, 255, 1);
	display: inline-block;
	text-align: center;
	height: 35px;
	line-height: 33px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow: none;
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.claim-btn:hover{
	background: var(--white-color);
	color: var(--red-color);
	border-color: var(--red-color);
}
.errorfile {
	background-color: rgba(201, 76, 76, 0.3);
}
.successfile {
	background-color: rgb(76 201 77 / 30%);
}
/*LOGIN , FORGOT , CREATE ACCOUNT & REGISTER DESIGN*/

.login-part {
	min-height: 100vh;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	overflow: hidden;
}

.login-inner{
	max-width: 1100px;
	margin: 0 auto;
}

.login-left , .login-right{
	padding-top: 90px;
	position: relative;
	z-index: 11;
	padding-bottom: 40px;
}

.login-left{
	padding-right: 50px;
}

.login-right{
	padding-left: 50px;
}

.login-part:after{
	position: absolute;
	left: 0px;
	width: 50%;
	height: 100%;
	background: var(--white-color);
	content: "";
	top: 0px;
}

.login-inner > .row{
	margin: 0px;
}

.login-inner > .row > .col-xs-12{
	padding: 0px;
}

.logo-back{
	margin-bottom: 45px;
}

.login-left h3 span{
	display: block;
	font-size: 24px;
}

.form-field-input , .form-field{
	position: relative;
}

.form-field, .form-field-input {
	margin-top: 30px;
}

.form-field label{
	position: absolute;
	left: 12px;
	background: var(--white-color);
	top: -11px;
	padding: 0 5px;
	margin: 0px;
	z-index: 1;
	color: var(--theme-color);
	font-size: 15px;
}

.forgot-password{
	text-align: right;
	margin: 18px 0;
	font-size: 15px;
}

.forgot-password a{
	font-weight: 600;
	color: var(--red-color);
	font-family: 'Proxima Nova Lt';
}

.forgot-password a:hover{
	color: var(--theme-color);
}

.signup-txt{
	font-size: 15px;
	color: var(--theme-color);
	margin-top: 40px;
	text-align: center;
}

.signup-txt p{
	margin: 0px;
	font-weight: 600;
}

.signup-txt p a{
	font-size: 18px;
}

.login-feature{
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
}

.feature-lbl span{
	display: inline-block;
	width: auto;
	color: var(--white-color);
	background: var(--red-color);
	height: 28px;
	line-height: 28px;
	border: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	padding: 0 18px;
	font-size: 14px;
	font-weight: 600;
}

.feature-icon ul , .feature-icon li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.feature-icon{
	margin-left: 5px;
}

.feature-icon li{
	display: inline-block;
	width: auto;
	margin-left: 20px;
}

.login-slider{
	font-size: 25px;
}

.login-slider h2{
	margin: 25px 0 0 0;
}

.login-slider .owl-theme .owl-dots{
	text-align: left;
}

.login-slider .owl-theme .owl-dots .owl-dot span{
	background: var(--theme-color);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.login-slider .owl-theme .owl-dots .owl-dot:hover span , .login-slider .owl-theme .owl-dots .owl-dot.active span{
	width: 28px;
	background: var(--red-color);
}

.login-vector{
	margin-top: 30px;
}

.footer-login{
	position: relative;
	margin-top: -20px;
	z-index: 1;
}

.footer-login .login-inner{
	position: relative;
}

.footer-login .login-inner:before{
	position: absolute;
	left: -5000px;
	width: 5000px;
	top: 0px;
	height: 100%;
	content: "";
	background: var(--light-grey);
}

.footer-login-info{
	font-weight: 500;
	text-align: center;
	padding: 20px 0;
	background: var(--light-grey);
}

.form-field-input input[type="password"]{
	background: url('../images/eye.png') no-repeat center center;
	background-position: calc(100% - 20px) center;
}

.form-field-input input[type="email"]{
	background: url('../images/email-icon.png') no-repeat center center;
	background-position: calc(100% - 20px) center;
}

.form-field-input input[type="password"]:focus , .form-field-input input[type="email"]:focus{
	background: transparent;
}

.forgot-vector p{
	font-size: 16px;
}

.forgot-vector h3{
	margin-top: 25px;
	margin-bottom: 0px;
}

.forgot-wrapper .form-field{
	margin-bottom: 30px;
}

.create-account-wrapper .submit-button{
	margin-top: 30px;
}

.terms-condition{
	margin: 22px 0;
	color: var(--theme-color);
	font-size: 15px;
	font-weight: 600;
	font-family: 'Proxima Nova Lt';
}

.terms-condition a{
	font-weight: 700;
	font-family: 'Proxima Nova Rg';
}

.intl-tel-input {
  display: table-cell;
  width: 100%;
}

.intl-tel-input .selected-flag {
  z-index: 4;
}

.intl-tel-input .country-list {
  z-index: 5;
}

.intl-tel-input.allow-dropdown .flag-container{
	left: 12px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"]{
	padding-left: 85px;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
	background-color: transparent;
}

.country-list , .country-list li{
	margin: 0px;
}

.intl-tel-input .selected-flag .iti-arrow {
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: -5px;
	width: 14px;
	height: 8px;
	border-left: none;
	border-right: none;
	border-top: none;
	background: url('../images/drop-arrow.svg') no-repeat center center;
}

.intl-tel-input.allow-dropdown .selected-flag::after {
	position: absolute;
	height: 16px;
	background: var(--placeholder);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	width: 1px;
	right: -17px;
}

.shadow-vertical{
	position: absolute;
	top: 0px;
	height: 100%;
	width: 5px;
	left: 50%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	content: "";
	margin-left: -4px;
}

/*DASHBOARD*/

.header-part{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	background: var(--white-color);
	border-bottom: 1px solid var(--border-head);
	z-index: 99;
}

.header-inner{
	display: flex;
	width: 100%;
	align-items: center;
}

.logo{
	margin: 15px 0;
	margin-right: auto;
}

.link-text-show{
	display: block;
	line-height: 13px;
}

.icon-show{
	display: inline-block;
	width: auto;
}

.icon-show.dashboard-fa{
	width: 22px;
	height: 20px;
	background: url('../images/dashboard-icon.svg') no-repeat center center;
}

.icon-show.balance-fa{
	width: 22px;
	height: 20px;
	background: url('../images/balance-icon.svg') no-repeat center center;
}

.icon-show.claim-fa{
	width: 22px;
	height: 22px;
	background: url('../images/claim-icon.svg') no-repeat center center;
}

.icon-show.chat-fa{
	width: 22px;
	height: 20px;
	background: url('../images/chat-icon.svg') no-repeat center center;
}

.icon-show.notification-fa{
	width: 22px;
	height: 20px;
	background: url('../images/notification-icon.svg') no-repeat center center;
}

.icon-show.menu-fa{
	width: 22px;
	height: 15px;
	background: url('../images/bar-icon.svg') no-repeat center center;
}

.header-menu{
	border-right: 1px solid #DADADA;
	padding-right: 10px;
	margin-right: 30px;
}

.header-menu ul , .header-menu li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.header-menu > ul > li{
	display: inline-block;
	width: auto;
	position: relative;
}

.header-menu > ul > li > a{
	color: var(--menu-color);
	display: block;
	text-align: center;
	font-size: 13px;
	font-family: 'Proxima Nova Rg';
	font-weight: 700;
	padding: 14px 21px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	position: relative;
}

.header-menu > ul > li > a:before{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	height: 2px;
	background: var(--red-color);
	content: "";
}

.header-menu > ul > li.active > a:before , .header-menu > ul > li:hover > a:before{
	width: 100%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.header-menu > ul > li.active > a , .header-menu > ul > li:hover > a{
	color: var(--red-color);
}

.header-menu > ul > li.active > a .icon-show.dashboard-fa , .header-menu > ul > li:hover > a .icon-show.dashboard-fa{
	background: url('../images/dashboard-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li.active > a .icon-show.balance-fa , .header-menu > ul > li:hover > a .icon-show.balance-fa{
	background: url('../images/balance-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li.active > a .icon-show.claim-fa , .header-menu > ul > li:hover > a .icon-show.claim-fa{
	background: url('../images/claim-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li.active > a .icon-show.chat-fa , .header-menu > ul > li:hover > a .icon-show.chat-fa{
	background: url('../images/chat-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li.active > a .icon-show.notification-fa , .header-menu > ul > li:hover > a .icon-show.notification-fa{
	background: url('../images/notification-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li.active > a .icon-show.menu-fa , .header-menu > ul > li:hover > a .icon-show.menu-fa{
	background: url('../images/bar-icon-active.svg') no-repeat center center;
}

.header-menu > ul > li .dropdown-box{
	background: var(--white-color);
	position: absolute;
	right: 0px;
	top: 100%;
	border: 2px solid #DFE1E2;
	-webkit-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-moz-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-ms-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-o-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	display: none;
	min-width: 200px;
}

.header-menu > ul > li:hover .dropdown-box{
	display: block;
}

.header-menu > ul > li .notification-dropdown{
	min-width: 350px;
}

.notification-list{
	padding: 12px 20px;
	border-bottom: 1px solid #DADADA;
	margin-bottom: 12px;
	font-size: 14px;
}

.dropdown-box .dropdown-box-menu{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.dropdown-box .dropdown-box-menu li{
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

.dropdown-box .dropdown-box-menu li{
	display: block;
}

.dropdown-box .dropdown-box-menu li a{
	display: block;
	padding: 12px 20px 12px 50px;
	border-bottom: 1px solid #DADADA;
	font-size: 15px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	position: relative;
	white-space: nowrap;
	color: var(--theme-color);
}

.dropdown-box .dropdown-box-menu li:last-child a{
	border-bottom: none;
}

.dropdown-box .dropdown-box-menu li:hover a{
	color: var(--red-color);
}

.dropdown-box .dropdown-box-menu li a img{
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.notification-list:last-child{
	margin-bottom: 0px;
	border-bottom: none;
}

.notification-list h6{
	margin: 0px;
	font-size: 15px;
}

.notification-list-title{
	position: relative;
	padding-right: 30px;
}

.refresh-btn{
	position: absolute;
	right: 0px;
	top: -5px;
}

.notification-list p{
	margin: 0px;
}

.notification-list p strong{
	text-transform: uppercase;
	font-size: 12px;
}

.notification-list .theme-btn{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	min-width: 120px;
}

.header-profile-text{
	display: flex;
	align-items: center;
}

.header-profile-text-pic{
	width: 32px;
	height: 32px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	margin-right: 10px;
}

.header-profile-text-pic img{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	width: 32px;
	height: 32px;
}

.header-profile-text-name h5{
	font-size: 16px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	margin: 0px;
}

.header-profile-text-name h6{
	font-size: 14px;
	font-family: 'Proxima Nova Rg';
	font-weight: 400;
	margin: 0px;
	color: var(--font-color);
}

.header-right {
	display: flex;
	width: auto;
	align-items: center;
	/*position: relative;*/
}

.humbarger-menu{
	display: flex;
	width: auto;
	position: relative;
	z-index: 9999;
	display: none;
}

.humbarger-menu a{
	display: inline-block;
	width: 40px;
	height: 35px;
}

.burger {
	height: 3em;
	width: 3em;
	position: relative;
	font-size: 12px;
	cursor: pointer;
	transition: all .2s;
	-webkit-tap-highlight-color: transparent;
}

.burger::after {
	content: "";
	display: block;
	position: absolute;
	height: 150%;
	width: 150%;
	top: -25%;
	left: -25%;
}

.burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
	width: 2em;
}

.burger .burger-lines::after {
	left: 0;
	top: -0.8em;
}

.burger .burger-lines::before {
	left: 1em;
	top: 0.8em;
}

.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
	transition: top .2s .2s,left .1s,transform .2s,background-color .4s .2s;
}

.burger .burger-lines, .burger .burger-lines::after, .burger .burger-lines::before {
	pointer-events: none;
	display: block;
	content: "";
	width: 100%;
	border-radius: .25em;
	background-color: var(--theme-color);
	height: .25em;
	position: absolute;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.burger .burger-lines {
	top: 50%;
	margin-top: -.125em;
}

.burger.burger-squeeze .burger-lines::after, .burger.burger-squeeze .burger-lines::before {
	width: 2em;
}

.burger.burger-squeeze.open .burger-lines::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.burger.burger-squeeze.open .burger-lines::after, .burger.burger-squeeze.open .burger-lines::before {
	left: .5em;
	top: 0;
}

.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines::after, .burger.burger-squeeze.open .burger-lines::before {
	transition: background-color .2s,top .2s,left .2s,transform .2s .15s;
}

.burger.burger-squeeze.open .burger-lines::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.burger.burger-squeeze.open .burger-lines {
	background-color: initial;
}

/*MAIN BODY SHOW*/

.body-dashboard-wrapper{
	padding-top: 107px;
}

.recent-title{
	position: relative;
	margin-bottom: 30px;
	padding-right: 60px;
}

.recent-title h6{
	font-size: 18px;
	margin: 0px;
	color: var(--font-color);
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
}

.recent-title .see-all{
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
}

.shadow-box{
	background: var(--white-color);
	-webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 25px;
	margin-bottom: 30px;
	position: relative;
}

.recent-list-blog h6{
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	font-size: 15px;
	margin: 0px;
}

.recent-list-blog h6 span{
	position: relative;
	padding-right: 15px;
	color: var(--theme-color);
}

.recent-list-blog-active.recent-list-blog h6 span:after{
	position: absolute;
	right: 0px;
	top: 50%;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background: var(--red-color);
	content: "";
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.recent-list-blog-title{
	position: relative;
	padding-right: 80px;
}

.ago-hour{
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	text-transform: uppercase;	
}

.recent-list-blog{
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #DADADA;
}

.recent-list-blog p{
	margin: 0px;
}

.recent-list-box .recent-list-blog:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}

.recent-claim-list{
	padding: 15px 25px;
	border: 1px solid #DFDFDF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px;
}

.recent-claim-list:last-child{
	margin-bottom: 0px;
}

.recent-claim-list:before{
	background: #1C8D3B;
	width: 3px;
	height: 100%;
	position: absolute;
	top: 0px;
	content: "";
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-ms-border-radius: 5px 0px 0px 5px;
	-o-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	left: 0px;
}

.recent-claim-list-pending.recent-claim-list:before{
	background: var(--font-color);
}

.recent-claim-list-pending.recent-claim-list .recent-claim-list-right a{
	color: var(--font-color);
	cursor: default;
}

.recent-claim-list-reject.recent-claim-list:before{
	background: var(--red-color);
}

.recent-claim-list-reject.recent-claim-list .recent-claim-list-right a{
	color: var(--red-color);
	cursor: default;
}

.recent-claim-list-top{
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 10px;
}

.recent-claim-list-left{
	margin-right: auto;
}

.recent-claim-list-left h6{
	margin: 0px;
	font-size: 16px;
}

.recent-claim-list-right {
	min-width: 74px;
	text-align: center;
}

.recent-claim-list-right a{
	color: #1C8D3B;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
}

.recent-claim-list-right a:hover{
	color: var(--theme-color);
}

.recent-claim-list-bottom{
	display: flex;
	width: 100%;
	align-items: center;
}

.recent-claim-bottom-left{
	display: flex;
	width: auto;
	margin-right: auto;
	align-items: center;
}

.recent-claim-bottom-doller , .recent-claim-bottom-calendar{
	display: flex;
	width: auto;
	align-items: center;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	font-size: 17px;
}

.recent-claim-bottom-doller img , .recent-claim-bottom-calendar img{
	margin-right: 10px;
}

.recent-claim-bottom-doller{
	margin-right: 20px;
	color: var(--red-color);
}

.recent-claim-list-remove.recent-claim-list:before{
	display: none;
}

.recent-balance .recent-claim-bottom-doller{
	color: var(--theme-color);
}

.recent-claim-bottom-balance{
	margin-top: 8px;
}

.recent-claim-bottom-balance strong{
	vertical-align: middle;
}

.recent-claim-bottom-balance strong{
	margin-left: 8px;
}

.recent-claim-bottom-balance strong span{
	font-weight: 400;
}

.profile-heade-bg{
	position: absolute;
	left: 0px;
	top: 0px;
	background: var(--theme-color);
	height: 90px;
	width: 100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.right-profile-top{
	position: relative;
	z-index: 1;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DFE2E8;
}

.right-profile-top img{
	border: 3px solid rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

.right-profile-top h6{
	font-size: 20px;
	margin: 15px 0 0 0;
}

.right-profile-top p{
	margin: 0px;
}

.right-profile-row{
	font-size: 14px;
	margin-top: 12px;
}

.right-profile-row p{
	margin: 0px;
}

	.right-profile-row h6 {
		font-size: 15px;
		margin: 0px;
		overflow-wrap: anywhere;
	}

.profile-edit-btn{
	height: 30px;
	width: 30px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.20);
	border: 1px solid rgba(255, 255, 255, 0.20);
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 11;
	text-align: center;
}

.footer-part{
	background: var(--white-color);
	text-align: center;
	padding: 14px 0;
	font-size: 14px;
	margin-top: 15px;
}

.shadow-box-bg{
	background: var(--theme-color);
	color: var(--white-color);
	font-size: 15px;
	padding-bottom: 80px;
}

.shadow-box-bg p , .shadow-box-bg h5{
	color: var(--white-color);
	margin: 0px;
}

.approved-amout-part{
	display: flex;
	width: 100%;
	align-items: center;
}

.approved-amout-left{
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.approved-amout-left:last-child{
	margin-right: 0px;
}

.approved-amout-left h6{
	margin: 0px;
	color: var(--white-color);
	font-size: 16px;
}

.unread-msg{
	background: #345A85;
	padding: 10px 25px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.unread-msg a{
	position: relative;
	display: block;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	color: var(--white-color);
	padding-left: 28px;
	font-size: 13px;
	padding-right: 18px;
}

.unread-msg a img{
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.unread-msg a:after{
	content: "";
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url('../images/dab-arrow.svg') no-repeat center center;
	width: 15px;
	height: 15px;
}

.flat-slider {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 20px 0 38px 0;
}

.flat-slider .ui-corner-all { border-radius: 0px; }

.flat-slider .ui-widget-content a { color: #222222; }

.flat-slider .ui-widget-content {
  color: #222222;
  background-color: #345A85;
  background-image: none;
  border-width: 0;
  border: 1px solid var(--white-color);
}

.flat-slider .ui-widget-header {
  background-color: white;
  border-color: white;
  background-image: none;
}

.flat-slider .ui-state-hover,
.flat-slider .ui-widget-content .ui-state-hover,
.flat-slider .ui-widget-header .ui-state-hover,
.flat-slider .ui-state-focus,
 .flat-slider .ui-widget-content .ui-state-focus,
.flat-slider .ui-widget-header .ui-state-focus { background-image: none; }

.flat-slider .ui-slider {
  position: relative;
  text-align: left;
}

.flat-slider .ui-slider-horizontal {
	height: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px; 
}

.flat-slider .ui-slider-handle {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  background-image: none;
  border-color: #fff;
  border-radius: 20px;
  height: 1rem;
  top: -0.15rem;
  width: 1rem;
}

.flat-slider .min,
.flat-slider .max,
 .flat-slider .min_value,
.flat-slider .max_value,
.flat-slider .value {
  margin-top: 0.3em;
  font-size: 0.8rem;
  white-space: nowrap;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.flat-slider .min,
.flat-slider .max {
  font-size: 0.7rem;
  color: #c4c4c4;
}

.flat-slider .min { float: left; }

.flat-slider .max { float: right; }

.flat-slider .min_value,
.flat-slider .max_value,
.flat-slider .value { position: absolute; }

.flat-slider::after { clear: both; }

.slider.ui-slider .ui-slider-range{
	height: 10px;
	background: var(--red-color);
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	-ms-border-radius: 30px 0 0 30px;
	-o-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
}

.recent-tabs .nav.nav-tabs , .recent-tabs .nav.nav-tabs li{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.recent-tabs .nav.nav-tabs{
	margin-bottom: 12px;
}

.recent-tabs .nav-tabs .nav-link{
	border: none !important;
	font-size: 18px;
	color: var(--font-color);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	position: relative;
}

.recent-tabs .nav-tabs .nav-link:before{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 3px;
	background: var(--theme-color);
	width: 0px;
	content: "";
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: var(--theme-color);
}

.recent-tabs .nav-tabs .nav-link:hover{
	color: var(--theme-color);
}

.nav-tabs .nav-link.active:before, .nav-tabs .nav-item.show .nav-link:before , .recent-tabs .nav-tabs .nav-link:hover:before{
	width: 100%;
}

.pagination-show{
	margin-top: 20px;
	display: flex;
	width: 100%;
	align-items: center;
}

.pagination-left{
	margin-right: auto;
}

.pagination-show-list , .pagination-show-list li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.pagination-show-list li{
	display: inline-block;
	width: auto;
}

.pagination-show-list li a{
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #767676;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.pagination-show-list li:hover a , .pagination-show-list li.active a{
	background: rgba(118, 118, 118, 0.10);
	color: #222222;
}

.pagination-right {
	display: flex;
	width: auto;
}

.pagination-right span{
	margin-right: 10px;
}

.filter-blog-right{
	position: absolute;
	right: 0px;
	top: 0px;
}

.filter-blog-right a{
	margin-right: 12px;
}

.filter-blog-right a:last-child{
	margin-right: 0px;
}

.modal-dialog{
	max-width: 350px;
}

.modal-header{
	padding: 0.8rem 1rem;
	border-bottom: 1px solid #DADADA;
}

.close{
	opacity: 1;
}

.close img {
	position: relative;
	top: -1.5px;
}

.filter-col select {
	background: url('../images/drop-arrow-gray.svg') no-repeat center center;
	background-position: calc(100% - 15px) center;
	color: var(--font-color);
	padding-left: 15px;
}

.filter-col{
	margin-bottom: 15px;
}

.filter-form-inner .row{
	margin: 0px;
}

.filter-form-inner .row .col-xs-12{
	padding: 0px;
}

.filter-col ::-webkit-input-placeholder {
  color: var(--font-color) !important;
}

.filter-col ::-moz-placeholder { 
  color: var(--font-color) !important;
}

.filter-col :-ms-input-placeholder { 
  color: var(--font-color) !important;
}

.filter-col :-moz-placeholder {
  color: var(--font-color) !important;
}

.filter-form-inner .row .col-xs-12:last-child .filter-col{
	margin-bottom: 0px;
}

.filter-col.filter-col-date-from input[type="text"]{
	border-right: none;
}

.make-label{
	min-width: 93px;
	height: 35px;
	text-align: center;
	display: inline-block;
	width: auto;
	border: 1px solid #6F6C6C;
	background: rgba(111, 108, 108, 0.1);
	color: var(--font-color);
	line-height: 35px;
	padding: 0 18px;
	font-size: 15px;
	margin: 5px 5px 5px 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	position: relative;
}

.make-label:last-child{
	margin-right: 0px;
}

.make-label.active , .make-label:hover{
	background: rgba(16, 61, 112, 0.10);
	border-color: var(--theme-color);
	color: var(--theme-color);
}

.make-label.active{
	padding: 0 18px 0 30px;
}

.make-label.active:before{
	position: absolute;
	left: 9px;
	top: 10px;
	background: url('../images/true.svg') no-repeat center center;
	width: 17px;
	height: 13px;
	content: "";
}

.filter-col-date-from input , .filter-col-date-to input{
	background: url('../images/calendar.svg') no-repeat center center;
	background-position: calc(100% - 15px) center;	
	padding-left: 15px;
}

.modal-backdrop.show {
	opacity: 0.7;
}

.modal-open .modal {
	display: flex !important;
	align-items: center;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 16px !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	box-shadow: none !important;
	border: none;
	background: transparent;
	padding: 0;
	text-align: center;
}

.change-pic-link{
	display: block;
	text-align: center;
	font-size: 14px;
}

.change-pic-link a{
	color: var(--font-color);
}

.change-pic-link a:hover{
	color: var(--theme-color);
}

.profile-design .right-profile-top{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.profile-design .form-field-input input[type="email"]{
	background: transparent !important;
}

.profile-design .form-field label {
	background: var(--white-color);
}

/*CHAT PAGE SPECIAL*/

.chat-special-left .recent-title .see-all {
	top: 20px;
	right: 25px;
}

.chat-special-left .recent-title {
	position: relative;
	margin-bottom: 0px;
	border-bottom: 1px solid #DADADA;
	padding: 25px 40px 19px 25px;
}

.chat-special-left.shadow-box {
	padding: 0px;
}

.chat-special-left .recent-list-blog {
	cursor: pointer;
	padding: 12px 25px;
	margin: 0px;
	position: relative;
}

.chat-special-left .recent-list-blog:hover , .chat-special-left .recent-list-blog.active-chat{
	background: #F3F5F8;
}

.chat-special-left .recent-list-blog:hover:before , .chat-special-left .recent-list-blog.active-chat:before{
	position: absolute;
	left: 0px;
	height: 100%;
	width: 2px;
	background: var(--theme-color);
	content: "";
	top: 0px;
}

.chat-special-left .recent-list-box .recent-list-blog {
	padding: 15px 25px 12px;
	margin: 0px;
}

.dashboard-design-chat .recent-list-box{
	height: calc(100vh - 205px);
	overflow-y: auto;
} 

.chat-special-right .recent-title h6{
		color: var(--theme-color);
}

.chat-special-right .recent-title{
	position: relative;
	margin-bottom: 0px;
	border-bottom: 1px solid #DADADA;
	padding: 25px 100px 19px 25px;
}

.chat-special-right .shadow-box {
	padding: 0px;
}

.chat-special-right .filter-blog-right {
	position: absolute;
	right: 25px;
	top: 20px;
}

.recent-chat-box-list{
	height: calc(100vh - 254px);
	overflow-y: auto;
}

.recent-chat-box-footer{
	position: relative;
}

.recent-chat-box-footer input{
	border-right: none;
	border-left: none;
	border-bottom: none;
	padding-right: 100px;
}

.recent-chat-footer-icon{
	position: absolute;
	right: 25px;
	top: 10px;
}

.recent-chat-footer-icon a{
	margin-right: 20px;
}

.recent-chat-footer-icon a:last-child{
	margin-right: 0px;
}

.recent-chat-box-inside{
	padding: 50px 25px;
}

.recent-chat-box-text{
	padding: 8px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background: #6F6C6C;
	color: var(--white-color);
	font-size: 15px;
}

.recent-chat-box-text p{
	margin: 0px;
}

.chat-time{
	font-size: 12px;
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
}

.recent-chat-me-right{
	float: right;
	position: relative;
}

.recent-chat-me-right .chat-me-name{
	text-align: right;
}

.chat-me-name{
	font-size: 12px;
	color: #8F8F8F;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #6F6C6C;
	position: absolute;
	right: -8px;
	top: 15px;
}

.recent-chat-me-left .arrow-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	border-right: 8px solid var(--theme-color);
	position: absolute;
	left: 1px;
	top: 15px;
}

.recent-chat-me-left .recent-chat-box-text{
	background: var(--theme-color);
	color: #DEDEDF;
}

.recent-chat-me-left .recent-chat-box-text .chat-time{
	color: var(--white-color);
}
.loader {
	top: 0;
	left: 0;
	position: fixed;
	opacity: 0.8;
	z-index: 10000000;
	background: Black;
	height: 100%;
	width: 100%;
	margin: auto;
}

#loadImage {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50%;
	margin-left: -50px;
	position: relative;
}

.required:after {
	content: " *";
	color: red;
}

.wordwrap {
	overflow-wrap: break-word;
}

.header-menu > ul > li .dropdown-box {
	background: var(--white-color);
	position: absolute;
	right: 0px;
	top: 100%;
	border: 2px solid #DFE1E2;
	-webkit-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-moz-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-ms-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-o-box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	box-shadow: 0px 9.18106px 13.7716px rgba(150, 150, 150, 0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	display: none;
	min-width: 200px;
	max-height: 395px;
	overflow-y: auto;
}


.refresh-btn img {
	width: 20px;
	height: 20px;
}

/* Start Claim Form Css Changes */
@media(min-width: 300px) {
	input[type="radio"] {
		margin-left: 8px;
	}
}

@media(max-width: 1410px) {
	.search-top-wrapper .col-xs-12 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

		.search-top-wrapper .col-xs-12:last-child {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			text-align: center;
		}

	.search-top-wrapper.search-top-wrapper-sm .col-xs-12 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		text-align: left;
	}

	.responsive-table-show {
		display: block;
		overflow-x: auto;
	}

		.responsive-table-show td, .responsive-table-show th {
			white-space: nowrap;
		}

	.search-top-wrapper.search-top-wrapper-more .col-xs-12 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		text-align: left;
	}

		.search-top-wrapper.search-top-wrapper-more .col-xs-12:last-child {
			-ms-flex: 0 0 66.66%;
			flex: 0 0 66.66%;
			max-width: 66.66%;
			text-align: left;
		}
}

@media(max-width: 1200px) {
	.dashboard-info-show .col-xs-12 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.box-shadow {
		padding: 25px 15px;
	}

	.dashboard-chart-title h6 {
		font-size: 16px;
	}

	.search-top-wrapper.search-top-wrapper-sm .col-xs-12 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

		.search-top-wrapper.search-top-wrapper-sm .col-xs-12:last-child {
			text-align: center;
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
	/*FORM CHANGES*/
	.form-field label {
		font-size: 13px;
	}
}

@media(max-width: 991px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 20px;
	}

	h6 {
		font-size: 18px;
	}

	.site-menu {
		position: absolute;
		top: -31px;
		left: -100%;
		z-index: 99;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

		.site-menu.active {
			left: 0px;
		}

	.site-body {
		margin-left: 0;
		padding: 0 0px 25px 0px;
	}

	.footer-part {
		margin-top: 30px;
	}

	.humbarger-menu {
		display: flex;
		margin-right: auto;
	}

	.logo {
		margin-right: 18px;
	}

	/*FORM CHANGES*/
	.form-field label {
		position: relative;
		left: 0;
		top: 0;
	}
}

@media(max-width: 767px) {
	.two-form-show .col-xs-12 .form-field {
		margin-bottom: 20px !important;
	}

	.two-form-show .col-xs-12:last-child .form-field {
		margin-bottom: 0px !important;
	}

	.two-form-show {
		padding-right: 50px;
	}

	.profile-wrapper > .row > .col-xs-12 {
		margin-bottom: 30px;
	}
}

@media(max-width: 576px) {
	.dashboard-info-show .col-xs-12 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	body {
		font-size: 14px;
		line-height: 24px;
	}

	.header-user .dropdown-toggle:after {
		top: -4px;
	}

	.search-top-wrapper .col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.search-top-wrapper.search-top-wrapper-sm .col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.search-top-wrapper.search-top-wrapper-more .col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
	}

		.search-top-wrapper.search-top-wrapper-more .col-xs-12:last-child {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			text-align: center;
		}

	/*CHAT RESPONSIVE*/

	.recent-chat-box-list {
		height: calc(100vh);
		overflow-y: auto;
	}
	/*FORM CHANGES*/
	.form-field-input table td {
		display: block;
	}
}

@media(max-width: 480px) {
	.dashboard-info-show .col-xs-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.header-user .dropdown-toggle {
		text-overflow: ellipsis;
		overflow: hidden;
		width: 75px;
		display: block;
	}

	.logo img {
		max-width: 110px;
	}

	.header-user .dropdown-toggle::after {
		top: 0;
	}

	.theme-btn {
		min-width: 92px;
	}

	/*NEW TITLE*/

	.title-show-flex {
		display: block;
		text-align: center;
	}

		.title-show-flex .title-show-left-title {
			margin-bottom: 20px;
		}
}
/* End Claim Form Css Changes */