@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
html,
body {
  height: 100%;
  font-family: "Roboto", sans-serif;
  background-color: #192430;
  font-size: 14px;
  color: #192430;
  line-height: 20px;
  font-weight: 400;
}

html {
  min-height: 100%;
}

body {
  position: fixed;
  width: 100%;
  height: 100%;
}

img {
  display: block;
  max-width: 100%;
  border: 0;
  outline: 0;
}

table img {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  margin: 10px 0;
}

h1.page-title {
  font-size: 128%;
  margin: 0 20px 0 0;
  line-height: 30px;
}

h2 {
  font-size: 170%;
  line-height: 130%;
  font-weight: 700;
}

h3 {
  font-size: 142%;
  line-height: 130%;
  font-weight: 400;
  color: #336496;
}

table h3 {
  color: inherit;
}

h4 {
  font-size: 128%;
  line-height: 130%;
}

h5 {
  font-size: 128%;
  line-height: 130%;
}

a {
  color: #347ab8;
  outline: none;
}

a:hover {
  color: #1760ac;
}

input,
button,
select,
textarea {
  outline: 0;
}

select {
  padding-right: 20px;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
  min-width: 140px;
  /* border: 1px solid #e5e5e7; */
  background: #fff;
  padding: 5px;
  padding: 5px 0;
  line-height: 18px;
  margin: 0;
  box-sizing: border-box;
}

input[type="button"],
input[type="submit"] {
  border: 0;
}

/*input[type="checkbox"] {width: 15px; height: 15px; border: 1px solid #f00;  margin: 6px 10px 0 0; display: inline-block; vertical-align: top;}*/

label input[type="checkbox"] {
  display: none;
  /* <-- hide the default checkbox */
}

label span {
  /* <-- style the artificial checkbox */
  height: 15px;
  width: 15px;
  border: 1px solid grey;
  display: block;
  position: relative;
  float: left;
  margin: 7px 5px 0 0;
}

input[type="checkbox"]:checked + span:before {
  content: "\2714";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #8bbc21;
}

.ui-icon-triangle-1-s {
  display: none;
}

ul {
  padding: 0;
}

li {
  list-style-type: none;
}

.marX15 {
  margin-left: -15px;
  margin-right: -15px;
}

/*color and background*/

.white-bg {
  background: #fff;
}

.grey-bg {
  background: #f2f3f5;
}

.off-white-bg {
  background: #f9f9f9;
}

.blue {
  background: #4a79a7;
}

.sea-blue {
  background: #4aa895;
}

.deep-blue {
  background: #1661ab !important;
}

.light-green {
  background: #aec33a;
}

.fadedGreen {
  background-color: #4c8c4a;
}

.yellow {
  background: #e4c221;
}

.orange {
  background: #d58741;
}

.light-orange {
  background: #ffccbc !important;
}

.red {
  background: #d65656;
}

.deep-grey {
  background: #4c4c4c !important;
}

.light-blue {
  background: #bbdefb !important;
}

.sky {
  background: #c5e1a5 !important;
}

/*padding*/

.global-padding {
  padding: 20px 10px;
}

.offset-left-0 {
  padding-left: 0;
}

.offset-right-0 {
  padding-right: 0;
}

/*margin*/

.margin-top {
  margin-top: 15px;
}

.arrowDown,
.arrowUp {
  position: relative;
}

.arrowDown:after {
  content: "\f063";
  color: #f00;
  font-size: 85%;
  font-family: fontAwesome;
  position: absolute;
  margin-left: 5px;
  top: 10px;
}

.arrowUp:after {
  content: "\f062";
  color: #709b2c;
  font-size: 85%;
  font-family: fontAwesome;
  position: absolute;
  margin-left: 5px;
  top: 9px;
}

.secHeading {
  margin-bottom: 20px;
}

.dragIcon {
  width: 12px;
  height: 20px;
  display: block;
  color: #b4b6bb;
  position: absolute;
  right: 0;
  top: 5px;
}

.dragIcon:after {
  font-family: fontAwesome;
  content: "\f047";
}

#wrapper {
  width: 100%;
  /*overflow-x: hidden;*/
  height: 100%;
}

.loginForm {
  max-width: 330px;
  margin: 0 auto;
}

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

#page-wrapper {
  /* min-height: 568px;*/
  position: relative !important;
  /*padding-bottom: 50px;*/
  height: 100%;
}

.nav-header {
  background-color: #1661ab;
  /* height: 50px; */
  height: 100px;
  box-sizing: border-box;
  padding: 10px 20px;
  transition: all 0.4s;
}

body.mini-navbar .nav-header {
  height: 50px;
}

.nav-header > div {
  height: 100%;
}

.nav-header a {
  display: block;
  text-align: left;
  height: 100%;
}

.nav-header .logo-element-big img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.nav-header .logo-element img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.logo-element {
  text-align: center;
  display: none;
  padding: 8px;
}

body.mini-navbar .logo-element {
  display: block;
}

body.mini-navbar .logo-element-big {
  display: none;
}

body.mini-navbar .nav-header {
  padding: 0;
  background-color: #1661ab;
}

.md-icon {
  width: 45px;
  height: 45px;
  display: block;
  float: left;
  margin-right: 10px;
}

.md-icon svg {
  height: 100%;
}

.btn {
  border-radius: 0;
  outline: 0;
  color: #fff;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  box-sizing: border-box;
  min-width: 155px;
  padding: 10px;
  line-height: 20px;
  position: relative;
  border: 0;
}

.btn:active,
.btn.active {
  box-shadow: inherit;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
  outline-offset: inherit;
  color: #fff;
}

.btn:hover {
  background: #192430;
  color: #fff;
}

.save-button,
.nav > li > a.save-button {
  padding: 6px 10px;
  /* width: 50px; */
  min-width: inherit;
  margin: 0;
  display: inline-block;
}

.primary-button {
  background: #1760ac !important;
  color: #fff !important;
}

.success-button {
  background: #4aa895 !important;
  color: #fff !important;
}

.whtxt {
  color: #fff !important;
  float: right;
}

.primary-button:hover,
.success-button:hover,
.deep-grey:hover {
  opacity: 0.75;
}

.compareButton {
  min-width: 77px;
  padding: 5px !important;
  margin: 0;
}

.inlineBtn {
  display: inline-block !important;
  width: auto !important;
  text-align: center;
  min-width: 150px;
  border: none !important;
  margin-bottom: 0 !important;
}

/*navigation start*/

.nav > li > a:hover,
.nav > li > a:focus {
  background: none;
  color: #1661ab;
}

