.gshHeader {
  border-color: #edf9ac;
  font-size: 13;
  margin-bottom: 16;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff')
}

body, html {
  font-family: 'Open Sans', sans-serif !important;
  font-style: normal;
  background-color: #eceff1;
  color: #000000;
}

strong {
  font-weight: 800;
}
.popover {
  border: medium none #f3f3f3;
  border-radius: 4px !important;
  max-width: 368px;
  font-family: 'Open Sans', sans-serif !important;
}
.popover.right .arrow {
  left: -6px;
    margin-top: -4px;
}
.popover.top .arrow {
  left: -4px;
  bottom: -6px;
}
.popover.top .arrow:after{
  margin-left: -5px;
}
.popover > .arrow, .popover > .arrow:after {
  border-width: 5px;
}
.popover .popover-content {
  padding: 10px;
}
.popover.right > .arrow:after {
  bottom: -5px;
}
.popover.bottom > .arrow{
  margin-left: 0px;
  top: -6px;
  border-bottom-color: transparent;
}
.btn {
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
}
.btn:active, .btn:focus {
  outline: 0 !important;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#noty_topCenter_layout_container .noty_message {
  font-size: 18px !important;
  font-weight: 600;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.noty_type_success .noty_message:before {
  content: "\f00c";
  font-size: 20px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 20px;
  padding-right: 0.5em;
}

.noty_type_error .noty_message:before {
	content: "\f00d";
	font-size: 20px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 20px;
	padding-right: 0.5em;
}

.noty_type_warning .noty_message:before {
  content: "\f071";
  font-size: 20px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #fff;
  font-size: 20px;
  padding-right: 0.5em;
}
.noty_message .close {
  float: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 13px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  margin-right: 6px;
}

#sidebar-wrapper {
  z-index: 1001;
  box-shadow: 3px 0 rgba(0, 0, 0, .11);
  margin-top: -1px;
  position: fixed;
  left: 274px;
  width: 0;
  /*height: calc(100vh - 55px);*/
  margin-left: -274px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: 0 all 0.5s ease;
}

#rightbar-wrapper {
  z-index: 1001;
  box-shadow: 3px 0 rgba(0, 0, 0, .11);
  margin-top: -1px;
  position: fixed;
  right: 301px;
  width: 0;
  /*height: calc(100vh - 55px);*/
  margin-right: -301px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: 0 all 0.5s ease;
}

#sidebar-wrapper .nav-tabs>li.active>a,
#sidebar-wrapper .nav-tabs>li.active>a:focus,
#sidebar-wrapper .nav-tabs>li.active>a:hover {
  border-width: 0px !important;
  border-color: transparent !important;
  border: 0px solid transparent !important;
  color: #fff;
  background-color: #3498da;
  margin-right: 0;
  border-radius: 0;
}

#sidebar-wrapper .nav-tabs>li {
  width: 33.33%;
  text-align: center;
  border-radius: 0;
}

#sidebar-wrapper .nav-tabs>li>a,
#sidebar-wrapper .nav-tabs>li>a:focus,
#sidebar-wrapper .nav-tabs>li>a:hover {
  border-width: 0px !important;
  border-color: transparent !important;
  border: 0px solid transparent !important;
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  background-color: #f3f3f3;
  text-align: center;
  padding: 8px 5px;
  margin-right: 0;
  border-radius: 0;
}

/*Components Style*/
.onoffswitch {
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: absolute;
  top: 4px;
  right: 40px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch label {
    margin-bottom: 5px;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 15px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s;
}
.onoffswitch-inner:after, .onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 23px;
    padding: 0;
    line-height: 23px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "YES";
    padding-left: 10px;
    background-color: #3498db;
    color: #FFF;
    text-align: left;
}
.onoffswitch-inner:after {
    content: "NO";
    padding-right: 10px;
    background-color: #606060;
    color: #F2F6FA;
    text-align: right;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 4px;
    background: #FFF;
    border: 2px solid #F2F6FA;
    border-radius: 180px;
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 37px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 6px;
}
/*End Components Style*/

/* Sidebar Styles */
#sidebar-wrapper {
  padding: 0px;
}

@media(min-width:768px) {

  #sidebar-wrapper {
    width: 270px;
  }
  #rightbar-wrapper {
    width: 300px;
  }
}

@-moz-document url-prefix() {
}

/*Opening Hours CSS*/

/****************************************************/
/******************** new ui style ******************/
/***************************************************/
.floating-buttons-container {
  position: absolute;
  display: block;
  top: 25px;
  left: 0;
  padding: 10px;
  padding-top: 0;
  z-index: 3;
}
.floating-buttons-container .menu-title{
  margin-bottom: 7px;
  margin-left: 5px;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  width: 75px;
}

.floating-btn {
  margin-left: 15px;
  width: 50px;
  height: 50px;
  padding: 0;
  padding-left: 14px;
  border-radius: 25px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .49);
  display: block;
  margin-bottom: 13px;
  text-align: left;
  line-height: 50px;
  border: none;
  background-image: -moz-linear-gradient(90deg, rgb(239, 239, 239) 0%, rgb(253, 253, 253) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(239, 239, 239) 0%, rgb(253, 253, 253) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(239, 239, 239) 0%, rgb(253, 253, 253) 100%);
  outline: none !important;
  transition: width 0.25s ease-in, z-index 0.25s ease-in, background-image 0.25s ease-in !important;
  overflow: hidden;
  position: relative;
}

.floating-btn:hover {
  width: 130px;
  z-index: 150;
}
.floating-btn.active:hover {
  z-index: auto;
}
.floating-btn.no-hover {
  width: 50px !important;
}
.floating-btn.no-hover:hover {
  background-image: -moz-linear-gradient(90deg, rgb(253, 253, 253) 0%, rgb(239, 239, 239) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(253, 253, 253) 0%, rgb(239, 239, 239) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(253, 253, 253) 0%, rgb(239, 239, 239) 100%);
}

.floating-btn p {
  display: inline;
  visibility: hidden;
  opacity: 0;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333;
  margin: 0;
  position: absolute;
  top: 0;
  left: 50px;
  transition: all 0.25s ease-in;
}

.floating-btn:hover p {
  visibility: visible;
  opacity: 1;
}
.floating-btn.no-hover p {
  visibility: hidden !important;
  opacity: 0 !important;
}
.floating-btn.active,
.floating-btn.no-hover.active {
  width: 190px !important;
  overflow: visible;
}

.floating-btn.active p {
  display: none;
}

