@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body{color: #131313}
 *,html,body,button,input,p,h1,h2,h3,h4,h5{
 	font-family: 'Poppins', sans-serif;
 }
 html,body, *{
	scrollbar-width: thin;
 }
/* @font-face {
    font-family: 'FuturaPTDemi';
    src: url('../fonts/FuturaPTDemi.eot');
    src: url('../fonts/FuturaPTDemi.eot') format('embedded-opentype'),
         url('../fonts/FuturaPTDemi.woff2') format('woff2'),
         url('../fonts/FuturaPTDemi.woff') format('woff'),
         url('../fonts/FuturaPTDemi.ttf') format('truetype'),
         url('../fonts/FuturaPTDemi.svg#FuturaPTDemi') format('svg');
}
@font-face {
    font-family: 'FuturaPTLight';
    src: url('../fonts/FuturaPTLight.eot');
    src: url('../fonts/FuturaPTLight.eot') format('embedded-opentype'),
         url('../fonts/FuturaPTLight.woff2') format('woff2'),
         url('../fonts/FuturaPTLight.woff') format('woff'),
         url('../fonts/FuturaPTLight.ttf') format('truetype'),
         url('../fonts/FuturaPTLight.svg#FuturaPTLight') format('svg');
}
@font-face {
    font-family: 'FuturaPTMedium';
    src: url('../fonts/FuturaPTMedium.eot');
    src: url('../fonts/FuturaPTMedium.eot') format('embedded-opentype'),
         url('../fonts/FuturaPTMedium.woff2') format('woff2'),
         url('../fonts/FuturaPTMedium.woff') format('woff'),
         url('../fonts/FuturaPTMedium.ttf') format('truetype'),
         url('../fonts/FuturaPTMedium.svg#FuturaPTMedium') format('svg');
} */
:root {
    --bg: #f4f4fb;
    --surface: #ffffff;
    --ink: #1f2147;
    --muted: #7a7ea6;
    --primary: #5b54e6;
    --primary-soft: #ecebfd;
    --border: #e7e7f3;
    --tile: #f7f7fc;
    --shadow: 0 1px 2px rgba(31,33,71,.04), 0 14px 36px rgba(31,33,71,.07);
    --radius: 18px;
  }
@font-face {
	font-family: 'FontAwesome';
	src: url("../font/fontawesome-webfont.eot?v=3.0.1");
	src: url("../font/fontawesome-webfont.eot?#iefix&v=3.0.1") format("embedded-opentype"), url("../font/fontawesome-webfont.woff?v=3.0.1") format("woff"), url("../font/fontawesome-webfont.ttf?v=3.0.1") format("truetype");
	font-weight: normal;
	font-style: normal
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 
  padding-right: 10px;
  padding-left: 10px;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family:FontAwesome;
 font-weight:normal;
 font-style:normal;
 text-decoration:inherit;
 -webkit-font-smoothing:antialiased;
 display:inline;
 width:auto;
 height:auto;
 line-height:normal;
 vertical-align:baseline;
 background-image:none;
 background-position:0% 0%;
 background-repeat:repeat;
 margin-top:0
}
.icon-home {
    font-size: 16px !important;
}
.span12 .call-out {
  float: right;
  margin-top: -30px;
  position: relative;
}
/* .alert {
    margin-bottom: 0 !important;
} */
 .icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] {
 background-image:none
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
}
a [class^="icon-"], a [class*=" icon-"] {
	display: inline-flex;
}
.icon-large:before {
	vertical-align: -10%;
	font-size: 1.3333333333333333em
}
.btn [class^="icon-"], .btn [class*=" icon-"], .nav [class^="icon-"], .nav [class*=" icon-"] {
	display: inline
}
.btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large {
	line-height: .9em
}
.btn [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .nav [class*=" icon-"].icon-spin {
	display: inline-block
}
.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"], .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, .nav-pills [class*=" icon-"], .nav-pills [class*=" icon-"].icon-large {
	line-height: .9em
}
li [class^="icon-"], li [class*=" icon-"], .nav li [class^="icon-"], .nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center
}
li [class^="icon-"].icon-large, li [class*=" icon-"].icon-large, .nav li [class^="icon-"].icon-large, .nav li [class*=" icon-"].icon-large {
	width: 1.5625em
}
ul.icons {
	list-style-type: none;
	text-indent: -.75em
}
ul.icons li [class^="icon-"], ul.icons li [class*=" icon-"] {
	width: .75em
}
.icon-muted {
	color: #eee
}
.icon-border {
	border: solid 1px #eee;
	padding: 0.2em 0.25em 0.15em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.icon-2x {
	font-size: 2em
}
.icon-2x.icon-border {
	border-width: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.icon-3x {
	font-size: 3em
}
.icon-3x.icon-border {
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.icon-4x {
	font-size: 4em
}
.icon-4x.icon-border {
	border-width: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.pull-right {
	float: right
}
.pull-left {
	float: left
}
[class^="icon-"].pull-left, [class*=" icon-"].pull-left {
	margin-right: .3em
}
[class^="icon-"].pull-right, [class*=" icon-"].pull-right {
	margin-left: .3em
}
.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x {
	margin-top: .18em
}
.btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large {
	line-height: .8em
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
	margin-top: .25em
}
.btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] {
	margin-top: 0
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-top: .05em
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
	margin-right: .2em
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-left: .2em
}
.icon-spin {
	display: inline-block;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear
}
 @-moz-keyframes spin {
 0% {
 -moz-transform:rotate(0deg)
}
 100% {
 -moz-transform:rotate(359deg)
}
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform:rotate(0deg)
}
 100% {
 -webkit-transform:rotate(359deg)
}
}
 @-o-keyframes spin {
 0% {
 -o-transform:rotate(0deg)
}
 100% {
 -o-transform:rotate(359deg)
}
}
 @-ms-keyframes spin {
 0% {
 -ms-transform:rotate(0deg)
}
 100% {
 -ms-transform:rotate(359deg)
}
}
 @keyframes spin {
 0% {
 transform:rotate(0deg)
}
 100% {
 transform:rotate(359deg)
}
}
 @-moz-document url-prefix() {
 .icon-spin {
 height:.9em
}
 .btn .icon-spin {height:auto}
 .icon-spin.icon-large {
 height:1.25em
}
 .btn .icon-spin.icon-large {
 height:.75em
}
}
.icon-pencil:before {
	content: "\f040"
}
.icon-map-marker:before {
	content: "\f041"
}

.icon-edit:before {
	content: "\f044"
}
.icon-share:before {
	content: "\f045"
}
.icon-check:before {
	content: "\f046"
}

.icon-chevron-left:before {
	content: "\f053"
}
.icon-chevron-right:before {
	content: "\f054"
}
.icon-plus-sign:before {
	content: "\f055"
}
.icon-minus-sign:before {
	content: "\f056"
}
.icon-remove-sign:before {
	content: "\f057"
}
.icon-arrow-left:before {
	content: "\f060"
}
.icon-arrow-right:before {
	content: "\f061"
}
.icon-arrow-up:before {
	content: "\f062"
}
.icon-arrow-down:before {
	content: "\f063"
}
.icon-share-alt:before {
	content: "\f064"
}

.icon-plus:before {
	content: "\f067"
}
.icon-minus:before {
	content: "\f068"
}

.dropdown-menu {
    border: 0px solid #ddd;
    background: #fff;
    margin-top: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	padding: 8px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.dropdown-menu:before {
	border: 0
}
.dropdown-menu>li> button/*, .dropdown-menu>li>a */{
    padding: 10px 15px;
    font-size: 15px;
    filter: none;
    color: #fff;
}
.main-menu .dropdown-menu>li>a{
	color: #fff;
	padding: 10px 15px;
    font-size: 15px;
}
.dropdown-menu>li:not(:last-child){
	margin-bottom: 5px;
}
.dropdown-menu>li>a{
	padding: 10px 15px;
	border-radius: 8px;
}
.dropdown-menu>li>a:hover {
	background: #f3f5ff;
	color: #333;
	filter: none
}
.uneditable-input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.btn-group .dropdown, .btn-group .pagination {
	font-size: 13px
}
.btn-group .pagination {
	margin: 0
}
.btn-group .pagination ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.table-bordered {
	border-top: 0
}
.table-bordered.table-force-topborder {
	border-top: 1px solid #ddd
}
.table-bordered.dataTable {
	border-top: 1px solid #ddd
}
.table-bordered.dataTable.dataTable-noheader {
	border-top: 0
}
.table-bordered, .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child, .table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child, .table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child, .table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle, .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .btn-group>.btn:first-child, .btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}
.input-prepend .btn-group .btn:first-child, .input-append .btn-group .btn:first-child {
	border: 1px solid #ccc;
	padding: 4px 8px;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle, .input-prepend .btn:first-child {
	border: 1px solid #ccc;
	padding: 4px 8px
}
.input-prepend .add-on:first-child {
	border: 1px solid #ccc;
	padding: 4px 6px
}
.label {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: none
}
input, textarea {

	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}
.modal {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.modal .modal-footer {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.tooltip .tooltip-inner {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.btn-group.open .dropdown-toggle.btn-primary {
	background: #48a65b
}
.btn-group.open .dropdown-toggle.btn-danger {
	background: #e51400
}
.btn-group.open .dropdown-toggle.btn-inverse {
	background: #333
}
.btn-group.open .dropdown-toggle.btn-success {
	background: #393
}
.btn-group.open .dropdown-toggle.btn-warning {
	background: #f8a31f
}
.btn-group.open .dropdown-toggle.btn-info {
	background: #48a65b
}
.dropdown-menu.dropdown-primary {
	border-color: #48a65b
}
.dropdown-menu.dropdown-primary>li>a:hover {
	background: #48a65b;
	color: #fff
}
.dropdown-menu.dropdown-danger {
	border-color: #e51400
}
.dropdown-menu.dropdown-danger>li>a:hover {
	background: #e51400;
	color: #fff
}
.dropdown-menu.dropdown-warning {
	border-color: #fab750
}
.dropdown-menu.dropdown-warning>li>a:hover {
	background: #f8a31f;
	color: #fff
}
.dropdown-menu.dropdown-success {
	border-color: #393
}
.dropdown-menu.dropdown-success>li>a:hover {
	background: #393;
	color: #fff
}
.dropdown-menu.dropdown-inverse {
	border-color: #484848
}
.dropdown-menu.dropdown-inverse>li>a:hover {
	background: #484848;
	color: #fff
}
.btn {
	background: #eee;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #444;
	padding:10px 18px;
	filter: none;
	line-height: 1.92857143;
	display: inline-flex;
	align-items: center;
  	justify-content: center;
  	gap: 5px;
	line-height: 1.3;
}
.btn + .btn{margin-left: 12px}
.btn-margin {
	margin: 6px 16px;
}
.btn.btn-text-left {
	text-align: left
}
.btn i {margin: 0 16px 18px;
	font-size: 14px
}
.btn:hover {
	background: #ccc;
	text-shadow: none
}
.btn:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none
}
.btn.btn-primary {
	background: #2f2e7a;
	color: #fff;
	text-shadow: none;
	filter: none
}
.btn.btn-primary:hover,.btn.btn-primary:focus, .open > .dropdown-toggle.btn-primary,.open > .dropdown-toggle.btn-primary:hover {
	background: rgb(16, 14, 156);
	border-color:rgb(16, 14, 156);
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #000 !important;
}
.btn:hover{
	opacity: 0.9;
}
.btn svg{
	width: 18px;
	height: 18px;
}
.callout.callout-info{
    background-color: #000 !important;
	padding: 5px 15px;
}
.callout.callout-info {
    border-color: #000;
}
.callout {
    border-left: 0px solid #eee;
    border-radius: 5px;
    margin: 0 0 12px;
    padding: 3px 3px 3px 0px;
    color: #fff;
}
.btn.btn-info {
	background: #035296; 
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.btn.btn-info span{line-height: 0}
.btn.btn-info:hover {background: #FF6154; color: #fff;}
.btn.btn-warning {
	background: #fab750;
	text-shadow: none;
	filter: none;
}
.btn.btn-warning:hover {
	background: #f8a31f;
	color: #333
}
.btn.btn-danger {
	background: #f47143;
	text-shadow: none;
	color: #fff;
	filter: none
}
.btn.btn-danger:hover {
	background: #e51400
}
.btn.btn-success {
	background: #40bf40;
	text-shadow: none;
	color: #fff;
	filter: none
}
.btn.btn-success:hover {
	background: #393
}
.btn.btn-inverse {
	background: #484848;
	text-shadow: none;
	color: #fff;
	filter: none
}
.btn.btn-inverse:hover {
	background: #111
}
.nav.nav-pills>li.active>a, .nav.nav-list>li.active>a {
	background: rgba(47, 46, 122, 0.1);
    border-radius: 0;
    color: #2f2e7a;
}
.popover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0
}
.accordion .accordion-group {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.alert {
	border-radius: 8px;
	border: 0;
	/* background: rgba(1, 171, 0, 0.4); */
	padding: 10px!important;
	margin-top: 10px;
}
.alert.success{
	background: rgba(1, 171, 0, 0.12);
}
.alert .close, .alert-dismissable .close, .alert-dismissible .close {
	right: 0;
	min-width: inherit
}
.progress {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span, .pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span, .pagination ul>li:first-child>a, .pagination ul>li:first-child>span, .pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a, .pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span, .pagination ul>li:last-child>a, .pagination ul>li:last-child>span, .pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a, .pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.table.table-condensed tr th, .table.table-condensed tr td {
	padding: 4px 5px
}
.table tr th, .table tr td {
	padding: 10px;
	border-top: 1px solid #ddd;
}
label, input, button, select, textarea {
	font-size: 13px
}
.form-actions {
	background: 0;
	border: 0
}
 @media (max-width: 1250px) {
#main .page-header .minitiles {
	display: none
}
}
 @media (max-width: 1280px) {
.login .wrapper {
	margin-top: 100px !important
}
}
 @media (max-width: 1024px) {

#main .page-header .stats {
	display: none
}
.login .wrapper {
	margin-top: 100px !important
}
.search-form>.search-pane>input {
	width: 135px !important
}
#navigation .user .icon-nav {
	display: none
}
.form-horizontal.form-column [class*="span"] {
	border-top: 1px solid #bbb;
	border-left: 0 !important;
	width: 100% !important
}
.form-horizontal.form-column [class*="span"]:first-child {
	border-top: 0
}
.form-horizontal.form-column .form-actions {
	border-top: 0 !important
}
.hidden-1024 {
	display: none !important
}
.client-section .col-sm-5.textbutton {
    width: 100%;
    display: inline-flex;
    padding: 11px 0;
}
}
 @media (max-width: 890px) {
#navigation .user div.dropdown {
	display: none
}
}
 @media (max-width: 767px) {
body {
	padding: 0 !important
}
.hidden-768 {
	display: none !important
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	margin: 0 !important
}
.container-fluid, .container {
	padding: 0 20px
}
#navigation .main-nav {
	display: block;
}
#navigation .toggle-nav {
	display: none !important
}

.custom-radio {
    display: table;
}
.feedbackform h3 {
    font-size: 31px;
}
.client-section .call-out {
    float: none!important;
    text-align: center!important;
}
.nopadding {
    overflow: auto;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    display: table-cell;
    width: 1%;
    padding: 7px 0 18px;
}




}
 @media (max-width: 480px) {
.hidden-480 {
	display: none !important
}
.calendar .fc-button.fc-button-next .fc-button-content, .calendar .fc-button.fc-button-prev .fc-button-content {
	padding: 0 4px !important;
	margin-top: 3px
}
.calendar .fc-button .fc-button-content {
	font-size: 12px !important;
	margin-right: 2px !important
}
.calendar .fc-header .fc-header-left {
	width: 0 !important;
	display: none
}
.calendar .fc-header .fc-header-right .fc-button {
	position: static !important;
	top: auto !important
}
.calendar .fc-header .fc-header-title h2 {
	font-size: 14px !important
}
body.login .wrapper {
	width: 300px;
	margin: 50px -150px !important
}
.user-list {
	display: none !important
}
.messages.withlist {
	margin-right: 0 !important
}
}
 @media (max-width: 350px) {
.hidden-350 {
	display: none !important
}
.calendar .fc-header-right {
	display: none !important
}
#main .box .box-title h3 {
	font-size: 16px !important
}
#main .box .box-title .actions .btn i {
	font-size: 12px !important
}
.table .table-fixed-medium {
	width: 100px !important
}
}
 body {
    min-height: 100%;
    position: relative;
}
html{height:100%;}

body {
	background: #f4f4fb;
	font-family: 'Poppins', sans-serif;
	font-size: 14px !important;
	overflow-x: hidden;
}
label{
	font-weight: 500;
}
a {
	color: #2f2e7a
}
a:focus {
	outline: none;
	text-decoration: none
}
table td a.edit {
    background-position: 1px 0;
    border-radius: 3px;
}
table td a.del {
    background-position: -32px 0 !important;
}
table td a.edv {
    background: rgba(0, 0, 0, 0) url("../img/view.png") no-repeat scroll 0 0;
    float: left;
    height: 32px;
    text-indent: -99999px;
    width: 34px;
}
.ui-resizable-handle.ui-resizable-e {
	cursor: col-resize
}
#left {
	width: 200px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #eee;
	height: 100%
}
.sms-header {
	background: #fff;
	padding: 10px;
	position: sticky;
	top: 0;
	z-index: 12;
}
.flex-header{
	display: flex;
	gap: 15px;
}
.search{
	flex: 1;
}
.form-control.top-search{
	background: #F3F1FF url(../images/search.svg) 12px center no-repeat;
	padding-left: 40px;
	border: 0;
	border-radius: 8px;
	height: 42px;
	margin:0
}
#brand img {
	height: auto;
	width: auto;
	max-width: 170px;
	max-height: 36px;
}
#left.sidebar-fixed {
	position: fixed;
	top: 40px
}
#left .subnav {
	margin-top: 15px
}
#left .subnav:hover .subnav-title .toggle-subnav i {
	display: block
}
#left .subnav .subnav-title {
 *zoom:1;
	text-overflow: ellipsis;
	white-space: nowrap
}
#left .subnav .subnav-title:after {
	content: "";
	display: table;
	clear: both
}
#left .subnav .subnav-title span {
	margin-left: 20px;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap
}
#left .subnav .subnav-title .toggle-subnav {
	color: #444;
	padding: 1px 6px;
	text-decoration: none;
	display: block;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
#left .subnav .subnav-title .toggle-subnav i {
	position: absolute;
	font-size: 14px;
	left: 10px;
	top: 4px;
	display: none
}
#left .subnav .subnav-title .toggle-subnav:hover {
	color: #222
}
#left .subnav .subnav-menu {
	list-style-type: none;
	margin: 5px 0;
	padding: 0
}
#left .subnav .subnav-menu>li {
	text-overflow: ellipsis;
	white-space: nowrap
}
#left .subnav .subnav-menu>li>a {
	color: #555;
	display: block;
	padding: 5px 0 5px 27px;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
#left .subnav .subnav-menu>li>a:hover {
	background: #ddd;
	color: #222
}
#left .subnav .subnav-menu>li.active>a {
	background: #ccc;
	color: #222;
	font-weight: bold
}
.nopadding {padding: 0 !important }
.main-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
#navigation {
    background: #2f2e7a;
    width: 10rem;
    display: flex;
    z-index: 9;
    flex-shrink: 0;
    flex-direction: column;
    transition: all 0.28s;
    -webkit-transition: all 0.28s;
}

.background-green {background: #031e32 none repeat scroll 0 0;}

.modal .form-control {
background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 13px;
    line-height: 1.42857;
    padding: 10px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    height: auto;
}
.info-box {
  background: #eee none repeat scroll 0 0;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 15px;
  min-height: 90px;
  width: 100%;
}
.info-box-icon {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border-radius: 2px 0 0 2px;
  display: block;
  float: left;
  font-size: 45px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  width: 90px;
}
.info-box-content {
  margin-left: 90px;
  padding: 5px 10px;
}
.info-box-text {
  display: block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.info-box-number {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.info-box small {
  font-size: 14px;
}
.bg-aqua{
  background-color: #00c0ef !important;
}
.bg-red{
  background-color: #dd4b39 !important;
}
.bg-green{
  background-color: #00a65a !important;
}
.bg-yellow{
  background-color: #f39c12 !important;
}
.info-box .ion {
  color: #fff;
}
.info-box .fa {
  color: #fff;
}
.small-box {
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.small-box > .inner {
  padding: 10px;
}
.small-box .icon {
  color: rgba(0, 0, 0, 0.15);
  font-size: 90px;
  position: static;
  right: 10px;
  top: -10px;
  transition: all 0.3s linear 0s;
  z-index: 0;
}
.small-box h3, .small-box p {
  z-index: 5;
}
.small-box h3 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 10px;
  color: #fff;
  padding: 0;
  white-space: nowrap;
}
.small-box p {
  font-size: 15px;
  color: #fff;
}
.small-box > .small-box-footer {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  padding: 3px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
  gap: 15px;
  justify-content: space-between;
}
.profile-user-img {
  border: 3px solid #d2d6de;
  margin: 0 auto;
  padding: 3px;
  width: 60px;
  /*height: 100px;*/
}
.middle,.white {
color:#fff;
}
.middle.contentPart{
margin-top: 50px;
}
.white-box-shadow {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 10px;
  /*border-top: 3px solid #d2d6de;*/
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  position: relative;
  padding: 20px;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box {
  background: #ffffff;
  border-radius: 15px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
#notificationCount {
  background: #cc0000 none repeat scroll 0 0;
  border-radius: 9px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  margin-left: 61px;
  margin-top: 11px;
  padding: 0 6px 3px 5px;
  position: absolute;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin: 0;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.pull-right {
  float: right;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color:none !important;
}

.box-body {
  border-radius: 0 0 3px 3px;
  padding: 10px;
  background: #fff;
}
.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.users-list > li {
  float: left;
  padding: 10px;
  text-align: center;
  width: 25%;
}
.users-list > li img {
  border-radius: 50%;
  height: auto;
  max-width: 100%;
}
.users-list-name {
  color: #444;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.users-list-date {
  color: #999;
  font-size: 12px;
}
.box-footer {
  background-color: #eee;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
}
.text-center {
  text-align: center;
}
#navigation.navbar-fixed-top {
	position: fixed;
	z-index: 1030
}
#navigation .dropdown-menu {
	border-top: 0;
	border-color: #48a65b
}
#navigation .main-nav + .main-nav li.dropdown:last-child .dropdown-menu {
    top: auto;
    bottom: 0;
}
#navigation .dropdown-menu>li>a:hover {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	filter: none
}
#navigation .toggle-nav {
	float: left;
	color: #fff;
	display: block;
	padding: 10px;
	font-size: 14px;
	text-decoration: none
}
#navigation .toggle-nav:hover {
	background-color: #1b67af
}
#navigation #brand {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    max-height: 84px;
}
.dashboard-header #brand img{
	max-width: 100%;
	height: auto;
}
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
#navigation #brand {
	/*background: url("../img/logo@2x.png") no-repeat;*/
	background-size: 22px 22px
}
}
#navigation #brand:hover {
	text-decoration: none
}
#navigation .toggle-mobile {
	color: #fff;
	background: #1b67af;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	float: right
}
#navigation .toggle-mobile i {
	font-size: 18px
}
#navigation .mobile-nav {
	display: none
}
#navigation .mobile-nav>li>ul {
	display: none
}
#navigation .mobile-nav.open {
	display: block;
	list-style: none;
	padding: 0 20px 20px 20px;
	margin: 0;
	background: #48a65b
}
#navigation .mobile-nav.open>li {
	display: block;
	margin-top: 1px
}
#navigation .mobile-nav.open>li:first-child {
	margin-top: 0
}
#navigation .mobile-nav.open>li.active>a {
	background: #144d82;
	color: #fff
}
#navigation .mobile-nav.open>li.active>ul {
	background: #144d82
}
#navigation .mobile-nav.open>li>a {
	display: block;
	background: #1b67af;
	padding: 8px 12px;
	color: #fff;
	text-decoration: none
}
#navigation .mobile-nav.open>li>a i {
	float: right;
	margin-top: 3px
}
#navigation .mobile-nav.open>li>ul {
	background: #1b67af;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0
}
#navigation .mobile-nav.open>li>ul.open {
	display: block
}
#navigation .mobile-nav.open>li>ul>li>a {
	padding: 4px 35px;
	display: block;
	color: #fff;
	text-decoration: none
}
#navigation .user .icon-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left
}
#navigation .user .icon-nav>li {
	margin-right: 3px;
	float: left
}
#navigation .user .icon-nav>li>a {
	padding: 11px 10px 9px 10px;
	display: block;
	color: #fff
}
#navigation .user .icon-nav>li>a:hover {
	background: #1b67af;
	text-decoration: none
}
#navigation .user .icon-nav>li>a i {
	color: #fff;
	font-size: 16px
}
#navigation .user .icon-nav>li .theme-settings>li {
	padding: 0;
	margin-top: 10px
}
#navigation .user .icon-nav>li .theme-settings>li:first-child {
	margin-top: 5px
}
#navigation .user .icon-nav>li .theme-settings>li span {
	color: #666;
	display: block;
	padding-left: 15px
}
#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a, #navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a, #navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a {
	display: block;
	padding: 5px 25px;
	color: #444;
	text-decoration: none
}
#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a.active, #navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a.active, #navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a.active {
	position: relative
}
#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a.active:before, #navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a.active:before, #navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a.active:before {
	position: absolute;
	left: 10px;
	top: 4px;
	content: "\f111";
	font-family: FontAwesome;
	font-size: 8px
}
#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a:hover, #navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a:hover, #navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a:hover {
	background: #ddd
}
#navigation .user .icon-nav>li .theme-colors {
	margin: 0;
	padding: 0 0 5px 0;
 *zoom:1
}
#navigation .user .icon-nav>li .theme-colors:after {
	content: "";
	display: table;
	clear: both
}
#navigation .user .icon-nav>li .theme-colors li {
 *zoom:1
}
#navigation .user .icon-nav>li .theme-colors li:after {
	content: "";
	display: table;
	clear: both
}
#navigation .user .icon-nav>li .theme-colors li.subtitle {
	margin: 10px 0 5px 15px;
	display: block;
	float: none;
	color: #666;
	clear: both
}
#navigation .user .icon-nav>li .theme-colors li span {
	cursor: pointer;
	display: block;
	width: 30px;
	float: left;
	height: 30px;
	margin: 8px 0 0 8px
}
#navigation .user .icon-nav>li .theme-colors li span.blue {
	background: #48a65b
}
#navigation .user .icon-nav>li .theme-colors li span.orange {
	background: #f8a31f
}
#navigation .user .icon-nav>li .theme-colors li span.red {
	background: #e51400
}
#navigation .user .icon-nav>li .theme-colors li span.green {
	background: #393
}
#navigation .user .icon-nav>li .theme-colors li span.lime {
	background: #8cbf26
}
#navigation .user .icon-nav>li .theme-colors li span.teal {
	background: #00aba9
}
#navigation .user .icon-nav>li .theme-colors li span.purple {
	background: #ff0097
}
#navigation .user .icon-nav>li .theme-colors li span.brown {
	background: #a05000
}
#navigation .user .icon-nav>li .theme-colors li span.pink {
	background: #e671b8
}
#navigation .user .icon-nav>li .theme-colors li span.magenta {
	background: #a200ff
}
#navigation .user .icon-nav>li .theme-colors li span.grey {
	background: #333
}
#navigation .user .icon-nav>li .theme-colors li span.darkblue {
	background: #204e81
}
#navigation .user .icon-nav>li .theme-colors li span.lightred {
	background: #e63a3a
}
#navigation .user .icon-nav>li .theme-colors li span.lightgrey {
	background: #666
}
#navigation .user .icon-nav>li .theme-colors li span.satblue {
	background: #2c5e7b
}
#navigation .user .icon-nav>li .theme-colors li span.satgreen {
	background: #56af45
}
#navigation .user .dropdown {
	float: left
}
#navigation .user .dropdown.open {
	background: #1b67af
}
#navigation .user .dropdown>a {
	display: block;
	color: #fff;
	padding: 7px 12px 6px 12px;
	text-decoration: none
}
#navigation .user .dropdown>a:hover {
	background: #1b67af
}
#navigation .user .dropdown>a img {
	margin-left: 10px
}
#navigation .main-nav {
	list-style-type: none;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;
}
#navigation .main-nav + .main-nav{
	margin-top: 0;
}