.nav > li > a.btn:hover,
.nav > li > a.btn:focus {
  background: #192430;
  color: #fff;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover svg,
.nav .open > a svg {
  background: none;
  color: #1661ab;
  fill: #1661ab;
}

.navigation {
  min-height: 50px;
  border-bottom: 1px solid #f1f1f1;
  margin: 0;
}

.navbar-header {
  display: inline;
  float: left;
}

.navbar-minimalize {
  width: 50px;
  height: 50px;
  display: block;
  background: #192430;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
}

.navbar-minimalize img {
  width: 30px;
}

/*navigation end*/

/*sidebar start*/

.metismenu {
  overflow-y: auto;
  overflow-x: hidden;
}

#sidebar.navbar-default {
  background-color: inherit;
}

#sidebar .nav > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#sidebar .nav > li > a {
  padding: 0 15px 0 0;
  color: #fff;
  font-size: 105%;
  line-height: 50px;
}

#sidebar .nav > li > a.has-sub:after {
  content: "\f107";
  display: block;
  font-family: fontAwesome;
  position: absolute;
  right: 10px;
  top: 0;
}

#sidebar .nav > li.active > a.has-sub:after {
  content: "\f106";
}

#sidebar .nav > li > a span.nav-label {
  padding-left: 10px;
}

#sidebar .nav > li > a:hover,
#sidebar .nav > li > a:focus,
#sidebar .nav > li.active > a {
  background: #4aa895;
}

#sidebar .nav > li > a:hover .sidebar-icon,
#sidebar .nav > li.active > a .sidebar-icon {
  background: inherit;
}

.sidebar-icon {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar-icon svg,
#sidebar .nav > li > a:hover svg {
  fill: #fff;
}

.sidebar-icon img {
  height: 100%;
  margin: 0 auto;
}

.arrow {
  float: right;
  display: block;
  margin: 22px 0;
}

.fa.arrow:before {
  content: "\f104";
}

.active > a > .fa.arrow:before {
  content: "\f107";
}

/*sidebar end*/

.filterPanel {
  padding: 10px 25px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  min-height: 51px;
  position: relative;
}

.filterPanel .success-button {
  min-width: inherit;
  padding: 5px 10px;
  margin: 0;
}

.searchByList {
  position: absolute;
  left: 15px;
  top: 10px;
}

.tableline {
  clear: both;
}

.tableline .searchByList {
  position: static;
  display: inline-block;
  margin-bottom: 15px;
  display: block !important;
}

.tableline .amcharts-chart-div svg {
  top: 30px !important;
}

.searchByList.collapse {
  display: block;
}

.nav-pills > li + li {
  margin: 0;
}

.nav-pills > li {
  line-height: 30px;
  border-left: 1px solid #e6e6e6;
}

.nav-pills > li:first-child {
  border: 0;
  /* margin-right: 10px*/
}

.nav-pills > li > a {
  padding: 0 15px;
  border-radius: 0;
  color: #192430;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
  background: #1661ab;
  color: #fff;
}

.tableline .searchByList li {
  display: inline-block !important;
}

.menu-icon {
  display: flex;
  float: left;
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  align-items: center;
}

.menu-icon svg {
  fill: #192430;
  width: 20px;
}

.headerRight {
  float: right;
}

.headerRight > li {
  float: left;
  /*border-left: 1px solid #e6e6e6;*/
}

.headerRight > li > a {
  padding: 10px 25px;
  display: block;
  line-height: 30px;
  color: #192430;
  font-weight: 700;
  border-left: 1px solid #e6e6e6;
}

.headerRight > li:last-child > a {
  margin-right: 0;
}

.caret {
  border: 0;
  width: 10px;
  height: 8px;
  margin-left: 10px;
}

.notification .caret {
  width: 25px;
  height: 25px;
  margin: 0;
}

.headerRight > li > a:hover,
.headerRight > li > a:focus,
.headerRight .open > a,
.headerRight .open > a:hover,
.headerRight .open > a:focus {
  background-color: #f9f9f9;
  border-color: #e6e6e6;
}

.avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  /* float: left; */
  border: 1px solid #f1f3f5;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
}

.visible-tab {
  display: none;
}

.headerBottom {
  position: relative;
}

.dropdownNav.collapse {
  display: block;
  height: auto !important;
}

.dropdownNav {
  padding: 5px 15px;
}

ul.selectList {
  width: 100%;
  padding: 5px 0;
  display: flex;
  display: -webkit-flex;
}

ul.selectList > li {
  box-sizing: border-box;
  border-left: 1px solid #e2e3e5;
  padding: 0 10px;
  font-size: 95%;
  line-height: 30px;
  flex: 1;
  -webkit-flex: 1;
}

ul.selectList > li:first-child {
  border: 0;
  padding-left: 0;
}

ul.selectList > li:last-child {
  padding-right: 0;
}

ul.selectList > li#filterButton,
ul.selectList > li.goPanel {
  display: flex;
  flex: 0;
}

ul.selectList > li input {
  width: calc(100% - 30px);
  min-width: auto;
  padding: 5px;
  border: 1px solid #e5e5e7;
}

ul.selectList > li.currencyWrap {
  min-width: 210px;
}

.selectList li p {
  margin: 0;
}

ul.selectList > li select {
  width: calc(100% - 30px);
  border: 0;
  padding: 0 15px 0 5px;
  background: transparent;
  line-height: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../img/icons/dropdown.svg) no-repeat 100% 50%;
  background-size: 10px auto;
}

.dateWrap {
  width: calc(100% - 30px);
  display: block;
  float: left;
  overflow: hidden;
}

ul.selectList > li .comiseo-daterangepicker-triggerbutton.ui-button {
  width: 100%;
  min-width: inherit;
  border: 0;
  margin: 0;
  padding: 0 15px 0 5px;
  background: transparent;
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../img/icons/dropdown.svg) no-repeat 100% 50%;
  background-size: 10px auto;
}

.ui-datepicker .ui-datepicker-header {
  border: 0;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 5px;
}

.comiseo-daterangepicker .ui-state-highlight,
.comiseo-daterangepicker .ui-widget-content .ui-state-highlight,
.comiseo-daterangepicker .ui-widget-header .ui-state-highlight {
  background: #cbd9e7;
  color: #1661ab;
  border: 0;
}

.comiseo-daterangepicker .ui-menu .ui-menu-item-wrapper {
  padding: 5px 10px;
  display: block;
}

.dateType li.current-menu-item a,
.dateType li a:hover {
  background: #d58741;
  color: #fff;
}

ul.selectList > li.goPanel {
  flex: initial;
  -webkit-flex: initial;
}