.pay-for-btn {
  background: transparent linear-gradient(180deg, #F6F6F6 0%, #DCDCDC 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #b8b8b8;
  width: 74px;
  height: 54px;
  padding: 1px 6px;
  border-radius: 4px;
  border: none;
  color: #7B7B7B;
}


.pay-for-btn p {
  font-size: 10px;
}

.pay-for-btn.active,
.pay-for-btn:hover {
  background: -webkit-linear-gradient(180deg, #3D97A4 0%, #2F8794 100%);
  color: white;
}

.pay-for-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pay-for-img {
  margin: 6px;
  font-size: 22px;
}

.traffic-setting-total {
  border: 1px solid #e9e9e9;
  background: #F9FBFC 0% 0% no-repeat padding-box;
  border-radius: 5px;
  padding: 10px;
}


.traffic-setting-total i {
  font-size: 16px;
  color: #D22E2E;
}

.total_impression_needed {
  background: #4DA47C 0% 0% no-repeat padding-box;
  border: 1px solid #4DA47C;
  border-radius: 2px;
  padding: 6px;
  text-align: center;
  font: normal normal bold 16px/22px Open Sans;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}

.total_cost {
  background: #D22E2E 0% 0% no-repeat padding-box;
  border: 1px solid #D22E2E;
  border-radius: 2px;
  padding: 6px;
  text-align: center;
  font: normal normal bold 16px/22px Open Sans;
  color: white;
  margin-top: 10px;
}

.traffic-src-toggle button {
  background-color: white;
  text-align: left;
}

.traffic-src-toggle button img {
  width: 25px;
  height: 25px;
}

.traffic-src-toggle button::after {
  position: absolute;
  top: 15px;
  right: 5px;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  box-sizing: border-box;
}

.traffic-src-toggle  .dropdown-item {
  display: flex;
  align-items: center;
  height: 30px;
  gap: 10px;
  padding: 5px;
}

.traffic-src-toggle  .dropdown-item:hover {
  cursor: pointer;
}

.traffic-src-toggle  .dropdown-menu {
  width: 100%;
}

.traffic-src-toggle  .dropdown-item img {
  width: 25px;
  height: 25px;
}

.traffic-src-toggle  .dropdown-item-list::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.traffic-src-toggle  .dropdown-item-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.traffic-src-toggle  .dropdown-item-list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.traffic-src-toggle  .dropdown-item-list::-webkit-scrollbar-thumb:hover {
  background-color: #d6d6d6 !important;
}

.traffic-src-toggle .dropdown-item-list {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
}

.tracking-type-toggle button {
  background-color: white;
  text-align: left;
}

.tracking-type-toggle button img {
  width: 20px;
  height: 20px;
}

.tracking-type-toggle button::after {
  position: absolute;
  top: 15px;
  right: 5px;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  box-sizing: border-box;
}

.tracking-type-toggle  .dropdown-item {
  display: flex;
  align-items: center;
  height: 30px;
  gap: 10px;
  padding: 5px;
}

.tracking-type-toggle  .dropdown-item:hover {
  cursor: pointer;
}

.tracking-type-toggle  .dropdown-menu {
  width: 100%;
}

.tracking-type-toggle  .dropdown-item img {
  width: 20px;
  height: 20px;
}

.tracking-type-toggle  .dropdown-item-list::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.tracking-type-toggle  .dropdown-item-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.tracking-type-toggle  .dropdown-item-list::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.tracking-type-toggle  .dropdown-item-list::-webkit-scrollbar-thumb:hover {
  background-color: #d6d6d6 !important;
}

.tracking-type-toggle .dropdown-item-list {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
}

.traffic-src-input {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #333333;
}

.tracking-type-input {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #333333;
}

.side-tab-content {
  display: block;
  visibility: hidden;
  opacity: 0;
  width: 242px;
  height: calc(100vh - 91px);
  border-radius: 7px !important;
  /* background-color: #fff; */
  position: absolute;
  transition: opacity 0.15s ease-in, visibility 0.15s ease-in, box-shadow 0.31s ease-in;
}
.side-tab-content.active {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .46);
}
.side-tab-content {
  max-height: 564px;
  min-height: 337px;
  top: 0px;
  left: 85px;
  border-top-left-radius: 0px;
}

.side-tab-content.page-tab {
  border-top-left-radius: 0px !important;
}

.side-tab-content .colred-side-container {
  height: 100%;
  width: 10px;
  display: block;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  padding: 13px 0;
  float: left;
}

.side-tab-content.traffic-tab .colred-side-container {
  background-image: -moz-linear-gradient(90deg, rgb(55, 148, 161) 0%, rgb(72, 167, 182) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(55, 148, 161) 0%, rgb(72, 167, 182) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(55, 148, 161) 0%, rgb(72, 167, 182) 100%);
}
.side-tab-content.action-tab .colred-side-container {
  background-image: -moz-linear-gradient(90deg, rgb(255,162,0) 0%, rgb(255,169,20) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(255,162,0) 0%, rgb(255,169,20) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(255,162,0) 0%, rgb(255,169,20) 100%);
}
.side-tab-content.page-tab .colred-side-container {
  background-image: -moz-linear-gradient(90deg, rgb(53, 152, 219) 0%, rgb(68, 166, 233) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(53, 152, 219) 0%, rgb(68, 166, 233) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(53, 152, 219) 0%, rgb(68, 166, 233) 100%);
  border-top-left-radius: 0px;
}
.side-tab-content.design-tab .colred-side-container {
  background-image: -moz-linear-gradient( 90deg, rgb(104,88,133) 0%, rgb(121,105,150) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(104,88,133) 0%, rgb(121,105,150) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(104,88,133) 0%, rgb(121,105,150) 100%);
}
.side-tab-content.funnel-tab .colred-side-container {
  background-image: -moz-linear-gradient( 90deg, rgb(179,0,0) 0%, rgb(206,1,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(179,0,0) 0%, rgb(206,1,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(179,0,0) 0%, rgb(206,1,0) 100%);
}
.floating-btn .active-btn-icon {
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  transition: none;
  transition: all 0.23s ease-in;
}

.floating-btn.left-menu-traffic-btn .active-btn-icon{
  top: -10px;
}
.floating-btn.left-menu-action-btn .active-btn-icon, .floating-btn.left-menu-design-btn .active-btn-icon {
  top: -9px;
  left: -2px;
}
.floating-btn.left-menu-funnel-btn .active-btn-icon {
  top: -9px;
}
.floating-btn.active .active-btn-icon {
  visibility: visible;
  opacity: 1;
}

.floating-btn.active .btn-icon {
  visibility: hidden;
  opacity: 0;
}
.side-tab-content .content-side {
  float: left;
  display: inline-block;
  width: 232px;
  height: 100%;
  background: #fff;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.side-tab-content.page-tab .content-side {
  background: #f0f3f5;
}

.side-tab-content .content-side .content-side-title {
  width: 100%;
  height: 35px;
  background: #f8f8f8;
  border-bottom: 1px solid #f0f0f0;
  border-top-right-radius: 7px;
  padding: 5px;
  display: flex;
  align-items: center;
  text-align: left;
}
.side-tab-content .content-side .content-side-title .searchWrapper {
  display: inline-block;
  position: relative;
  height: 25px;
  margin-right: 2px;
}
.side-tab-content .content-side .content-side-title .searchWrapper input {
  width: 163px;
  height: 25px !important;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: #a6b5c0;
  border: 1px solid #e1e7eb;
  border-radius: 4px;
  padding: 0px 5px;
  padding-right: 25px;
  background: #f0f4f7;
}
.side-tab-content .content-side .content-side-title .searchWrapper input:focus {
  color: #333333;
  background: white;
}
.searchIcon {
  position: absolute;
  top: 4px;
  right: 8px;
  color: #a6b5c0;
  font-size: 16px;
}
.side-tab-content.page-tab .content-side .content-side-title {
  background: #fff;
  border-bottom: 1px solid #e2e5e7;
}

.side-tab-content .content-side-title .title {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  text-transform: capitalize;
  padding-right: 9px;
}

.side-tab-content .content-side .content-side-title>img {
  display: inline-block;
  width: 20px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}

.side-tab-content .content-side-header-btn {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #3d97a4;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-left: 6px;
  cursor: pointer;
}

.side-tab-content.action-tab .content-side-header-btn {
  background-color: #ff8a00;
}
.side-tab-content.funnel-tab .content-side-header-btn {
  background-color: #b50000;
}
.side-tab-content.page-tab .content-side-header-btn {
  background-color: #3699dc;
  position: relative;
}
.side-tab-content.design-tab .content-side-header-btn {
  background-color: #685885;
}
.content-side-tabcontent {
  padding: 15px;
  width: 96.5%;
  max-height: calc(100% - 65px);
  height: auto;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding-right: 8px;
}

.content-side-tabcontent::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.content-side-tabcontent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.content-side-tabcontent::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.content-side-tabcontent::-webkit-scrollbar-thumb:hover {
  background-color: #d6d6d6 !important;
}


.side-tab-content.page-tab .content-side-tabcontent {
  margin-bottom: 0;
}

.side-tab-content .nav-item {
  display: block;
  position: relative;
  cursor: move;
}

.side-tab-content .nav-item-container {
  width: 100%;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
  text-align: left;
  padding: 5px;
  padding-right: 10px;
  margin-bottom: 10px;
  border: 1px solid rgb(231, 236, 240);
  border-radius: 5px;
  background-color: #fff;
  height: 48px;
  position: relative;
}
.side-tab-content.page-tab .nav-item-container {
  border-left: 3px solid #3699dc !important;
}
.side-tab-content.traffic-tab .nav-item-container {
  border-left: 3px solid #3d97a4 !important;
  padding: 8px;
}
.side-tab-content.action-tab .nav-item-container {
  border-left: 3px solid #ff8a00 !important;
  padding: 8px;
}
.side-tab-content.funnel-tab .nav-item-container {
  border-left: 3px solid #b50000 !important;
  padding: 8px;
}
.side-tab-content.design-tab .nav-item-container {
  border-left: 3px solid #685885 !important;
  padding: 8px;
}

.side-tab-content.page-tab .nav-item:hover .nav-item-container {
  background-color: #f9f9f9;
}

.side-tab-content .nav-item .nav-item-icon {
  display: inline-block;
  position: relative; 
  margin-right: 8px;
}
.side-tab-content.page-tab .nav-item .nav-item-icon {
  width: 33px;
}
.side-tab-content .nav-item .nav-item-icon {
  width: 32px;
}

.side-tab-content .nav-item .nav-item-txt {
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0;
  max-width: 141px;
  word-wrap: break-word;
}

.customScroll {
  position: relative;
}

/*Common CSS For Setting Tabs*/
.setting-title {
  width: 100%;
  display: block;
  height: 35px;
  line-height: 35px;
  border-radius: 2px 0 0 2px;
  box-shadow: 0 1px #29828e;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding-left: 8px;
  padding-right: 5px;
  margin-top: 2px;
}
.setting-title>span>i {
  font-size: 16px;
  margin-right: 10px;
}
.setting-title .title-buttons {
  cursor: pointer;
  float: right;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  box-shadow: 0 1px rgba(0, 0, 0, .16);
  text-align: center;
  line-height: 24px;
  font-size: 19px;
  margin-left: 6px;
  margin-top: 6px;
  display: inline-block;
  background-image: -moz-linear-gradient(90deg, rgb(243, 243, 243) 0%, rgb(255, 255, 255) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(243, 243, 243) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(243, 243, 243) 0%, rgb(255, 255, 255) 100%);
}
.setting-tab-content {
  padding: 8px;
  height: calc(100vh - 36px - 53px);
  max-height: calc(100vh - 36px - 53px);
  overflow: hidden;
  position: relative;
}
.templates-setting-tab .setting-tab-content {
  padding: 12px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: unset;
}
.templates-setting-tab .setting-tab-content::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.templates-setting-tab .setting-tab-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.templates-setting-tab .setting-tab-content::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.templates-setting-tab .setting-tab-content::-webkit-scrollbar-thumb:hover {
  background-color: #d6d6d6 !important;
}

.setting-slide-panel {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.setting-slide-panel .setting-slide-header {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  background-color: #f3f3f3;
  font-size: 13px;
  font-weight: 700;
  color: #333;
  text-transform: capitalize;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  z-index: 100;
  cursor: pointer;
}
.setting-tab {
  display: none;
}
.setting-tab .setting-expand-panel {
  cursor: pointer;
  float: right;
  color: #fff;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  margin-top: 6px;
}
.setting-tab .setting-expand-panel i {
  font-weight: 700;
}
.setting-tab .setting-slide-content {
  width: 100%;
  display: none;
  border: 1px solid #f3f3f3;
  background: #fff;
  border-radius: 2px;
  margin-top: -2px;
  position: relative;
  z-index: 0;
  padding: 10px;
}
.setting-tab .field-lbl {
  width: 100%;
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #333333;
  text-transform: capitalize;
  margin-bottom: 5px;
  text-align: left;
}
.setting-tab .field-lbl i {
  margin-right: 8px;
}
.setting-tab .field-lbl i.fa-question-circle {
  float: right;
  font-size: 15px;
  margin-top: 1px;
  margin-right: 0px;
}
.setting-tab .setting-input-count {
  position: absolute;
  right: 10px;
  background-color: #fff;
  font-weight: 600;
  font-style: italic;
  font-size: 13px;
  color: #333;
}
.setting-tab .rounded-btn {
  border: 1px solid #e9e9e9;
  width: 100%;
  height: 44px;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 42px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.btn-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.setting-tab .setting-input {
  width: 100%;
  display: block;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  height: 34px;
  margin-bottom: 12px;
  padding-left: 7px;
  padding-right: 7px;
  outline: none !important;
}
.analytics-tracking-content table {
  font-size: 13px;
  font-weight: 600;
}
.analytics-tracking-content table thead{
  font-weight: 700;
}
.analytics-tracking-content table thead i{
  font-size: 19px;
}
.analytics-tracking-content table tbody{
  color: #222222;
}
.analytics-tracking-content table tbody td {
  vertical-align: middle;
}
.analytics-tracking-content table tbody td i{
  color: #bcc0c2;
}
.analytics-tracking-content .dropdown>i {
  font-size: 19px;
  color: #c3ccd2;
  transition: all 0.3s ease;
  cursor: pointer;
}
.analytics-tracking-content .dropdown .dropdown-menu {
  left: -86px;
  top: 27px;
  border: 1px solid rgb(211, 216, 220) !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.33) !important;
  width: 108px !important;
  max-width: 108px !important;
  min-width: 108px !important;
  padding: 0 !important;
  border-radius: 2px;
  z-index: 2005;
}
.analytics-tracking-content .dropdown .dropdown-menu:before,
.analytics-tracking-content .dropdown .dropdown-menu:after {
  bottom: 100%;
  left: 86%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.analytics-tracking-content .dropdown .dropdown-menu:before {
  border-color: rgba(229, 229, 229, 0);
  border-bottom-color: #d3d8dc;
  border-width: 6px;
  margin-left: -6px;
}
.analytics-tracking-content .dropdown .dropdown-menu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #FFF;
  border-width: 5px;
  margin-left: -5px;
}

.analytics-tracking-content .dropdown .dropdown-menu>li>a {
  padding: 3px 9px;
  font-size: 13px;
  font-weight: 600;
  color: #747b80;
  text-transform: capitalize;
}
.analytics-tracking-panel .setting-slide-content {
  z-index: 2000;
}
.notes-panel .setting-slide-content {
  z-index: 1900;
}
.add-dropdown {
  position: relative;
  z-index: 2001;
}
.add-dropdown .add-dropdown-content {
  display: none;
  position: absolute;
  left: 0;
  top: 47px;
  border: 1px solid rgb(211, 216, 220) !important;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.33) !important;
  width: 100%;
  border-radius: 2px;
  padding: 15px;
}
.add-dropdown .add-dropdown-content:before {
  top: -12px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 6px;
  margin-left: -5px;
}
.add-dropdown .add-dropdown-content .add-btn {
  border-radius: 5px;
  width: 67px;
  height: 26px;
  border: 0;
  color: white;
  float: right;
  font-weight: 700;
}
.add-dropdown .add-dropdown-content .add-btn i{
  margin-right: 5px;
}
.add-dropdown .add-dropdown-content .input-group {
  margin-bottom: 12px;
}
.add-dropdown .add-dropdown-content .input-group input {
  margin-bottom: 0px;
  text-align: center;
}
.add-dropdown .add-dropdown-content .input-group-addon {
  padding: 6px 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #666;
}
.add-dropdown .add-dropdown-content .note-textarea {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #7b7b7b;
  resize: none;
  line-height: 15px;
  padding: 4px 8px;
}
.notes-panel .notes-list {
  /* height: 230px; */
  max-height: 230px;
  overflow-y: auto;
}
.scrollable::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.scrollable::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.notes-panel .note-item {
  font-size: 24px;
  font-weight: 600;
  color: #222222;
  width: 100%;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #f1f1f1;
}
.notes-panel .note-item .note-date {
  display: block;
  text-transform: capitalize;
  line-height: 37.5px;
}
.notes-panel .note-item .note-date i {
  color: #c5c5c5;
  margin-right: 7.5px;
}
.notes-panel .note-item .note-content {
  display: block;
  position: relative;
  padding-left: 30px;
  font-weight: 400;
}
.notes-panel .note-item .note-content i.fa-file {
  position: absolute;
  top: 3px;
  left: 0px;
  margin-right: 7.5px;
}
.notes-panel .add-dropdown {
  margin-top: 30px;
}
.setting-tab .custom-thumb-btn {
  margin-top: 16px;
}
.embed-code-div {
  position: relative;
  display: inline-block;
}
.embed-code-div .copy-btn {
  position:absolute;
  bottom: 4px;
  right: 0px;
  width: 60px;
  height: 22px;
  border-radius: 2px;
  text-align: center;
  color: white;
  font-size: 12px;
  border: 0;
  padding: 0;
  font-weight: 600;
}
.embed-code-div .copy-btn i{
  margin-right: 4px;
}
.embed-code-textarea {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #7b7b7b;
  resize: none;
  line-height: 15px;
  padding: 4px 8px;
  outline: none !important;
  background-color: #f9f9f9;
}
.thumbs-panel .full-color-spectrum {
  margin-left: 30px;
}
.thumb-img {
  cursor: pointer;
}
/*End Common CSS For Setting Tabs*/

/* Simulation Sidebar CSS */
.merchant-fee-edit {
  color:#3598db;
  cursor: pointer;
}

.expense .other .toggle-expense-page-btn {
  cursor: pointer;
}

.expense .marketing .marketing-expense-page-btn {
  cursor: pointer;
}

.expense-chart {
  position: relative;
}
.expense-chart-center {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.simulation-setting-tab .setting-tab-content::-webkit-scrollbar {
  width: 6px !important;
  height: 10px;
}

.simulation-setting-tab .setting-tab-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 20px #fff !important;
}

.simulation-setting-tab .setting-tab-content::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 100px #d6d6d6 !important;
  border-radius: 3px;
}

.simulation-setting-tab .setting-tab-content::-webkit-scrollbar-thumb:hover {
  background-color: #d6d6d6 !important;
}

.simulation-icon {
  width: 20px; 
  height: 20px; 
  margin-right: 2px;
}
.simulation-setting-tab .field-lbl {
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  text-transform: capitalize;
  margin-bottom: 5px;
  text-align: left;
}
.simulation-setting-tab .field-lbl i {
  margin-right: 8px;
  color: #A9C2D2;
}
.simulation-setting-tab .field-lbl i.fa-question-circle {
  float: right;
  font-size: 15px;
  margin-top: 1px;
  margin-right: 0px;
}

.simulation-setting-tab .summary-panel .field-lbl {
  border-radius: 4px;
  padding: 6px;
  border: 1px solid #F3F3F3;
  border-left: 3px solid #4DA47C;
}
.simulation-setting-tab .summary-panel .field-lbl i {
  margin-right: 8px;
  color: #4DA47C;
}

.simulation-setting-tab .summary-panel .field-lbl i.fa-question-circle {
  float: right;
  font-size: 15px;
  margin-top: 1px;
  margin-right: 0px;
}
.simulation-setting-tab .setting-slide-content.summary .total .value {
  color: #333333;
}
.simulation-setting-tab .summary-panel .field-lbl.minus {
  border-left: 3px solid #CC0000;
}

.simulation-setting-tab .summary-panel .field-lbl.minus i {
  color: #CC0000;
}

.simulation-setting-tab .summary-panel .field-lbl.minus .value {
  color: #CC0000;
}

.simulation-setting-tab .setting-tab-content {
  background-color: #333333;
  overflow-y: auto;
  overflow-x: hidden;
}

.simulation-setting-tab .setting-slide-content .value {
  float: right;
}


.simulation-setting-tab .setting-slide-content .total .value {
  color: #3598DB
}

.simulation-btn {
  background: transparent linear-gradient(180deg, #6BC199 0%, #4DA47C 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 0px #000000;
  border-radius: 27px;
  color: white;
  height: 45px;
  font-size: 27px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.simulation-setting-tab .setting-slide-content .total {
  display: flex; 
  justify-content: space-between;     
  align-items: center;
}

.simulation-setting-tab .setting-slide-content .total-text {
  display: flex;    
  flex-direction: column;    
  align-items: baseline;
  margin-left: 4px;
}

.simulation-setting-tab .setting-slide-content .total-text span:nth-child(1){
  color: #3598DB;
  line-height: 0.5;
}
.simulation-setting-tab .setting-slide-content .total-text span:nth-child(2){
  color: #8B99A2; 
  font-style: italic; 
  font-size: 12px;
}

.simulation-setting-tab .setting-slide-content .total > div {
  display: flex; 
  align-items: baseline;
}

.simulation-setting-tab .setting-expand-panel.setting-icon {
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 2px;
  font-size: 12px;
}

.simulation-setting-tab .setting-expand-panel.setting-icon i {
  font-weight: 100;
}

.simulation-setting-tab .simulation-setting-title .setting-expand-panel i {
  color:  #3598db; 
  margin-right: 0px;
}

.simulation-setting-tab .simulation-setting-title .setting-expand-panel {
  margin-top: 10px;
  margin-right: 10px;
  background-color: white;
}

.simulation-setting-tab .setting-expand-panel {
  cursor: pointer;
  float: right;
  color: #fff;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  margin-top: 6px;
}
.simulation-setting-tab .setting-expand-panel i {
  font-weight: 700;
}
.simulation-setting-tab .setting-slide-content {
  width: 100%;
  display: none;
  border: 1px solid #f3f3f3;
  background: #fff;
  border-radius: 2px;
  margin-top: -2px;
  position: relative;
  z-index: 0;
  padding: 10px;
}
.simulation-setting-tab .setting-input-count {
  position: absolute;
  right: 10px;
  background-color: #fff;
  font-weight: 600;
  font-style: italic;
  font-size: 13px;
  color: #333;
}
.simulation-setting-tab .rounded-btn {
  border: 1px solid #e9e9e9;
  width: 100%;
  height: 44px;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 42px;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.simulation-setting-tab .setting-input {
  width: 100%;
  display: block;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  height: 34px;
  margin-bottom: 12px;
  padding-left: 7px;
  padding-right: 7px;
  outline: none !important;
}

.simulation-setting-tab .simulation-setting-title {
  background-color: #3498db;
  box-shadow: 0px 1px 0px 0px rgb(36, 130, 194);
}
.simulation-setting-tab .simulation-setting-title .title-buttons {
  color: #3498db;
}
.simulation-setting-tab .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #3598db;
}
.simulation-setting-tab .setting-slide-panel.summary-panel .setting-slide-header {
  background-color: #4DA47C;
  border: none;
  color: white;
}

.simulation-setting-tab .summary-header .setting-expand-panel {
  background-color: white;
  color: #4DA47C;
  padding-right: 1px;
  padding-top: 0.5px;
  display: block;
}

.simulation-setting-tab .setting-slide-panel .setting-slide-header>i {
  color: #3598db;
  margin-right: 5px;
}

.simulation-setting-tab .setting-slide-panel.summary-panel .setting-slide-header>i {
  color: white;
}

.simulation-setting-tab .setting-expand-panel {
  background-color: #3598db;
}



.simulation-setting-tab .rounded-btn i {
  color: #3498db;
}

.simulation-setting-tab .add-dropdown .add-dropdown-content {
  border-top: 2px solid rgb(53, 152, 219) !important;
}
.simulation-setting-tab .add-dropdown .add-dropdown-content:before {
  border-bottom-color: #3498db;
}
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs { 
  margin-top: 2px;
  width: 100%;
}
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li {
  width: 33.3%;
}
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li:nth-child(n+2) {
  border-left: 1px solid #e2e2e2;
}
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li>a,
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li>a:focus,
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li>a:hover {
  font-size: 13px;
  padding: 6px 4px; 
}
.simulation-setting-tab .analytics-tracking-tabs.nav-tabs>li.active>a:after {
  top: 32px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #3498da;
  border-width: 6px;
  margin-left: -6px;
}
.simulation-setting-tab .analytics-tracking-content table thead{
  color: #3598db;
}

.simulation-setting-tab .analytics-tracking-content .dropdown>i:hover {
  color: #3598db;
}
.simulation-setting-tab .embed-code-div .copy-btn, .simulation-setting-tab .add-dropdown .add-dropdown-content .add-btn {
  background-image: -moz-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  box-shadow: 0px 1px 0px 0px rgba(54, 154, 221, 1);
}

.simulation-setting-tab .counter {
  background-color: #3598db;
  color: #fff;
  text-align: center;
  min-width: 20px;
  display: inline-block;
  border-radius: 15px;
  margin-left: 10px;
  line-height: 20px;
}

/*End Simulation Sidebar Css*/

/*Page Setting CSS*/
.page-setting-tab .page-setting-title {
  background-color: #3498db;
  box-shadow: 0px 1px 0px 0px rgb(36, 130, 194);
}
.page-setting-tab .page-setting-title .title-buttons {
  color: #3498db;
}
.page-setting-tab .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #3598db;
}
.page-setting-tab .setting-slide-panel .setting-slide-header>i {
  color: #3598db;
  margin-right: 5px;
}

.page-setting-tab .setting-slide-panel .setting-slide-header>span.pull-left>i {
  color: #3598db;
  margin-right: 5px;
}

.page-setting-tab .setting-slide-panel .setting-slide-header .onoffswitch-inner:before {
  background-color: #3598db;
  color: #FFF;
}
.page-setting-tab .setting-slide-panel .setting-slide-header .onoffswitch-inner:after {
  background-color: #606060;
  color: #F2F6FA;
}

.page-setting-tab .setting-expand-panel {
  background-color: #3598db;
}

.page-setting-tab .rounded-btn i {
  color: #3498db;
}

.page-setting-tab .add-dropdown .add-dropdown-content {
  border-top: 2px solid rgb(53, 152, 219) !important;
}
.page-setting-tab .add-dropdown .add-dropdown-content:before {
  border-bottom-color: #3498db;
}
.page-setting-tab .analytics-tracking-tabs.nav-tabs { 
  margin-top: 2px;
  width: 100%;
}
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li {
  width: 33.3%;
}
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li:nth-child(n+2) {
  border-left: 1px solid #e2e2e2;
}
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li>a,
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li>a:focus,
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li>a:hover {
  font-size: 13px;
  padding: 6px 4px; 
}
.page-setting-tab .analytics-tracking-tabs.nav-tabs>li.active>a:after {
  top: 32px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #3498da;
  border-width: 6px;
  margin-left: -6px;
}
.page-setting-tab .analytics-tracking-content table thead{
  color: #3598db;
}
/*.page-setting-tab .analytics-tracking-content #params-tab table tbody td:not(:last-child) {
  max-width: 70px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}*/
.page-setting-tab .analytics-tracking-content .dropdown>i:hover {
  color: #3598db;
}
.page-setting-tab .embed-code-div .copy-btn, .page-setting-tab .add-dropdown .add-dropdown-content .add-btn {
  background-image: -moz-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(53,152,219) 0%, rgb(62,165,235) 100%);
  box-shadow: 0px 1px 0px 0px rgba(54, 154, 221, 1);
}

.ps-inline-item {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  text-transform: capitalize;
  line-height: 25px;
  margin-bottom: 7px;
  text-align: left;
  position: relative;
}
.ps-inline-item>span {
  display: inline-block;
  margin-top: 3px;
}
.ps-inline-item i {
  font-size: 16px;
  color: #3498db;
  margin-right: 8px;
}
.ps-inline-item i.pull-right {
  margin: 0px;
  margin-top: 7px;
}
.page-setting-tab .field-lbl i {
  color: #3498db;
}
.page-setting-tab .notes-panel .note-item .note-content i.fa-file {
  color: #3598db;
}
.setting-tab .file-name-div {
  margin-top: 13px;
  font-size: 13px;
  display: none;
  color: #666;
}
.setting-tab .file-name-div .file-name {
  max-width: 142px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  color: #666;
  font-weight: 400;
}
.ppt-player-setting-tab.setting-tab .file-name-div .file-name {
  max-width: 190px;
}
.page-setting-tab .file-name-div i {
  color: #3598db;
}
.setting-tab .file-name-div i.delete-btn {
  cursor: pointer;
  color: red;
  margin-top: 3px;
}

.page-setting-tab .thumbs-list {
  height: 300px;
  max-height: 300px;
  overflow-y: auto;
}

.page-setting-tab .thumbs-list .thumb-img {
  width: 63px;
  margin: 5px;
}
/*End Page Setting CSS*/

/*Traffic Setting CSS*/
.traffic-setting-tab .traffic-setting-title {
  background-color: #3d97a4;
  box-shadow: 0px 1px 0px 0px rgb(0, 135, 148);
}
.traffic-setting-tab .traffic-setting-title .title-buttons {
  color: #3d97a4;
}
.traffic-setting-tab .setting-expand-panel {
  background-color: #3d97a4;
}
.traffic-setting-tab .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #3d97a4;
}
.traffic-setting-tab .setting-slide-panel .setting-slide-header>i {
  color: #3d97a4;
  margin-right: 5px;
}
.traffic-setting-tab .setting-slide-panel .setting-slide-header>span.pull-left>i {
  color: #3d97a4;
  margin-right: 5px;
}

.traffic-setting-tab .setting-slide-panel .setting-slide-header .onoffswitch-inner:before {
  background-color: #3d97a4;
  color: #FFF;
}
.traffic-setting-tab .setting-slide-panel .setting-slide-header .onoffswitch-inner:after {
  background-color: #606060;
  color: #F2F6FA;
}
.item-description-textarea {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #7b7b7b;
  line-height: 15px;
  padding: 4px 8px;
  resize: none;
}
.utm-url-textarea {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 600;
  color: #7b7b7b;
  line-height: 15px;
  padding: 4px 8px;
}
.copy-utm-url-btn {
  margin-top: 15px;
}
.traffic-setting-tab .rounded-btn i {
  color: #3d97a4;
}
.traffic-setting-tab .add-dropdown .add-dropdown-content {
  border-top: 2px solid #3d97a4 !important;
}
.traffic-setting-tab .add-dropdown .add-dropdown-content:before {
  border-bottom-color: #3d97a4;
}
.traffic-setting-tab .add-dropdown .add-dropdown-content .add-btn {
  background-image: -moz-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  box-shadow: 0px 1px 0px 0px rgba(201, 123, 0, 1);
}
.traffic-setting-tab .field-lbl i {
  color: #3d97a4;
}
.traffic-setting-tab .notes-panel .note-item .note-content i.fa-file {
  color: #3d97a4;
}
.traffic-setting-tab .thumbs-list {
  height: 345;
  max-height: 345px;
  overflow-y: auto;
}
.traffic-setting-tab .thumbs-list .thumb-img {
  width: 43px;
  height: 43px;
  margin: 5px;
}
.traffic-setting-tab .field-info, .action-setting-tab .field-info {
  color: #666;
  font-weight: 600;
}
.portal-setting-tab.setting-tab .setting-slide-content.setup {
  z-index: 9999 !important;
}

.setting-tab .portalToWhichFunnelMapSettingWrap .dropdown-menu {
  max-width: 100%;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .selectpicker.dropdown-toggle {
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 0 !important;
  padding-left: 10px !important;
}
.setting-tab select#timeType {
  display: inline-block;
  font-size: 15px !important;
  line-height: 34px !important;
  height: 34px;
  font-weight: 500 !important;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(234, 234, 234);
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  padding-left: 5px;
}
.timer-setting-tab.setting-tab .setting-slide-content.setup {
  z-index: 9999 !important;
}
.setting-tab .count-wrapper {
  width: 33%;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  overflow: visible;
}
.setting-tab .count-wrapper .time-count-dropdown {
  display: none;
  list-style: none;
  padding-left: 0;
  position: absolute;
  top: 30px;
  z-index: 9999;
  border: 1px solid #F6F6F6;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.28);
  max-height: calc(100vh - 400px);
  overflow-y: auto;
}
.setting-tab .count-wrapper .time-count-dropdown li {
  background: #FFFFFF;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}
.setting-tab .count-wrapper .time-count-dropdown li:hover {
  background: #3598db;
  color: white;
}
.setting-tab select#timeType {
  width: 63%;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .selectpicker.dropdown-toggle i {
  vertical-align: top;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .selectpicker.dropdown-menu  li > a {
  font-size: 14px;
  font-weight: 600;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .selectpicker.dropdown-menu li.disabled {
  display: none;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .selectpicker.dropdown-menu li.selected {
  display: none;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .dropdown-menu>li>a{
  white-space: pre-wrap;
}
.setting-tab .portalToWhichFunnelMapSettingWrap .dropdown-menu li:nth-of-type(2n-1) {
    background: #f7f9fb !important;
}
.bootstrap-select .btn:focus {
  outline: 0 !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*End Traffic Setting CSS*/

/*Action Setting CSS*/
.setting-tab.orange-theme .setting-title {
  background-color: #ff8a00;
  box-shadow: 0px 1px 0px 0px rgb(225, 122, 0);
}
.setting-tab.orange-theme .setting-title .title-buttons {
  color: #ff8a00;
}
.setting-slide-header .onoffswitch label {
  margin-bottom: 0px !important;
  margin-top: 2px !important;
}

.setting-slide-header .onoffswitch label .onoffswitch-switch {
  top: 1px;
}

.setting-tab.orange-theme .setting-title .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #ff8a00;
}
.setting-tab.orange-theme .setting-slide-panel .setting-slide-header>i {
  color: #ff8a00;
  margin-right: 5px;
}
.setting-tab.orange-theme .setting-slide-panel .setting-slide-header>span.pull-left>i {
  color: #ff8a00;
  margin-right: 5px;
}

.setting-tab.orange-theme .setting-slide-panel .setting-slide-header .onoffswitch-inner:before {
  background-color: #ff8a00;
  color: #FFF;
}
.setting-tab.orange-theme .setting-slide-panel .setting-slide-header .onoffswitch-inner:after {
  background-color: #606060;
  color: #F2F6FA;
}

.setting-tab.orange-theme .setting-expand-panel {
  background-color: #ff8a00;
}
.setting-tab.orange-theme .field-lbl i {
  color: #ff8a00;
}
.setting-tab.orange-theme .analytics-tracking-content table thead{
  color: #ff8a00;
}
.setting-tab.orange-theme .analytics-tracking-content .dropdown>i:hover {
  color: #ff8a00;
}
.setting-tab.orange-theme .embed-code-div {
  margin-top: 15px;
}
.setting-tab.orange-theme .embed-code-div .copy-btn, .setting-tab.orange-theme .add-dropdown .add-dropdown-content .add-btn {
  background-image: -moz-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,159,12) 0%, rgb(255,182,70) 100%);
  box-shadow: 0px 1px 0px 0px rgba(201, 123, 0, 1);
}
.setting-tab.orange-theme .add-dropdown .add-dropdown-content {
  border-top: 2px solid #ff8a00 !important;
}
.setting-tab.orange-theme .add-dropdown .add-dropdown-content:before {
  border-bottom-color: #ff8a00;
}
.setting-tab.orange-theme .rounded-btn i {
  color: #ff8a00;
}
.setting-tab.orange-theme .notes-panel .note-item .note-content i.fa-file {
  color: #ff8a00;
}

.setting-tab.orange-theme .thumbs-list {
  height: 345;
  max-height: 345px;
  overflow-y: auto;
}
.setting-tab.orange-theme .thumbs-list .thumb-img {
  width: 43px;
  height: 43px;
  margin: 5px;
}
/*End Action Setting CSS*/

/*Purple Theme Setting (Design Setting) CSS*/
.setting-tab.purple-theme .setting-title {
  background-color: #685885;
  box-shadow: 0px 1px 0px 0px rgb(86, 71, 114);
}
.setting-tab.purple-theme .setting-title .title-buttons {
  color: #685885;
}
.setting-tab.purple-theme .setting-title .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #685885;
}
.setting-tab.purple-theme .setting-slide-panel .setting-slide-header>i {
  color: #685885;
  margin-right: 5px;
}
.setting-tab.purple-theme .setting-slide-panel .setting-slide-header>span.pull-left>i {
  color: #685885;
  margin-right: 5px;
}
.setting-tab.purple-theme .setting-slide-panel .setting-slide-header .onoffswitch-inner:before {
  background-color: #685885;
  color: #FFF;
}
.setting-tab.purple-theme .setting-slide-panel .setting-slide-header .onoffswitch-inner:after {
  background-color: #606060;
  color: #F2F6FA;
}

.setting-tab.purple-theme .setting-expand-panel {
  background-color: #685885;
}
.setting-tab.purple-theme .field-lbl i {
  color: #685885;
}
.setting-tab.purple-theme .rounded-btn i {
  color: #685885;
}
.setting-tab.purple-theme .notes-panel .note-item .note-content i.fa-file {
  color: #685885;
}

.setting-tab.purple-theme .thumbs-list {
  height: 345;
  max-height: 345px;
  overflow-y: auto;
}
.setting-tab.purple-theme .thumbs-list .thumb-img {
  width: 43px;
  height: 43px;
  margin: 5px;
}
.setting-tab .video-url-wrapper {
  position: relative;
}
.setting-tab .video-url-wrapper input {
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.setting-tab .video-icon {
  position: absolute;
  right: 8px;
  top: 4px;
  font-size: 17px;
  visibility: hidden;
}
.setting-tab .video-icon .fa-vimeo {
  color: #00c0f0;
}
.setting-tab .video-icon .fa-youtube {
  color: #cc0000;
}
.video-player-setting-tab .video-size-ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: -5px;
}
.video-player-setting-tab .video-size-ul.disabled li {
  cursor: not-allowed;
}
.video-player-setting-tab .video-size-ul li {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.video-player-setting-tab .video-size-ul li.active {
  background-color: rgb(104, 88, 133);
}
.video-player-setting-tab .video-s {
  border-radius: 4px;
  background-color: rgb(222, 220, 225);
  width: 26px;
  height: 15px;
}
.video-player-setting-tab .video-m {
  border-radius: 4px;
  background-color: rgb(222, 220, 225);
  width: 32px;
  height: 18px;
}
.video-player-setting-tab .video-l {
  border-radius: 4px;
  background-color: rgb(222, 220, 225);
  width: 40px;
  height: 22px;
}
.video-player-setting-tab .note-info:after {
  color: #685885;
}
.text-setting-tab .edit-list {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.text-setting-tab .edit-list .listHolder {
  font-size: 13px;
  font-weight: 600;
}
.text-setting-tab .edit-list i {
  color: #685885;
}
.text-setting-tab .edit-list .bootstrap-select{
  width: 109px;
  border-radius: 2px;
  border-color: #e0e0e0;
  color: #333;
  font-size: 13px;
}
.text-setting-tab .edit-list .bootstrap-select .filter-option{
  font-size: 13px;
  color: #000;
  position: relative;
  top: -1px;
  text-transform: uppercase !important;
}
.text-setting-tab .edit-list .bootstrap-select .filter-option img{
  position: relative;
  top: -2px;
}
.text-setting-tab .edit-list .bootstrap-select .dropdown-menu.inner li img{
  position: relative;
  top: -2px;
}
.text-setting-tab .edit-list .bootstrap-select i.fa-arrows-h {
  color: #43a0de !important;
}
.text-setting-tab .edit-list .bootstrap-select .dropdown-menu li a,
.text-setting-tab .edit-list .bootstrap-select .dropdown-menu li a:hover,
.text-setting-tab .edit-list .bootstrap-select .dropdown-menu li a:active,
.text-setting-tab .edit-list .bootstrap-select .dropdown-menu li a:focus{
  padding: 5px !important;
  text-transform: capitalize !important;
}

.text-setting-tab .borders-corner-button {
  margin-top: 1px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  cursor: pointer;
}
.text-setting-tab .borders-corner-button.btn1 {
  background: url(../../../img/borders-sprite-corner-inactive.png);
  background-position: 0 0;
}
.text-setting-tab .borders-corner-button.btn2 {
  background: url("../../../img/borders-sprite-corner-inactive.png");
  background-position: -25px 0;
}
.text-setting-tab .borders-corner-button.btn3 {
  background: url("../../../img/borders-sprite-corner-inactive.png");
  background-position: -50px 0;
}
.text-setting-tab .borders-corner-button.btn4 {
  background: url("../../../img/borders-sprite-corner-inactive.png");
  background-position: -75px 0;
}
/*active*/
.text-setting-tab .borders-corner-button.active.btn1 {
  background: url("../../../img/borders-sprite-corner-active.png");
  background-position: 0 0;
}
.text-setting-tab .borders-corner-button.active.btn2 {
  background: url("../../../img/borders-sprite-corner-active.png");
  background-position: -25px 0;
}
.text-setting-tab .borders-corner-button.active.btn3 {
  background: url("../../../img/borders-sprite-corner-active.png");
  background-position: -50px 0;
}
.text-setting-tab .borders-corner-button.active.btn4 {
  background: url("../../../img/borders-sprite-corner-active.png");
  background-position: -75px 0;
}
.strokeBase {
  display: inline-block;
  width: 12px;
  background: #999;
  color: #999;
}
.stroke0px {
  height: 1px;
  background-color: transparent !important;
}
.stroke1px {
  height:1px;
}
.stroke2px {
  height:2px;
}
.stroke3px {
  height:3px;
}
.stroke4px {
  height:4px;
}
.stroke5px {
  height:5px;
}
.text-setting-tab .bootstrap-select .btn.dropdown-toggle {
  padding: 0 4px !important;
  font-size: 11px !important;
  height: 23px;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-top: -3px;
  text-transform: capitalize !important;
  line-height: 1.7;
  border-radius: 2px;
}
.text-setting-tab .sp-replacer {
  float: right;
    border: 1px solid #f0f0f0;
    position: relative;
    top: -1px;
}
.text-setting-tab .sp-preview {
  width: 35px !important;
  height: 20px;
}
/*End Design Setting CSS*/

/*Red Theme Setting (Templates) CSS*/
.setting-tab.red-theme .setting-title {
  background-color: #b70606;
  box-shadow: 0px 1px 0px 0px rgb(86, 71, 114);
}
.setting-tab.red-theme .setting-title .title-buttons {
  color: #b70606;
}
.setting-tab.red-theme .setting-title .setting-slide-panel .setting-slide-header {
  border-left: 2px solid #b70606;
}
.setting-tab .setting-tab-content .nav-item {
  display: block;
  position: relative;
  cursor: move;
}
.setting-tab-content .nav-item-container {
  width: 100%;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
  text-align: left;
  margin-bottom: 10px;
  border: 1px solid rgb(231, 236, 240);
  border-radius: 5px;
  background-color: #fff;
  height: 48px;
  position: relative;
  padding: 8px;
}
.setting-tab.red-theme .setting-tab-content .nav-item-container {
  border-left: 3px solid #b70606;
}
.setting-tab-content .nav-item .nav-item-icon {
  width: 32px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
}
.setting-tab-content .nav-item .nav-item-txt {
  line-height: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0;
  max-width: 141px;
  word-wrap: break-word;
}
.templates-setting-tab .nav-item-container i {
  font-size: 20px;
  color: #b2bac0;
  margin-left: auto;
  margin-right: 5px;
  cursor: pointer;
}
/*End Red Theme Setting CSS*/

.spinner-gif {
  width: 30px;
}
.field-lbl .view-btn {
  float: right;
}
.field-lbl .view-btn img {
  height: 12px;
}
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.modal-title {
  font-size: 13px;
  font-weight: 600;
  color: #3498DB;
  text-transform: uppercase;
  line-height: 30px;
  padding: 0 10px;
}

.modal-body {
  padding: 20px;
  font-size: 13px;
}

.modal-header {
  min-height: 16.43px;
  padding: 0px;
  border-bottom: 0;
  background-color: #f3f4f6;
}

.modal-header .close {
  float: none;
  font-weight: 300;
  line-height: 30px;
  color: #fff;
  background-color: #3498db;
  text-shadow: 0 0 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 !important;
  margin: 0 !important;
  width: 30px;
  height: 30px;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
  z-index: 9999;
}
.animated-hidden {
  display: none;
}
.colorpicker {
  z-index: 5000;
}
svg {
  display: block;
}
/******** player modal css ********/
.player-modal {
  padding-left: 0px !important;
}
.player-modal .modal-dialog {
  width: 850px;
  margin-top: 44px;
  margin-bottom: 44px;
}
.ReadingToolbarPanel {
  display: none !important;
}
.player-modal.player-mode .modal-dialog {
  margin: 24px auto;
}
.player-modal.player-mode .modal-dialog {
  width: calc(100vw - 50px);
  max-height: calc(100vh - 50px);
  aspect-ratio: 16/9;
}
.player-modal .modal-body {
  padding: 0 !important;
}

.player-modal .close {
  float: none;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  background-color: #3598db;
  border-radius: 999px;
  text-shadow: 0 0 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
  padding: 10px !important;
  margin: 0 !important;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
  z-index: 9999;
  position: absolute;
  top: 10px;
  right: 10px;
}

/*modal dialog*/
/*PREVIEW MODAL CSS START*/
#preview-modal .modal-dialog {
	margin-top: 8.5vh;
	margin-bottom: 0px !important;
  width: 1200px;
}
#preview-modal button.close {
  background: #3598db;
  border-radius: 999px;
  margin: 10px;
  width: 45px;
  height: 45px;
  opacity: 1;
}
#preview-modal .modal-header {
	display: none;
}
#preview-modal .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
#preview-modal .modal-body {
	height: 86vh;
	overflow: auto;
	padding: 0px;
}
#preview-modal .preview-img {
	max-width: 100%;
  min-width: 600px;
  margin: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}