#navigation .main-nav>li {
    position: relative;
    margin: 0;
    display: inline-block;
    width: 100%;
}
#navigation .main-nav>li.active>a {
	/*background: #fff;*/
	background: #232323;
	text-decoration: none;
	color: #fff
}
#navigation .main-nav>li.active>a .caret {
	border-top-color: #fff
}
#navigation .main-nav>li.active>a:hover {
	background: #333
}
#navigation .main-nav>li.open>a {
	background: rgba(255, 255, 255, 0.15);
	text-decoration: none
}
#navigation .main-nav>li.open.active>a {
	background: #232323
}
#navigation .main-nav>li.open.active .dropdown-menu {
	left: -2px
}
#navigation .main-nav>li.open.active .dropdown-menu>.active>a {
	background: #ddd;
	color: #333;
	filter: none
}
#navigation .main-nav>li{
	margin-bottom: 4px;
}
#navigation .main-nav>li>a {
    color: #fff;
    display: flex;
    margin: 0 auto;
    padding: 0px 0px;
    font-size: 13px;
    text-align: center;
    width: 45px;
    border-radius: 50%;
    height: 45px;
    justify-content: center;
    align-items: center;
}
#navigation .main-nav>li>a span {
    display: block;
    font-size: 16px;
    line-height: 0;
}

#navigation .user {
	float: right;
	padding-top:9px;
}
#navigation .user>a {
	color: #fff
}

#navigation .main-nav>li>a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.15);
}

/* added by mohit */
.service-popup {
  list-style: outside none none;
}
.service-popup > li {
  font-size: 16px;
  font-weight: bold;
}
.service-popup li > span {
  float: right;
  width: 80%;
  font-weight: normal;
}
/* end by mohit*/
.main-container{display: flex;justify-content: space-between;}
#content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
#content.nav-fixed {
	padding-top: 40px
}
#content.nav-fixed #left {
	top: 40px
}
#content.container-fluid {
	padding: 0
}
#content.container-fluid.nav-fixed {
	padding-top: 40px
}
.stats {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left
}
.stats>li {
 *zoom:1;
	float: left;
	padding: 10px;
	margin-right: 15px
}
.stats>li:after {
	content: "";
	display: table;
	clear: both
}
.stats>li:last-child {
	margin-right: 0
}
.stats>li i {
	font-size: 30px;
	color: #fff;
	float: left;
	margin: 5px 0
}
.stats>li .details {
 *zoom:1;
	margin-left: 50px
}
.stats>li .details:after {
	content: "";
	display: table;
	clear: both
}
.stats>li .details span {
	color: #fff;
	display: block;
	font-size: 11px
}
.stats>li .details span.big {
	font-size: 16px
}
#main {
 *zoom:1;
	background: #fff;
	padding-top: 10px;
	margin-left: 0px;
	overflow: visible;
	padding-bottom: 30px
}
#main:after {
	content: "";
	display: table;
	clear: both
}
#main .page-header {
	border: 0;
	margin: 0px 0 15px 0;
	padding: 0 3px;
 *zoom:1
}
#main .page-header:after {
	content: "";
	display: table;
	clear: both
}
#main .page-header .pull-left h1 {
	font-size: 30px;
	color: #2a2a2a;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0
}
#main .page-header .pull-left h6 {
	color: #777;
	font-weight: normal;
	margin: 0
}
#main .breadcrumbs {
 *zoom:1;
	background: #f4f4f4
}
#main .breadcrumbs:after {
	content: "";
	display: table;
	clear: both
}
#main .breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 5px;
 *zoom:1;
	float: left
}
#main .breadcrumbs ul:after {
	content: "";
	display: table;
	clear: both
}
#main .breadcrumbs ul>li {
	float: left;
	color: #666
}
#main .breadcrumbs ul>li>a {
	color: #666;
	display: block;
	padding: 2px 6px;
	font-size: 12px;
	float: left
}
#main .breadcrumbs ul>li i {
	float: left;
	font-size: 11px;
	margin: 7px 0 6px 0
}
#main .breadcrumbs .close-bread {
	float: right
}
#main .breadcrumbs .close-bread>a {
	color: #999;
	display: block;
	font-size: 14px;
	margin: 4px 8px
}
#main .breadcrumbs .close-bread>a:hover {
	text-decoration: none
}
#main .ui-state-highlight {
	background: red;
	height: 50px
}
#main .box.box-color.blue .box-title {
	background: #48a65b !important
}
#main .box.box-color.blue .box-title .actions>a:hover {
	color: #48a65b
}
#main .box.box-color.orange .box-title {
	background: #f8a31f !important
}
#main .box.box-color.orange .box-title .actions>a:hover {
	color: #f8a31f
}
#main .box.box-color.red .box-title {
	background: #e51400 !important
}
#main .box.box-color.red .box-title .actions>a:hover {
	color: #e51400
}
#main .box.box-color.green .box-title {
	background: #393 !important
}
#main .box.box-color.green .box-title .actions>a:hover {
	color: #393
}
#main .box.box-color.lime .box-title {
	background: #8cbf26 !important
}
#main .box.box-color.lime .box-title .actions>a:hover {
	color: #8cbf26
}
#main .box.box-color.teal .box-title {
	background: #00aba9 !important
}
#main .box.box-color.teal .box-title .actions>a:hover {
	color: #00aba9
}
#main .box.box-color.purple .box-title {
	background: #ff0097 !important
}
#main .box.box-color.purple .box-title .actions>a:hover {
	color: #ff0097
}
#main .box.box-color.brown .box-title {
	background: #a05000 !important
}
#main .box.box-color.brown .box-title .actions>a:hover {
	color: #a05000
}
#main .box.box-color.pink .box-title {
	background: #e671b8 !important
}
#main .box.box-color.pink .box-title .actions>a:hover {
	color: #e671b8
}
#main .box.box-color.magenta .box-title {
	background: #a200ff !important
}
#main .box.box-color.magenta .box-title .actions>a:hover {
	color: #a200ff
}
#main .box.box-color.grey .box-title {
	background: #333 !important
}
#main .box.box-color.grey .box-title .actions>a:hover {
	color: #333
}
#main .box.box-color.darkblue .box-title {
	background: #204e81 !important
}
#main .box.box-color.darkblue .box-title .actions>a:hover {
	color: #204e81
}
#main .box.box-color.lightred .box-title {
	background: #e63a3a !important
}
#main .box.box-color.lightred .box-title .actions>a:hover {
	color: #e63a3a
}
#main .box.box-color.lightgrey .box-title {
	background: #666 !important
}
#main .box.box-color.lightgrey .box-title .actions>a:hover {
	color: #666
}
#main .box.box-color.satblue .box-title {
	background: #2c5e7b !important
}
#main .box.box-color.satblue .box-title .actions>a:hover {
	color: #2c5e7b
}
#main .box.box-color.satgreen .box-title {
	background: #56af45 !important
}
#main .box.box-color.satgreen .box-title .actions>a:hover {
	color: #56af45
}
#main .box.box-color .box-title {
	color: #2F2E7A;
}

#main .box.box-color .box-title .tabs>li.active>a {
	background: #fff;
	color: #48a65b
}
#main .box.box-color .box-title .tabs>li>a {
	color: #fff
}
#main .box.box-color .box-title .tabs>li>a:hover {
	color: #48a65b
}
#main .box.box-color .box-title .actions>a {
	color: #fff
}
#main .box.box-color .box-title .actions>a:hover {
	background: #fff;
	color: #48a65b
}
#main .box.box-bordered .table {
	margin-bottom: 0
}
#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned {
	border-right: 2p48a65bx solid #ddd
}
#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned th {
	border-right: 2px solid #333
}
#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned td {
	text-align: center
}
#main .box.box-bordered .table.table-bordered {
	border: 0
}
#main .box.box-bordered .table.table-bordered th,
#main .box.box-bordered .table.table-bordered td {
border-left: 0px;
    border-right: 0px;
    border-top: 1px solid#eff2f9;
    border-bottom: 1px solid #eff2f9;
    vertical-align: middle;
    text-align: left;
    color: #4a4a4a;
}
#main .box.box-bordered .table.table-bordered th:first-child, #main .box.box-bordered .table.table-bordered td:first-child {
	border-left: 1px solid#eff2f9 ;
	border-radius: 5px 0 0 5px !important;
}
#main .box.box-bordered .table.table-bordered th:last-child, #main .box.box-bordered .table.table-bordered td:last-child {
	border-right: 1px solid#eff2f9;
	border-radius: 0 5px 5px 0;
}
#main .box.box-bordered .form-bordered {
	margin-bottom: 0
}
#main .box.box-bordered .slimScrollDiv {
	border-bottom: 2px solid #ddd
}
#main .box.box-bordered.box-color .slimScrollDiv {
	border-bottom: 2px solid #48a65b
}
#main .box.box-bordered.box-color.blue .box-title {
	border-color: #48a65b !important
}
#main .box.box-bordered.box-color.blue .box-content {
	border-color: #48a65b !important
}
#main .box.box-bordere005543d.box-color.blue .slimScrollDiv {
	border-bottom: 2px solid #48a65b
}
#main .box.box-bordered.box-color.orange .box-title {
	border-color: #f8a31f !important
}
#main .box.box-bordered.box-color.orange .box-content {
	border-color: #f8a31f !important
}
#main .box.box-bordered.box-color.orange .slimScrollDiv {
	border-bottom: 2px solid #f8a31f
}
#main .box.box-bordered.box-color.red .box-title {
	border-color: #e51400 !important
}
#main .box.box-bordered.box-color.red .box-content {
	border-color: #e51400 !important
}
#main .box.box-bordered.box-color.red .slimScrollDiv {
	border-bottom: 2px solid #e51400
}
#main .box.box-bordered.box-color.green .box-title {
	border-color: #393 !important
}
#main .box.box-bordered.box-color.green .box-content {
	border-color: #393 !important
}
#main .box.box-bordered.box-color.green .slimScrollDiv {
	border-bottom: 2px solid #393
}
#main .box.box-bordered.box-color.lime .box-title {
	border-color: #8cbf26 !important
}
#main .box.box-bordered.box-color.lime .box-content {
	border-color: #8cbf26 !important
}
#main .box.box-bordered.box-color.lime .slimScrollDiv {
	border-bottom: 2px solid #8cbf26
}
#main .box.box-bordered.box-color.teal .box-title {
	border-color: #00aba9 !important
}
#main .box.box-bordered.box-color.teal .box-content {
	border-color: #00aba9 !important
}
#main .box.box-bordered.box-color.teal .slimScrollDiv {
	border-bottom: 2px solid #00aba9
}
#main .box.box-bordered.box-color.purple .box-title {
	border-color: #ff0097 !important
}
#main .box.box-border005543ed.box-color.purple .box-content {
	border-color: #ff0097 !important
}
#main .box.box-bordered.box-color.purple .slimScrollDiv {
	border-bottom: 2px solid #ff0097
}
#main .box.box-bordered.box-color.brown .box-title {
	border-color: #a05000 !important
}
#main .box.box-bordered.box-color.brown .box-content {
	border-color: #a05000 !important
}
#main .box.box-bordered.box-color.brown .slimScrollDiv {
	border-bottom: 2px solid #a05000
}
#main .box.box-bordered.box-color.pink .box-title {
	border-color: #e671b8 !important
}
#main .box.box-bordered.box-color.pink .box-content {
	border-color: #e671b8 !important
}
#main .box.box-bordered.box-color.pink .slimScrollDiv {
	border-bottom: 2px solid #e671b8
}
#main .box.box-bordered.box-color.magenta .box-title {
	border-color: #a200ff !important
}
#main .box.box-bordered.box-color.magenta .box-content {
	border-color: #a200ff !important
}
#main .box.box-bordered.box-color.magenta .slimScrollDiv {
	border-bottom: 2px solid #a200ff
}
#main .box.box-bordered.box-color.grey .box-title {
	border-color: #333 !important
}
#main .box.box-bordered.box-color.grey .box-content {
	border-color: #333 !important
}
#main .box.box-bordered.box-color.grey .slimScrollDiv {
	border-bottom: 2px solid #333
}
#main .box.box-bordered.box-color.darkblue .box-title {
	border-color: #204e81 !important
}
#main .box.box-bordered.box-color.darkblue .box-content {
	border-color: #204e81 !important
}
#main .box.box-bordered.box-color.darkblue .slimScrollDiv {
	border-bottom: 2px solid #204e81
}
#main .box.box-bordered.box-color.lightred .box-title {
	border-color: #e63a3a !important
}
#main .box.box-bordered.box-color.lightred .box-content {
	border-color: #e63a3a !important
}
#main .box.box-bordered.box-color.lightred .slimScrollDiv {
	border-bottom: 2px solid #e63a3a
}
#main .box.box-bordered.box-color.lightgrey .box-title {
	border-color: #666 !important
}
#main .box.box-bordered.box-color.lightgrey .box-content {
	border-color: #666 !important
}
#main .box.box-bordered.box-color.lightgrey .slimScrollDiv {
	border-bottom: 2px solid #666
}
#main .box.box-bordered.box-color.satblue .box-title {
	border-color: #2c5e7b !important
}
#main .box.box-bordered.box-color.satblue .box-content {
	border-color: #2c5e7b !important
}
#main .box.box-bordered.box-color.satblue .slimScrollDiv {
	border-bottom: 2px solid #2c5e7b
}
#main .box.box-bordered.box-color.satgreen .box-title {
	border-color: #43af45 !important
}
#main .box.box-bordered.box-color.satgreen .box-content {
	border-color: #56af45 !important
}
#main .box.box-bordered.box-color.satgreen .slimScrollDiv {
	border-bottom: 2px solid #56af45
}
/*#main .box.box-bordered.box-color .box-title {
	border-color: #2f2e7a;
}*/
#main .box.box-bordered.box-color .box-content {
	border-color: #007ad4
}
#main .box.box-bordered .box-title {
	border: 2px sol005543id #ddd
}
#main .box.box-bordered .box-content {
/*	border: 2px solid #ddd;
	border-top: 0*/
}
#main .box .box-title {
 *zoom:1;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	margin-top: 20px
}
#main .box .box-title:after {
	content: "";
	display: table;
	clear: both
}
#main .box .box-title h3 {
	/*float: left;*/
	margin: 3px 0 3px 0;
	line-height: 24px;
	font-weight: 500;
	color: #2F2E7A;
	font-size: 18px;
	/*width: 100%;*/
	flex: 1
}
/*#main .box .box-title h3 i {
	margin: 0 10px
}*/
#main .box .box-title .tabs {
	float: right;
 *zoom:1;
	margin: 5px 10px 0 0;
	padding: 0;
	list-style-type: none
}
#main .box .box-title .tabs:after {
	content: "";
	display: table;
	clear: both
}
#main .box .box-title .tabs.tabs-left {
	float: left
}
#main .box .box-title .tabs>li {
	float: left;
	margin-right: 5px
}
#main .box .box-title .tabs>li:last-child {
	margin-right: 0
}
#main .box .box-title .tabs>li>a {
	padding: 4px 8px
}
#main .box .box-title .tabs>li>a:hover {
	text-decoration: none;
	background: #eee
}
#main .box .box-title .tabs>li.active>a {
	background: #48a65b;
	color: #fff
}
#main .box .box-title .actions {
	margin-top: 0px;
	float: right;
	margin-right: 10px
}
#main .box .box-title .actions .btn {
	background: none;
	color: #333
}
#main .box .box-title .actions .btn:hover {
	background: #48a65b;
	color: #fff
}
#main .box .box-title .actions .content-move {
	cursor: move
}
#main .box .box-content {
 *zoom:1;
	padding:15px;
}
#main .box .box-content:after {
	content: "";
	display: table;
	clear: both
}
#main #vmap {
	width: 100%;
	height: 300px
}
.table.dataTable {
	margin-bottom: 10px;
	clear: both
}
/*.table.dataTable .sorting_asc {
	background: url("../img/sorting-asc.png") no-repeat right center
}
.table.dataTable .sorting_desc {
	background: url("../img/sorting-desc.png") no-repeat right center
}
.table.dataTable .sorting {
	background: url("../img/sorting.png") no-repeat right center
}*/
.table.dataTable .sorting, .table.dataTable .sorting_desc, .table.dataTable .sorting_asc {
    padding-right: 17px;
    white-space: nowrap;
    text-align: center;
    color: #50649c;
    font-weight: 600;
    border: 0;
}
.table.dataTable.dataTable-scroll-x {
	border-collapse: separate;
	max-width: none
}
.table.dataTable.dataTable-scroll-x td {
	white-space: nowrap
}
.table.dataTable th:focus {
	outline: none
}
.table.dataTable.dataTable-reorder th:hover {
	cursor: move
}
.table.table-colored-header thead th, .table.table-colored-header thead td {
	background: #48a65b;
	color: #fff
}
.table.table-nohead thead {
	display: none
}
.table.table-nohead thead th, .table.table-nohead thead td {
	display: none
}
.table.table-nohead tr:first-child td {
	border: 0
}
/*.table tr:hover td {
	background: #6495ed29
}*/
.table tr td{border: 0;}
.table tr td .label {
	margin-right: 3px
}