ul.selectList > li.compareItem {
  flex: initial;
  -webkit-flex: initial;
  min-width: 100px;
}

ul.selectList > li select.curr-custom {
  width: calc(100% - 140px);
}

.currencySelect {
  width: 110px;
  display: block;
  float: left;
}

ul.selectList > li label {
  margin: 0;
  line-height: 30px;
  color: #1661ab;
}

/*ul.selectList > li.multiSelectItem{ max-width: inherit; width: 20%; max-height: 30px;}*/

.comparedates,
.comparedatescompare {
  min-width: 25%;
}

.btn-group.open .multiselect {
  box-shadow: inherit;
}

.multiselect-native-select {
  text-align: left;
  width: calc(100% - 30px);
  display: block;
  float: left;
}

.multiselect-native-select .btn-group {
  width: 100%;
}

.multiYears option {
  display: none;
}

.multiselect {
  width: 100%;
  border: 0;
  padding: 0 20px 0 10px;
  background: transparent;
  line-height: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../img/icons/dropdown.svg) no-repeat 100% 50%;
  background-size: 10px auto;
  text-align: left;
}

.multiselect-container {
  width: 100%;
}

.multiselect-container > li > a > label > input[type="checkbox"] {
  display: block;
  margin-top: 8px;
}

.headerRight .dropdown-menu {
  /* min-width: 250px; */
  min-width: 100%;
  border-radius: 0 0 3px 3px;
  border: 0;
  border-top: 3px solid #1661ab;
}

.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
  color: #1661ab;
}

.multiselect-container > li.active > a > label.radio,
.multiselect-container > li.active > a > label.checkbox {
  color: #fff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #1661ab;
}

.appendList {
  padding: 5px 25px;
  background: #bbdefb;
  margin-left: -25px;
  margin-right: -25px;
  width: auto;
}

/*breadcrumb start*/

.breadcrumb {
  background: transparent;
  border-radius: 0;
  margin: 0;
  padding: 20px 25px;
}

.breadcrumb > .active {
  color: #192430;
}

.breadcrumb > li + li:before {
  color: #192430;
}

/*breadcrumb end*/

/*.searchByBtn{ display: none;}
.navbar-collapse.collapse.searchcollapse{ display: none !important;}*/