#aspect-ratio-preview-modal .modal-dialog {
  margin-top: 30px;
  margin-bottom: 30px !important;
  width: unset;
}
#aspect-ratio-preview-modal .model-content {
  position: unset;
}
#aspect-ratio-preview-modal button.close,  #aspect-ratio-preview-modal button.close:hover{
  font-size: 25px;
  background: unset;
  top: 12px;
  right: 20px;
  position: fixed;
  color: white;
  opacity: 1;
  font-weight: 500;
}
#aspect-ratio-preview-modal .modal-body {
  height: calc(100vh - 70px);
  padding: 0px;
  position: relative;
  min-width: 100px;
}
#aspect-ratio-preview-modal img {
  height: 100%;
  width: auto;
}
/*PREVIEW MODAL CSS END*/
/*Customize ScrollBar*/
#preview-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0) !important;
}

#preview-modal .mCSB_scrollTools_onDrag .mCSB_dragger_bar,
#preview-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, 0.40) !important;
}

#preview-modal .modal-body.autoheight {
	max-height: 361px !important;
}

/* BACK MODAL START */
#back-modal .modal-dialog {
  width: 700px;
}
#back-modal .modal-body p {
  font-weight: 600;
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 0px;
}
#back-modal .modal-body p:last-of-type {
  font-weight: 700;
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 10px;
}
#back-modal .modal-footer {
	padding: 0px;
	padding-bottom: 20px;
	border-top: none;
}
#back-modal .modal-footer .btn-danger {
  background-color: #d20000;
  margin: 0 auto;
  float: none;
  border-radius: 28px !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  background-image: -moz-linear-gradient( 90deg, rgb(221,0,0) 0%, rgb(238,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(221,0,0) 0%, rgb(238,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(221,0,0) 0%, rgb(238,0,0) 100%);
  box-shadow: 0px 2px 0px 0px rgba(167, 0, 0, 1);
  height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  display: table;
  margin-bottom: 20px;
}
#back-modal .modal-footer .btn-danger i {
  font-size: 21px !important;
}