.table.table-user tr.alpha td.alpha-val span {
	background: #48a65b;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 18px
}
.table.table-user tr.alpha:hover td {
	background: white;
	cursor: pointer
}
.table.table-user tr:first-child td {
	border: 0
}
.table.table-user tr td {
	border: 0;
}
.table.table-user tr td.img {
	width: 40px
}
.table.table-user tr td.img img {
	width: 40px
}
.table.table-user tr td.user {
	text-align: left;
	vertical-align: middle
}
.table.table-user tr td.icon {
	width: 20px;
	vertical-align: middle
}
.table.table-user tr td.icon .online {
	font-size: 10px;
	color: #4fa828
}
.search-form {
	margin: 0
}
.search-form>.search-pane {
	margin: 5px;
	height: 28px;
	background: #fff;
	border: 1px solid #ccc
}
.search-form>.search-pane>input {
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	float: left;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 1px;
	width: 145px
}
.search-form>.search-pane>input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.search-form>.search-pane button[type="submit"] {
	float: right;
	background: #48a65b;
	color: #fff;
	border: 0;
	margin: 2px 2px 0px 0;
	line-height: 19px;
	min-height: 24px
}
.custom-checkbox {
	position: relative;
	padding-right: 30px
}
.custom-checkbox i {
	position: absolute;
	right: 10px;
	top: 9px
}
.flot {
	width: 100%;
	height: 300px
}
ul>li.blue {
	background: #368ee0
}
ul>li.orange {
	background: #f8a31f
}
ul>li.red {
	background: #e51400
}
ul>li.green {
	background: #393
}
ul>li.lime {
	background: #8cbf26
}
ul>li.teal {
	background: #00aba9
}
ul>li.purple {
	background: #ff0097
}
ul>li.brown {
	background: #a05000
}
ul>li.pink {
	background: #e671b8
}
ul>li.magenta {
	background: #a200ff
}
ul>li.grey {
	background: #333
}
ul>li.darkblue {
	background: #204e81
}
ul>li.lightred {
	background: #e63a3a
}
ul>li.lightgrey {
	background: #666
}
ul>li.satblue {
	background: #2c5e7b
}
ul>li.satgreen {
	background: #56af45
}
.charts {
	list-style-type: none;
	margin: 0;
	text-align: center
}
.charts li {
	display: inline-block;
	margin: 0 10px
}
.charts li span {
	margin-top: 10px;
	display: block;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #444
}
.slimScrollBar.ui-draggable {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}
.user-list {
	position: absolute;
	right: 0;
	top: 0;
	width: 183px;
	margin-right: 17px
}
.user-list h4 {
	background: #48a65b;
	color: #fff;
	padding: 5px 8px;
	font-weight: 400
}
.user-list>ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.user-list>ul>li {
 *zoom:1;
	margin: 5px 0
}
.user-list>ul>li:after {
	content: "";
	display: table;
	clear: both
}
.user-list>ul>li:first-child {
	margin-top: 0
}
.user-list>ul>li.invite {
	margin-top: 15px
}
.user-list>ul>li .image {
	max-width: 35px;
	min-width: 10px;
	float: left
}
.user-list>ul>li .image img {
	max-width: 35px;
	min-width: 10px
}
.user-list>ul>li .username {
	float: left;
	margin-left: 10px;
	line-height: 35px
}
.messages {
	list-style-type: none;
	margin: 0;
	padding: 0
}
.messages.withlist {
	margin-right: 210px
}
.messages>li {
	margin-top: 20px
}
.messages>li.insert {
	position: relative;
	border: 1px solid #ddd;
	margin-right: 10px
}
.messages>li.insert #message-form {
	margin-bottom: 0
}
.messages>li.insert .text {
	margin-right: 50px
}
.messages>li.insert .text input[type="text"] {
	border: 0;
	margin-bottom: 0;
	display: block
}
.messages>li.insert .submit {
	position: absolute;
	right: 0;
	top: 0
}
.messages>li.insert .submit button {
	border: 0;
	background: #48a65b;
	color: #fff;
	margin: 2px;
	padding: 3px 4px
}
.messages>li.insert .submit button[disabled="disabled"] {
	background: #ccc
}
.messages>li .image {
	float: left;
	width: 50px
}
.messages>li .message {
	position: relative;
	background: #eee;
	margin-right: 20px;
	padding: 10px;
	margin-left: 60px
}
.messages>li .message .name {
	font-weight: 600
}
.messages>li .message p {
	color: #444
}
.messages>li .message .time {
	color: #555;
	font-size: 11px
}
.messages>li .message .caret {
	position: absolute;
	left: -7px;
	top: 10px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #eee;
	border-left: 0
}
.messages>li.right .image {
	float: right
}
.messages>li.right .name {
	color: #0a2640
}
.messages>li.right .message {
	background: #d1e5f8;
	margin-left: 20px;
	margin-right: 0;
	margin-right: 60px
}
.messages>li.right .message p {
	color: #11406c
}
.messages>li.right .message .time {
	color: #11406c
}
.messages>li.right .message .caret {
	left: auto;
	right: -7px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #d1e5f8;
	border-right: 0
}
.messages>li.typing {
	display: none
}
.messages>li.typing.active {
	display: block
}
.letterbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.8)
}
.letterbox .letter {
	list-style-type: none;
	margin: 0;
	padding: 0;
 *zoom:1
}
.letterbox .letter:after {
	content: "";
	display: table;
	clear: both
}
.letterbox .letter>li {
	text-align: center;
	height: 40px;
	width: 40px;
	margin: 10px;
	background: #ddd;
	float: left;
	font-size: 18px;
	line-height: 40px;
	color: #aaa
}
.letterbox .letter>li.active {
	background: #48a65b;
	color: #fff;
	cursor: pointer
}
.calendar {
	margin-top: 10px
}
.calendar .fc-header .fc-header-title h2 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 25px
}
.calendar .fc-header .fc-header-right .fc-button {
	position: relative;
	top: -45px
}
.calendar .fc-content .fc-event {
	font-size: 12px;
	border: 0 !important
}
.calendar .fc-content .fc-event .fc-event-inner {
	background: #48a65b;
	border: 0 !important;
	margin: 0
}
.calendar .fc-content .fc-event .fc-event-inner .fc-event-title {
	padding: 2px 5px
}
.calendar .fc-content .fc-event .fc-event-inner .fc-event-time {
	padding: 2px 2px 2px 5px
}
.calendar .fc-button {
	background: none;
	border: 0 !important;
	margin-right: 5px
}
.calendar .fc-button.fc-state-active {
	background: #48a65b;
	color: #fff
}
.calendar .fc-button.fc-state-active:hover {
	background: #48a65b;
	color: #fff
}
.calendar .fc-button:hover {
	background: #ddd
}
.calendar .fc-button.fc-button-next, .calendar .fc-button.fc-button-prev {
	margin-left: 10px
}
.calendar .fc-button.fc-button-next .fc-button-content, .calendar .fc-button.fc-button-prev .fc-button-content {
	padding: 0 9px
}
.calendar .fc-button.fc-button-next .fc-button-content i, .calendar .fc-button.fc-button-prev .fc-button-content i {
	color: #666
}
.calendar .fc-button.fc-button-next:hover .fc-button-content i, .calendar .fc-button.fc-button-prev:hover .fc-button-content i {
	color: #333
}
.calendar .fc-button.fc-button-prev {
	margin-right: 10px;
	margin-left: 0
}
.calendar .fc-button .fc-button-inner {
	background: none;
	border: 0 !important
}
.btn-file {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	padding: 4px 8px
}
.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 23px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	direction: ltr
}
.fileupload {
	margin-bottom: 0px
}
.fileupload .uneditable-input {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text
}
.fileupload .thumbnail {
	display: inline-block;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle
}
.fileupload .thumbnail>img {
	display: inline-block;
	max-height: 100%;
	vertical-align: middle
}
.fileupload .btn {
	vertical-align: middle
}
.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
	display: none
}
.fileupload-inline .fileupload-controls {
	display: inline
}
.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}
.thumbnail-borderless .thumbnail {
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.fileupload-new.thumbnail-borderless .thumbnail {
	border: 1px solid #ddd
}
.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c
}
.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c
}
.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c
}
.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48
}
.control-group.error .fileupload .fileupload-preview {
	color: #b94a48
}
.control-group.error .fileupload .thumbnail {
	border-color: #b94a48
}
.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847
}
.control-group.success .fileupload .fileupload-preview {
	color: #468847
}
.control-group.success .fileupload .thumbnail {
	border-color: #468847
}
.tagsinput#textfield_tagsinput {
	padding-bottom: 0
}
.tagsinput#textfield_tagsinput .tag {
	background: #48a65b;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	border: 0
}
.tagsinput#textfield_tagsinput .tag a {
	color: #fff
}
.ui-spinner {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border-color: #ccc
}
.ui-spinner .spinner {
	border: 0;
	margin-top: 0
}
.ui-spinner .ui-spinner-button {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6
}
.chzn-container .chzn-drop {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.chzn-container .chzn-drop .chzn-results>li.highlighted {
	background: #48a65b
}
.chzn-container.chzn-container-single .chzn-search input {
	background: none
}
.chzn-container.chzn-container-single .chzn-single {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.chzn-container.chzn-container-single .chzn-single div b {
	background-position-y: 2px
}
.chzn-container.chzn-container-multi .chzn-choices {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff
}
.chzn-container.chzn-container-multi .chzn-choices .search-choice {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.ms-container .ms-list {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}
.ms-container .multi-custom-header {
	background: #48a65b;
	color: #fff;
	padding: 2px 8px
}
.datepicker.datepicker-dropdown {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.datepicker.datepicker-dropdown:before, .datepicker.datepicker-dropdown:after {
	border: 0
}
.bootstrap-timepicker-widget.dropdown-menu, .colorpicker.dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.bootstrap-timepicker-widget.dropdown-menu:before, .bootstrap-timepicker-widget.dropdown-menu:after, .colorpicker.dropdown-menu:before, .colorpicker.dropdown-menu:after {
	border: 0 !important
}
.cke.cke_chrome {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0
}
.cke .cke_top {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
}
.cke .cke_top .cke_button, .cke .cke_top .cke_combo_button {
	background: #eee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	cursor: pointer
}
.cke .cke_top .cke_button:hover, .cke .cke_top .cke_button.cke_button_on, .cke .cke_top .cke_button:active, .cke .cke_top .cke_button:focus, .cke .cke_top .cke_combo_button:hover, .cke .cke_top .cke_combo_button.cke_button_on, .cke .cke_top .cke_combo_button:active, .cke .cke_top .cke_combo_button:focus {
	background: #bbb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0
}
.cke .cke_top .cke_combo.cke_combo_on .cke_combo_button {
	background: #bbb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.cke .cke_top .cke_toolbar_separator {
	background: #aaa;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.cke .cke_top .cke_toolgroup {
	margin: 0 10px 9px 0;
	border: 0;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.cke .cke_contents {
	border: 1px solid #ddd
}
.cke .cke_bottom {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	border-top: 0
}
.plupload .plupload_container {
	padding: 0
}
.plupload .plupload_container .plupload_filelist_header {
	display: none
}
.plupload .plupload_container .plupload_filelist {
	background: #fff
}
.plupload .plupload_container .plupload_filelist>li {
	background: #fff
}
.plupload .plupload_container .plupload_filelist_footer {
	height: 30px;
	background: #fff
}
.plupload .plupload_container .plupload_filelist_footer .pl_add {
	margin-right: 5px
}
.form-messages {
	margin-bottom: 0
}
.form-horizontal.form-column {
	margin: 0
}
.form-horizontal.form-column .span6 {
	padding-top: 20px
}
.form-horizontal.form-column .span12 {
	margin-left: 0
}
.form-horizontal .control-group .control-label small {
	display: block;
}
.form-horizontal.form-bordered .control-group {
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #ddd;
	position: relative;
}
.form-horizontal.form-bordered .control-group .controls{
	margin-bottom: 10px
}
.form-horizontal.form-bordered .control-group label.control-label{
	font-weight: 400;
	color: #1c1c1c;
	margin: 0 0 5px;
	font-size: 14px;
}
.form-horizontal.form-bordered .control-group:last-child {
	border-bottom: 0
}
.form-horizontal.form-bordered .control-group .controls:after {
	content: "";
	display: table;
	clear: both
}
.form-horizontal.form-bordered .control-group .control-label {
	margin: 0;
}
.form-horizontal.form-bordered .control-group .control-label small {
	display: block;
	font-size: 12px;
	color: #888;
	font-weight: normal
}
.form-wizard .wizard-steps {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
 *zoom:1
}
.form-wizard .wizard-steps:after {
	content: "";
	display: table;
	clear: both
}
.form-wizard .wizard-steps li {
	float: left;
	text-align: center
}
.form-wizard .wizard-steps li:last-child .single-step {
	border-right: 0
}
.form-wizard .wizard-steps li .single-step {
	padding: 15px 0
}
.form-wizard .wizard-steps li .single-step .title {
	text-align: center;
	font-size: 16px;
	background: #ddd;
	padding: 4px 10px;
	color: #888
}
.form-wizard .wizard-steps li .single-step .description {
	margin-left: 5px;
	color: #aaa
}
.form-wizard .wizard-steps li.active .single-step .title {
	background: #48a65b;
	color: #fff
}
.form-wizard .wizard-steps li.active .single-step .description {
	color: #333
}
.form-wizard .wizard-steps.steps-2 li {
	width: 50%
}
.form-wizard .wizard-steps.steps-3 li {
	width: 33.333%
}
.form-wizard .wizard-steps.steps-4 li {
	width: 25%
}
.form-wizard .wizard-steps.steps-5 li {
	width: 20%
}
.slider {
	margin: 10px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 6px;
	position: relative
}
.slider .amount {
	position: absolute;
	left: 0;
	top: -20px
}
.slider .ui-slider-handle {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #48a65b;
	width: 14px;
	height: 14px
}
.table-mail tbody tr>td {
	cursor: pointer
}
.table-mail tbody tr.warning>td {
	background-color: #deecfa
}
.table-mail .table-checkbox {
	width: 15px
}
.table-mail .table-icon {
	width: 20px
}
.table-mail .table-icon .sel-star {
	color: #aaa;
	text-decoration: none
}
.table-mail .table-icon .sel-star:hover {
	color: #f8a31f
}
.table-mail .table-icon .sel-star.active {
	color: #f8a31f
}
.table-mail .table-date {
	width: 100px
}
.table-mail .table-fixed-medium {
	width: 200px
}
.highlight-toolbar {
 *zoom:1;
	padding: 0 10px
}
.highlight-toolbar:after {
	content: "";
	display: table;
	clear: both
}
.highlight-toolbar .dropdown .btn .caret {
	margin-left: 5px
}
.grids .row-fluid {
	margin-top: 10px;
	margin-bottom: 20px
}
.grids .row-fluid [class*="span"] {
	background: #ccc;
	text-align: center;
	line-height: 30px
}
.grids .row-fluid [class*="span"]:hover {
	background: #aaa
}
#gritter-notice-wrapper {
	right: auto;
	left: 50%;
	margin-left: -150.5px
}
.the-icons {
	list-style-type: none
}
.the-icons li {
	margin: 5px 0
}
.gallery {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
 *zoom:1
}
.gallery:after {
	content: "";
	display: table;
	clear: both
}
.gallery>li {
	float: left;
	margin: 1px 0 0 1px;
	position: relative;
	cursor: pointer
}
.gallery>li>a {
	display: block
}
.gallery>li:hover .extras {
	display: block
}
.gallery>li .extras {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.8);
	display: none;
	width: 100%;
	height: 100%
}
.gallery>li .extras:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.gallery>li .extras .extras-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	height: auto
}
.gallery>li .extras .extras-inner a {
	color: #bbb;
	text-decoration: none;
	padding: 5px;
	text-align: center
}
.gallery>li .extras .extras-inner a:hover {
	color: #fff;
	background: #48a65b
}
.tiles {
	list-style-type: none;
	margin: 25px 0;
	padding: 0
}
.tiles>li {
	float: left;
	margin: 5px 0 0 5px;
	position: relative
}
.tiles>li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 110px;
	background: none;
	pointer-events: none;
	border: 5px solid rgba(0,0,0,0.5);
	z-index: 99
}
.tiles>li.long:hover:before {
	width: 235px
}
.tiles>li.long>a {
	width: 245px
}
.tiles>li.long>a span {
	font-size: 64px;
	padding-top: 25px
}
.tiles > li.long.payment > a span{font-size:30px}
.tiles>li.high:hover:before {
	height: 235px
}
.tiles>li.high>a {
	height: 245px
}
.tiles>li.high>a span {
	padding-top: 75px;
	font-size: 96px
}
.tiles>li.high>a span.count>i {
	margin-right: -25px
}
.tiles>li.image>a img {
	width: 120px;
	height: 120px
}
.tiles>li.image>a .name {
	background: #48a65b;
	color: #fff
}
.tiles>li>a {
	width: 120px;
	height: 120px;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center
}
.tiles>li>a span {
	padding-top: 35px;
	font-size: 48px;
	display: block
}
.tiles>li>a span.nopadding {
	padding: 0
}
.tiles>li>a span.count>i {
	margin-right: -10px
}
.tiles>li>a span h5 {
	font-size: 18px !important;
	margin: 0;
	text-align: left;
	padding: 10px 10px 5px 10px
}
.tiles>li>a span p {
	font-size: 13px !important;
	padding: 0;
	text-align: left;
	padding: 0 20px
}
.tiles>li>a .name {
	font-size: 13px !important;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	padding: 3px 10px;
	float: left
}
.tiles>li>a .name .right {
	font-size: 13px;
	float: right;
	padding: 0
}
table.DTCR_clonedTable {
	background-color: white;
	z-index: 202;
	cursor: move
}
div.DTCR_pointer {
	width: 1px;
	background-color: #48a65b;
	z-index: 201
}
div.DTCR_pointer:before {
	content: "\f063";
	font-family: "FontAwesome";
	position: absolute;
	top: -25px;
	left: -5px;
	color: #48a65b
}
.ColVis {
	float: right;
	margin-bottom: 1em
}
.ColVis_Button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 3px 5px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	cursor: pointer;
 *cursor:hand
}
 button.ColVis_Button::-moz-focus-inner {
 border:none !important;
 padding:0
}
.ColVis_text_hover {
	border: 1px solid #999;
	background-color: #f0f0f0
}
div.ColVis_collectionBackground {
	background-color: black;
	z-index: 1100
}
div.ColVis_collection {
	position: relative;
	width: 150px;
	background-color: #f3f3f3;
	padding: 3px;
	border: 1px solid #ccc;
	z-index: 1102
}
div.ColVis_collection button.ColVis_Button {
	background-color: white;
	width: 100%;
	float: none;
	margin-bottom: 2px
}
div.ColVis_catcher {
	position: absolute;
	z-index: 1101
}
.disabled {
	color: #999
}
button.ColVis_Button {
	text-align: left
}
div.ColVis_collection button.ColVis_Button:hover {
	border: 1px solid #999;
	background-color: #f0f0f0
}
span.ColVis_radio {
	display: inline-block;
	width: 20px
}
span.ColVis_radio input {
	margin-top: 0
}
.dataTables_wrapper .ColVis {
	margin: 10px 10px 10px 0
}
.dataTables_wrapper .ColVis .ColVis_Button {
	background: #eee;
	padding: 3px 8px;
	border: 0
}
.dataTables_wrapper .ColVis .ColVis_Button i {
	margin-left: 5px
}
.dataTables_wrapper .ColVis .ColVis_Button:hover {
	background: #ddd
}
.dataTables_wrapper .dataTables_length {
	float: left;
	min-width: 110px;
	margin: 10px 10px 5px 10px
}
.dataTables_wrapper .dataTables_length .input-mini {
	float: left
}
.dataTables_wrapper .dataTables_length label>span {
	float: left;
	margin: 4px 5px
}
.dataTables_wrapper .DTTT_container {
	margin: 10px 5px 10px 0
}
.dataTables_wrapper .DTTT_container .DTTT_button {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	margin-right: 5px;
	color: #333
}
.dataTables_wrapper .DTTT_container .DTTT_button:hover {
	background: #ddd
}
.dataTables_wrapper .dataTables_filter {
	float: right;
	margin: 10px 10px 5px 5px
}
.dataTables_wrapper .dataTables_filter input {
	margin-bottom: 0
}
.dataTables_wrapper .dataTables_info {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px
}
.dataTables_wrapper .dataTables_info span {
	font-weight: 600
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 15px
}
.dataTables_wrapper .dataTables_paginate>a {
	margin-right: 5px;
	background: #eee;
	padding: 3px 8px;
	color: #333;
	text-decoration: none;
	cursor: pointer
}
.dataTables_wrapper .dataTables_paginate>a:hover {
	/*background: #ddd*/
	background: #48a65b;
	color: #fff;
}
.dataTables_wrapper .dataTables_paginate>span>a {
	padding: 3px 8px;
	margin-right: 5px;
	background: #eee;
	color: #333;
	text-decoration: none;
	cursor: pointer
}
.dataTables_wrapper .dataTables_paginate>span>a.paginate_active {
	background: #48a65b;
	color: #fff
}
.dataTables_scroll {
	clear: both
}
.dataTables_scrollBody {
 *margin-top:-1px;
	-webkit-overflow-scrolling: touch
}
.DTFC_Cloned {
	background: #eee;
	border-right: 1px solid #ddd
}
div.DTS tbody th, div.DTS tbody td {
	white-space: nowrap
}
div.DTS tbody tr.even {
	background-color: white
}
.alert.alert-nomargin {
	margin: 0
}
div.DTS div.DTS_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	margin-top: -20px;
	margin-left: -100px;
	z-index: 1;
	border: 1px solid #999;
	padding: 20px 0;
	text-align: center;
	background-color: white;
	background-color: rgba(255,255,255,0.5)
}
div.DTS div.dataTables_scrollHead {
	background-color: white
}
div.DTS div.dataTables_scrollBody {
	z-index: 2
}
.DTFC_LeftHeadWrapper {
	border-right: 1px solid #ddd
}
#updateInterval {
	margin-bottom: 0
}
.elfinder {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0
}
.elfinder .elfinder-toolbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	border-color: #ccc
}
.elfinder .elfinder-toolbar .elfinder-buttonset {
	border: 0
}
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-toolbar-button-separator {
	border-color: #eee
}
.elfinder .elfinder-toolbar .elfinder-button {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff
}
.elfinder .elfinder-toolbar .elfinder-button:hover {
	background: #ddd;
	cursor: pointer
}
.elfinder .elfinder-toolbar .elfinder-button:hover.elfinder-button-search {
	background: none
}
.elfinder .elfinder-toolbar .elfinder-button.ui-state-disabled {
	background: #fff;
	cursor: default
}
.elfinder .elfinder-toolbar .elfinder-button.ui-state-disabled .elfinder-button-icon {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2
}
.elfinder .elfinder-button-search input {
	margin-bottom: 0;
	border-color: #ccc
}
.elfinder .elfinder-statusbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #eee;
	padding: 10px 12px;
	border-color: #ccc
}
.elfinder .elfinder-navbar {
	background: #eee
}
.elfinder .elfinder-navbar .elfinder-navbar-dir {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 5px 12px 5px 40px
}
.elfinder .elfinder-cwd-filename, .elfinder .elfinder-cwd-file, .elfinder .elfinder-cwd-file-wrapper {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.elfinder .elfinder-cwd-file:hover {
	background: #eee
}
.filetree .dynatree-container {
	border: 0
}
.activeFolder, .additionalInformation {
	font-weight: bold;
	margin-left: 5px
}
.editable-input .datepicker-inline {
	width: 260px
}
.editable-input .datepicker table tr td {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.editable-input .datepicker table tr td:hover {
	background: #bbb
}
.editable-input .datepicker table tr td.active {
	background: #48a65b
}
.editable-input .datepicker table tr td.active:hover {
	background: #1b67af
}
.editable-address {
	display: block;
	margin-bottom: 5px
}
.editable-address span {
	width: 70px;
	display: inline-block
}
#map1, #map2, #map3, #map4 {
	height: 400px
}
#map1 img, #map2 img, #map3 img, #map4 img {
	max-width: none
}
.cluster {
	text-align: center;
	font-weight: bold;
	color: #fff;
	cursor: pointer
}
.cluster.cluster-1 {
	background: url(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m1.png);
	width: 53px;
	height: 52px;
	line-height: 52px
}
.cluster.cluster-2 {
	background: url(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m2.png);
	width: 56px;
	height: 55px;
	line-height: 55px
}
.cluster.cluster-5 {
	background: url(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/images/m3.png);
	width: 66px;
	height: 65px;
	line-height: 65px
}
.invoice-info .invoice-name {
	font-size: 24px;
	margin-bottom: 40px
}
.invoice-info .invoice-from, .invoice-info .invoice-to {
	float: left;
	margin-bottom: 30px
}
.invoice-info .invoice-from span, .invoice-info .invoice-to span {
	color: #888;
	display: block
}
.invoice-info .invoice-to {
	margin-left: 50px
}
.invoice-info .invoice-infos {
	float: right;
	margin-right: 20px
}
.table-invoice .price {
	width: 100px
}
.table-invoice .qty {
	width: 50px
}
.table-invoice .total {
	text-align: right;
	width: 150px
}
.table-invoice .taxes p {
	text-align: right
}
.table-invoice .taxes p .light {
	margin-right: 20px;
	color: #888
}
.table-invoice .taxes p .totalprice {
	font-weight: bold
}
.invoice-payment span {
	color: #888;
	display: block
}
.invoice-payment ul {
	list-style-type: none;
	margin: 10px;
	padding: 0
}
.invoice-payment ul li {
	float: left;
	margin-right: 10px
}
.search-results ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
 *zoom:1
}
.search-results ul:after {
	content: "";
	display: table;
	clear: both
}
.search-results ul li {
 *zoom:1;
	padding: 15px;
	border-top: 1px dotted #bbb
}
.search-results ul li:after {
	content: "";
	display: table;
	clear: both
}
.search-results ul li:first-child {
	border-top: 0
}
.search-results ul li:last-child {
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0
}
.search-results ul li .thumbnail {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.search-results ul li .search-info {
	margin-left: 110px
}
.search-results ul li .search-info a {
	font-size: 16px
}
.search-results ul li .search-info .url {
	color: #29b754
}
.search-results ul li:nth-child(even) {
	background: #fff
}
.pagination.pagination-custom {
	height: 28px;
	margin-top: -1px
}
.pagination.pagination-custom li.active a {
	background: #48a65b;
	color: #fff
}
.pagination.pagination-custom li.active a:hover {
	background: #48a65b
}
.pagination.pagination-custom li a {
	background: #eee;
	text-decoration: none;
	color: #333;
	border: 0;
	padding: 5px 12px
}
.pagination.pagination-custom li a:hover {
	background: #ddd
}
.row-fluid.margin-top {
	margin-top: 30px
}
.locked {
	background: #48a65b
}
.locked .wrapper {
	width: 500px;
	height: 500px;
	margin: 200px -250px;
	position: absolute;
	left: 50%
}
.locked .pull-left {
	width: 200px
}
.locked .pull-left a {
	color: #fff;
	display: block;
	background: #1b67af;
	text-align: center;
	padding: 4px 8px;
	text-decoration: none
}
.locked .pull-left a:hover {
	background: #144d82
}
.locked .right {
	float: left;
	margin-left: 15px
}
.locked .right .upper h2 {
	color: #fff;
	font-weight: 300;
	margin: 0
}
.locked .right .upper span {
	display: block;
	color: #fff
}
.locked .right form {
	margin-top: 30px
}
.locked .right form input {
	border: 0;
	margin-bottom: 0
}
.locked .right form input[type=password] {
	width: 260px
}
.locked .right form div {
	margin-top: 5px
}
.login {
	background: #48a65b
}
.login .wrapper {
	width: 400px;
	height: 500px;
	position: relative;
	left: 50%;
	margin-top: auto;
	margin-right: -200px;
	margin-bottom: 200px;
	margin-left: -200px;
}
.login .wrapper h1>a {
	color: #fff;
	display: block;
	font-weight: 300;
	font-size: 48px;
	text-align: center;
	padding: 2px 0;
	text-decoration: none
}
.login .wrapper h1>a img {
	margin-right: 20px;
	margin-top: -8px
}
.login .wrapper .login-body {
	margin-top: 20px;
	background: #fff
}
.login .wrapper .login-body form {
	padding: 0 30px
}
.login .wrapper .login-body h2 {
	font-weight: 300;
	color: #333;
	font-size: 24px;
	padding: 20px 30px 5px 30px
}
.login .wrapper .login-body .email input, .login .wrapper .login-body .pw input {
	padding: 8px 12px;
	height: 35px
}
.login .wrapper .login-body .submit {
	margin-top: 15px;
 *zoom:1
}
.login .wrapper .login-body .submit:after {
	content: "";
	display: table;
	clear: both
}
.login .wrapper .login-body .submit input {
	float: right
}
.login .wrapper .login-body .forget {
	margin-top: 50px
}
.login .wrapper .login-body .forget a {
	background: #eee;
	padding: 10px 0;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #555
}
.login .wrapper .login-body .forget a:hover {
	background: #ddd
}
.login .wrapper .login-body .forget a span {
	line-height: 30px;
	margin-bottom: 10px;
	position: relative
}
.minitiles {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none
}
.minitiles li {
	float: left;
	margin-right: 15px
}
.minitiles li a {
	display: block;
	height: 61px;
	width: 61px;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center
}
.minitiles li a i {
	font-size: 36px;
	line-height: 61px
}
.minitiles li a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	height: 55px;
	background: none;
	pointer-events: none;
	border: 3px solid rgba(0,0,0,0.5);
	z-index: 99
}
body.error {
	background: #48a65b
}
body.error .wrapper {
	width: 300px;
	height: 230px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -165px -150px
}
body.error .wrapper .code {
	color: #fff;
	font-size: 90px;
	text-align: center
}
body.error .wrapper .code span {
	margin-right: 15px
}
body.error .wrapper .desc {
	color: #fff;
	font-size: 14px;
	margin: 20px 0
}
body.error .wrapper .input-append {
	width: 300px;
	background: #fff;
	padding: 2px
}
body.error .wrapper .input-append input {
	border: 0;
	width: 260px;
	background: #fff
}
body.error .wrapper .input-append .btn {
	border: 0;
	background: #48a65b;
	color: #fff
}
body.error .wrapper .input-append .btn:hover {
	background: #1b67af
}
.error {
color: red;
font-weight: bold;
padding: 5px 0;
display: table;
width: 100%;
}/*---- custom Css Add -- Select Moth And Year Css ------------- */
spam.select_year {
	float: right;
}
.image-wrap {
	height: 175px;
	width: 175px;
	position: relative;
	margin: 12px;
	float: left;
}
.image-item {
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	cursor: default;
	height: 100%;
	position: relative;
	width: 100%;
	display: block
}
.image-info {
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
	display: block
}
.image-info span {
	position: absolute;
	bottom: 30px;
	text-align: center;
	width: 100%;
	left: 0;
	color: #fff;
	padding: 5px 0;
	background: rgba(0,0,0,0.8);
}
.image-info img {
	max-width: 100% !important;
	height: 100%
}
a:hover {
	text-decoration : none!important;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: auto;
	padding: 7px 8px;
	margin-right: 6px;
	background: white;
  	border: 1px solid #d6d6d6;
  	border-radius: 8px;
}
.select_year form {
	margin-bottom: 0
}
.select_year form select {
	margin-bottom: 0
}
.select_year input[type="submit"] {
	background: none repeat scroll 0 0 #0f5f1f;
	border: 0 none;
	color: #fff;
	margin-right: 12px;
	padding: 8px 17px;
	vertical-align: top;
}
/*=================10/11/2014==================================*/
          /*login page css*/