.mainContent {
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.mainContentInn {
  position: relative;
  min-height: 100%;
  padding-top: 15px;
  padding-bottom: 44px;
  box-sizing: border-box;
}

/*datepicker start*/

.ui-datepicker {
  padding: 0;
  background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content {
  border: 1px solid #e6e6e6;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border-radius: 0;
  background: #f9f9f9;
}

.ui-datepicker .ui-datepicker-title {
  font-size: 100%;
  text-transform: uppercase;
  font-weight: 400;
  color: #4d5155;
  line-height: 34px;
}

.ui-datepicker table {
  margin: 0;
  overflow: hidden;
  min-width: inherit;
}

.ui-datepicker table thead {
  background: #192430;
}

.ui-datepicker td {
  padding: 0;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.ui-datepicker td span,
.ui-datepicker td a.ui-state-default {
  border: 0;
  text-align: center;
}

.ui-datepicker td a.ui-state-active {
  background: #1661ab;
}

.ui-datepicker td a.ui-state-highlight {
  background: #cbd9e7;
  color: #1661ab;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 0;
  font-size: 128%;
  font-weight: 700;
  cursor: pointer;
  top: 0;
  border-radius: 0;
  width: 34px;
  height: 34px;
  font-family: fontAwesome;
  line-height: 34px;
  text-align: center;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-prev:hover {
  border: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}

.ui-datepicker .ui-datepicker-prev:after {
  content: "\f104";
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
}

.ui-datepicker .ui-datepicker-next:after {
  content: "\f105";
}

/*datepicker end*/

/*slick slider*/

.slick-track {
  padding: 10px 0;
}

.slick-arrow {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 50px;
  background: #192430;
  color: #fff;
  width: 30px;
  height: 50px;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 1;
  font-family: fontAwesome;
}

.slick-prev {
  left: 0;
}

.slick-prev:after {
  content: "\f104";
  font-size: 16px;
}

.slick-next {
  right: 0;
}

.slick-next:after {
  content: "\f105";
  font-size: 16px;
}

/*color box start*/

.colorBox {
  position: relative;
  padding: 0;
}

.colorBox > .row {
  margin-left: -15px !important;
}

.colorBox a {
  color: #fff;
}

.color-col {
  margin: 0;
  outline: 0;
  box-sizing: border-box;
  /*float: left;*/
}

.colorBoxItem {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  height: 100%;
  padding-top: 15px;
  position: relative;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

/*.slick-current .colorBoxItem{ transform: scale(1.08); margin: 0 7px;}
.colorBoxDashboard .slick-current .colorBoxItem{ transform: inherit; margin: 0;}*/

.colorBoxIcon {
  width: 70px;
  height: 70px;
  padding: 14px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  display: block;
  box-sizing: border-box;
  margin: 0 auto 15px;
}

.colorBoxIcon svg {
  height: 100%;
  width: auto;
  fill: rgba(255, 255, 255, 0.4);
}

.colorBoxItem:after {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 100px;
  height: calc(100% - 100px);
  content: "";
  z-index: 1;
}

.colorBoxContent {
  padding: 10px 5px 15px;
  position: relative;
  z-index: 2;
}

.colorBoxContent h5 {
  margin: 0;
  font-weight: 300;
  line-height: 180%;
  font-size: 115%;
}

.colorBoxContent h5 span {
  display: block;
  font-weight: 700;
  font-size: 200%;
}

.colorBoxContent h5 span sup {
  font-size: 50%;
  font-weight: 300;
  padding-top: 5px;
}

.smlColorBox {
  padding: 10px 10px;
}

/*color box end*/

.dateList {
  margin: 10px 0 0 0;
}

.dateList li {
  float: left;
  padding: 0 20px;
  border-right: 1px solid #e6e6e6;
}

.dateList li a {
  color: #192430;
  display: block;
  font-weight: 500;
}

.dateList li.active a,
.dateList li a:hover {
  color: #d58741;
}

.dateList li:last-child {
  border-right: 0;
}

/*data list start*/

.dateType {
  margin: 0 15px 15px 0;
}

.headerBottom .dateType {
  margin: 0;
}

.dateType li {
  float: left;
  margin-right: 2px;
  line-height: 30px;
}

.dateType li a {
  padding: 0 15px;
  border-radius: 0;
  color: #192430;
  display: block;
  background: #f9f9f9;
}

.dateType li a i {
  display: none;
}

.dateType li.active a,
.dateType li a:hover {
  background: #d58741;
  color: #fff;
}

.dateType li:last-child {
  border-right: 0;
}

/*data list end*/

/*statistic list start*/

.statisticList {
  margin: 0;
}

.statisticList li {
  float: left;
  margin-left: 2px;
}

.statisticList li:last-child {
  border-right: 0;
}

.statisticList li a {
  display: block;
  line-height: 30px;
  color: #fff;
  padding: 5px 10px 5px 5px;
}

.statisticList li a svg {
  fill: #fff;
}

.statisticList li a:hover,
.statisticList li a:hover svg,
.statisticList li.active a,
.statisticList li.active a svg {
  color: #fff;
  fill: #fff;
  background: #192430 !important;
}

/*statistic list end*/

/*button List start*/

.buttonList {
  margin: 0;
}

.buttonList li {
  float: left;
  line-height: 30px;
  padding: 0 20px;
  border-left: 1px solid #e5e5e5;
}

.buttonList li:last-child {
  padding-right: 0;
}

.buttonList li:first-child {
  border: 0;
}

.buttonList li a {
  color: #192430;
  display: block;
}

.buttonList li a:hover,
.buttonList li a:hover .menu-icon svg {
  color: #1661ab;
  fill: #1661ab;
}

/*button List end*/

/*sortable start*/

.gridContent {
  padding: 0 0 15px 0;
}

.gridContent h2 {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  text-transform: capitalize;
}

h2.fullHeading {
  display: block;
  max-width: none;
}

h2 > span {
  font-size: 80%;
}

.gridContent .btn {
  margin: 0;
}

.grid-stack {
  min-height: 600px;
}

.drag-handle {
  cursor: move;
}

.animated #sortableArea {
  -webkit-animation-duration: inherit;
  animation-duration: inherit;
  -webkit-animation-fill-mode: inherit;
  animation-fill-mode: inherit;
}

.sortRow {
  margin-bottom: 20px;
}

.sortRowHead {
  margin-bottom: 10px;
}

.sortRowHead h2 {
  margin-bottom: 5px;
}

.sortBox {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  padding: 20px;
}

.sortColumnHead {
  position: relative;
}

.heading-icon {
  height: 30px;
  width: 45px;
  padding-right: 10px;
  box-sizing: border-box;
  display: inline-block;
  float: left;
}

.heading-icon img {
  height: 100%;
  width: auto;
}

.heading-icon svg {
  height: 100%;
  fill: #336496;
}

.sortColumnHead h3 {
  line-height: 30px;
  vertical-align: top;
  margin-top: 0;
}

.sortColumnHead .date {
  margin: 0;
  padding-bottom: 10px;
}

.date {
  color: #858585;
}

.date span {
  color: #192430;
}

.graphArea img {
  width: 100%;
  max-height: 100%;
}

.sortBoxLg {
  position: relative;
  padding: 10px 30px;
  margin-bottom: 10px;
}

.sortBoxLg header {
  position: relative;
}

.sortBoxLg h2 {
  font-size: 257%;
  color: #fff;
}

.sortBoxLg .dragIcon {
  color: #fff;
}

.sortBoxSm {
  position: relative;
  padding: 10px 20px;
  height: 100%;
}

.sortBoxSm header {
  position: relative;
}

.sortBoxSm header .dragIcon {
  color: #fff;
}

.sortBoxSm header h3 {
  color: #fff;
}

.sortBoxSm header h3 span {
  font-size: 80%;
  opacity: 0.5;
}

.sortBoxSm .date {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  padding: 5px 20px;
}

.sortBoxSm .date span {
  color: #fff;
}

.price {
  font-size: 257%;
  font-weight: 700;
  color: #fff;
}

.trash {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 20px;
  z-index: 90;
  top: 9px;
  text-align: center;
  color: #666666;
  opacity: 0.4;
}

.trash:hover {
  text-decoration: none;
  opacity: 0.5;
}

/*sortable end*/

/*datatable start*/

.tableContainer {
  width: 100%;
  overflow: auto;
}

.gDataTable {
  color: #373f48;
}

table.dataTable.no-footer {
  border: 0;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-color: #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top-color: #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom-color: #e6e6e6;
  padding: 10px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  border-left: 1px solid #fff;
}

table.dataTable thead th:first-child,
table.dataTable thead td:first-child {
  text-align: left;
  border-left: 0;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 6px 10px;
  text-align: center;
}

table.dataTable tbody th:first-child,
table.dataTable tbody td:first-child {
  text-align: left;
}

.statusAct {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  background: #4aa895;
  text-indent: -20000px;
}

.statusInact {
  background: #ccc;
}

/*datatable end*/

.tableScroll {
  overflow-x: auto;
}

.gridContent table {
  border-right: 1px solid #e6e6e6;
  min-width: 640px;
}

.gridContent table.tableSm {
  min-width: 100%;
}

.grid-stack-item table {
  min-width: 480px;
}

/*table thead th, table thead th, table tbody th, table tbody td{ white-space: nowrap;}*/

.gridContent table thead th,
.gridContent table thead td {
  border-bottom: 1px solid #fff;
  padding: 10px;
  color: #fff;
  font-weight: 400;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/*table thead th:first-child, table thead td:first-child{ text-align: left; border-left: 0;}*/

.gridContent table thead th.header:after {
  content: "\f077";
  font-family: fontAwesome;
  float: right;
  font-size: 10px;
}

.gridContent table thead th.header.headerSortDown:after {
  content: "\f078";
}

/*table tbody{ border-right: 1px solid #e6e6e6; box-sizing: border-box;}*/

.gridContent table tbody th,
.gridContent table tbody td {
  padding: 10px;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

/* .gridContent table tbody th.text-left, .gridContent table tbody td.text-left {
	text-align: left;
} */

/*table tbody th:last-child, table tbody td:last-child{border-right: 1px solid #e6e6e6;}*/

.gridContent table tbody tr.light-orange td,
.gridContent table tbody tr.sky td,
.gridContent table tbody tr.light-blue td {
  border-color: rgba(255, 255, 255, 0.2);
}

.gridContent table tbody tr:nth-child(odd) {
  background: #f9f9f9;
}

/*table tbody th:first-child, table tbody td:first-child{text-align: left;}*/

.gridContent table tfoot {
  background: #e1e1e1 !important;
}

.gridContent table tfoot td {
  padding: 10px !important;
}

/*.clickable tbody td {
	cursor: pointer;
}*/

/*tab start*/

.nav-tabs {
  border: 0;
  margin-bottom: 20px;
}

.nav-tabs > li {
  border-left: 1px solid #e5e5e5;
  margin: 0 0 0 25px;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.nav-tabs > li:first-child {
  margin-left: 0;
  border: 0;
}

.nav-tabs > li:first-child a {
  margin-left: 0;
}

.nav-tabs > li > a {
  margin: 0 0 0 25px;
  padding: 0;
  display: block;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  line-height: 30px;
  font-size: 142%;
  font-weight: 500;
  color: #ababab;
}

.nav-tabs > li > a .heading-icon svg {
  fill: #ababab;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 0;
  background-color: inherit;
  color: #336496;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background: inherit;
}

.nav-tabs > li.active > a .heading-icon svg {
  fill: #336496;
}

/*tab end*/

/*collapseble start*/

.collapsebleLink,
.headCollapse {
  padding: 5px 25px 5px 10px;
  min-width: inherit;
}

.headCollapse {
  background: #192430;
}

.headCollapse.collapsed {
  background: #1661ab;
}

.headCollapse.collapsed i {
  transform: rotate(0);
}

.headCollapse i {
  transform: rotate(180deg);
  display: none;
  padding-right: 0;
}

.collapsebleLink:after,
.headCollapse.collapsed:after {
  content: "\f107";
  font-family: fontAwesome;
  float: right;
  margin-left: 10px;
  position: absolute;
  right: 10px;
}

.collapsebleLink.open:after,
.headCollapse:after {
  content: "\f106";
  font-family: fontAwesome;
  float: right;
  margin-left: 10px;
  position: absolute;
  right: 10px;
}

ul.cdList {
  clear: both;
  border-top: 1px solid #eee;
  padding-top: 3px;
  margin-top: 5px;
}

.collapsebleContent {
  padding: 20px 25px;
  max-height: 240px;
  overflow: auto;
}

.collapsebleContent a.btn {
  float: right;
  padding: 5px 10px;
  background: #347ab8;
  color: #fff;
  min-width: auto;
  margin-right: 15px;
}

.customiseDashboard {
  position: relative;
  overflow: hidden;
  height: auto;
}

.collapsebleContent .row {
  margin-bottom: 25px;
}

.collapsebleContent .row:last-child {
  margin-bottom: 0;
}

/*.collapsebleContent .row > div{display: table-cell}*/

/*.customiseCol{padding-bottom: 10000px;margin-bottom: -10000px;}*/

.collapsebleContent h4 {
  margin: 0;
}

.customiseCol {
  border: 1px solid #e6e6e6;
  padding: 20px 20px 10px 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}

.customiseCol:hover {
  background: #f9f9f9;
}

/*collapseble end*/

.cdList li {
  padding: 5px 0;
  display: inline-block;
  margin-right: 8px;
}

.cdList li a {
  font-size: 110%;
}

.cdList li a:hover {
  text-decoration: none;
  color: #192430;
}

.cdList li a i {
  padding-right: 5px;
  color: #192430;
}

.pace-done .nav-header {
  transition: all 0.4s;
}

ul.nav-second-level {
  background: #293846;
  opacity: 0;
}

ul.nav-second-level.collapse.in {
  opacity: 1;
}

.navbar-form-custom {
  float: left;
  height: 50px;
  padding: 0;
  width: 200px;
  display: block;
}

.navbar-form-custom .form-group {
  margin-bottom: 0;
}

.nav.navbar-top-links a {
  font-size: 14px;
}

.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 14px;
  height: 60px;
  margin: 0;
  z-index: 2000;
}

.count-info .label {
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}

#sidebar .nav li .nav-second-level li,
#sidebar .nav li .nav-third-level li {
  border-bottom: none !important;
  /*border-bottom: 1px solid rgba(255, 255, 255, .2);*/
}

#sidebar .nav li .nav-second-level li a {
  padding-left: 50px;
  line-height: 36px;
  font-size: 100%;
}

.nav-third-level li a {
  padding-left: 62px;
}

.nav-second-level li:last-child {
  /*margin-bottom: 10px;*/
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  border-radius: 0 2px 2px 0;
  min-width: 140px;
  height: auto;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}

.fixed-nav .slimScrollDiv #side-menu {
  padding-bottom: 60px;
}

.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}

.mini-navbar .nav .nav-second-level {
  position: absolute;
  left: 70px;
  top: 0;
  background-color: #2f4050;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
}

.canvas-menu.mini-navbar .nav-second-level {
  background: #293846;
}

.mini-navbar li.active .nav-second-level {
  left: 65px;
}

.navbar-default .special_link a {
  background: #1ab394;
  color: white;
}

.navbar-default .special_link a:hover {
  /*background: #17987e !important;
  color: white;*/
}

.navbar-default .special_link a span.label {
  background: #fff;
  color: #1ab394;
}

.navbar-default .landing_link a {
  background: #1cc09f;
  color: white;
}

.navbar-default .landing_link a:hover {
  /*background: #1ab394 !important;
  color: white;*/
}

.navbar-default .landing_link a span.label {
  background: #fff;
  color: #1cc09f;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.body-small .navbar-fixed-top {
  margin-left: 0;
}

body.mini-navbar .navbar-static-side {
  width: 50px;
}

body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
  display: none;
}

body.canvas-menu .profile-element {
  display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
  display: none;
}

body.mini-navbar .navbar-default .nav > li > a {
  font-size: 16px;
}

body.canvas-menu .logo-element {
  display: none;
}

/*body.canvas-menu .nav-header {
  padding: 33px 25px;
}*/

body.mini-navbar #page-wrapper {
  margin: 0 0 0 50px;
}