#back-modal .modal-header .close {
  background-color: #d20000 !important;
}
#back-modal .modal-title, #back-modal .modal-title i {
  color: #d20000 !important;
}
/* BACK MODAL END */

.custom-thumb-btn span {
	font-size: .5em;
	opacity: .9;
}

.add-image-btn, .add-image-btn:hover {
  border-radius: 2px;
  box-shadow: 0px 1px 0px 0px rgba(201, 109, 0, 0.004);
  width: 50px;
  padding: 5px 4px;
  color: white;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  border: none;
  margin-left: 36px;
}
.setting-tab.orange-theme .add-image-btn {
  background-color: rgb(255, 138, 0);
}
.setting-tab.purple-theme .add-image-btn {
  background-color: #685885;
}
.traffic-setting-tab .add-image-btn {
  background-color: #3d97a4;
}

.images-counter {
  border-radius: 9px;
  display: inline-block;
  padding: 4px;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  color: white;
  min-width: 23px;
  margin-left: 6px;
}
.setting-tab.orange-theme .images-counter {
  background: #ff8a00;
}
.setting-tab.purple-theme .images-counter {
  background: #685885;
}
.traffic-setting-tab .images-counter {
  background-color: #3d97a4;
}
.setting-slide-panel .images-list {
  list-style: none;
  margin: 0px;
  max-height: 345px;
  overflow-y: scroll;
}
.setting-slide-panel .images-list:empty::after {
  content: attr(placeholder);
  font-family: Open Sans, FontAwesome;
}
.setting-slide-panel .images-list .img-item {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(241, 241, 241);
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  position: relative;
  margin: 4px;
  padding: 2px;
  width: 65px;
  display: inline-block;
}