/*=================10/11/2014==================================*/
.login table table {
	/*left: 30%;
            position: absolute;
            top: 20%;*/
	padding: 20px;
}
/*td {
            padding: 10px;
        }*/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #fff;
	width: 220px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 3px;
	color: #555;
	display: inline-block;
	/*height: 20px;*/
	line-height: 20px;
	margin-bottom: 9px;
	padding:  6px 12px;
}
.login {
	font-size: 15px;
	left: 50%;
	margin-left: -240px;
	margin-top: -8.5%;
	position: absolute;
	top: 45%;
	width: 400px;
}
.loginform {
	border: medium none;
	box-shadow: none;
	display: inline-block;
	margin-left: 0;
	margin-top: 0;
	padding: 40px;
	width: 100%;
}
.loginform {
	background: none repeat scroll 0 0 #48a65b;
}
.loginform label {
	display: none
}
.loginform input[type="text"], .loginform input[type="password"] {
	border: 1px solid #ccc;
	padding: 10px 0px;
	background: #fff;
	width: 100%;
	height: auto;
	border-radius: 0
}
.loginform input[type="text"]:focus, .loginform input[type="password"]:focus {
	border-color: #48a65b;
	background: #f6f6f6;
}
.loginform input[type="submit"] {
	background-color: #48a65b;
	color: #fff;
	font-size: 13px;
	border: 0;
	padding: 12px 20px;
	float: right;
	cursor: pointer
}
.loginform span {
	display: inline-block;
	padding-top: 6px;
	padding-right: 8px;
}
/*=================10/11/2014==================================*/
          /*login page css end*/

.container-fluid a img {
	max-width: none;
}
#loading {
	left: 100px;
	margin-top: 200px;
	position: absolute;
	top: 100px;
	width: 100%;
}
#container .pagination ul li {
	background-color: #f2f2f2;
	border: 1px solid rgb(72, 166, 91);
	color: rgb(72, 166, 91);
	float: left;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	list-style: none outside none;
	margin: 0 3px;
	padding: 2px 6px;
}
#container .pagination ul li:hover {
	background-color: rgb(72, 166, 91);
	color: #fff;
	cursor: pointer;
}
.total {
	color: #999;
	float: right;
	font-family: arial;
}
.go_button {
	background-color: #f2f2f2;
	border: 1px solid rgb(72, 166, 91);
	color: #cc0000;
	cursor: pointer;
	margin-top: -1px;
	padding: 2px 6px;
	position: absolute;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
}
.select_year input[type="button"] {
	background: none repeat scroll 0 0 #0f5f1f;
	border: 0 none;
	color: #fff;
	margin-right: 12px;
	padding: 8px 17px;
	vertical-align: top;
}
/*=================10/11/2014==================================*/
/*=================18/11/2014==================================*/

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 23%;
	/*height: 23%;*/
	padding: 16px;
	/*border: 16px solid #48a65b;
            //background-color: white;*/
	z-index: 1002;
	overflow: auto;
}
/*===========================================================
		10-02-2015 print css for icard
=============================================================*/
#print_content > #close_btn {
	float: right;
	position: absolute;
	right: 8px;
}
#print_content a.print-card {
	border: 1px solid #ccc;
	height: 320px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	width: 280px;
	margin: auto;
	display: block
}
#print_content a.print-card h2 {
	font-family: arial;
	font-size: 22px;
	line-height: normal;
	margin: 0;
	margin-top: 10px
}
#print_content a.print-card h3 {
	margin: 0;
	line-height: normal
}
#print_content a.print-card center {
	border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	-ms-border-radius: 0px 20px 0px 20px;
	-o-border-radius: 0px 20px 0px 20px;
	border: 3px solid #f43;
	width: 150px;
	height: 150px;
	margin: auto;
	overflow: hidden
}
#print_content .print-logo {
	text-align: center;
	padding: 10px 0
}
/*==============================================
	28-07-2015 css
===================================================*/
@media (min-width: 767px) {
	.form-horizontal .span6{width:50%}
	.sms-header{position: sticky;width: 100%;top: 0}
		/* #main{padding-top: 70px;} */
}
.tiles > li.long > a,.tiles > li > a{width:157px; height:157px}
.tiles > li:hover:before, .tiles > li.long:hover:before{width:148px; height:148px;}
.form-horizontal.form-bordered .control-group .controls{
	border-left:0
}
/* .member{background: #ededed none repeat scroll 0 0;} */
.form-wrap{max-width:680px; margin:auto}
.form-horizontal .control-group input[type="number"],
.form-horizontal .control-group input[type="text"],
.form-horizontal .control-group input[type="email"],
.form-horizontal .control-group input[type="password"],
.form-horizontal .control-group textarea,
.form-horizontal .control-group select {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #dadada;*/
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    font-family:Poppins,Helvetica,sans-serif;
    padding: 9px 15px;
    width: 100%;
    border-radius: 8px !important;
    height: 44px;
    border: 1px solid #d6d6d6
}
.form-horizontal .control-group textarea{
	height: auto;
}
.form-horizontal .control-group input[type="text"]:active, .form-horizontal .control-group textarea:active, .form-horizontal .control-group input[type="email"]:active, .form-horizontal .control-group input[type="password"]:active, .form-horizontal .control-group select:active, .form-horizontal .control-group input[type="text"]:focus, .form-horizontal .control-group textarea:focus, .form-horizontal .control-group input[type="email"]:focus, .form-horizontal .control-group input[type="password"]:focus, .form-horizontal .control-group select:focus {
    border-color: #009ddc;
    color: #666;
}

.form-horizontal .control-label{
	float:none;
	width:100%;
	text-align:left;
	font-size:14px;
	font-weight:500
}
.form-horizontal.form-bordered .control-group .controls.spaceright{padding-right:28px;}

#spryselect2, #spryselect1,.customselect{
	position:relative;
	display:block;
    background:#fff;
	clear:both;
	height:51px;
	border: 1px solid #dadada;
	margin-bottom:12px;
}

#spryselect2 select, #spryselect1 select, .customselect select{
	height:51px;
	position:relative;
	background:transparent;
	border:0;
	font-size:14px;
	font-family:"proxima-nova",Arial,Helvetica,sans-serif;
	color:#5c5c5c;
	letter-spacing:0.1em;
	cursor:pointer;
	width:100%
}
#spryselect2:after, #spryselect1:after, .customselect:after {
content: "▼";
/*content:'';*/
position: absolute;
top: 0px;
right: 0px;
bottom: 1px;
font-size: 90%;
line-height: 49px;
padding: 0px 7px;
background: #aaa /*url(../images/toggle.png) no-repeat scroll center center */;
color: #fff;
pointer-events: none;
border-radius: 0px 0px 0px 0px;
width:30px;
height:51px;
text-align:center
}
.form-horizontal{/*max-width:680px;*/ margin:0;}
/*.box-content{background: #ededed}*/
.form-horizontal .control-label{width:auto}
.form-horizontal .form-actions {
    padding-left: 15px;
	width:auto;
	text-align:left;
	font-size:15px;
	font-weight:600
}
.btn-column button{vertical-align:top;	color:#fff}
.go_button{margin-top:5px}
.pagination{padding:10px 20px;}
table.dataTable-tools{background:#fff}


#main{background:transparent}
.navbar-toggle{display:none}

.textfieldRequiredMsg {
    position: absolute;
}
.actions{white-space:nowrap}
.actions a,.actions form{
	display:inline-block;
	vertical-align:top
}
.actions a, .actions .btn,.print{
	padding-left:10px;
	padding-right:10px;
	line-height:1
}
.actions a i, .actions .btn i, .print i{font-size:17px}
.box-title .btn.btn-warning{margin-bottom:0}
/*=====================================

========================================*/

@media (max-width: 747px){

body{background-attachment:fixed;}
.container-fluid, .container {
    padding: 0 15px;
    width: 100%;
}
.tiles{
	text-align:center
}
.tiles > li {
    display: inline-block;
    float: none;
	vertical-align:top
}
embed {
    width: 100%;
	margin-bottom:12px;
}
textarea,button,input[type="button"]{
	-webkit-appearance: none;
}
.navbar-toggle{
	position:relative;
	border: medium none;
    cursor: pointer;
    height: 45px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-indent: -900em;
    width: 48px;
	background:transparent;
	display:none;
	float:right;
	margin-top: 5px;
	min-width:30px;
}
.navbar-toggle:after{
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
    content: "";
    height: 5px;
    left: 16%;
    position: absolute;
    top: 10px;
    width: 68%;
}
#navigation .main-nav{
	clear:both;
	float:none
}
#navigation .main-nav > li {
    display: block;
    float: none;
}

/*#navigation .main-nav > li > a {
    display: block;
    padding: 7px 15px;
	font-size:16px;
}*/
/*#navigation .main-nav .dropdown-menu{position:static; float:none}*/
#navigation .main-nav > li > a .caret{float:right}
.box-title span{float: none !important; margin-top: 0; width: 100%; display: inline-block;}
.box-title span input#search{width:99%; border-radius:4px !important; box-sizing: border-box; padding:8px;}
#main .box .box-title h3{float:none}
.pagination input.goto{margin-left:0 !important}
/*.container-fluid{text-align:center !important;}*/
.container-fluid #brand{float:none !important;}

.btn .caret { width: auto;}
.feedback-form .control-group input {margin-bottom: 15px !important;}
.search-form .col-xs-12 {padding: 0;}
.search-form {display: inline-block;}
.search-form .serach_client .col-xs-12 {padding-left: 15px; padding-right: 15px;}
.append_above { flex-wrap: wrap;}
.rating_options {padding: 15px; margin: 20px 0;}
.panel-body {padding: 10px;}




}