body.mini-navbar #page-wrapper .navigation,
body.mini-navbar #page-wrapper .headerBottom {
  margin-left: 0;
}

body.fixed-sidebar.mini-navbar .footer,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0 !important;
}

body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
  margin: 0 0 0 0;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
  position: fixed;
  width: 220px;
  z-index: 2001;
  height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 0;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 0;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
  margin: 0 0 0 220px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
  width: 220px;
}

.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
  display: block;
  height: auto;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 12px;
  border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
  font-size: 13px;
  border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
  padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  position: relative;
  padding: 0;
  font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
  left: 0;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a,
body.canvas-menu.mini-navbar .navbar-default .nav > li > a {
  font-size: 13px;
}

body.fixed-sidebar.mini-navbar .nav-label,
body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
body.canvas-menu.mini-navbar .nav-label,
body.canvas-menu.mini-navbar .navbar-default .nav li a span {
  display: inline;
}

body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span {
  display: block;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
  padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
  left: 0;
}

body.canvas-menu nav.navbar-static-side {
  z-index: 2001;
  background: #2f4050;
  height: 100%;
  position: fixed;
  display: none;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
  display: block;
  width: 220px;
}

.top-navigation #page-wrapper {
  margin-left: 0;
}

.top-navigation .navbar-nav .dropdown-menu > .active > a {
  background: white;
  color: #1ab394;
  font-weight: bold;
}