.setting-slide-panel .images-list .img-item .img-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.839);
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  align-items: center;
  justify-content: center;
}
.setting-slide-panel .images-list .img-item:hover .img-overlay {
  display: flex;
}
.setting-slide-panel .images-list .img-item:hover .img-overlay .move-btn {
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  color: white;
}
.setting-slide-panel .images-list .img-item:hover .img-overlay .delete-btn {
  position: absolute;
  right: -5px;
  top: -5px;
  background: #cd0404;
  border-radius: 13px;
  color: white;
  font-size: 8px;
  padding: 4px 6px;
  cursor: pointer;
}
.setting-slide-panel .images-list .img-item .img-content {
  background-image: url("../../../img/transparent-bg.png");
  height: 45px;
  width: 60px;
  max-height: 45px;
  max-width: 60px;
  display: table;
}
.setting-slide-panel .images-list .img-item:not([data-ratio="16*9"]) .img-content img {
  height: 45px;
  width: auto;
}
.setting-slide-panel .images-list .img-item[data-ratio="16*9"] .img-content img {
  width: 100%;
  height: auto;
  margin-top: 5.6px;
}

.fancybox-content {
  /* height: 100% !important;
  width: auto !important; */
}
.fancybox-content img {
  /* height: calc(100vh - 70px) !important;
  width: auto !important; */
}
.fancybox-button {
  font-size: 35px;
  color: white;
  opacity: 0.341;
  background: transparent;
}
.fancybox-button.fb-arrow-btn {
  min-width: calc((100vw - (100vh - 70px) * 1.77) / 2);
  height: 90vh;
  top: 50px;
  display: flex;
  align-items: center;
}
.fancybox-button.fb-finish-btn img {
  width: 36px;
  height: 36px;
}
.fancybox-button.fb-arrow-btn.fancybox-button--arrow_left {
  justify-content: flex-end;
}
.fancybox-button.fb-arrow-btn.fancybox-button--arrow_right, .fb-finish-btn {
  justify-content: flex-start;
  right: 0;
  right: env(safe-area-inset-right);
}
.fancybox-button.fancybox-button--close {
  opacity: 1;
  width: unset;
  height: unset;
  background: #3598db;
  border-radius: 999px;
  margin: 10px;
  font-size: unset;
}
.fancybox-navigation .fancybox-button div {
  height: unset;
}