.form-control.textbox{height:41px; color:#444; max-width:360px; width:100%; height:51px; font-family:"proxima-nova",Arial,Helvetica,sans-serif; }
@media (max-width: 680px){
#main .box.box-bordered.box-color .box-title { text-align: left;}
button.btn.outer-btn,.btn.outer-btn {padding: 5px 10px;}
/*#main .box .box-content{padding: 0;}*/
/*.container-fluid{text-align:center !important;}*/
.container-fluid #brand{float:none !important;}
.box-title .btn{margin: 10px 0 !important; /*width: 100%;*/}
/*.hidem{display:none !important}*/
#navigation #brand {padding-left: 0; padding-right: 0; }
/*	#navigation .main-nav > li > a{border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border-bottom:1px solid; } */
#navigation .main-nav > li:last-child > a{border:0}
.cropper-btn .btn.btn-primary {min-width: 36px; }
.cropper-dv {margin-bottom: 115px; margin-top: 60px!important;}
.btn-group.cropper-btn {float: left;}
.form-horizontal .btn.btn-success.btn-upload {float: left;}
 .dataTables_wrapper .dataTables_length{text-align: left !important;}
 .dataTables_wrapper .dataTables_filter{text-align: right !important;}
}

.callout.callout-danger h4 {font-size: 28px; text-transform: uppercase; font-weight: bold; padding: 2px 69px; }
.page-header {font-size: 29px; text-transform: capitalize; font-weight: bold; line-height: 36px;}
.btn.btn-block.btn-primary {width: 228px !important; padding: 7px 0px; font-size: 22px; margin: 0px 12em 0;}
.collout-contant {padding: 50px 50px; border: 2px solid; width: 44%; margin: 10em auto; background:#2f2e7a; border-radius: 7px;}
.system-ul {border: 0px solid; text-align: center; height: 150px;}
.system {border: 0px solid#fff; text-align: center; height: 150px;}
.system.ul ul {margin: 0; padding: 0px 0;}
.fa.fa-circle {font-size: 14px; padding: 0 11px 0 4px;}
.system.ul li {padding: 7px 0; font-size: 16px; list-style: none; text-transform: capitalize;}
.alert.alert-info a {color: #fff; font-size: 15px;}
.lock-image {width: 5%; float: left; margin: -5px 0;}
.lock-images {width: 42%;}
.login-page, .register-page {background-size: cover!important;}
.expried {text-transform: uppercase; font-size: 26px; font-weight: bold; color: #fff; line-height: 36px; margin: 0 0 23px;}
.buy-now\" {
    border: 2px solid#fff;
    padding: 10px 24px;
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
    color: #000 !important;
    border-radius: 6px;
    background: #fff;
}
.buy-now\":hover {
    text-decoration: none;
    background: #f47143;
    border: 1px solid #f47143;
	color:#fff!important;
	line-height: 36px;
}
.editions .col-sm-6 {
    border: 20px solid #ffffff;
    display: table-cell;
    float: none;
}

.editions .col-sm-6 {
    background-color: #d9d9d6;
    padding: 0px;
    text-align: center;
}
.column--professional {
    text-align: center;
}
.tag{
	background-color: #7ccbea;
	color: #ffffff;
    font-size: 1.70em;
    padding: 0.5em 0;
   text-transform: uppercase;
    font-weight: bold;
}
.column--enterprise {
    text-align: center;
}
.editions .column--professional.tag {
    background-color: #7ccbea;
    text-align: center;
}
.tag{
	color: #ffffff;
    font-size: 1.70em;
    padding: 0.5em 0;
    text-transform: uppercase;
    font-weight: bold;
}
.editions .column--professional.price {
    color: #ffffff;
    min-height: 161px;
    padding: 0em 0 17px;
    margin: 0px 0px 30px 0;
}
.editions .column--enterprise .tag {
    background-color: #7cb82f;
}
.editions .price {
    background-color: #707372;
    color: #ffffff;
    min-height: 161px;
    padding: 0em 0 17px;
    margin: 0px 0px 30px 0;
}
.editions .column--enterprise .price {
    background-color: #3d5265;
}
.cost a, .button, button, input[type="submit"], input[type="reset"], input[type="button"], .button:visited, button:visited, input[type="submit"]:visited, input[type="reset"]:visited, input[type="button"]:visited {
    background-color: #007aff;
    border: 1px solid #007aff;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Poppins", Helvetica;
    font-size: 1em;
    line-height: 1.75em;
    padding: 10px 20px 9px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
    font-weight: bold;
}
.editions .features ul {
    margin: 0;
    padding: 1em 2em;
}
.editions .features ul li {
    border-bottom: 1px solid #3d5265;
    list-style-type: none;
    padding: 0.5em;
    text-align: center;
    background: none;
}
.editions .features ul li:last-child {
    border-bottom-style: none;
}

/* Added for new feedback form */

/* .qn{
		display: none;
	} */
.qn:first-child{
		display: block;
	}
input[type="submit"]{
    display:none;
}
form#frmProjectFeedback {margin: 0;width: 100%}


.Poweredby img {width: 13px; margin-right: 3px;}
p.Poweredby:before {content: ""; border-top: 0px solid #f7f7f7; display: block; margin-bottom: 15px; }

.input-field {position: relative; margin-bottom: 20px; text-align: left;}
#new_project_model .modal-header {border-bottom: 0;}

.title{font-size:18px; color:#000; font-weight:bold; margin-bottom:10px; margin-top:12px}


.table-rate{width:100%; margin:18px auto 0px;display: block; text-align: center;}
.table-rate p {font-size: 18px; font-weight: 600;}
.table-rate .inner{padding: 15px 0; color: #000; font-weight: 500; font-size: 16px; width: 100%; display: block;}

/*.table-rate td:last-child{text-align:left;padding-top: 0;}*/
@media (min-width: 680px){
	#frmProjectFeedback h4 {
		font-size: 32px;
		margin-bottom: 12px;
		font-weight: normal;
	}
	#frmProjectFeedback .qn.3rd h4{border-bottom: 0;}
}
.table-tate tr:first-child td{color:#787878}
.custom-radio{padding-bottom:12px}
.custom-radio input[type="radio"]{
	visibility:hidden;
	position:absolute
}
.custom-radio input[type="radio"] + label{position:relative; padding-left:25px}
.custom-radio input[type="radio"] + label:before{border:2px solid #d6d6d6; width:15px; height:15px; border-radius:100px; -webkit-border-radius:100px; position:absolute; left:0; content:''; margin-top:3px}
.custom-radio input[type="radio"]:checked + label:before{border:2px solid #007aff; width:15px; height:15px; border-radius:100px; -webkit-border-radius:100px; position:absolute; left:0; content:''; }

.custom-radio input[type="radio"]:checked + label:after{background:#007aff; width:7px; height:7px; border-radius:100px; -webkit-border-radius:100px; position:absolute; left:4px; top:7px; content:''; }
 .fa-star-o{color:#d6d6d6; font-size:19px; margin-right:4px}
.fa-star{color:#f7941d; font-size:19px;margin-right:4px}
.number{display:inline-block; width:19px; text-align:center}


/*.submenu {
    display: none;
}
.dropmenu:hover .submenu {
    display: block;
	    transform: scale(1);
}*/


.main-menu {
    display: flex;
    align-items: center;
    flex-direction: column;
    height:calc(100vh - 64px);
    background: #07090f;
}
.submenu {
	display: none;
    position: absolute;
    background: #2f2e7a;
    left: 100%;
    padding: 0;
    text-align: left;
    margin: 0;
    top: 0;
    border-radius: 0;
    border: 0;
}
.submenu a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 12px;
    font-size: 13px;
    white-space: nowrap;
}
.submenu li {
    list-style: none;


}
.submenu li:hover {
    color: #fff;
    text-decoration: none;
	background:rgba(255, 255, 255, 0.15);
}
.dropmenu:hover .submenu{display: block;}
.dropmenu .fa.fa-caret-down {
    font-size: 16px;
    padding: 0px 0px 0 6px;
    vertical-align: middle;
}
.dropdown:hover .submenu {display: block !important;}

.dashboard-header #brand img {
	height: auto;
	width: auto;
}

.client-section .searchform input {
    width: 100%;
    padding: 9px 7px;
}
.client-section .searchform .btn.btn-primary {
    margin: 0;
}
.client-section .searchform .btn.btn-primary { min-width: 100px;}
.client-section .textbutton .btn {margin: 0 6px;vertical-align: top;}
.client-section .call-out {margin: 6px 0;float: right;text-align: right;}
.callout.callout-info-red {background-color:#c74333;padding: 10px 0px 3px 0px;text-align: center;}
.form-horizontal .btn.btn-success.btn-upload {margin: 0;height: auto;float: none;}

/*---cropper---*/
.cropper-dv{width: 100%;height: 500px;margin-top: 20px;margin-bottom: 50px;}
.cropper-btn .btn.btn-primary {min-width: 50px;margin: 0;background: #40bf40;}
.cropper-btn .btn.btn-primary:hover {background: #f47143 !important;}
.cropper-btn {border-radius: 4px;border: 1px solid#40bf40;margin-top: 10px;margin-right: 10px;}




.box-white {
    background: white none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 10px;
}
.pricing-section{width: 100%}
.pricing-section .fa-check{color: #46bb35;}
.pricing-section .fa-times{color: #f73636;}
.text-label input{margin-right: 8px}
.text-label {
	display: flex;
	justify-content: center;
	width: 180px;
	margin: auto;
	text-align: left;
	font-size: 16px;
}
.pricing-section tr th {
    background-color: #eee;
    padding: 15px;
    text-align: center;
	font-size: 22px;
}
.pricing-section tr td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
.pricing-section tr td:first-child {
    text-align: left;
}
.rating .full:hover {
    color: #007aff !important;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #007aff;  }





/*--dashboard advance css--*/
.bg-white {background: #fff;}
.dashboard-advance .small-box {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 15px;
}
.dashboard-advance .small-box > .inner { padding: 0 0px;}
.dashboard-advance .small-box h3 {color: #000;}
.dashboard-advance .small-box > .small-box-footer {background: transparent;color: #000;}
.dashboard-advance .small-box p {color: #000;}
.dashboard-advance #birth_div ul li span {display: block;}
.dashboard-advance #birth_div ul li{
    margin-bottom:20px;
	list-style:none;
	position: relative;
}
.dashboard-advance #birth_div ul {padding-left: 12px;}
.dashboard-advance h3.event-title {
    font-size: 20px !important;
	display: flex;
    justify-content: space-between;
    gap: 5px;
}
.dashboard-advance #birth_div ul li span.name {font-size: 16px;}
.dashboard-advance #birth_div ul li span.dob {font-size: 15px;}
.dashboard-advance #birth_div ul li::before {
    content: "";
    position: absolute;
    right: 40px;
    background-image: url(../images/birthday-cake.png);
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.dashboard-advance .card-body {
    overflow: auto;
    /* height: 450px; */
	width: 100%;
}
.dashboard-advance .active-box ul {padding-left: 10px;}
.dashboard-advance .active-box ul li{list-style:none;}
.dashboard-advance .small-box .icon {right: auto;left: 0;max-width: 50px;}
.dashboard-advance .small-box .icon img {
  max-width: 100%;
}
.dashboard-advance .inner-count {text-align: right;}
#footer{background: #031e32 !important;}
.feedbackform .table-rate .number span img,
.rating .smily_1:before, .rating .smily_2:before, .rating .smily_3:before,
.rating .smily_4:before, .rating .smily_5:before {
	background-repeat: no-repeat; content: "";
	width: 50px; height:50px; margin: 5px;
	display: inline-block;
	opacity: .7;
	
}
.rating .smily_1:before, .rating .smily_2:before, .rating .smily_3:before,
.rating .smily_4:before, .rating .smily_5:before{
	filter: grayscale(1);
}

fieldset.rating.rating_skin_2{max-width: 330px;position: relative;}
fieldset.rating.rating_skin_2:before {
    content: 'NOT SATISFIED';
    font-size: 12px;
    position: absolute;
    left: 3px;
    bottom: 0;
}
fieldset.rating.rating_skin_2:after {
    content: 'VERY SATISFIED';
    font-size: 12px;
    position: absolute;
    right: 3px;
    bottom: 0;
}


.rating {float: none !important; margin: 0 auto; display: flex; display:-webkit-box; display:-ms-flexbox; display:flex; align-items: center;-ms-flex-pack:center; justify-content: center; flex-direction: row-reverse;flex-wrap: wrap;padding:20px 0;}
@media only screen and (max-width: 640px){

/*.table-rate td {width: 100%!important;display: inline-table;text-align: left;}*/
/*.table-rate tr {text-align: center; display: block;}
.table-rate tbody {display: block; width: 100%;}*/
.feedbackform .table-rate .number {margin: 0 0 10px; }
}

.dashboard-advance #active_div span {text-align:center;width: 100%;}
.dashboard-advance #active_div .pie-chart {margin-top:30px;text-align: center;}
.dashboard-advance #active_div span, .dashboard-advance #active_div .info-box-number {display: flex;width:auto;}
.dashboard-advance .daterange {text-align: center;background-color: var(--tile);border: 1px solid var(--border);}
/* .dashboard-advance #active_div .col-md-12.full_chart .knob {margin-top: -130px !important;} */
.dashboard-advance #active_div .full_chart {justify-content: center;align-items: center;display: flex;text-align: left;}
.dashboard-advance #active_div .info-box-number {margin: 0 12px;}
/* .dashboard-advance #active_div .full_chart span {align-items: center; justify-content: center;} */

.dashboard-advance #active_div .col-md-12.charts canvas {display: block; margin: auto;}
 .dashboard-advance #active_div .pie-chart input.knob {width:100%} 

/*--feedback-list--*/
.feedback-list {border: none; background: #fff; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05); margin-top: 20px; }
.feedback-list .box-title {margin-top: 0 !important;}

#ui-datepicker-div {border:1px solid #ececec;display: none;z-index: 999 !important;}
.feedback-list .box-content {border-color:transparent !important; }
.feedback-form .control-group select,
.feedback-form .control-group input { width: 100%;border-radius: 5px !important; padding: 8px 15px;background-color: #fff;border: 1px solid #d6d6d6;}
.feedback-form .control-group .btn.btn-primary {border-radius: 8px;width: 150px;}
.feedback-form .control-group .control-label {padding: 4px 0;}
.dashboard-advance #active_div .col-md-12.charts {text-align: left;padding: 0 5px;}

/*--feedback over rating section box--*/
.dashboard-advance #feedback_div ul li {display: inline-block; width: 31%; text-align: left; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11); border-radius: 10px; padding: 15px 10px; margin: 10px 8px; vertical-align: top; }
.dashboard-advance #feedback_div ul li .img {float: left;padding-right: 15px;}
.dashboard-advance #feedback_div ul li .detail .rating {float: none;}
.dashboard-advance #feedback_div ul li .detail  .rating::before {content: "\f005";font: normal normal normal 14px/1 FontAwesome;padding: 0 5px;font-size: 16px;color: #e0276a;}
.dashboard-advance #feedback_div ul li .detail .user_count::before { content: "\f007";font: normal normal normal 14px/1 FontAwesome;padding: 0 5px;font-size: 16px;color: #2facdf;}
.dashboard-advance #feedback_div ul li .name { width: 100%;display: block;}
.dashboard-advance #feedback_div ul li .detail .rating,
.dashboard-advance #feedback_div ul li .detail .user_count{display: inline-block;margin: 0 15px 0 0;}
.dashboard-advance .full-overrating .card-body {overflow: inherit;/*height: 550px;*/width: 100%;}
.dashboard-advance .full-overrating ul.rating_option {text-align: left;margin-top: 40px;}

/*--campaigns page box--*/
.no-padding{padding:0px !important;}
.campaigns-list {
    border: none;
    background: #fff;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.11);
    padding: 10px;
}
.campaigns-list #offerForm {padding: 20px;background: #fff;}
.campaigns-list.campaigns-inner .billtypebg {padding: 15px !important;border-top: 1px solid #ddd !important;margin-top: 20px;}
.campaigns-list #offerForm label {font-weight: normal;font-size: 15px;}
.campaigns-list.campaigns-inner .dark-bg{background: #031e32;}
.campaigns-list .billtypebg button {margin: 15px 20px 0 0;}
.campaigns-list .tab-content {background: #ededed;}

.feedback-form .control-group .btn.btn-primary {border-radius: 8px; display: inline-block; vertical-align: top; margin: 0; min-width: 130px; max-width: 130px; }
.thread_content label {width: 100%;text-align: left;}
/*--dashboard responsive css--*/
@media (max-width: 767px){
.dashboard-advance #feedback_div ul li {width: 100%;margin:10px 0;}
.dashboard-advance .active-box ul {padding-left: 0 !important;}
.dashboard-advance .full-overrating .card-body {overflow: auto !important;}
.dashboard-advance h3.event-title {display: block;}
.dashboard-advance h3.event-title .pull-right {width: 100%;}
.dashboard-advance #birth_div ul li {text-align: left;}
.dashboard-advance #active_div .full_chart {display: block;text-align: center;}
.dashboard-advance .daterange {margin: 20px 0;}
.dashboard-advance #active_div .full_chart .col-md-6 div {display: inherit !important;}
.dashboard-advance .full-overrating .row {margin-right: 0;margin-left: 0;}
.dashboard-advance .full-overrating .col-md-12 h3 {font-size: 28px;}

/*--client responsive css--*/
.feedback-form .control-group .btn.btn-primary {width: 100%;}
.feedback-form form.search-form .btn.btn-info {width: 100%;margin: 0;}
.modal label { text-align: left;}
div#contentin {padding: 10px;}
.date.pull-right {display: inline-block; float: none !important; padding: 10px;}
.panel-heading {padding: 10px;text-align: left;}
.nav-stacked>li h4 {text-align: left;}
.nav-stacked>li span {text-align: left;}
.thread_content {padding: 10px;}


}

@media (max-width: 640px){
.dashboard-advance .col-xs-6 {width: 100%;}

}
/*--end dashboard responsive css--*/

/*--datepicker css--*/
div#ui-datepicker-div .ui-datepicker-header {
	text-align: center;
	font-size: 15px;
	padding: 5px 10px;
	min-height: 48px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	background: #fff;
}
div#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{padding: 0;width: 100%;}
.ui-datepicker-header .ui-datepicker-title{color: #222222 !important;}
.ui-datepicker-calendar tr th {font-size: 14px; padding: 10px; background:rgba(28, 28, 28, 0.04);}
.ui-datepicker-calendar tr td{font-size: 14px;text-align: center;padding: 2px;}
.ui-datepicker-calendar .ui-state-default{transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out}
.ui-datepicker-calendar .ui-state-default:hover {
	background: #3a21ce;
	color: #fff;
}
.ui-widget-header a{
	border:1px solid transparent
}
/*--pricing page--*/
.pricing-main {
    border: none;
    background: #fff;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.11);
    padding: 10px;
}
.pricing-main #tabs {width:100%;padding:0;margin:auto;}
.pricing-main .nav-tabs li a:hover { background: #00c0ef;color: #fff;}
/*.pricing-main .nav-tabs .active a {background: #031e32 !important;border-bottom-color: #fff;color: #fff !important;}*/
.pricing-main .nav-tabs li a {
    color: #2f2e7a;
    background: #00c0ef;
    border: 1px solid #d8e2e7;
    border-top: 4px solid #f6f8fa;
    font-weight: bold;
    /*text-transform: uppercase;*/
}
.pricing-main .pricing-section tr th {
    background-color: #2f2e7a;
    color: #fff;
}

@media (max-width: 640px){
.pricing-main .nav-tabs li {width: 100%;}

}
#upgrade .modal-dialog {max-width: 700px; margin: 30px auto; width:100%; }
/*#upgrade .modal-header {background:#2f2e7a; color: #fff; }*/
#upgrade .modal-header h3 {margin: 0; }
#upgrade .modal-body {position: relative; padding: 0; }
#upgrade .pricing-section tr th,
#upgrade .pricing-section tr td{padding:10px 15px; vertical-align: top; line-height: 1; }
#upgrade tr:nth-child(2n+2) {background: #f6f6f6;}
#upgrade .pricing-section tr td:first-child {text-align: left; border-left: 0; width: 40% !important; }
#upgrade .pricing-section tr td:last-child{border-right: 0;}
/*#upgrade .modal-header .close {margin-top:-25px;color:#fff;opacity:1; border:2px solid;width:25px;height:25px;border-radius:50px;margin-right:-25px;background:#204d74;}*/
#upgrade .pricing-section tr td .fa{font-size: 20px;}
#upgrade .pricing-section tr td .fa.fa-times{color: red}


.modal-content .modal-header {background: transparent; color: #2f2e7a; display:flex; /*flex-direction:row-reverse;*/ padding:15px;border-radius: 7px 7px 0 0;-webkit-border-radius: 7px 7px 0 0;align-items: center;justify-content:start; }
.modal-content .modal-header:before,.modal-content .modal-header:after{display: none;}
.modal-content{border-radius: 16px}

/* new update */
.profile_page .form-horizontal.form-bordered .control-group .control-label{padding: 0;}
.profile_page .form-horizontal.form-bordered .control-group .controls {padding: 0;}
.profile_page form.form-horizontal.form-bordered.member{padding: 30px;}
.listing-sytyle.dataTable tbody th, .listing-sytyle.dataTable tbody td{vertical-align: middle !important;border-left: 0;border-right: 0}
.listing-sytyle.dataTable tbody td ul{margin-bottom: 0;list-style-type: none;padding: 0}
.dataTable tbody td ul.main-nav3{display: inline-block;}
.dataTable tbody td ul.main-nav3 .caret{display: none;}
#main .box.box-bordered .table {border-collapse: inherit;border-spacing: 0 10px; width: 100% !important;}
.listing-sytyle.dataTable tbody th:first-child, .listing-sytyle.dataTable tbody td:first-child {text-align: center;}
.listing-sytyle.dataTable tbody tr {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;background-color: transparent !important;}
.listing-sytyle.dataTable tbody tr:hover {box-shadow: 6px 8px 16px 0px rgba(0,0,0,0.1);background: transparent;}
.listing-sytyle.dataTable tbody th{background-color: #fff;}
.listing-sytyle.dataTable tbody tr:hover th {background: #6495ed29;}

.clients-advance .dataTables_length label {border: 1px solid #ddd;border-radius: 50px;padding: 4px 12px;}
.clients-advance select {padding: 0;border: 0;background: transparent;}
.clients-advance .dataTables_filter input {border-radius: 50px !important;}
.clients-advance .dataTables_filter{margin: 15px;}
.main-nav .dropdown-menu li button {background:transparent;border:0;color:#000;margin:0;text-transform:capitalize;font-weight:400;text-align:left;}
.main-nav.main-nav3 .dropdown-menu {left:auto;right:0;bottom:auto;top:auto;}
.modal-header button.close,.modal-header .close {padding: 0; cursor: pointer; background: 0 0; border: 0; text-shadow: none; opacity: 1; height: auto; max-width: 0;  width: 0; right: 10px; margin: 0 15px 0 0; min-width: 24px; background: transparent; font-size: 39px; top: 10px;color: #2f2e7a;font-weight:400;position: absolute;}
.close img {width: 100%;max-width: 100%;height: auto;}
.swal2-content input:not([type="checkbox"]):not([type="radio"]), .swal2-content textarea {width:100%;height:45px;border-radius:5px !important;border-color:#c6c4c4;margin-bottom:15px;padding: 0 15px;
color: #333;}
.swal2-modal .swal2-styled {min-width:auto;margin-top:0 !important;}
.swal2-shown .swal2-modal .swal2-title {margin-bottom: 30px;}
.account-settings .inner-box {
	position: relative;
	min-height: 100px;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	padding: 15px 15px; 
	background: #fff;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.account-settings .inner-box:hover {
  	box-shadow: 0 18px 40px rgba(0,0,0,0.12);
	background: linear-gradient(135deg, #ffffff, #f4f5ff);
  	border: 1px solid #dfe3ff;
}
.account-settings .inner-box img {max-width: 26px;}
.account-settings .inner-box h4 {font-size: 24px; margin-bottom: 20px; color:#333; margin: 0 0px; }
.create-offer {background: #f4f4f4;padding: 20px;border-radius: 10px;}
.create-offer .input-group {display: block;}
.create-offer .input-group input[type="text"] {height: 40px;padding-left: 15px;border-radius: 5px !important;margin-top:7px;}
.create-offer .checkbox-custom {width: 49%;display: inline-block;/*background: #ddd;padding: 7px;*/}
.account-settings .inner-box h4 {font-size: 14px;color: #979797; font-weight: normal;}
.account-settings .inner-box a:hover {text-decoration: none}
.page-header.inner-header1{border-radius: 5px;box-shadow: 0 10px 30px rgba(0,0,0, 0.1);margin-bottom: 30px !important;position: relative;}
.inner-box ul.main-nav.main-nav3 {position: absolute; top: 10px; right: 15px; padding: 0;list-style-type: none;}
.inner-box .main-nav.main-nav3 > li >a {font-size: 24px; line-height: 16px; color: #2f2e7a; background:rgba(47, 46, 122, 0.08); padding: 0; border-radius: 50px;height: 30px; width: 30px;text-align:center;display:flex;justify-content:center; }
.inner-box .main-nav.main-nav3 > li > a span {
	transform: rotate(90deg);
}
.inner-header1 h3.pull-left {margin: 0;font-size: 18px;font-weight: 600;line-height: 1.5;}
.inner-header1 .btn-group a{line-height: 1;}
.custom-tabs1 > .nav-tabs {padding: 10px 0;margin-bottom: 20px;}
.custom-tabs1.nav-tabs-custom > .nav-tabs > li {background: transparent !important;margin-right: 15px;}
.custom-tabs1.nav-tabs-custom > .nav-tabs > li > a{padding:10px 11.7px;text-transform:capitalize;font-weight:400;border-radius:3px !important;margin:0;background:transparent;border:0;position:relative;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition: all .5s ease-in-out;}

.account-settings {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}
.account-settings .project-column {height: 100%; width: 100%;}
/*.project-neme {display: flex; align-items: center;}*/
.account-settings .inner-box p {color: #333; text-align: left; padding: 0;}
.account-settings .inner-box .user-type {font-size: 16px; margin: 15px 0 10px; font-weight: 600;color: #2F2E7A}
.account-settings .inner-box .date {font-size: 13px;color: #959595; margin-top: 15px}
.project-column a:hover {text-decoration: none;}


.left-tabs {float: left; width: 34%}
.right-content {padding: 30px; display: flex;width: 66%; border-left: 1px solid #ddd;background:linear-gradient(135deg, #6366f1, #7c3aed);color: #fff}

.right-content h3 {margin-top: 0;}
#new_project_model .modal-content {overflow: hidden;}
.right-content .btn-back span {display: inline-block; line-height:1;vertical-align:middle;}
.btn-back span {display: inline-block; height: 26px; vertical-align: middle;}
.enter-projects {padding: 60px;}
.enter-projects h4.modal-title {margin-bottom: 10px; font-size: 24px; text-align: center; }
.modal .enter-projects input {padding: 15px; max-width: 600px; margin: 20px auto 0; display: block; }
.feedback-image {border: 0px solid #ddd; border-radius: 8px; overflow: hidden;}
.feedback-image img{max-width: 100%; height: auto;width: auto;}

@media only screen and (min-width: 992px){
	.row.serach_client {
		display: flex;
	}
	.row.serach_client > div {
		width: auto;
		/*flex: 1;*/
	}
	.row.serach_client div select,.row.serach_client div input{
		max-width: 100%;
		margin-right: 0;
	}
	.row.serach_client > div .controls{display: flex; gap: 10px}
	.searchform>div{width: auto;}
}
@media only screen and (min-width: 768px){
	/* .account-settings .project-column{ max-width: 263px;} */
	.account-settings .inner-box{height: 100%;}
	#content{width: calc(100% - 10rem);}
	/* .dashboard-header {height: calc(100%);} */
	.main-menu{min-height: 100%;justify-content: space-between;}
	#navigation{position: fixed;height: calc(100% - 57px);}
}

/* tab hover style */
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li > a:hover,
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li.ui-state-active a,
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li.ui-state-active a:hover,
.custom-tabs1 > .nav-tabs > li.active > a,
.custom-tabs1.custom-tabs1 > .nav-tabs > li > a:hover{border: 0;color: #5f5eca;}
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li > a:hover:after,
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li.ui-state-active a:after,
.nav-tabs-custom.custom-tabs1 > .nav-tabs > li.ui-state-active a:hover:after,
.custom-tabs1 > .nav-tabs > li.active > a:after,
.custom-tabs1 > .nav-tabs > li > a:hover:after{opacity:1;visibility:visible;}
.custom-tabs1 > .nav-tabs > li > a:after {content: "";width: 100%;height: 3px;background: #5f5eca;display: block;position: absolute;   left: 0;bottom: -10px;opacity:0;visibility:hidden;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
/* tab hover style */
.custom-tabs1 .tab-content > .tab-pane .tabbable {padding: 15px;}
.custom-tabs1 .tab-content > .nav-tabs {margin-bottom: 15px;}
.custom-tabs1 .tab-content > .tab-pane {padding: 0;background: #fff;border-radius: 5px;}
.custom-tabs1 .tab-content > .tab-pane .form-horizontal .control-label {padding:0;color: #5f5f5f;width: 100%;font-size: 14px;}
.custom-tabs1 .form-elements .textarea1,
.custom-tabs1 .form-elements input.form-control,
.custom-tabs1 .form-elements select.form-control{height: 40px;padding-left: 15px;padding-right: 15px;border: 1px solid #DBDBDB;border-radius: 8px;margin: 4px 0 0;}

#main .box.box-bordered .form-bordered .rating_options .control-label {display: inline-block; width: auto; }
.form-horizontal.form-bordered .rating_options .control-group .controls {border-left: 0; padding: 0; margin-bottom: 5px; }
.rating_options h6 {font-size: 12px; display: inline-block; }
.rating_options {
	padding: 25px 10px;
	border: 1px solid #ddd;
	border-radius: 16px;
	box-shadow: 0 0 20px rgba(0,0,0, 0.051);
	display: block;
	margin: 20px auto !important;
}
.rating_options h2 {margin-top: 0; margin-bottom: 30px; font-size: 18px; }
#frmAddQuestion .rating_options .controls input {padding: 15px}
.addmore span {display: inline-block; vertical-align: middle; height: 24px}
.append_above {display: flex; align-items: center; justify-content: space-between;position: relative;}
.append_above .form-actions {padding: 0;}
.append_above .form-actions .addUsers {padding: 12px;}

/* Checkbox switch */

.checkbox-switch {cursor: pointer; display: inline-block; overflow: hidden; position: relative; width: 62px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 1.2; font-size: 14px; vertical-align: middle; }
.checkbox-switch input.input-checkbox {position: absolute; left: 0; top: 0; width: 80px; height: 30px; padding: 0; margin: 0; opacity: 0; z-index: 2; cursor: pointer; }
.checkbox-switch .checkbox-animate {position: relative; width: 60px; height: 24px; background-color: #fff; -webkit-transition: background 0.25s ease-out 0s; transition: background 0.25s ease-out 0s;border: 1px solid #7f8c8d;border-radius: 30px;margin:1px}
.checkbox-switch .checkbox-animate:before {content: ""; display: block; position: absolute; width: 15px; height: 15px; border-radius: 10px; -webkit-border-radius: 10px; background-color: #7f8c8d; top: 4px; left: 5px; -webkit-transition: left 0.3s ease-out 0s; transition: left 0.3s ease-out 0s; z-index: 10; }
.checkbox-switch input.input-checkbox:checked + .checkbox-animate {background-color: #05c146;border-color: #05c146 }
.checkbox-switch input.input-checkbox:checked + .checkbox-animate:before {left: 40px; background-color: #fff; }
.checkbox-switch .checkbox-off,
.checkbox-switch .checkbox-on {float: left; color: #fff; font-weight: 700; padding-top: 3px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.checkbox-switch .checkbox-off {margin-left: 25px; opacity: 1;color:#8a8a8a }
.checkbox-switch .checkbox-on {display: none; float: right; margin-right: 30px; opacity: 0; }
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off {display: none; opacity: 0; }
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on {display: block;opacity: 1;}
.campaign-box {border: 1px solid #ddd;}
.remove_question {color: #2f2e7a; position: absolute; right: 15px; top: 12px; font-size: 20px;}
.addmore:hover svg {stroke: #fff;}


.sms-balance, .sms-recharge {background: #F1F5F8; padding: 15px; border-radius: 5px; }
.sms-recharge .smsinfo {margin-bottom: 30px; }
form#frmProceedPay {display: inline-block;width: 100%;}
form#frmProceedPay .form-group {margin-bottom: 15px; display: inline-block; width: 100%; }
.m-0{margin: 0 !important;}


.feedback-form .control-group input {margin-bottom: 0;}
.feedback-form {background: rgb(255, 255, 255);
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 15px;}
.dataTables_wrapper {background: #fff;}
.mt-30{margin-top: 30px !important;}
.mb-20{margin-bottom: 20px !important}
.mt-3{margin-top: 1.5rem !important;}
.pb-4{padding-bottom: 1.5rem !important}
h1{margin-left: 0 !important;}
.edit-client .form-horizontal.form-bordered .control-group .control-label {padding: 0;}
.edit-client .form-horizontal.form-bordered .control-group .controls {padding: 0;}

#main .box.box-bordered.edit-client .form-bordered { margin-bottom: 0;padding: 20px;}
.edit-client #feedback {min-height: 120px;width: 100%;resize: none;}

.feedback-list .dataTables_length label select {border: 0;padding: 0px;}
.dataTables_length label {border: 1px solid #ddd;border-radius: 50px;padding: 2px 10px;}
.dataTables_filter label {font-size: 0;position: relative;}
.dataTables_filter label input {border-radius: 50px !important;}
.dataTables_wrapper .dataTables_filter label:before {content: "\f002"; font-family: fontawesome; position: absolute; right: 20px; top: 5px; font-size: 16px; color: #adadad; font-weight: 300; }
.shadow {box-shadow: 0 10px 25px rgba(0,0,0,0.08); padding: 30px; }

/*stripe payment cards details starts*/
.fa.fa-lock:before{content: "\f023";}
h2.checkout-header {
    margin: 0;
    padding: 15px;
    font-size: 22px;
    color: #fff;
    background: #2F2E7A;
    font-family: Poppins;
    font-weight: 500;
}
.pricing-card-detail{
	background: #2F2E7A;
	border-radius: 16px;
	padding: 20px;
}
.col-sm-7 .card_detail1, .col-sm-8 .card_detail1 {
    border: 1px solid #eee;
    background: #f3f6fd;
    display: inline-block;
    width: 100%;
}
.card-details .form-group input {
    border: 1px solid transparent;
    margin: 0 0 15px 0;
    background: transparent;
    width: 100%;
    font-weight: 400;
    height: 40px;
    border-radius: 3px !important;
}
.payment-option {display: inline-block;border: 1px solid #0fc382;border-radius: 5px;padding: 15px;position:relative;background: #fff}
.payment-option:before{border-color: #0fc382 transparent;border-style: solid;border-width: 1.125rem 1.125rem 0 0;content: "";left: 0;position: absolute;top: 0;}
.payment-option h3{margin: 0;font-size: 18px;display: inline-block;vertical-align: middle;}
.payment-option img {display: inline-block;max-width: 36px;vertical-align: middle;margin-right: 5px;}
.card-details.box-body {padding: 0px;background: transparent;width: 100%;margin: 30px auto 20px;}
.card-details .form-group input.error {border: 1px solid red;}
.card-details .form-group input {border: 1px solid transparent;margin: 0;background: #fff;width: 100%;font-weight:400;}
.card-details .form-group label.error {display: none !important;}


.cvc-number{padding-left: 0;padding-right: 0;/*width: 150px;*/}
/*.card-details  .exp-date {padding: 0;width: 120px;}*/
.exp-date .form-group {width: 47%;display: inline-block}

/*.securely p {padding-left: 15px; margin-bottom:30px;}*/
.securely i{font-size: 16px;}
.payment-header1 {margin-top: 30px;}
.card_icon01 li {display: inline-block;max-width: 40px;}
.card_icon01 li img {width: 100%;}
.card_icon01 {padding-top: 15px;padding-right: 30px;}


.subscriptions {background: #fff;padding: 15px;}
.subscriptions label {font-size: 12px;font-weight: 400;margin: 0;}
.subscriptions span {font-size: 18px;font-weight: 700;display: block;padding: 5px 0;border-bottom: 1px solid #d7d7d7;}
.subscriptions input {border: 0;width: 100%;border-bottom: 1px solid #d7d7d7;padding: 5px 0;color: #333;font-weight: 600;}
.redm_check {border: 1px solid #e7e7e7;padding: 9px;border-radius: 5px;}
.redm_check span {position: relative;width: auto;border: 0;display: inline-block;vertical-align: middle;}
.redm_check span:before {content: "";height: 25px;width: 25px;display: block;background: #ddd;border-radius: 50px;margin: 0 10px}
.subscriptions input#chk_redm{width: auto;display: inline-block;vertical-align: middle;}
.card_detail1 input.btn.btn-primary{background: #0fc382;font-size: 16px;text-transform: uppercase;padding: 10px 20px;margin-bottom: 50px;}

/*.subscriptions input#chk_redm {width: auto;position: absolute;top: 0;width: 25px;cursor: pointer;height: 25px;-webkit-appearance:none;border:0;left:10px;}
.subscriptions input#chk_redm:focus{outline:none;box-shadow:none;}
.subscriptions input#chk_redm:checked {-webkit-appearance: radio;}*/

.package-pricing tr td { padding: 5px 10px;border: 1px solid #eee;text-align: center;display: table-cell;width: 1%;text-align: left;}
.package-pricing tr td:last-child { text-align: center;}
/*stripe payment cards details ends*/

form.form-horizontal.form-bordered.member {/*background: #fff;*/margin: 0px auto;}
form.form-horizontal.form-bordered.member .control-group {background: transparent;margin-bottom: 10px;}
form.form-horizontal.form-bordered.member .control-group:nth-child(2n) {background: transparent;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  color: #c32424;
}

/* coupon code promocode  */
.support-section li {
    width: 25%;
    list-style: none;
}
.support-section, .d-flex {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.support-section{
	justify-content: center;
}
.promocode-item {margin-bottom:15px}
.promocode-item .card-body {
	padding: 1.25rem;
	border: 2px dashed #2f2e7a;
	height: 100%;
	text-align: center;
	font-family:Poppins;
	background: #d6fbe9;
}

.promocode-item .card-body h4{font-size: 26px; color: #2f2e7a; font-weight: 700; padding: 15px 0;}
.promo-code-form {
	background: #f2f5f9;
	border:1px solid #cfd6e0;
	padding: 22px;
	border-radius: 10px;
	max-width: 850px;
	margin: 0 auto;
}
.promo-box {
	background: #ffffff;
	border: 1px solid #d9dee6;
	border-radius: 6px;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 14px;
}
.promo-code-form input {
	flex: 1;
	height: 48px;
	border-radius: 4px;
	border: 1px solid #d1d5db;
	padding: 0 14px;
	font-size: 14px;
	outline: none;
	margin: 0;
}
.promo-code-form  .btn.btn-primary {padding: 0 28px; margin: 0; height: 48px;}
#navbar svg {
	width: 24px;
	height: 24px;
}
@media (max-width: 1199px){
.mobile-mb-3{margin-bottom:1.2rem}
}
@media (max-width: 1080px){
.promocode-item .card-body h4{font-size: 24px;}
}
@media (max-width: 992px){
.support-section li.promocode-item {width:50%}
}
@media (max-width: 680px){
.support-section li.promocode-item {width:100%;padding-right:0}

}


/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */

  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;

  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


/* tabs */

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
.panel-default > .panel-heading{
	background:#eef2ff;
}
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color:#4b5563;}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color: #4338ca; background-color: #fff; border-color: transparent; border-radius: 5px 5px 0 0 !important; }
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {color: #4338ca; background-color: #fff; border-color: #ddd; border-bottom-color: transparent; border-radius: 5px 5px 0 0 !important; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {background-color: #f5f5f5; border-color: #ddd; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {color: #4b5563; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {background-color: #ddd; }
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {color: #fff; background-color: #555; }

/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {color: #a94442; }
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {color: #a94442; background-color: #ebccd1; border-color: transparent; }
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {color: #a94442; background-color: #fff; border-color: #ebccd1; border-bottom-color: transparent; }
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}

/* left tabs */

.nav-tabs-dropdown {display: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.nav-tabs-dropdown:before {content: "\e114"; font-family: 'Glyphicons Halflings'; position: absolute; right: 30px; }
@media screen and (min-width: 769px) {
#nav-tabs-wrapper {display: block!important; margin: 0; }
 }
@media screen and (max-width: 768px) {
	.nav-tabs-dropdown {display: block; }
	#nav-tabs-wrapper {display: none; border-top-left-radius: 0; border-top-right-radius: 0; text-align: center; }
	.nav-tabs-horizontal {min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); }
	.nav-tabs-horizontal  > li {float: none; }
	.nav-tabs-horizontal  > li + li {margin-left: 2px; }
	.nav-tabs-horizontal > li,
	.nav-tabs-horizontal > li > a {background: transparent; width: 100%; }
	.nav-tabs-horizontal > li > a {border-radius: 4px; }
	.nav-tabs-horizontal > li.active > a,
	.nav-tabs-horizontal > li.active > a:hover,
	.nav-tabs-horizontal > li.active > a:focus {color: #ffffff; background-color: #428bca; }
	.feedbackform {padding: 20px 10px;}
	#project-feedback-logic-modal .modal-body {padding: 0;}
/*.rating {text-align: left;}*/

}

#new_project_model .modal-body {padding: 0;}
#new_project_model .well {min-height: 20px; padding: 12px; margin-bottom: 20px; background-color: #fff; border: 0; border-radius: 4px;}
#new_project_model  .nav{margin: 0;}
#new_project_model  .nav>li{margin: 0;padding: 0;margin-bottom: 10px;}
/* #new_project_model .nav>li:nth-child(2){display: none;} */
#new_project_model .nav>li>a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	cursor: pointer;
	color: #555;
	font-size: 14px;
	transition: 0.25s;
	flex: 0 0 100%;
}
#new_project_model .nav>li>a:hover {
	background: rgba(79, 70, 229, 0.08);
}
.popup-footer {display: inline-block; width: 100%; padding: 20px; text-align: right; border-top: 1px solid #ddd}
#new_project_model .nav>li.active>a{
	background: linear-gradient(135deg, #6366f1, #4f46e5);
  	color: #fff;
  	box-shadow: 0 8px 20px rgba(79,70,229,0.3);
	border: 0;
}
/* #area2 .popup-footer {text-align: center; } */


.project-neme span {border: 1px solid #ddd; height: 42px; width: 42px; border-radius: 50%; padding: 0px; background: rgba(47, 46, 122, 0.08); display: flex;margin-bottom: 15px;align-items: center;justify-content: center;}
/*.account-settings .inner-box .date:after {content: ""; display: block; height: 2px; width: 100%; background: linear-gradient(to right, rgb(58, 33, 206), rgb(79, 203, 197)); margin-top: 3px; border-radius: 50px; }*/
/* pricing */
.pricing_tab h3 {font-size: 36px; text-align: center; margin: 10px 0 30px;}
.card-panel {overflow: hidden; border: 1px solid #ddd; max-width: 300px; padding: 30px;position: relative;display: inline-block; vertical-align: top; margin: 0 10px 50px; width: 100%;border-radius: 3px;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.card-panel:nth-child(2),
.card-panel:hover {border-color: rgb(47 46 122); box-shadow: 0 0 20px rgba(47, 46, 122, 0.1);}
.card-container h4 {font-size: 24px; color: #222; text-align: center; padding: 15px 0; }
.card-panel ul.features {padding: 0; display: block; list-style: none;}
.card-panel ul.features li { font-size: 15px; padding-bottom: 10px; }
.card-panel  .btn.btn-info.buy-now {    margin: 0 auto 30px; max-width: 170px; background: transparent; border: 1px solid #2f2e7a; color: #2f2e7a; text-transform: none; transition: all 0.3s ease-in-out; display: block;}
.card-panel:nth-child(2) a.btn.btn-info.buy-now, .card-panel:hover a.btn.btn-info.buy-now {background: #2f2e7a; color: #fff;}
.pricelabel span {font-size: 43px; color: #333}
.pricelabel sup {font-size: 24px;}
.pricelabel {margin: 0px 0 40px; text-align: center; }
.pricing_tab .d-flex {justify-content: center;}
.pricelabel p {display: block; text-align: center; font-size: 18px; font-weight: 600;}
.features li img {width: 13px;margin-right: 10px;display: none;}
.card-panel span.best-offer{display: none;}
.card-panel:nth-child(2) span.best-offer {display: block; position: absolute; top: 20px; right: -30px; transform: rotate(45deg); background: #000; color: #fff; font-size: 13px; padding: 5px 30px; text-transform: uppercase; font-weight: 500}

/* switch  */
.switch-button {-webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,0.2); box-shadow: 0 15px 25px 0 rgba(0,0,0,0.2); border-radius: 8.6666666667rem; -webkit-border-radius: 8.6666666667rem; max-width: 326px; margin: 0 auto; margin-bottom: 0; margin-bottom: 60px; background-color: #0c5adb; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3px 0; z-index: 1; position: relative; background-color: #2f2e7a}
.switch-button .switch {width: 100%; height: 45px; margin-bottom: 0 }
.switch [type=checkbox] {opacity: 0; position: absolute;}
.switch [type=checkbox]:checked, .switch [type=checkbox]:not(:checked) {position: absolute; left: -9999px;}
.switch [type=checkbox]:checked+label, .switch [type=checkbox]:not(:checked)+label {position: relative;padding-left: 75px;cursor: pointer;}
.switch [type=checkbox]:checked+label:after, .switch [type=checkbox]:checked+label:before, .switch [type=checkbox]:not(:checked)+label:after, .switch [type=checkbox]:not(:checked)+label:before {content: ''; position: absolute; }
.switch [type=checkbox]:checked+label:before, .switch [type=checkbox]:not(:checked)+label:before {left: 0; top: -3px; width: 65px; height: 30px; background: #ddd; border-radius: 15px; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -ms-transition: background-color .2s; transition: background-color .2s; }
.switch [type=checkbox]:checked+label, .switch [type=checkbox]:not(:checked)+label {position: relative; padding-left: 75px; cursor: pointer; }
.switch [type=checkbox]:checked+label .ui, .switch [type=checkbox]:checked+label .ui:after, .switch [type=checkbox]:not(:checked)+label .ui:before {position: absolute; left: 6px; width: 65px; border-radius: 15px; font-size: 14px; font-weight: 700; line-height: 22px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.switch [type=checkbox]:not(:checked)+label .ui:before {content: ""; left: 32px; }
.switch [type=checkbox]:checked+label:after, .switch [type=checkbox]:checked+label:before, .switch [type=checkbox]:not(:checked)+label:after, .switch [type=checkbox]:not(:checked)+label:before {content: ''; position: absolute; }
.switch [type=checkbox]:checked+label:after, .switch [type=checkbox]:not(:checked)+label:after {width: 20px; height: 20px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; border-radius: 50%; background: #7f8c9a; top: 2px; left: 5px; }
.switch-button .switch input[type="checkbox"] + label:after {border-radius: 45px; -webkit-border-radius: 45px; width: 50%; height: 100%; background: #fff; left: 2px; top: 0; }

.switch-button .switch input[type="checkbox"] + label {width: 100%; display: block; margin: 0; height: 45px; padding-left: 0 }
.switch-button .switch input[type="checkbox"] + label:before {width: 100%; display: block; margin: 0; height: 45px; border-radius: 150px; -webkit-border-radius: 150px; top: 0; background: transparent }
.switch-button .switch input[type="checkbox"] + label:after {border-radius: 45px; -webkit-border-radius: 45px; width: 50%; height: 100%; background: #fff;left: 7px;top: 3px; }
.switch-button .switch [type="checkbox"]:checked + label::before {background: transparent }
.switch-button .switch [type="checkbox"]:checked + label:after {background: #fff;top: 2px;left: 48%; }
.switch-button .switch span.mn {position: absolute; left: 18%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; color: #fff }
.switch-button .switch span.yr {position: absolute; right: 20%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); cursor: pointer; color: #fff }
.switch-button .switch [type="checkbox"]:not(:checked) + label + span.mn {color: #2f2e7a }
.switch-button .switch [type="checkbox"]:checked + label + span.mn + span.yr {color: #2f2e7a }



.switch-check {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.switch-check input {
  display:none;
}

.switch-check .slider-check {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.switch-check .slider-check:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

.switch-check input:checked + .slider-check {
  background-color: #66bb6a;
}

.switch-check input:checked + .slider-check:before {
  transform: translateX(26px);
}

.switch-check .slider-check.round {
  border-radius: 34px;
}

.switch-check .slider-check.round:before {
  border-radius: 50%;
}





/* SMS Recharge  */

.sms-recharge h3 {margin: 0 0 10px;}
.applicationTab .text-center {text-align: center;}
.applicationTab .mb-3, .applicationTab .my-3 {margin-bottom: 1rem!important; }
.applicationTab .title {font-size: 36px; font-weight: 700; line-height: 1.1; margin-bottom: 30px; width: 100%; }
.applicationTab p {line-height: 24px;}
.applicationTab img {max-width: 100%;height: auto;}
.applicationTab .box-row {padding: 30px 15px; }
@media only screen and (min-width: 767px){
.applicationTab .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px}
}
.applicationTab .queue-features .row {align-items: center;}
@media only screen and (min-width: 767px){
.applicationTab .box-row:nth-child(odd) {flex-flow: row-reverse;}
.column-pack{max-width: 260px; }
}
.column-pack {background: #fff;border-radius: 6px; position: relative;}
.column-pack::before {content: ""; width: 85%; background: #F9FAFC; box-shadow: 0px 3px 20px #0000000b; height: 100%; margin-top: 1.15rem; position: absolute; border-radius: 0.375rem; margin-left: auto; margin-right: auto; right: 0; left: 0;}
.column-pack form label {display: block; font-size: 18px; }
/*.column-pack select {border: 0; padding: 0; width: 50%; color: #888; font-size: 14px; }*/
.column-pack span {color: #888; font-size: 15px;}
.btn.btn-success {background: #2f2e7a; text-shadow: none; color: #fff; filter: none; font-size: 14px; font-weight: 500; }
.column-pack .simple-box {box-shadow: 0px 3px 20px #0000000b; --bg-opacity: 1; background-color: #fff; border-radius: 0.375rem; position: relative; padding: 1.85rem;}
.applicationTab {margin-top: 70px}


table.dataTable thead th, table.dataTable thead td {padding: 10px 18px; border-bottom: 0;}
.invoice_tab th {font-size: 14px;}
.error-custom {color: red; display: block; font-size: 12px; font-weight: 500;}
/* tickets */
.dataTables_length select {border: 0; padding: 5px;background-color: transparent;}
.search-form .row {display: flex; align-items: center;}
.search-form .row .col-xs-6 {flex: 1;}
/* .search-form select, .search-form input {height: 48px;} */
.feedback-form {margin-top: 20px}
.feedback-form form.search-form input {border-radius: 0 5px 5px 0 !important;}
.feedback-form form.search-form .btn.btn-info {background: transparent;border: 2px solid #2f2e7a;color: #2f2e7a}
.feedback-form form.search-form .btn.btn-info span{vertical-align: middle;display: inline-block;}
.feedback-form form.search-form .btn.btn-info .addItem {color: #2f2e7a; text-transform: capitalize; }
.feedback-form form.search-form .btn.btn-info .addItem svg{stroke: #2f2e7a; width: 24px; display: inline-block; vertical-align: middle; margin-right: 0px; }
.feedback-form form.search-form .btn.btn-info:hover{background: #2f2e7a;border: 2px solid #2f2e7a;color: #fff}
.feedback-form form.search-form .btn.btn-info:hover .addItem svg,.feedback-form form.search-form .btn.btn-info:hover svg{stroke: #fff}
.feedback-form form.search-form .btn.btn-info:hover .addItem {color: #fff;}
.table .main-nav3 li a.dropdown-toggle {font-size: 30px; line-height: 24px;color: #2f2e7a }
.main-nav3 li a:hover{text-decoration: none;}
.main-nav.main-nav3 .dropdown-menu {
  left: auto; 
  right: 0; 
  bottom: auto; 
  top: auto; 
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(12px);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  padding: 8px;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: 0.25s ease;
  display: block;
  border: 0;
}
.main-nav.main-nav3 .open>.dropdown-menu{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.main-nav3 .dropdown-menu>li>a {
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	transition: 0.2s;
}
.main-nav3 .dropdown-menu>li>a:hover {
	background: #f3f5ff;
}
.main-nav3 .dropdown-menu>li>a.delete {
	color: #e5484d;
}
.main-nav3 .dropdown-menu>li>a.delete:hover {
  background: rgba(229,72,77,0.1);
}
.modal label {display: block; margin-bottom: 6px; }
.modal input, .modal select, .modal textarea {width: 100%; border-radius: 5px !important; padding: 10px 15px; margin-bottom: 20px}
.modal textarea{margin-bottom: 0;}
.add-client-modal .modal-body {padding: 15px 30px;}
.table tr td:nth-child(4) {/*max-width: 300px; min-width: 300px; width: 300px;word-break: break-all;*/}
.btn.outer-btn {border: 1px solid #2f2e7a; margin: 0; background: transparent; color: #2f2e7a; text-transform: capitalize; font-weight: 500; border-radius: 8px !important; padding: 8px 20px; }
.btn.outer-btn:hover{background: #2f2e7a;color: #fff;}
.box-title .btn.outer-btn {margin: 0; transition: all 0.4s ease-in-out;}

.box .box-title.d-flex {display: flex; justify-content: space-between; align-items: center;}
.box-title.d-flex div {flex: 1;}
.box.profile-details {margin-top: 20px;}
.box.profile-details .box-footer {background: #fff;}
.box.profile-details ul.nav.nav-stacked {padding: 20px}


.nav-stacked>li span {color: #888;padding-bottom: 5px;text-align: right;}
.nav-stacked>li {float: none; margin-bottom: 20px; border-bottom: 1px solid #f7f7f7; display: flex; align-items: center; justify-content: space-between;gap: 15px;}
.nav-stacked>li>p{text-align: right;}
.profile-details h3 {background: #2f2e7a; margin: 0; padding: 15px; color: #fff; }
.client-list label {font-size: 16px; font-weight: 500; margin: 0 0 10px;}
.thread_content {background: #fff; padding: 30px;padding-bottom: 0;}
.thread_content label {font-size: 18px}

.cke_chrome {visibility: inherit; width: 100% !important;}
.attachment-row label {margin-top: 30px;}
.append_attachment span {border: 1px solid rgb(47 46 122); padding: 3px 10px; display: inline-block; border-radius: 3px; margin: 0 3px; background: rgb(47, 46, 122, 0.1); font-size: 13px;}
.add-file {border: 2px dashed #2f2e7a; padding: 15px; margin-bottom: 30px;}
.message-submit.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; display: inline-block; width: 100%; }

div#contentin {padding:30px; background: #fff;}
#contentin .box.span_chat {background: #fff;}
.modal-footer .btn+.btn {border-radius: 5px !important; margin: 0; margin-left: 15px;}
.panel-title i, .panel-title {color: #2f2e7a;}
/* .panel-default>.panel-heading,
.panel-footer {background-color: rgba(47, 46, 122, 0.1);} */
.counter {display: inline-block; text-align: center; width: 46%; background: rgba(47, 46, 122, 0.1); margin: 10px; padding: 15px; border-radius: 3px; border: 1px solid rgba(47, 46, 122, 0.2); }
.counter span {font-size: 30px;}
#column_manage_modal .modal-content input[type="checkbox"] {width: auto;margin: 0 !important;}
ul#columns {padding: 0;}
ul#columns li label {padding: 10px; background: rgba(47, 46, 122, 0.1);}


#frmProjectFeedback h4 {font-size: 30px; border-bottom: 1px solid#ddd; padding-bottom: 20px;}
.feedbackform .popup-title {margin-top: 0; margin-bottom: 30px;text-align: center;font-size: 15px;}
.description {display: flex; margin-bottom: 30px;}
.description div {margin-right: 30px; }
.description div p {font-weight: 500; }


@media(max-width: 767px){
	img {width: 100%;}
.left-tabs a.nav-tabs-dropdown {display: none;}

#new_project_model .nav {display: block !important;}
.right-content {padding: 15px; width: 100%; border-left: 0px; flex-wrap: wrap; text-align: left; }
.feedback-image img {width: 100%;}
.feedback-image {width: 95%;}
.modal {left: 10px; right: 10px;}
.modal-dialog { margin: 0 !important;}
#new_project_model .nav>li>a {padding: 15px}
button.btn.btn-submit {margin-top: 20px; }
.coupons .box-body {padding: 0 !important;}
.promo-code-form { padding: 15px; margin: 15px auto;}
.promo-code-form input {width: 100% !important; margin: 0 0 20px;}
.card-panel ul.features { text-align: left;}
.applicationTab .box-row {padding: 30px 0;}
.profile_page form.form-horizontal.form-bordered.member {padding: 15px;}
.account-settings .inner-box {margin: 20px 0;}
.search-form .row {flex-wrap: wrap;}
.search-form .row .col-xs-6 {flex: 100%; margin-bottom: 10px;}
.nav-tabs>li {float: left; width: 100%;}
.left-list h2.title {text-align: left;}
.right-list a {margin: 0 0 20px !important;}
.campaigns-list #offerForm {padding: 20px 0; background: #fff;}
.create-offer {padding: 10px;}
.campaigns-list #offerForm label {float: left;}
.create-offer .checkbox-custom {width: 100%; display: inline-block; /*background: #ddd; padding: 5px;*/ margin-bottom: 10px;}


}


@media(max-width: 560px){

.feedbackform p.Poweredby { margin: 0 0 0;}
.support-section { padding: 0;}
.custom-tabs1 > .nav-tabs > li > a:after{bottom: 0;}
.card-panel {padding: 10px; margin: 0 0 30px;max-width: 100%}
.text-right {text-align: center;}
.right-list {position: relative !important;display: inline-block; text-align: center; width: 70%;}
.main-list {padding: 0;}
.create-offer span {font-size: 14px; text-align: right}
/*.feedback-form .control-group .btn.btn-primary {width: 100%;min-width: 100%;}*/
.counter {margin: 10px 0;}

}


@media(max-width: 580px){
.feedbackform .table-rate .number span,
.feedbackform .rating >span label {height: 60px; width: 60px;padding: 4px;}
.feedbackform .table-rate .number span img,
.rating .smily_1:before, .rating .smily_2:before,
.rating .smily_3:before, .rating .smily_4:before, .rating .smily_5:before {width: 100%; height: 100%; margin:0 !important;}
button.btn.outer-btn {float: none !important; margin: 0px 0 0 !important;}
.feedbackform .rating{flex-wrap: nowrap;justify-content: space-between}
}

.feedbackform.feedbackform_3 {/*max-width:180px;*/margin: 0;}
.feedbackform.feedbackform_3 .widget_3  .table-rate {margin: 0;}
.feedbackform.feedbackform_3 .widget_3 .inner {padding: 0;}
.feedbackform.feedbackform_3 .rating_skin_3 {padding: 0;}
.feedbackform.feedbackform_3 .rating_skin_3 >span label {border: 0;margin: 0 5px;}
.feedbackform.feedbackform_3 .rating_skin_3 >span label:before{display: none;}

.feedbackform .widget_3 .popup-title {margin-bottom: 0;}


.mb-4{margin-bottom: 1.5rem}
.equal{height: 44px}
.d-flex-nowrap{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-end{justify-content: end;}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.flex-center{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.flex-space-align-center{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;gap: 10px}
.gap-10{gap: 10px}
.menu-toggle{display: none;}
.left-text *{text-align: left;}
.swal2-container{z-index: 9999999999 !important}
@media only screen and (min-width: 768px){
	.flex-desktop{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
  #navigation{left: 0 !important}
}
@media only screen and (max-width: 767px){
.mobile-header{border-bottom: 1px solid #aeaeae;}
.flex-space-align-center{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.full-mobile{width: 100%}
.mb-3{margin-bottom: 1.5rem !important;}
.remove_item{position: static;}
.mr-2{margin-right: 0.5rem !important}
.ml-2{margin-left: 0.5rem !important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.table-td-attr tbody tr td::before{min-width: 110px}
.flex-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-content .col-link{width: 33%;margin:0;padding: 5px}
.flex-content .col-link > a{width: 100%}
.promo-code-form{padding: 10px;display:-webkit-box;display:-ms-flexbox;display:flex;}
.d-block-mobile{display: block !important;}
.full-width-mobile{width: 100% !important}
.flex-content-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-content-list li {margin: 15px 3% 30px 0 !important;width: 47%;}
.form-mobile{display: block;}
.form-mobile input{margin-bottom: 10px;margin-left: 0 !important;}
#new_project_model .nav > li > a{font-size: 15px;text-align: left;}
.popup-footer button.btn{min-width: 120px}
.popup-footer button.btn.btn-submit{margin-top: 0}
.enter-projects {padding: 60px 20px;}
#content{padding-left: 0}
.nav-main{left: -10rem}
.menu-toggle {
		position: relative;
		display: block;
		width: 24px;
    	height: 22px;
		background: transparent;
		border: 0;
		border-top: 3px solid;
		border-bottom: 3px solid;
		color: #1c2174;
		font-size: 0;
		-webkit-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		cursor: pointer;
		margin-top: 15px;
		min-width: inherit;
		border-radius: 0;
		padding: 0;
		margin-left: 10px
	}
	.menu-toggle::before, .menu-toggle::after {
		content: '';
		display: block;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: currentColor;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: -webkit-transform 0.25s ease-in-out;
		transition: -webkit-transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out;
		transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	}
	.menu-toggle.is-active {
		border-color: transparent;
	}
	.menu-toggle.is-active::after {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	.menu-toggle.is-active::before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.text-left-mobile{text-align: left;}
	.text-left-mobile .btn{margin: 0 !important}
	.text-right-mobile{text-align: right;}
	.tickets-form .control-group input{margin-bottom: 0 !important}
	.half-mobile{flex: 50% !important}
	.btn:not(.btn-mini):not(.btn-sm){height: 40px;line-height: 32px;padding-top: 0 !important;padding-bottom: 0 !important;}
	/* a.btn,div.btn{line-height: 48px} */
	.btn span{vertical-align: middle;}
	.btn.btn-info:hover{color: #ffffff}
	.btn.btn-info:hover svg stroke{fill: #fffff !important}
	.mobile-tab {display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
	.mobile-tab li{width: 50%}
	.mobile-tab li a{margin: 5px}
	.with-nav-tabs.panel-default .mobile-tab > li > a{
			background: #fff;
			text-align: center;
	}
	.with-nav-tabs.panel-default .mobile-tab > li > a:hover,
	.with-nav-tabs.panel-default .mobile-tab > li.active > a,
	.with-nav-tabs.panel-default .mobile-tab > li.active > a:focus{
		background-color: #2f2e7a;
		color: #ffffff;
		border: 0;
		border-radius: 5px !important;
	}
	.mt-5{margin-top: 3rem}
	.small-box img{width: auto;}
	#upgrade .modal-header .close{margin-top: -5px;margin-right: -5px;}
}
@media only screen and (max-width: 680px){
  .flex-content .col-link{width: 50%;margin:0;padding: 5px }
  .feedback-form form.search-form .btn.btn-info span{line-height: 20px;}
}


#main.feedback__wrap {
	background: transparent;
	min-height:100vh;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	padding-bottom: 0;
	padding-top: 0px;
}
.back-button {
	font-size: 22px;
}
@media only screen and (min-width: 681px){
	#main.feedback__wrap {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
}
#frmProjectFeedback .give-fd .h4{border-bottom: 0;}
.success-feedback{
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	-ms-flex-wrap:wrap;flex-wrap:wrap;
	height: 100%;
	text-align: center;
}
body.feedback-body{

}
@media (max-width: 680px){
	/*#main.feedback__wrap{
		max-height: calc(85vh - 30px);
		min-height: calc(85vh - 30px);
	}*/
	body.feedback-body{padding: 12px !important;}
	#default_comment{height: 200px;}
	#frmProjectFeedback h4{font-size: 30px;}
	.success-feedback img{
	    max-width: 100px !important;
	}
}
@media only screen and (max-width: 680px){
	#main.feedback__wrap{
		max-height: calc(100vh - 30px);
		min-height: calc(100vh - 30px);
	}
}
.checklist {list-style-type: none;padding: 0; margin: 0;}
.checklist li{margin-bottom: 10px;display: flex;}
.checklist li:before{
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
	margin-top: 4px;
  	font-size: 18px;
}
@media (min-width: 768px){
	.hide-desktop{display: none;}
}
@media (max-width: 767px){
	.hide-mobile{display: none !important;}
	.hide-desktop{margin-top:15px;display: block;}
	.d-flex-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;
		-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;
		padding: 0 20px 10px;
	}
	#navbar{box-shadow: none;-webkit-box-shadow: none;border: 0}
	#brand img{width: auto;height: auto;max-width: 150px;}
	.overlay-menu{position: fixed;background: rgba(0, 0, 0, 0.15);top: 0;bottom: 0;right: 0;cursor: pointer;left: 0;opacity: 0;visibility: hidden;}
	.overlay-menu.overlay-is-active{visibility: visible;opacity: 1;}
	#navigation{/*height: 100%;*/left: -10rem;position: fixed; z-index: 33;top: 0;}
	#navigation.is-active{left: 0;}
	.main-menu{height: calc(100vh - 4px);}
	.feedback-form .control-group input {
		 margin-bottom: 10px;
	}
	/* a.btn,button.btn {
		padding-left: 20px;
		padding-right: 20px;
	} */
	.account-settings .project-column{
		margin: 0;
	}
}

.languageswitch {
    /*margin-top: 20px;*/
    display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;
    -webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;
    -webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;
    background: #F3F1FF;
    border-radius: 8px;
    padding: 5px 8px;
    height: 38px;
}
.languageswitch span.language-selector{
	margin-right: 10px;
	align-items: center;
  	display: flex;
}
.languageswitch #change_language {
    border: 0px solid#ddd;
    padding: 10px 20px 10px 10px;
    background: transparent;
}
.languageswitch #change_language:focus{outline:none;}
.login-language-switch .languageswitch {
    padding: 20px 20px;
}

/*knowledgebase*/

.knowledgebase-header{
background: #2f2e7a;
}

.knowledgebase-header h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
    margin: 60px 0 30px 0;
}
.knowledgebase-header .header-text {
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	margin: 25px 0 0 0;
}
@media (max-width: 992px){
	.knowledgebase-header .container{
		width: 100%;
	}
	.knowledgebase-header h1{
		font-size: 32px;
	}
	.knowledgebase-header .header-text{
		font-size: 26px;
	}
	.knowledgebase-header .search-form{
		display: block;
	}
}
.search-wrapper{
	max-width: 900px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.form-input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	margin: 30px 0 50px;
}
.knowledgebase-header input[type="text"] {
    height: 60px;
    padding-left: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border: 0 solid #fff;
    z-index: 0;
    -ms-flex: 1 1 0%;
	flex: 1 1 0%;
	min-width: 0;
	margin: 0;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}
.knowledgebase-header button.btn-search {
    width: 60px;
    height: 60px;
    background: #fff;
    color: #0072bc;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center;
    border: 1px solid #fff;
    margin-left: -1px;
    min-width: inherit;
    margin: 0;
}
.space-top{padding-top: 30px;}
.categories .categories-wrapper{
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.categories .category-item {
	font-size: 15px;
	width: 33%;
	margin-right: 3%;
	padding: 30px 30px 60px 30px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	height: auto;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.categories .category-item:before {
	content: '';
	position: absolute;
	top: 24px;
	left: -2px;
	border-radius: 2px;
	height: 35px;
	width: 5px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	opacity: 1;
	background-color: #2f2e7a;
}
.categories .category-item .category-content {
	height: 100%;
	position: relative;
	overflow: hidden;
}
.categories .category-item h4 {
	margin: 0 0 5px 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 600;
	opacity: 1;
}
.categories .category-item p {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	padding: 0;
	margin: 0;
	opacity: 1;
	word-break: break-word;
}
.categories .category-item a.view-all {
	position: absolute;
	bottom: 30px;
	opacity: .7;
}
.categories .category-item h4, .categories .category-item h4 a, main.article #article-content a, main.article #article-content ol li::before, .page-header.error-404 a, .up-block .up-icon, .search-item .title a {
	color: #2f2e7a;
}

.categories h3 {
	color: #171b24;
	margin-bottom:25px;
	font-size: 18px;
	font-weight: 500;
}
@media (max-width: 992px){
	.categories .categories-wrapper, .categories .section-wrapper {
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
	display: block;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	border-radius: 2px;
}
}
.categories.other-categories .categories-wrapper{
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}
.categories.category-articles .category-item, .categories.other-categories .category-item, .categories.search-articles .category-item {
	width: 100%;
	margin-right: 0;
	height: 190px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #d8d8d8;
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.categories.other-categories .category-item {
	display: block;
	height: auto;
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
}
.categories.category-articles .categories-wrapper, .categories.category-articles .section-wrapper, .categories.other-categories .categories-wrapper, .categories.other-categories .section-wrapper, .categories.search-articles .categories-wrapper, .categories.search-articles .section-wrapper {
	-webkit-box-pack: normal;
	-ms-flex-pack: normal;
	justify-content: normal;
	display: block;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	border-radius: 2px;
}
.categories .category-item:last-of-type {
	margin-right: 0;
}
.categories.category-articles .content-view, .categories.search-articles .content-view {
	overflow: hidden;
	-webkit-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}
.categories.category-articles .categories-wrapper .content-view, .categories.category-articles .section-wrapper .content-view {
	margin-top: 50px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}
.categories.category-articles .category-item, .categories.search-articles .category-item {
	height: auto;
	min-height: auto;
	border-bottom: 1px solid #d8d8d8;
	padding: 13px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.section-wrapper .content-view .category-item:nth-child(-n+4) {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.categories.category-articles .category-item:not(.section-header):before, .categories.search-articles .category-item::before {
	height: 0;
	width: 0;
}
.categories.category-articles h4, .categories.search-articles h4 {
	font-size: 15px;
	margin: 0;
}
.section-wrapper .content-view .category-item{
	-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start
}

.categories.category-articles .category-item.category-header, .categories.category-articles .category-item.section-header, .categories.search-articles .category-item.category-header, .categories.search-articles .category-item.section-header {
	border-bottom: 1px solid #d8d8d8;
	height: 85px;
	cursor: auto;
	display: block;
	padding: 28px;
}
.page-header-description {
	font-size: 16px;
}
.knowledgebase-head h2,.article-header h2 {
	padding: 0;
	margin: 50px 0 15px 0;
	font-weight: 700;
	font-size: 26px;
}
.categories.category-articles .categories-wrapper, .categories.category-articles .section-wrapper {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.categories.category-articles .category-item.category-header h3, .categories.category-articles .category-item.section-header h3, .categories.search-articles .category-item.category-header h3, .categories.search-articles .category-item.section-header h3 {
	margin: 0 0 12px 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #171b24;
	font-size: 19px;
	font-weight: 600;
}


main.article .container {
	width: 100%;
	max-width: 760px;
}
main.article .container img{
	max-width: 100%;
	height: auto;
}

@media(max-width: 767px){
	.categories .categories-wrapper, .categories .section-wrapper{
		display: flex;
		flex-direction: column;
    	gap: 15px;
    	box-shadow: none;
    	-webkit-box-shadow: none; 
	}
	.categories .category-item{
		margin-right: 0;
		width: 100%;margin-bottom: 15px
	}
	.mobile-hide{display: none;}
	.knowledgebase-header .header-text{font-size: 20px}
}

.icon-box{
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-ms-flex-align:center;align-items:center;
	width: 60px;
	height: 60px;
	margin: auto;
	margin-bottom: 15px;
	border-radius:50%;
	-webkit-border-radius:50%;
	background: #2f2e7a1f;
}
.custom--table tr th{text-align: left;}
/* .custom--table tr th:last-child{text-align: right;} */
.check__box{
	overflow: hidden;
	display: inline-block;
	height: 32px;
	padding-top: 3px;
	vertical-align: top;
	position: relative;
}
.check__box label{display: block;}
.check__box [type="checkbox"]:not(:checked) + label,.check__box [type="checkbox"]:checked + label {
	position: relative;
	padding-left: 75px;
	cursor: pointer;
}
.check__box [type="checkbox"]:not(:checked) + label::before,.check__box [type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
	content: '';
	position: absolute;
}
.check__box [type="checkbox"]:not(:checked) + label::before,.check__box [type="checkbox"]:checked + label::before {
	left: 0;
	top: 0px;
	width: 65px;
	height: 30px;
	background: #DDDDDD;
	border-radius: 15px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}
.check__box [type="checkbox"]:not(:checked) + label::after,.check__box [type="checkbox"]:checked + label::after {
	width: 20px;
	height: 20px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 50%;
	background: #7F8C9A;
	top: 5px;
	left: 5px;
}
.check__box [type="checkbox"]:checked + label .ui,.check__box [type="checkbox"]:not(:checked) + label .ui::before, [type="checkbox"]:checked + label .ui::after {
	position: absolute;
	left: 6px;
	width: 65px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	top: 1px;
}
.check__box [type="checkbox"]:not(:checked) + label .ui::before {
	content: "No";
	left: 32px;
	top: 4px;
}
.check__box [type="checkbox"]:checked + label .ui::after {
	content: "Yes";
	color: #39D2B4;
}
.check__box [type="checkbox"]:not(:checked), .check__box [type="checkbox"]:checked {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	opacity: 0;
}
.check__box [type="checkbox"]:checked + label::before {
	background: #34495E;
}
.check__box [type="checkbox"]:checked + label::after {
	background: #39D2B4;
	top: 5px;
	left: 40px;
}


.btn-group-sm > .btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}
.features {
	margin-top: 35px;
}
.features li {
	font-size: 16px;
	padding: 5px 0 5px 26px;
	position: relative;
	list-style: none;
	text-transform: capitalize;
	background-position: 0 16%;
}
.features li::before {
	content: "\f00c";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
}
.card-panel ul.features li {
	font-size: 15px;
	padding-bottom: 10px;
}

.pricelabel
{
	font-weight: 700;
}
.pricelabel p {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}
.pricelabel sup {
	font-size: 24px;
}
.pricelabel span {
	font-size: 43px;
	color: #333;
	font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
}
.inactive {
	display: none;
}

.customdropdownmenu {
	border: 1px solid #b7bec6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: inset 0 0 1px rgba(255,255,255,0.95), 0 0 12px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.95), 0 0 12px rgba(0,0,0,0.1);
	padding: 0;
	margin: 15px 0 0 0;
	width: 270px;
}
.pull-right > .dropdown-menu {
	right: 0;
	left: auto;
}
.customdropdownmenu::before {
	content: '';
	border-bottom: 13px solid #ecf3fb;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	position: absolute;
	right: 10px;
	bottom: 100%;
	margin-bottom: -1px;
}
.tooltip-custom{}
.tooltip-custom .tooltip-text {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	font-size: 13px;
	position: absolute;
	z-index: 1;
	top: -5px;
	right: 105%;
	margin-right: 5px;
}
.tooltip-custom:hover .tooltip-text{
	visibility: visible;
}
.icon-ellipsis-h::before {
  content: "\f141";
  font-size: 22px;
  margin-left: 8px
}
.customdropdownmenu ul#sortable li {
	padding: 8px 10px;
	font-weight: normal;
	display: block;
	width: 100%;
}
ul#sortable li span {
	padding-right: 10px;
}
.customdropdownmenu ul li {
	padding: 0px;
	font-weight: normal;
	display: block;
	width: 100%;
	border-bottom: 1px solid #d2d6d9;
}

.customdropdownmenu ul li label{
	width: 100%;
	color: #333;
}
.customdropdownmenu ul li label span {
	padding-right: 10px;
	width: auto;
}
.customdropdownmenu ul li label span:last-child{
	padding-left: 10px;
}
ul#columns li label{
	display: flex;
}
.table > thead > tr > th{
	color: #111 !important;
	white-space: nowrap;
	font-weight: 600;
	font-size: 11px;
  	color: var(--light-color);
  	text-transform: uppercase;
}
.dataTables_empty{text-align: center !important;background-color: #fff !important}

@media (min-width: 768px){
	.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;}
	.space-large{padding: 60px}
}
.ui-widget .ui-datepicker-title select{
	font-size: 14px;
	color:#2f2e7a;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	padding: 3px 8px;
}
.ui-datepicker-header .ui-corner-all{
	top: 9px;
}
.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}
.mr-3{margin-right: 1rem !important}
.form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
}
input.form-control {
	display: block;
	width: 100%;
	/* height: 44px; */
	padding: 9px 15px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 8px ;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family: "proxima-nova",Arial,Helvetica,sans-serif;
}

.swal2-modal{
	padding: 0 !important;
	background-color: #fff !important;
	border-radius: 16px !important;
}
.swal2-modal .swal2-title#swal2-title{
	/*background-color:#2f2e7a !important;*/
	color: #2f2e7a!important;
	font-size: 22px !important;
	padding: 15px !important;
	padding-bottom: 30px !important;
	text-align: center !important;
	/* background: #ececec; */
	/* border-top: 1px solid #e0e0e0; */
	margin: 0;
}
#swal2-content{padding: 20px !important}

.swal2-modal .swal2-buttonswrapper{
	padding: 15px !important;
	border-top: 0px solid #d7d4d4;
	/* background: #ececec; */
}
.swal2-icon{border: 4px solid transparent !important;}
.swal2-modal .swal2-buttonswrapper .swal2-confirm{
	background: #2f2e7a !important;
	border-color: #2f2e7a !important;
	padding: 9px 20px!important;
}
.swal2-modal .swal2-buttonswrapper{
	padding: 9px 20px!important;
}
.swal2-modal .swal2-styled{
	line-height: 1.4;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
	right: 6px !important;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
	left: 7px !important;
}
.swal2-icon.swal2-error [class^="swal2-x-mark-line"]{
	top:29px !important
}
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip']{	
    left: 11px!important;
    top: 46px!important;
}
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
    right: -10px!important;
    top: 38px!important;
}
.img-fluid {
	max-width: 100%;
}
.right-lists{
	padding-right: 10px;
}
.h-100{height: 100%}
.borderd-wrapper{
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
}
.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.p-3{padding: 1.5rem}
.mt-0{margin-top: 0 !important}

@media (max-width: 767px){
	#main .box .box-title.d-flex h3{
		width: 100%
	}
	.languageswitch{
		-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important
	}
}

/*swal popup*/
.swal2-modal .swal2-buttonswrapper{margin-top: 0 !important;padding-top: 10px}
.swal-feedback,.swal-success {border-radius:10px;-webkit-border-radius:10px}
.swal-feedback .swal2-content,.swal-success .swal2-content,.swal-cancelled .swal2-content{border-top:1px solid #e0e0e0}
.swal-feedback .swal2-content,.swal-feedback .swal2-buttonswrapper,.swal-success .swal2-content,.swal-success .swal2-buttonswrapper{background:#ececec}
.swal-feedback #swal2-title,.swal-success #swal2-title{background:transparent;color:rgb(21, 153, 87);padding-bottom: 20px;}
.swal-feedback .swal2-buttonswrapper{display:-webkit-box !important;display:-ms-flexbox!important;display:flex !important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important; margin-top:0 !important}
.swal-feedback .swal2-buttonswrapper .swal2-styled,.swal-success .swal2-buttonswrapper .swal2-styled{width:175px;padding-left:0;padding-right:0;border-radius: 5px;-webkit-border-radius: 5px;}
.swal-feedback #swal2-title,.swal-success #swal2-title{padding-bottom:50px !important;font-size: 22px;}
.swal-feedback .swal2-icon.swal2-warning,.swal-success .swal2-icon.swal2-success{height:32px;width:32px;font-size:26px;}
.swal2-container .swal-feedback .swal2-content,.swal-success .swal2-content,.swal-cancelled .swal2-content{
    padding: 24px 30px;
    font-size: 16px;
	border-top: 1px solid #e0e0e0;
	line-height: 1.4;
	background: #ececec;
}
.swal-cancelled .swal2-buttonswrapper{background:#ececec}
.swal-feedback {width:100% !important;max-width:600px !important;}
.swal-success {width:100% !important;max-width:500px !important;}
.swal-feedback .swal2-icon.swal2-warning,.swal-success .swal2-icon.swal2-success{font-size:0;border:0}
.swal-feedback .swal2-icon.swal2-warning:before,.swal-success .swal2-icon.swal2-success:before{
	color: rgb(21, 153, 87);
	content: '\f118';
	font-size: 50px;
	font-family:FontAwesome;
	line-height: 1;
}
.swal-success .swal2-icon.swal2-success{display: block !important;margin-bottom: 0;margin-top: 30px; margin-bottom: 30px}
.swal-success .swal2-icon.swal2-success div,.swal-success .swal2-icon.swal2-success span{
	display: none;
}
.swal-success .swal2-title#swal2-title {
  padding-bottom: 50px;
  font-size: 22px;
  border: 0;
  background: white;
}
.swal-success .swal2-buttonswrapper{
	border: 0;
}
 .swal2-container .swal-success .swal2-content {
  padding: 24px 30px;
  font-size: 19px;
  border-top: 1px solid #e0e0e0;
  line-height: 1.4;
}

.widget_buttton_1.right-top{
	transform:none !important;
	-webkit-transform:none!important;
	-moz-transform: none!important;
	text-orientation: ver;
	writing-mode: vertical-rl;
	top: 0!important;
	right: 0!important;
	padding: 12px 10px!important;
}


/*.table-pagination-style */
div.dataTables_wrapper div.dataTables_paginate .paginate_button:not(.next){
	background: #fff !important;
	border-radius: 8px;
	width:45px;
	height: 30px;
	text-align: center;
	color: #888888 !important;
	border: 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

div.dataTables_wrapper div.dataTables_paginate span .paginate_button{
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
div.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	opacity: 1
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .paginate_button.current,
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers span .paginate_button:hover
 {
	background:#2F2E7A !important;
	color: #fff !important;
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
	border-radius: 8px !important;
	border: 0 !important
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous {
	color: #333333 !important;
	width: auto;
	border: 1px solid #333 !important;
	background: #fff !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous:hover{
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next {
	width: auto;
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 30px;
	text-align: center;
	border: 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #2f2e7a !important;
	color: #fff !important;

}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next.disabled{
	opacity: .8
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next:hover{
	background: #2f2e7a !important;
	color: #fff !important;
	opacity:1
}
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous.disabled:hover{
	color: #333333 !important;
	border: 1px solid #333 !important;
}
.dataTables_wrapper .dataTables_info {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 15px;
	float: none;
	color: #888888 !important;
	width: 100% !important;
	margin: 0;
}
div.dataTables_wrapper .dataTables_paginate {
	float: none;
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100% !important;
}
@media (max-width: 767px){
	.feedback-form .control-group select, .feedback-form .control-group input{
		margin-bottom: 15px
	}
	div.dataTables_wrapper .dataTables_paginate{
		flex-wrap: wrap;
	}
	/*div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous{
		order: 2
	}*/
	div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next{
		order: 3
	}
	/*.table.dataTable{
		display: flex;
		position: relative;
	}
	.table.dataTable thead {
		display: block;
		float: left;
	}
	.table.dataTable thead tr {
		display: block;
	}
	.table.dataTable thead th {
		width: auto !important;
		display: block;
	}
	.table.dataTable thead th, .table.dataTable tbody td,
	.table.dataTable .sorting, .table.dataTable .sorting_desc, .table.dataTable .sorting_asc {
		padding: 10px 10px;
		display: block;
	}
	.table.dataTable .sorting, .table.dataTable .sorting_desc, .table.dataTable .sorting_asc {
		padding-left: 25px;
		white-space: nowrap;
	}*/

	  div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous,
	  div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next {
			padding-left: 10px !important;
			padding-right: 10px !important;
			font-size: 0;
		}
	  div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous:before{
	  	content: "\f104";
	  	font-family:FontAwesome;
	  	font-size: 20px;
	  }
	  div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next:before{
	  	content: "\f105";
	  	font-family:FontAwesome;
	  	font-size: 20px;
	  }
		
		.table-responsive{border: 0}
		.dataTables_wrapper .dataTables_paginate .paginate_button{
			padding: 0.5em 0.5em;
			height: 38px;
		}
		div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next,
		div.dataTables_wrapper div.dataTables_paginate .paginate_button:not(.next){
			height: 38px;
			width: auto;
		}
}
.theme-color{color: #2F2E7A}
.title-20{font-size: 20px}
.thin{font-weight: 400}
.text-14{font-size: 14px}
.bold{font-weight: 600}
.upload-file {
	border: 2px dashed #CBD0DC;
	padding: 15px;
	text-align: center;
	border-radius: 12px;
	margin-bottom: 25px;
}
.upload-file p{
	color: #A9ACB4;
	margin-bottom: 25px;
}
.rating {
  display: flex;
  width: 100%;
  justify-content: space-between;
/*justify-content: start;*/
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }
.text-16{font: 16px}
.medium{font-weight: 600}
.gray-bg-rounded{
	background: #F9F9F9;
	padding: 12px;
	border-radius: 8px;
}
.mb-3{margin-bottom: 1.5rem}

/*Campaigns page css*/
.main-list {
    margin-bottom: 16px;
	z-index: 1;
}
.main-list:after {
   border: 0px solid #d8e2e7;
   content: '';
   position: absolute;
   left: 8px;
   right: 8px;
   top: 0;
   bottom: 0;
   z-index: -1;
}
.left-list {
    float: left;
    padding: 10px;
    margin-top: 4px;
}

.left-list h2.title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.middle-list {
   border-top: 1px solid #d8e2e7;
	padding: 10px;
	width: 100%;
	float: left;
	min-height: 200px;
}
.bottom-list .item {
    display: table-cell;
    width: 1%;
    text-align: center;
    padding: 14px 0;
    border-left: 1px solid#d8e2e7;
    background: #f6f8fa;
}
.bottom-list {
    border-left: 0px solid #ddd !important;
    border: 0px solid #ddd;
}
a{cursor:pointer;}

.alert-info1{/*background:#f5f5f5*/ background: #00c0ef;color: #fff;}
.camping-new .tab-content > .tab-pane{border: 1px solid #ddd; border-top:0}
.camping-new .alert-right {width: 95%;margin: 0;float: right !important;}
.camping-new .input-group-addon {display: block;position: absolute;right: 22px; padding: 0;top: 18px; z-index: 4;}

@media (max-width:1200px){
	.camping-new .pull-right {
	    float: none !important;
	}
}
@media (max-width:767px){
	.campaigns-list #offerForm{text-align: left;}
	.campaigns-list #offerForm label{float: none;}
}


/*Custom field css*/
.table-element.clearfix {
	clear: both;
}

#swal2-title {
	text-align: left;
}
.field-item {
	list-style: none;
	/*padding: 9px !important;
	margin-bottom: 3px;
	text-align: left;*/
	cursor: pointer;
}
.field-item:hover {
	background-color: #eee;
}
/*.swal2-modal{
	padding: 30px !important;
}*/
.field-data,.leftcontent p{
	text-align:left;
}
.swal-header input:not([type="checkbox"]):not([type="radio"]){
	width:100%;
}
.swal-tagline{
	font-size:12px;
}
.leftcontent{
	float:left;
}
.modal-header {
	padding: 15px 0;
}
.inputfield {
	width: 80%;
	margin-bottom: 15px;
	float:left;
}
.add-options{
	cursor:pointer;
}
.option-div{
	clear: both;
	display:block;
}
.rule{
	clear: both;
}
.option-element{
	max-height: 200px;
	overflow-y: scroll;
	width: 100%;
	padding: 10px;
}
.modal-actions {
	display: block;
	clear: both;
	margin-top: 65px;
}
.back,.back:hover{
	background-color: #ccc;
	float: left;
	color:#000;
}
.save,.save:hover{
	background-color: #000;
	float: right;
	color:#fff !important;
}
.table>tbody>tr>td{ border: 1px solid #ddd;}
.center.action-buttons {
	display: flex;
	justify-content: end;
	/* background: #ddd; */
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
p.field-data{
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	color: #222;
}
.box-content {background: #fff;}
.box .box-content{background: transparent;}
.table.table-hover.table-responsive td {
    text-align: left !important;
    font-weight: 400;
}
.swal2-modal{
	display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;
	-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important
}
#swal2-title{text-align: center;padding-top: 20px;/*order:1;*/}
/*.swal2-icon.swal2-success{order:2;}
#swal2-content{order:3;}*/
.space-20{
	background: #ececec;
padding: 10px 0px 15px 15px;}
.flex-item{
	display:-webkit-box;display:-ms-flexbox;display:flex;
 	justify-content: space-between;
}
.stars{
	display: flex;
	gap: 12px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.stars label input[type="radio"]{
	visibility: hidden;
	position: absolute;
}
.stars label input[type="radio"] + span{
	width: 50px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F3F1FF;
}
.stars label input[type="radio"]:checked + span{
	background: #FFD732;
}
textarea.textarea-box{
	height:100px;
	border-radius: 10px;
	resize: none;

}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc{
	background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%) !important;
}
.qr_code {
	border: 1px solid #ddd;
	padding: 12px;
	border-radius: 12px;
	margin: 15px auto;
	background: white;
	display: inline-flex;
	justify-content: center;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 600}
.multipe-option {
	flex-wrap: wrap;
	justify-content: start !important;
	gap: 10px;
	padding-left: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.multipe-option .form-check {
	display: block;
	flex: 0 0 48%;
	text-align: left;
}
.multipe-option .form-check input[type="radio"]{position: absolute;visibility: hidden;}
.multipe-option .form-check input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
  min-height: 22px;
}
.multipe-option .form-check input[type="radio"] + label::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 1px solid #2a2c32;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.multipe-option .form-check input[type="radio"]:checked + label::after {
	left: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #2a2c32;
}
.flex{display: flex;}
.flex:before,.flex:after{display: none;}
@media (max-width: 991px){
	.space-md{padding-top: 8px}
}
@media (max-width: 767px){
	div#widget-fancy-box-content {
		bottom: inherit;
		top: 0;
	}
	
}
@media (max-width: 680px){
	  .dashboard-advance #active_div .full_chart .col-md-6.chart-wrap>div{
		display: block !important;
  		margin: auto;
	}
	.dashboard-advance #active_div .full_chart .col-md-6.chart-wrap>div canvas{
		display: block;
	}
	.dashboard-advance #active_div .col-md-12.full_chart .col-md-6.chart-wrap .knob{
		margin: 0 !important;
		position: absolute !important;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

	}
}
@media only screen and (max-width: 500px){
	#main .box .box-content{
		padding: 10px;
	}
	.multipe-option .form-check{
		flex: 0 0 100%;
	}
	.dataTables_length label{
		padding: 8px 7px;
	}
	div.dataTables_wrapper .dataTables_paginate .paginate_button{
		padding:0.5em 0.5em;
	}
	.dataTables_wrapper .dataTables_paginate span.ellipsis{
		padding: 0 0.3em;
	}
	.stars label input[type="radio"] + span{
		width: 40px;
  		height: 40px;
	}
}
.text-18{font-size: 18px !important}
.logo{padding-top: 0px}
.header-image{text-align: center;}
.header-image img{width: auto;}
.dropmenu .dropdown-toggle span:after{display: none !important;}
.dataTables_wrapper div.dataTables_processing{
	background: transparent;
	width: auto;
	margin: 0;
  	transform: translate(-50%, -50%);
}
.loader img {
    z-index: 9;
    padding: 2px;	
	height:80px;
	width:80px;
	border-radius: 50%;
	display: none;
} 
.loader,.swal2-modal.swal-load.swal2-show.swal2-loading  {
  height: 0 !important;
  width: 0 !important;
  padding: 25px !important;
  border: 4px solid #d9dbde !important;
  border-right-color: #27303d !important;
  border-radius: 100px !important;
  -webkit-animation: rotate 0.6s infinite linear;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
} 
.my-swal2-container.swal2-container.swal2-center {
	align-items: start;
}

.my-swal2-container select,.my-swal2-container #swal2-content{
	width: 100%;
}
.alert.alert-messages {
	color: #155724;
	background-color: #d4edda !important;
	border-color: #d4edda;
	padding: 1.35rem 1.25rem !important;
	border-radius: 8px;
	margin-bottom: 20px !important;
}
@media (min-width: 768px){
	.sms-reports-summary-row{
		display: flex;
		margin-bottom: 25px;
	}
	.sms-reports-summary-row .panel{
		margin:0;
		height: 100%;
	}
}
.ai-chat-widget button{
	min-width: inherit;
}


.settings-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
  }

  .setting-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 8px 24px rgba(0,0,0,.05);
  }

  .setting-card h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
  }

  .setting-card p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.6;
  }

  .setting-form-group {
    margin-bottom: 14px;
  }

  .setting-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
  }

  .setting-form-group input, .setting-form-group textarea {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    outline: none;
  }

  .setting-form-group input:focus, .setting-form-group textarea:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 2px rgba(79,70,229,.1);
  }

  .setting-form-group .helper {
    font-size: 12px;
    color: #6b7280;
    margin-top: 6px;
    line-height: 1.5;
  }

  .settings-grid .btn {
    background: #4f46e5;
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    margin-top: 10px;
  }

  .settings-grid .btn:hover {
    background: #4338ca;
  }

  .settings-grid .link {
    color: #4f46e5;
    text-decoration: none;
    font-weight: 500;
  }

  .settings-grid .sidebar {
    text-align: center;
  }

  .settings-grid .icon-circle {
    width: 60px;
    height: 60px;
    background: #eef2ff;
    color: #4f46e5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 12px;
    font-size: 22px;
  }

  @media (max-width: 900px) {
    .settings-grid {
      grid-template-columns: 1fr;
    }
  }
.current-logo {
	width: 220px;
	height: 120px;
	border-radius: 12px;
	border: 1px solid #d1d5db;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	padding: 12px;
}
.current-logo img{
	max-width: 100%;
}
img{
	max-width: 100%;
}
 h2 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
  }

.custom-ol {
  padding-left: 20px;
}

.custom-ol li {
	padding: 5px 0;
	font-size: 14px;
}
.custom-ol li::marker {
  color: #4f46e5;
  font-weight: 600;
}
table.dataTable tbody th{
	padding: 15px 10px;
}

td ul.main-nav3{
	list-style-type: none;
	padding: 0;
}
.black-text{
	color: #000 !important;
}
#analytics-projecttype-tabs li{
	margin-bottom: 10px;
}
#analytics-projecttype-tabs li a{
	width: 100%;
}
.rating-card {
  width: 280px;
  padding: 25px 20px;
  text-align: center;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  font-family: 'Segoe UI', sans-serif;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rating-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

.rating-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}


/*Feedback Rating question*/
#swal2-content .swal-header {
    padding: 10px 0;
    text-align: left;
}
#swal2-content .swal-header input[type="file"] {
    border: 1px solid#ddd;
    padding: 10px 10px;
    height: auto;
}
#swal2-content .modal-actions .action-buttons a.btn.save {
    background: #2f2e7a;
}
#swal2-content .modal-actions .action-buttons a.btn.save:hover,
#swal2-content .modal-actions .action-buttons a.btn.save:focus {
    background: #393 !important;
    color:#fff !important;
}

#cke_notifications_area_message {top: 0 !important;right: 0;}
#cke_notifications_area_message .cke_notification {width: 100%;margin: 0;}
#cke_notifications_area_message .cke_notification a.cke_notification_close {
    filter: brightness(0) invert(1);
    opacity: 1;
}
#cke_notifications_area_message .cke_notification .cke_notification_message a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500;
}
#frmMessage .message-submit .btn-info.add_more {
    line-height: 1;
}

/*Report analytics page & admin roles button css*/
.btn-mini {
    padding: 5px 8px;
    line-height: 1;
    font-size: 13px;
    min-width: inherit;
    font-weight: 600;
}
.sms-reports-summary-row .panel {
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.lead {
    font-weight: bold;
    font-size: 25px;
}
.sms-reports-card-title {
    font-weight: 400;
    color: #444;
    font-size: 16px;
}

#sms-sidebar-panel-links a{
	padding: 6px 8px !important;
	border-radius: 8px !important;
}
#sms-sidebar-panel-links a:hover{
	background: #f3f5ff !important;
}
input[type="checkbox"], input[type="radio"] {
	margin: 4px 0 0 !important;
	zoom: initial !important;
}
table.dataTable thead th, table.dataTable tfoot th{
	font-weight: 500 !important;
	padding: 0px 10px!important;
	background:linear-gradient(180deg,#fbfbfc 0%,#f5f6f8 100%) !important;
	height: 46px;
	vertical-align: middle;
}
.position-relative{
  position: relative;
}
.toggle-password-text {
	position: absolute;
	right: 14px;
	top: 14px;
	cursor: pointer;
	color: #666;
}
.white-card {
	background: #fff;
	border-radius: 14px;
	padding: 20px;
	box-shadow: 0 8px 24px rgba(0,0,0,.05);
}
.grids {
	display: grid;
	gap: 20px;
}
.grid-col-2{
	grid-template-columns: 1fr;
}
@media(min-width: 768px){
	.grid-col-2{
		grid-template-columns: 1fr 1fr;
	}
	.flex-items{
		display: flex;
		align-items: start;
	}
}
.unstyled-list{
	padding-left: 20px;
}
#sms_panel_background_color,
#header_color{height: 30px;padding: 0;}


/*feedback*/
.feedbackform{max-width:550px; height: 100%; width: 100%; margin: 0px auto 0;padding:0 30px 30px; color:#000;background: #fff;border-radius: 20px;/*box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.11);*/display: flex;justify-content: center;align-items: center;}
.feedbackform h2{color:#000; text-align:center; font-size:40px; font-weight:bold}
.feedbackform h2 + p{text-align:center; font-size:16px;margin-bottom: 25px;}
.feedbackform h2 + span{display: block;text-align: center;}

.feedbackform p{font-size:16px; color:#000; margin-bottom: 15px;}
.feedbackform p.Poweredby {text-align: center; font-weight: 400; color: #888; margin:40px 0 0; font-size: 14px;}
.feedbackform .form-control{width:100%; height:42px; border-radius:5px !important; -webkit-border-radius:5px !important; padding-left:12px; padding-right:12px; margin-bottom:15px; padding-top:0; padding-bottom:0 }
.feedbackform .input-field .form-control{background:#fff;    margin: 0;}
.feedbackform textarea.form-control{height:100px; resize:none;padding-top:12px;margin: 0 0 5px;}
.feedbackform h3{color:#000; text-align:center; font-size:32px; font-weight:bold;}
.feedbackform .btn{background:#12cfa4/*rgb(193 193 193)*/; width:100%;height:55px; color:#ffffff; margin-left:0; text-transform:uppercase; font-weight:600; margin-top:20px}
.feedbackform .btn:hover,.feedbackform .btn:focus,.feedbackform .btn:active{background:#0eb28d}
.feedbackform #default_comment {
	height: 100px;
}
.feedbackform .btn{clear:both}

.feedbackform .table-rate .number span img{opacity: 1}
.rating .smily_1:before {background-image: url(../smilies/1.svg);}
.rating .smily_2:before {background-image: url(../smilies/2.svg);}
.rating .smily_3:before {background-image: url(../smilies/3.svg);}
.rating .smily_4:before {background-image: url(../smilies/4.svg);}
.rating .smily_5:before {background-image: url(../smilies/5.svg);}

.feedbackform .table-rate .number {font-size: 12px; text-align: center; width: auto; margin: 0 0 30px;}
.feedbackform .rating > span input[type="radio"]:checked + label:before {opacity: 1 !important; filter: grayscale(0);}
.feedbackform .table-rate .number span,
.feedbackform .rating > span  label{cursor: pointer;border: 2px solid rgb(193 193 193);display: block; margin: 4px; border-radius: 50px; height: 64px; width: 64px; text-align: center;}
.feedbackform .rating.rating_skin_2 > span label{margin: 0;border-radius:0;-webkit-border-radius: 0;display:flex;justify-content: center;align-items: center; font-size: 19px;color:  rgb(80,80, 80);}
.feedbackform .rating.rating_skin_2 > span label:before{content: '';display: none;}
.feedbackform .rating.rating_skin_2 > span:first-child label{border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-right-width: 1px;}
.feedbackform .rating.rating_skin_2 > span:last-child label{border-radius: 0 5px 5px 0;-webkit-border-radius:0 5px 5px 0}
.feedbackform .rating.rating_skin_2 > span label:hover{background-color:   rgb(80,80, 80);color:#fff  !important}

.feedbackform .rating.rating_skin_2 > span + span label{border-left-width: 1px;border-right-width: 1px;}

.feedbackform .rating.rating_skin_2 > span:last-child label{border-right-width: 2px;}

.feedbackform .widget_2 .popup-title {
	margin-top: 0;
	margin-bottom: -15px;
	text-align: center;
	font-size: 18px;
}
.feedbackform .widget_2 .table-rate .inner {
 	padding: 0px 0;
}
.feedbackform .widget_2 .table-rate .inner .error {
 	padding: 0 0;
}
.btn-flex {
	display: flex;
	gap: 4px;
	
}
.btn-flex .btn{margin-left:0}
.small-swal {
	width: 100% !important;
	max-width: 420px !important;
}
.swal2-modal.small-swal .swal2-title#swal2-title{
	background: transparent !important;
	border-top: 0 !important;
	padding: 1px !important;
	font-size: 20px !important;
}
.swal2-modal.small-swal #swal2-content{
  font-size: 14px;
  color: #666;
  margin: 10px 20px 20px;
  padding: 0 !important;
}
.swal2-modal .swal2-styled {
	border-radius: 8px !important;
	font-size: 14px!important;
}
.swal2-modal.small-swal .swal2-buttonswrapper{
	border-top: 0 !important;
}
.swal2-icon{
	width: 60px !important;
	height: 60px !important;
}
.swal2-modal .swal2-icon.swal2-warning{
	font-size: 39px;
  	line-height: 63px;
}
.swal2-modal .swal2-buttonswrapper .swal2-cancel{
	background: #f9283c !important;
  	color: #fff;
}
.swal2-modal .swal2-buttonswrapper .swal2-cancel:hover {
  background: #dc3545 !important;
}
.pt-4{
	padding-top: 1.5rem;
}
.child-loader{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
.loader  {
  height: 0 !important;
  width: 0 !important;
  padding: 25px !important;
  border: 4px solid #d9dbde !important;
  border-right-color: #27303d !important;
  border-radius: 100px !important;
  -webkit-animation: rotate 0.6s infinite linear;  
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
} 
@media (max-width:620px){
	#main.feedback__wrap{
		background:#fff
	}
}
.reviews-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.2s;
}
.reviews-item .rating{margin:0 !important;padding:0 !important}
.left {
	display: flex;
	align-items: center;
	gap: 12px;
}
.right {
	text-align: right;
}
.dashboard-advance #feedback_div ul li .reviews-item .img{
	padding-right: 0;
  	flex: 0 0 40px;
}
.dashboard-advance #feedback_div ul li .reviews-item .detail .user_count{
	margin-right:0
}
.rating-number {
	font-size: 48px;
	font-weight: 600;
	color: #2563eb;
}
.sms-notification-bell-icon{
	line-height: 0;
}
.img-cirlce{
	border: 1px solid #c7c7c7;
	object-fit: contain;
}
@media (min-width: 768px){
	#ts-ticket-form {
		display: flex;
		width: 100%;
		align-items: start;
	}
	#ts-ticket-form input, #ts-ticket-form select{
		width: 100%;
	}
	#content{
		flex:1;
		width: auto !important;
		max-width: calc(100% - 60px);
	}
}

.sms-google-reviews-review-head {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.sms-google-reviews-author {
	font-size: 16px;
	font-weight: 600;
}
.swal2-actions {
	padding-bottom: 20px;
}
.swal2-icon.swal2-warning{
	border: 4px solid #f8bb86 !important;
}
.flex-btns .btn + .btn {
	margin-left: 0px;
}
@media (max-width: 680px){
	.sms-notification-dropdown{
		right: auto !important;
		left: 0 !important;
	}
	tr td:last-child{white-space: nowrap;}
	tr td:last-child .field-detail {
		display: flex;
	}
	.dataTables_wrapper .dataTables_filter{
		width: 100%;
		max-width: 200px;
		margin:0;
		margin-right: 10px;
	}
	.dataTables_filter label input{
		width: 100%;
	}
	.dataTables_wrapper .dataTables_filter label::before{
		right: 10px;
	}
	.dataTables_wrapper .dataTables_length{
		margin:0
	}
	.dataTables_length select{
		padding: 0 5px;
	}
}

#navigation.nav-main{z-index: 9;}

.summary-card{
    background:linear-gradient(135deg,#7d5cff,#5b3df6);
    border-radius:30px;
    padding:28px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:28px;
    color:#fff;
    overflow:hidden;
    position:relative;
	text-align: left;
}
.summary-card::before{
    content:"";
    position:absolute;
    right:-60px;
    top:-60px;
    width:220px;
    height:220px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
}
.summary-left h3{
    font-size:34px;
    font-weight:700;
    margin-bottom:8px;
	text-align: left;
	color: #fff !important;
}
.summary-left p{
    font-size:15px;
    opacity:.9;
	color: #fff !important;
	text-align: left;
}
.summary-right{
    display:flex;
    align-items:center;
    gap:18px;
    z-index:2;
}
.summary-icon{
    width:88px;
    height:88px;
    border-radius:28px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:42px;
}
.summary-score h1{
    font-size:56px;
    line-height:1;
    font-weight:700;
}
.summary-score span{
    font-size:16px;
    opacity:.9;
}
.feedback-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:22px;
}
.feedback-card{
    background:#fff;
    border-radius:26px;
    padding:20px;
    position:relative;
    overflow:hidden;
    border:1px solid #e4e8f4;
    transition:.3s ease;
	text-align: left;
}
.feedback-card:hover{
    transform:translateY(-6px);
}
.feedback-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(to right,#7a5cff,#5a3cf5);
}
.user-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}
.user-left{
    display:flex;
    align-items:center;
    gap:14px;
	text-align: left;
}
.user-icon{
    width:60px;
    height:60px;
    border-radius:20px;
    background:#fff4cf;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
	flex: 0 0 60px;
}
.user-info h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:2px;
}
.user-info p{
    font-size:13px;
    color:#7b8398;
}
.rating-badge{
    background:#f4f1ff;
    color:#5d43f4;
    padding:8px 12px;
    border-radius:12px;
    font-size:14px;
    font-weight:600;
}
.stats-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.stat-box{
    background:#f7f8fc;
    border-radius:18px;
    padding:14px;
}
.stat-box span{
    display:block;
    color:#7d8499;
    font-size:12px;
    margin-bottom:8px;
}
.stat-value{
    font-size:26px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
}
.feedback-card .star{
    color:#ffb400;
}
.user-count{
    color:#5a3cf5;
}
@media(max-width:768px){
    .summary-card{
        flex-direction:column;
        align-items:flex-start;
    }
    .summary-left h3{
        font-size:28px;
    }
    .summary-score h1{
        font-size:44px;
    }
}
#ts-feedback-qa-body table{
	border: 1px solid #ddd;
}

.detail-info-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 18px;
	margin-bottom: 28px;
}
.detail-info-box {
	background: #f8f9fe;
	border: 1px solid #eceef8;
	border-radius: 20px;
	padding: 12px;
}
.detail-info-box strong {
	display: block;
}
.qa-card{
    background:#fafbff;
    border:1px solid #eceff8;
    border-radius:22px;
    overflow:hidden;
    margin-bottom:26px;
}

.qa-row{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.qa-row div {
	padding: 12px 18px;
	border-bottom: 1px solid #eceff8;
	font-size: 13px;
}

.qa-row div:nth-child(1),
.qa-row div:nth-child(2){
    font-weight:700;
    background:#f4f6ff;
}

.qa-row:last-child div{
    border-bottom:none;
}
.equal-box{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
  	height: 100%;
}
.equal-box .sms-reports-card-title{
	font-size: 14px;
    flex: 1;
}
.equal-box .lead{
	margin-bottom: 0;
	margin-top: 15px;
}
.customdropdownmenu .modal-footer{
	text-align: left;
	padding: 10px;
}
div.branch-switcher-wrap{
	background-color:#ffffff !important;
}
.branch-switcher-wrap select#branch-switcher-select{
	background-color:#ffffff !important;
	height: auto;
  	box-shadow: none;
}
.dashboard-advance #active_div.userdetails-section .full_chart {
	background: linear-gradient(135deg, #5b54e6, #7b6ef0);
  color: #fff;
  border-radius: 14px;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.dashboard-advance #active_div.userdetails-section .chart-wrap{
	text-align: right;
}
td .field-detail {
	display: flex;
	gap: 5px;
}
td .field-detail .btn{
	margin:0
}
.permissions-grid-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .15s ease;
  font-size: 14.5px;
  line-height: 1.3;
}
.permissions-grid-item:hover {
	background: #f7f7fc;
}
.log-filter-form input[type="date"]{margin-bottom: 0;}
@media (max-width:680px){
	.log-tabs-modern > li > a{
		padding: 8px 12px !important;
	}
	.log-filter-form{
		flex-direction: column;
	}
	.sms-reports-header{padding-bottom:10px}
}