.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
  background: #fff;
}

.top-navigation .navbar {
  margin-bottom: 0;
}

.top-navigation .nav > li > a {
  padding: 15px 20px;
  color: #676a6c;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
  background: #fff;
  color: #1ab394;
}

.top-navigation .nav > li.active {
  background: #fff;
  border: none;
}

.top-navigation .nav > li.active > a {
  color: #1ab394;
}

.top-navigation .navbar-right {
  margin-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
  box-shadow: none;
  border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu > li > a {
  margin: 0;
  padding: 7px 20px;
}

.navbar .dropdown-menu {
  margin-top: 0;
}

.top-navigation .navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
  margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
  margin: 0;
}

.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
  margin-top: 50px;
}

.top-navigation .footer.fixed {
  margin-left: 0 !important;
}

.navbar-toggle {
  background-color: #1ab394;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu > li > a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
  padding: 10px 15px 10px 20px;
}

.menu-visible-lg,
.menu-visible-md {
  display: none !important;
}

footer {
  display: none;
}

/*footer start*/

.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  padding: 12px 25px;
  background: #5d5d5d;
  color: #fff;
  text-align: center;
}

.footer p {
  margin-bottom: 0;
}

/*footer end*/

body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 70px;
}

body.mini-navbar.canvas-menu .footer.fixed,
body.canvas-menu .footer.fixed {
  margin: 0 !important;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
  margin: 0 0 0 220px;
}

body.body-small .footer.fixed {
  margin-left: 0;
}

.modalClose {
  position: fixed;
  width: 25px;
  height: 25px;
  font-size: 16px;
  top: 5%;
  right: 10%;
  margin-right: 0;
  table-layout: auto;
  z-index: 1;
  border-radius: 50%;
  text-align: center;
  margin: -10px -10px 0 0;
  color: #fff;
  line-height: 25px;
  background: #192430;
}

.modalClose:hover {
  color: #fff;
}

.modalClose:after {
  content: "\f00d";
  font-family: fontAwesome;
}

.subDetails > td {
  padding: 0 !important;
}

.subDetails table td {
  border: none !important;
  text-align: left;
}

.subDetails table td:first-child {
  border: none;
}

.subDetails li p {
  margin-bottom: 5px;
}

.subDetails li span.labels {
  display: inline-block;
  width: 40%;
  font-weight: 500;
  vertical-align: top;
}

.subDetails .amountPan {
  max-width: 30%;
  background: #a9ceb7;
  color: #fff;
}

#chartdiv .amChartsLegend {
  max-height: 300px;
  overflow-y: auto !important;
}

#chartdiv .alert {
  font-size: 20px;
  margin-top: 100px;
  text-align: center;
}

.comiseo-daterangepicker {
  z-index: 2001;
}

/*#piecriteria li a:after{ content: '\f161'; font-family: fontAwesome; margin-left: 10px;}
#piecriteria li.active a:after{ content: '\f160'; font-family: fontAwesome; margin-left: 10px;}*/

/*pie chart*/

.piegap {
  width: 100%;
}

.pieContainer,
.hotelRateWrap {
  padding: 20px 0;
}

.largePieContainer {
  border-right: 1px solid #e6e6e6;
  padding-top: 15px;
  padding-bottom: 15px;
}

.chart.easyPieChart {
  margin: 0 auto;
}

.easyPieChart {
  position: relative;
  text-align: center;
}

.easyPieChart canvas {
  position: relative !important;
}

.easyPieChart .countconversionrate {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 110%;
}

.easyPieChart + p {
  margin-top: -5px;
  margin-bottom: 0;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

table .footertot td {
  color: #fff;
  font-weight: 400;
}

/****************** style for log in form start ******************/

.row-eq-height {
  display: flex;
  /*display: -webkit-flex;
        flex-direction: row;
	flex-wrap: wrap;*/
}

.justify-content-center {
  justify-content: center;
}

.vertMid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

/* login form style */

.loginPage,
.pageBg {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: #192430;
  overflow: auto;
}

.loginFormMain,
.centerBox {
  max-width: 680px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}

.loginForm,
.centerBoxContent {
  padding: 40px;
  max-width: none;
  width: 380px;
  background-color: #fff;
  /*background: #192430 url(../img/logo.svg) no-repeat left 25px top 40px / 180px auto;*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 0;*/
  /*right: 0;*/
  /*transform: translateY(-50%);*/
  /*margin-top: 30px;*/
}

.loginForm h2 {
  font-size: 110%;
  font-weight: 500;
  color: #bbb;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.loginForm input {
  transition: all 0.25s ease-in-out;
  box-shadow: none;
}

.loginForm input[type="email"],
.form-control {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  height: 35px;
  /* margin: 0 0 15px; */
  color: #192430;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
  padding: 0 15px 0 25px;
}

.form-default .form-control[disabled],
.form-default .form-control[readonly],
.form-default fieldset[disabled] .form-control {
  background: #f9f9f9;
}

.loginForm input[type="email"] {
  background-image: url(../images/mail-icon.png);
}

.form-control {
  background-image: url(../images/password-icon.png);
  box-shadow: 0 0 0;
}

.loginForm input[type="email"]:focus,
.loginForm input[type="email"]:active,
.form-control:focus,
.form-control:active {
  box-shadow: none;
  border-bottom-color: #1661ab;
}

.loginForm .checkbox label {
  padding-left: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #999;
}

.loginForm label span {
  margin: 1px 5px 0 0;
  border-color: #ccc;
  width: 16px;
  height: 16px;
}

input[type="checkbox"]:checked + span::before {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  width: 14px;
}

.loginForm input[type="submit"],
.feedbackForm input[type="submit"] {
  font-size: 14px;
  font-weight: 300;
  height: 40px;
  margin: 10px auto 0 auto;
  background-color: #4aa895;
  width: auto;
  min-width: 130px;
  border: 1px solid #4aa895;
  padding: 0 15px;
  /*border-radius: 25px;*/
}

.loginForm input[type="submit"]:hover,
.feedbackForm input[type="submit"]:hover {
  background-color: transparent;
  color: #4aa895;
}

.loginFormRight {
  background-color: #1661ab;
  color: #fff;
  width: calc(100% - 380px);
  position: relative;
  /*max-width: 280px;*/
  /*height: calc(100% + 30px);*/
  /*position: absolute;*/
  /*top: 0;*/
  /*right: 0;*/
}

.loginForm .alert-info {
  margin-top: 0;
  font-size: 92%;
}

.centerBox {
  max-width: 430px;
  width: calc(100vw - 30px);
}

.centerBoxHead {
  background-color: #1661ab;
  padding: 40px;
  min-height: 200px;
  width: 100%;
  position: relative;
  text-align: center;
}

.centerBoxHead svg {
  max-width: 120px;
  margin: 0 auto;
  display: block;
}

.centerBoxContent {
  width: 100%;
  text-align: center;
}

.centerBoxContent p {
  margin-bottom: 0;
  font-size: 150%;
  line-height: 140%;
  font-weight: 300;
  color: #192430;
}

.loginFormRight .vertMid {
  padding: 30px;
}

.loginFormRight:after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #1661ab;
}