@media(max-width: 1336px) {
  #preview-modal .modal-dialog {
    width: 900px;
  }
}

#create-mind-map-modal .modal-dialog {
  width: 1041px;
}

#create-mind-map-modal .form-group {
  margin-top: 46px;
  display: flex;
  align-items: center;
}

#ask-funnel-goal .modal-dialog,
#note-prompt-modal .modal-dialog {
  width: 710px;
  height: 544px;
  background-image: linear-gradient(to bottom left, #0060cd, #8d4781d1),url("../../../img/goal-bg.png");
  border-radius: 20px;
}
#ask-funnel-goal .modal-content,
#note-prompt-modal .modal-content {
  height: 100%;
  background: transparent;
  border-radius: 20px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  border: none;
}
#ask-funnel-goal .modal-body,
#note-prompt-modal .modal-body {
  color: white;
  height: calc(100% - 33px);
  display: flex;
  justify-content: center;
  align-items: center;
}

#ask-funnel-goal .modal-header,
#note-prompt-modal .modal-header {
  background: transparent;
}

#ask-funnel-goal h3,
#note-prompt-modal h3 {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 800;
  text-shadow: 0 2px 2px #00000020;
}

#ask-funnel-goal #custom-close,
#note-prompt-modal #custom-close {
  background: rgba(0,0,0,0.07);
  border-radius: 50px;
  margin-top: 10px !important;
  margin-right: 10px !important;
}

#ask-funnel-goal .form-group,
#note-prompt-modal .form-group {
  margin-top: 20px;
  display: flex;
  align-items: center;
}

#ask-funnel-goal textarea,
#note-prompt-modal textarea {
  border-radius: 14px;
  font-size: 18px;
  height: 115px;
  resize: none;
}

#ask-funnel-goal .nextBtn,
#note-prompt-modal .nextBtn {
  border-radius: 36px !important;
  font-weight: 800;
  font-size: 27px;
  text-shadow: 0 2px 2px #00000020;
}

#ask-funnel-goal .nextBtn i,
#note-prompt-modal .nextBtn i {
  margin-right: 10px;
}

#ask-funnel-goal .ajax-loading-message {
  font-size: 16px;
  margin-top: 20px;
}

.workflow-ai-header {
  cursor: pointer;
  border-radius: 4px;
  background: linear-gradient(to bottom left, #00CDAC, #02AAB0);
  box-shadow: 0 1px 0px #008578;
  width: 55px;
  color: white;
  text-decoration: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}


.mind-map-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.mind-map-icon.blue {
  background-image: url("/assets/img/mind-map-icon-blue");
}
.mind-map-icon.orange {
  background-image: url("/assets/img/mind-map-icon-orange");
}
.mind-map-icon.teal {
  background-image: url("/assets/img/mind-map-icon-teal");
}
.mind-map-icon.purple {
  background-image: url("/assets/img/mind-map-icon-purple");
}

.chart-wrapper {
  max-height: 250px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.chart-wrapper #myChart {
  position: relative;
  z-index: 10;
}
.chart-wrapper #chartjs-tooltip {
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  z-index: 0;
  height: 100%;
  padding: 0;
  opacity: 1 !important;
  align-items: center;
}

/* .chart-wrapper #chartjs-tooltip span:first-child {
  font-size: 36px;
  font-weight: 600;
  color: gray;
}

.chart-wrapper #chartjs-tooltip span:last-child {
  color: black;
} */

#simulationSwitcher {
  cursor: pointer;
}