.loginFormRight .loginFormLogo img {
  max-width: 180px;
}

.loginFormRight h2 {
  font-size: 170%;
  line-height: 110%;
  font-weight: 300;
  display: block;
}

.loginFormRight h2 span {
  margin-top: 5px;
  display: block;
}

.loginFormRight p {
  font-weight: 300;
  margin-top: 20px;
}

/* login form style */

/* feedback form style */

.feedbackFormMain {
  background-color: #fff;
  width: 100%;
  max-width: 767px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.feedbackFormHead {
  width: 100%;
  background-color: #1661ab;
  color: #fff;
  padding: 15px;
  position: relative;
}

.feedbackFormHeader {
  flex: 1;
}

.feedbackFormLogo {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.feedbackFormLogo img {
  display: inline-block;
}

.feedbackFormHead:after {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 30px;
  border-top: 15px solid #1661ab;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid transparent;
}

.feedbackFormHead h2 {
  margin-top: 0;
  margin-bottom: 5px;
}

.feedbackFormHead p {
  font-weight: 300;
  margin-bottom: 0;
}

.feedbackForm {
  padding: 15px;
  width: 100%;
}

.formLeft {
  border-right: 1px solid #cdcdcd;
  padding: 15px 30px;
}

.formRight {
  padding: 15px 30px;
}

.starLabel {
  min-width: 100px;
}

.formRight > .form-group > label {
  margin-bottom: 12px;
}

.formRight .movie_choice {
  font-size: 13px;
  margin-bottom: 5px;
}

.feedbackForm input,
.feedbackForm select,
.feedbackForm textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  background: none;
  padding: 0;
}

.feedbackForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../images/select-arrow.png) no-repeat right center;
}

.feedbackForm textarea {
  resize: none;
  height: 95px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin-bottom: 5px;
  /* background-color: #f0f0f0; */
  /* overflow: hidden; */
}

.feedbackForm .textareaWrapper label {
  margin-bottom: 12px;
}

.feedbackForm input[type="submit"] {
  margin: 15px auto;
  display: block;
}

select[multiple] {
  padding: 5px !important;
  background: none !important;
}

/* new feedback form style */

.feedbackWrapper {
  width: calc(100% - 30px);
  max-width: 767px;
  background-color: #fff;
  margin: 30px auto;
  min-height: calc(100vh - 60px);
  padding: 15px 15px 30px;
}

.feedbackLogo {
  max-width: 170px;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.tagLine {
  background-color: #4aa895;
  padding: 10px;
  color: #fff;
}

.feedbackWrapper h4 {
  font-size: 120%;
  margin: 0 0 20px;
  font-weight: 500;
}

.qRow {
  margin-bottom: 25px;
}

.qRow .form-group {
  margin-bottom: 10px;
}

.qRow.ratingRow .form-group {
  margin-bottom: 0;
}

.qRow:last-child,
.qRow .form-group:last-child {
  margin-bottom: 0;
}

.feedbackWrapper h5 {
  font-size: 90%;
  margin: 0 0 5px;
  font-weight: 700;
  color: #1661ab;
  display: inline-block;
}

.feedbackWrapper label {
  display: inline-block;
  font-weight: 400;
  float: left;
}

.feedbackWrapper label + .starrr {
  /* float: none; */
  margin-bottom: 5px;
  margin-left: 10px;
  width: 90px;
}

.feedbackWrapper input[type="checkbox"],
.feedbackWrapper input[type="radio"] {
  display: block;
  width: 12px;
}

.feedbackWrapper .checkBoxGrp label,
.feedbackWrapper .radioBtnGrp label {
  display: inline-block;
}

.checkbox-inline,
.radio-inline {
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 2px;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 0;
}

.qRow select.form-control {
  background-image: none;
  padding-left: 0;
}

.feedbackWrapper textarea {
  resize: none;
  height: 95px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 10px 0 0;
  background-image: none;
}

.feedbackWrapper textarea:focus,
.feedbackWrapper textarea:active {
  border-color: #1661ab;
}

.feedbackWrapper .btn {
  margin: 0 auto;
}

/* Hotel Information 30-12-19*/

.social-links .form-group {
  margin-bottom: 15px;
}

.social-links .form-group .form-control {
  width: 65%;
}

/* Hotel Information */

@media only screen and (max-width: 640px) {
  .feedbackWrapper {
    padding: 0 0 15px;
  }
}

@media only screen and (max-width: 640px) {
  .feedbackWrapper .checkBoxGrp label,
  .feedbackWrapper .radioBtnGrp label {
    display: block;
  }
  .feedbackWrapper .radio-inline + .radio-inline,
  .feedbackWrapper .checkbox-inline + .checkbox-inline {
    margin-left: 0;
  }
}

/* new feedback form style */

/* feedback form style */

/*.downloadIcon{
    border: 1px solid #f00;
}
.downloadIcon .export-main > a{
    display: block;
    overflow: hidden;
    text-indent: -13333337px;
    width: 36px;
    height: 36px;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org…ill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E);
    background-color: #fff;
    background-position: center;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
    border-radius: 18px;
    margin: 8px 8px 0 10px;
}
.downloadIcon .export-main > a:hover{
    background: #333;
}*/

@media only screen and (max-width: 1200px) {
  .largePieContainer .easyPieChart canvas {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 991px) {
  .largePieContainer {
    border-right: none;
  }
  .largePieContainer .easyPieChart canvas {
    max-width: 250px !important;
    max-height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0;
  }
  .feedbackFormMain {
    position: relative;
    margin: 30px auto;
    transform: none;
    top: auto;
    width: calc(100% - 30px);
  }
  .formLeft {
    border: none;
    padding: 15px 15px 0 15px;
  }
  .formRight {
    padding: 0 15px;
  }
  .table-responsive {
    border: none;
  }
  #mg-multisidetabs .table-responsive {
    margin-bottom: 0;
  }
  .feedbackFormLogo {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 0;
    text-align: left;
  }
  /*hotel information 30-12-19*/
  .social-links .form-group .form-control {
    width: 100%;
  }
}

@media only screen and (max-width: 730px) {
  .loginFormMain {
    max-width: 380px;
    display: block;
  }
  .loginFormRight {
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
  }
  .loginFormRight .vertMid {
    padding: 30px;
    position: relative;
    transform: none;
    text-align: center;
    top: auto;
  }
  .loginFormRight .vertMid img {
    width: 150px;
    margin: 0 auto;
  }
  .loginForm {
    width: 100%;
    padding: 30px;
  }
  .loginFormRight:after {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: -30px;
    border-left-color: transparent;
    border-top-color: #1661ab;
  }
}

@media only screen and (max-width: 640px) {
  .gridContent h2 {
    font-size: 150%;
    /* margin: 0; */
  }
  .loginFormMain {
    position: relative;
    top: auto;
    transform: none;
    margin: 30px auto;
  }
}

@media only screen and (max-width: 480px) {
  .feedbackFormLogo,
  .feedbackFormHeadWrap {
    width: 100%;
  }
  .feedbackFormLogo {
    padding: 10px 30px;
  }
}

@media only screen and (max-width: 440px) {
  .loginFormMain {
    padding: 0 20px;
  }
  .loginForm,
  .loginFormRight .vertMid {
    padding: 20px;
  }
}


/* 2fa style */
.wrapper2fa{ min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #333; padding: 15px 0; }
.content2fa{ background-color: rgba(255,255,255,0.95); width: 400px; max-width: calc(100% - 30px); border-radius: 5px; border: 1px solid #2777b6; padding: 24px 24px 0; overflow: hidden; }
.content2fa form{ margin-bottom: 24px; }
.content2fa .form-control{ text-align: center; background-color: transparent; }
.content2fa ._icon{ width: 60px; margin: 0 auto 18px; display: block; }
.content2fa ._sub_text{ font-size: 14px; font-weight: 700; }
.content2fa ._text{ font-size: 14px; }
.content2fa ._small{ font-size: 12px; }
.content2fa .text-light{ color: #666; }
.content2fa ._footer{ margin: 15px -24px 0; padding: 15px 24px; background-color: #f1f1f1; }
.content2fa p:last-child{ margin-bottom: 0; }
.content2fa .btn{ margin-left: 0; margin-right: 0; }
.content2fa .btn-link{ color: #a94442; }
.content2fa .btn-link.focus, .content2fa .btn-link:focus, .content2fa .btn-link:hover{ text-decoration: none; background-color: #ddd; }

/****************** style for log in form end ******************/

.expireBox {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
  max-width: 250px;
  background-color: #1661ab;
  padding: 20px;
  color: #fff;
  text-align: center;
}

.expireBox svg {
  width: 70px;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

.expireBox a {
  color: #fff;
}

.expireBox a:hover {
  opacity: 0.75;
}

.expireBox p:last-child {
  margin-bottom: 0;
}

/* table inside form style start */

.formTableWrapper form {
  max-width: 100%;
}

.formTableWrapper .table-responsive {
  overflow-x: visible;
}

.formTable tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.createCampaignWrapper #step-2 .formTable td select.form-control,
.createCampaignWrapper #step-2 .formTable td input.form-control {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
  height: 35px;
}

.floatingBtnWrapper {
  position: relative;
}

.inputFloatingBtn {
  position: absolute;
  bottom: 5px;
  right: 0;
  font-size: 14px;
  background-color: #4aa895;
  color: #fff;
  padding: 0;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.inputFloatingBtn i {
  padding-right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.inputFloatingBtn:hover,
.inputFloatingBtn:focus {
  opacity: 0.75;
  color: #fff;
}

.customRow {
  margin-left: -15px;
  margin-right: -15px;
}

.sortable {
  margin-bottom: 0;
}

.sortable li {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  align-items: center;
  background-color: #337ab7;
  border-color: #337ab7;
}

.sortable li:last-child {
  margin-bottom: 0;
}

.sortable li input {
  margin-bottom: 0;
  padding: 5px 8px !important;
  border: none;
  width: calc(100% - 40px);
}

.sortable li .ui-icon {
  margin-top: 0;
  filter: grayscale(100%) invert(100%) brightness(1000%);
}

.sortable li .removeIcon i {
  padding-right: 0;
}

.sortable li .removeIcon {
  margin-left: 7px;
  color: #fff;
}

.btnGroup .btn {
  margin-left: 5px;
}

.btnGroup .btn:first-child {
  margin-left: 0;
}

.normalLink i {
  padding-right: 0;
  margin-left: 2px;
}

.normalLink:hover {
  text-decoration: none;
}

.btnGroup input[type="submit"] {
  width: auto !important;
}

.formTable input.form-control,
.formTable select.form-control {
  background-color: transparent;
  padding: 0 !important;
  background-position: right center;
}

.modal-header .modal-title {
  text-transform: capitalize;
}

.noFeedback {
  margin-bottom: 15px;
}

.form-control.hasDatepicker {
  background-image: url(../images/calendar.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 15px auto !important;
}

/* table inside form style end */

.checkBoxGrp label input[type="checkbox"] {
  display: block;
}

/* .viewFeedback label,.viewFeedback p{ font-size: 112%; } */

.headingLabel {
  margin-bottom: 4px;
  display: block;
}

.headingLabel + .customRow {
  margin-bottom: -8px;
}

.rateBot {
  width: 50%;
  display: inline-block;
  margin-right: -2px;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}

.rateBot label {
  display: block;
  font-weight: 400 !important;
  margin-bottom: 2px;
}

.rateBot .starrr {
  float: none;
  margin-bottom: 8px;
}

/* google translate style */

.goog-te-gadget {
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  position: relative;
  padding-left: 26px;
  background: url(../images/global.png) no-repeat left center / 18px auto;
}

.goog-te-gadget .goog-te-combo {
  margin: 0;
  width: 120px;
  -webkit-appearance: none;
  appearance: none;
  padding: 0 20px 0 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 26px;
  background: #fff url(../images/select-arrow.png) no-repeat right 5px center / 10px auto !important;
  font-size: 12px;
  line-height: 120%;
  color: #222;
}

.goog-te-gadget span {
  display: none;
}

/* Offer Management */

.input-group.number-spinner {
  max-width: 220px;
}

.input-group.number-spinner input {
  min-width: auto;
  background-color: transparent;
}

.btnSm {
  padding: 5px 10px;
  min-width: auto;
}

.btn + .btnSm {
  margin: 10px 10px 0;
}