/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
    display: inline-block;
    width: 25px;
    height: 15px;
    background: url('../ui/images/flags.png') no-repeat;
}


.flag.flag-hr {
    background-position: -375px -75px;
}

.flag.flag-cz {
    background-position: -75px -45px;
}

.flag.flag-ls {
    background-position: -25px -120px;
}

.flag.flag-kr {
    background-position: -175px -105px;
}

.flag.flag-fm {
    background-position: -125px -60px;
}

.flag.flag-cr {
    background-position: -375px -30px;
}

.flag.flag-tj {
    background-position: -150px -195px;
}

.flag.flag-bj {
    background-position: -200px -15px;
}

.flag.flag-bd {
    background-position: -50px -15px;
}

.flag.flag-hk {
    background-position: -300px -75px;
}

.flag.flag-eg {
    background-position: -300px -45px;
}

.flag.flag-pe {
    background-position: -275px -150px;
}

.flag.flag-na {
    background-position: -325px -135px;
}

.flag.flag-gs {
    background-position: -175px -75px;
}

.flag.flag-ar {
    background-position: -225px 0;
}

.flag.flag-to {
    background-position: -275px -195px;
}

.flag.flag-vc {
    background-position: -200px -210px;
}

.flag.flag-gm {
    background-position: -50px -75px;
}

.flag.flag-nl {
    background-position: -75px -150px;
}

.flag.flag-vu {
    background-position: -325px -210px;
}

.flag.flag-ec {
    background-position: -250px -45px;
}

.flag.flag-gf {
    background-position: -300px -60px;
}

.flag.flag-hu {
    background-position: -25px -90px;
}

.flag.flag-jp {
    background-position: -375px -90px;
}

.flag.flag-in {
    background-position: -125px -90px;
}

.flag.flag-sh {
    background-position: -100px -180px;
}

.flag.flag-ni {
    background-position: -50px -150px;
}

.flag.flag-gn {
    background-position: -75px -75px;
}

.flag.flag-eh {
    background-position: -325px -45px;
}

.flag.flag-co {
    background-position: -350px -30px;
}

.flag.flag-no {
    background-position: -100px -150px;
}

.flag.flag-cl {
    background-position: -275px -30px;
}

.flag.flag-py {
    background-position: -175px -165px;
}

.flag.flag-sl {
    background-position: -200px -180px;
}

.flag.flag-pr {
    background-position: -75px -165px;
}

.flag.flag-so {
    background-position: -275px -180px;
}

.flag.flag-ws {
    background-position: -375px -210px;
}

.flag.flag-dk {
    background-position: -150px -45px;
}

.flag.flag-dm {
    background-position: -175px -45px;
}

.flag.flag-mh {
    background-position: -300px -120px;
}

.flag.flag-tf {
    background-position: -75px -195px;
}

.flag.flag-hm {
    background-position: -325px -75px;
}

.flag.flag-tr {
    background-position: -300px -195px;
}

.flag.flag-bo {
    background-position: -300px -15px;
}

.flag.flag-et {
    background-position: 0 -60px;
}

.flag.flag-ro {
    background-position: -250px -165px;
}

.flag.flag-sd {
    background-position: -25px -180px;
}

.flag.flag-sn {
    background-position: -250px -180px;
}

.flag.flag-sr {
    background-position: -300px -180px;
}

.flag.flag-zw {
    background-position: -100px -225px;
}

.flag.flag-au {
    background-position: -300px 0;
}

.flag.flag-ne {
    background-position: -375px -135px;
}

.flag.flag-kp {
    background-position: -150px -105px;
}

.flag.flag-nu {
    background-position: -175px -150px;
}

.flag.flag-bg {
    background-position: -125px -15px;
}

.flag.flag-bf {
    background-position: -100px -15px;
}

.flag.flag-gt {
    background-position: -200px -75px;
}

.flag.flag-af {
    background-position: -50px 0;
}

.flag.flag-sz {
    background-position: 0 -195px;
}

.flag.flag-gl {
    background-position: -25px -75px;
}

.flag.flag-as {
    background-position: -250px 0;
}

.flag.flag-ly {
    background-position: -125px -120px;
}

.flag.flag-sy {
    background-position: -375px -180px;
}

.flag.flag-km {
    background-position: -100px -105px;
}

.flag.flag-ma {
    background-position: -150px -120px;
}

.flag.flag-ga {
    background-position: -200px -60px;
}

.flag.flag-gh {
    background-position: -375px -60px;
}

.flag.flag-az {
    background-position: -375px 0;
}

.flag.flag-bt {
    background-position: -375px -15px;
}

.flag.flag-al {
    background-position: -125px 0;
}

.flag.flag-kg {
    background-position: -25px -105px;
}

.flag.flag-bw {
    background-position: -25px -30px;
}

.flag.flag-mt {
    background-position: -150px -135px;
}

.flag.flag-gw {
    background-position: -250px -75px;
}

.flag.flag-pg {
    background-position: -325px -150px;
}

.flag.flag-iq {
    background-position: -175px -90px;
}

.flag.flag-io {
    background-position: -150px -90px;
}

.flag.flag-ph {
    background-position: -350px -150px;
}

.flag.flag-md {
    background-position: -200px -120px;
}

.flag.flag-nc {
    background-position: -350px -135px;
}

.flag.flag-cg {
    background-position: -175px -30px;
}

.flag.flag-ci {
    background-position: -225px -30px;
}

.flag.flag-dz {
    background-position: -225px -45px;
}

.flag.flag-cf {
    background-position: -150px -30px;
}

.flag.flag-pm {
    background-position: -25px -165px;
}

.flag.flag-vn {
    background-position: -300px -210px;
}

.flag.flag-gd {
    background-position: -250px -60px;
}

.flag.flag-um {
    background-position: -75px -210px;
}

.flag.flag-nr {
    background-position: -150px -150px;
}

.flag.flag-br {
    background-position: -325px -15px;
}

.flag.flag-td {
    background-position: -50px -195px;
}

.flag.flag-vi {
    background-position: -275px -210px;
}

.flag.flag-mw {
    background-position: -225px -135px;
}

.flag.flag-kw {
    background-position: -200px -105px;
}

.flag.flag-fj {
    background-position: -75px -60px;
}

.flag.flag-ml {
    background-position: -350px -120px;
}

.flag.flag-sa {
    background-position: -350px -165px;
}

.flag.flag-pa {
    background-position: -250px -150px;
}

.flag.flag-lc {
    background-position: -325px -105px;
}

.flag.flag-am {
    background-position: -150px 0;
}

.flag.flag-gg {
    background-position: -350px -60px;
}

.flag.flag-gq {
    background-position: -125px -75px;
}

.flag.flag-fi {
    background-position: -50px -60px;
}

.flag.flag-dj {
    background-position: -125px -45px;
}

.flag.flag-hn {
    background-position: -350px -75px;
}

.flag.flag-fk {
    background-position: -100px -60px;
}

.flag.flag-mu {
    background-position: -175px -135px;
}

.flag.flag-cn {
    background-position: -325px -30px;
}

.flag.flag-kh {
    background-position: -50px -105px;
}

.flag.flag-np {
    background-position: -125px -150px;
}

.flag.flag-ir {
    background-position: -200px -90px;
}

.flag.flag-mf {
    background-position: -250px -120px;
}

.flag.flag-tl {
    background-position: -200px -195px;
}

.flag.flag-mc {
    background-position: -175px -120px;
}

.flag.flag-jo {
    background-position: -350px -90px;
}

.flag.flag-uz {
    background-position: -150px -210px;
}

.flag.flag-la {
    background-position: -275px -105px;
}

.flag.flag-fo {
    background-position: -150px -60px;
}

.flag.flag-ht {
    background-position: 0 -90px;
}

.flag.flag-tg {
    background-position: -100px -195px;
}

.flag.flag-ve {
    background-position: -225px -210px;
}

.flag.flag-my {
    background-position: -275px -135px;
}

.flag.flag-mx {
    background-position: -250px -135px;
}

.flag.flag-lb {
    background-position: -300px -105px;
}

.flag.flag-tw {
    background-position: -375px -195px;
}

.flag.flag-nz {
    background-position: -200px -150px;
}

.flag.flag-sg {
    background-position: -75px -180px;
}

.flag.flag-sc {
    background-position: 0 -180px;
}

.flag.flag-cm {
    background-position: -300px -30px;
}

.flag.flag-tv {
    background-position: -350px -195px;
}

.flag.flag-pt {
    background-position: -125px -165px;
}

.flag.flag-rs {
    background-position: -275px -165px;
}

.flag.flag-jm {
    background-position: -325px -90px;
}

.flag.flag-lt {
    background-position: -50px -120px;
}

.flag.flag-ua {
    background-position: -25px -210px;
}

.flag.flag-se {
    background-position: -50px -180px;
}

.flag.flag-mp {
    background-position: -50px -135px;
}

.flag.flag-bz {
    background-position: -75px -30px;
}

.flag.flag-yt {
    background-position: -25px -225px;
}

.flag.flag-pk {
    background-position: -375px -150px;
}

.flag.flag-ps {
    background-position: -100px -165px;
}

.flag.flag-il {
    background-position: -100px -90px;
}

.flag.flag-ca {
    background-position: -100px -30px;
}

.flag.flag-pn {
    background-position: -50px -165px;
}

.flag.flag-id {
    background-position: -50px -90px;
}

.flag.flag-gp {
    background-position: -100px -75px;
}

.flag.flag-gr {
    background-position: -150px -75px;
}

.flag.flag-mm {
    background-position: -375px -120px;
}

.flag.flag-bl {
    background-position: -225px -15px;
}

.flag.flag-us {
    background-position: -100px -210px;
}

.flag.flag-sv {
    background-position: -350px -180px;
}

.flag.flag-ng {
    background-position: -25px -150px;
}

.flag.flag-bh {
    background-position: -150px -15px;
}

.flag.flag-me {
    background-position: -225px -120px;
}

.flag.flag-ae {
    background-position: -25px 0;
}

.flag.flag-de {
    background-position: -100px -45px;
}

.flag.flag-mk {
    background-position: -325px -120px;
}

.flag.flag-mq {
    background-position: -75px -135px;
}

.flag.flag-pf {
    background-position: -300px -150px;
}

.flag.flag-be {
    background-position: -75px -15px;
}

.flag.flag-bs {
    background-position: -350px -15px;
}

.flag.flag-ch {
    background-position: -200px -30px;
}

.flag.flag-ax {
    background-position: -350px 0;
}

.flag.flag-is {
    background-position: -225px -90px;
}

.flag.flag-tn {
    background-position: -250px -195px;
}

.flag.flag-ki {
    background-position: -75px -105px;
}

.flag.flag-mr {
    background-position: -100px -135px;
}

.flag.flag-ug {
    background-position: -50px -210px;
}

.flag.flag-rw {
    background-position: -325px -165px;
}

.flag.flag-cv {
    background-position: -25px -45px;
}

.flag.flag-an {
    background-position: -175px 0;
}

.flag.flag-pl {
    background-position: 0 -165px;
}

.flag.flag-ge {
    background-position: -275px -60px;
}

.flag.flag-kz {
    background-position: -250px -105px;
}

.flag.flag-ai {
    background-position: -100px 0;
}

.flag.flag-kn {
    background-position: -125px -105px;
}

.flag.flag-mz {
    background-position: -300px -135px;
}

.flag.flag-tk {
    background-position: -175px -195px;
}

.flag.flag-cd {
    background-position: -125px -30px;
}

.flag.flag-it {
    background-position: -250px -90px;
}

.flag.flag-tz {
    background-position: 0 -210px;
}

.flag.flag-nf {
    background-position: 0 -150px;
}

.flag.flag-bn {
    background-position: -275px -15px;
}

.flag.flag-lu {
    background-position: -75px -120px;
}

.flag.flag-lr {
    background-position: 0 -120px;
}

.flag.flag-vg {
    background-position: -250px -210px;
}

.flag.flag-ke {
    background-position: 0 -105px;
}

.flag.flag-va {
    background-position: -175px -210px;
}

.flag.flag-ck {
    background-position: -250px -30px;
}

.flag.flag-si {
    background-position: -125px -180px;
}

.flag.flag-zm {
    background-position: -75px -225px;
}

.flag.flag-uy {
    background-position: -125px -210px;
}

.flag.flag-er {
    background-position: -350px -45px;
}

.flag.flag-th {
    background-position: -125px -195px;
}

.flag.flag-mn {
    background-position: 0 -135px;
}

.flag.flag-sb {
    background-position: -375px -165px;
}

.flag.flag-za {
    background-position: -50px -225px;
}

.flag.flag-sk {
    background-position: -175px -180px;
}

.flag.flag-ag {
    background-position: -75px 0;
}

.flag.flag-mg {
    background-position: -275px -120px;
}

.flag.flag-aw {
    background-position: -325px 0;
}

.flag.flag-bv {
    background-position: 0 -30px;
}

.flag.flag-mo {
    background-position: -25px -135px;
}

.flag.flag-li {
    background-position: -350px -105px;
}

.flag.flag-sj {
    background-position: -150px -180px;
}

.flag.flag-ba {
    background-position: 0 -15px;
}

.flag.flag-re {
    background-position: -225px -165px;
}

.flag.flag-gu {
    background-position: -225px -75px;
}

.flag.flag-es {
    background-position: -375px -45px;
}

.flag.flag-pw {
    background-position: -150px -165px;
}

.flag.flag-tc {
    background-position: -25px -195px;
}

.flag.flag-by {
    background-position: -50px -30px;
}

.flag.flag-lk {
    background-position: -375px -105px;
}

.flag.flag-bb {
    background-position: -25px -15px;
}

.flag.flag-cu {
    background-position: 0 -45px;
}

.flag.flag-mv {
    background-position: -200px -135px;
}

.flag.flag-eu {
    background-position: -25px -60px;
}

.flag.flag-bi {
    background-position: -175px -15px;
}

.flag.flag-om {
    background-position: -225px -150px;
}

.flag.flag-gy {
    background-position: -275px -75px;
}

.flag.flag-qa {
    background-position: -200px -165px;
}

.flag.flag-wf {
    background-position: -350px -210px;
}

.flag.flag-ru {
    background-position: -300px -165px;
}

.flag.flag-ee {
    background-position: -275px -45px;
}

.flag.flag-ao {
    background-position: -200px 0;
}

.flag.flag-st {
    background-position: -325px -180px;
}

.flag.flag-cy {
    background-position: -50px -45px;
}

.flag.flag-tm {
    background-position: -225px -195px;
}

.flag.flag-fr {
    background-position: -175px -60px;
}

.flag.flag-bm {
    background-position: -250px -15px;
}

.flag.flag-ms {
    background-position: -125px -135px;
}

.flag.flag-at {
    background-position: -275px 0;
}

.flag.flag-sm {
    background-position: -225px -180px;
}

.flag.flag-ie {
    background-position: -75px -90px;
}

.flag.flag-lv {
    background-position: -100px -120px;
}

.flag.flag-je {
    background-position: -300px -90px;
}

.flag.flag-ky {
    background-position: -225px -105px;
}

.flag.flag-tt {
    background-position: -325px -195px;
}

.flag.flag-do {
    background-position: -200px -45px;
}

.flag.flag-ad {
    background-position: 0 0;
}

.flag.flag-ye {
    background-position: 0 -225px;
}

.flag.flag-gb {
    background-position: -225px -60px;
}

.flag.flag-gi {
    background-position: 0 -75px;
}


/**
 | Payment Card Sprite by iEnterprises
 | 
 | ===========================================================
 | Apply class .payment-cards to an unordered list.
 | This will be your base. Then add corresponding class for
 | which payment card you want to use (Visa, Mastercard, etc.)
 | as list items.
 |
 | == SCALABLE ===============================================
 | Every measurement is relative, so changing the size of
 | the icons is as simple as changing the base font size.
 | 
 | ===========================================================
 */
.payment-cards label {
	font-size: $font-size-base;
	display: inline-block;
	margin-right: .25em;
	background-image: url(../ui/images/payment_img/payment-cards2.svg);
	background-size: 23.077em;
	background-repeat: no-repeat;
	width: 4.310em;
	height: 2.74em;
	transition: background .1s ease-out;
	zoom: 1;
}

/* Visa */
.Visa, .VISA {
	background-position: -.07em -.142em;
}

/* Mastercard */
.MasterCard, .MC {
	background-position: -4.756em -.142em;
}

/* American Express */
.Amex, .AMEX {
	background-position: -9.44em -.142em;
}

/* Discover */
.Discover, .DISC {
	background-position: -14.13em -.142em;
}

/* PayPal */
.Paypal {
	background-position: -18.79em -.142em;
}

.crditCard.disabled {
	float: left;
	padding: 8px;
	color: #b0a2a2;
	font-size: 16px !important;
	margin-left: 0px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.deleteCard {
	cursor: pointer;
	font-size: 12px;
	float: right !important;
	color: #00b0de;
}

.OAuth-btn-mailchimp {
    background-image: url('../ui/images/logo_mailchimp.png');
    background-position: 7px 5px;
    background-repeat: no-repeat;
    background-size: 29px 31px;
    padding-left: 45px;
    color: #000;
    min-height: 44px;
}
.OAuth-btn-mailchimp:hover {
    background-image: url('../ui/images/logo_mailchimp.png');
    background-position: 7px 5px;
    background-repeat: no-repeat;
    background-size: 29px 31px;
    padding-left: 45px;
    color: #000;
    min-height: 44px;
}
#mailchimp-logo-div-bg {
	background-image: url('../ui/images/logo_mailchimp_full.png');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
	min-height:500px;
	opacity: 0.4;
	filter: alpha(opacity=50);
}
#mailchimp-logo-div-bg-fixed {
	background-image: url('../ui/images/logo_mailchimp_full.png');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
	background-attachment: fixed;
	min-height:500px;
	opacity: 0.4;
	filter: alpha(opacity=50);
}
.template-img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    cursor: pointer;
}
.div-transbox {
  background-color: #ffffff;
  opacity: 0.4;
  filter: alpha(opacity=60); /* For IE8 and earlier */
  min-height: 438px;
}
.mc-test-mail {
	margin: 45px 0px 0px;
    border: 1px solid black;
    padding: 19px;
    background-color: white;
    min-height: 250px;
    box-shadow: 0px 0px 8px 2px #949191;
}
.mailchimp-status {
	 font-size: 13px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    border-radius: 200px;
    color: #484848;
    padding: 0 15px;
   	margin: 13px 0px;
    display: inline-block;
    background-color: #d4ece6;
}
.mailchimp-draft {
	 font-size: 13px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    border-radius: 200px;
    color: #484848;
    padding: 0 15px;
   	margin: 13px 0px;
    display: inline-block;
    background-color: #e0e0e0;
}
.mc-process {
	padding: 50% 45% 0px;
}
#mailchimp-logo-blur-div-bg {
	background-image: url('../ui/images/logo_mailchimp_full_blur.png');
	background-repeat: no-repeat;
	background-size: 30%;
	background-position: center;
}
.mcreport {
    overflow-x: hidden;
    /* font-size: 15px; */
    line-height: 24px;
    outline: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mcreport li>span+span {
    float: right;
    padding-left: 12px;
}
.mcreport li>span:first-child {
    padding-right: 12px;
}
.mcreport li>span {
    background-color: #ffffff;
}
.fwb{
	font-weight: 600;
}
.mcreport li {
    line-height: 1.6em;
    margin-bottom: .8em;
    background: url(../ui/images/mc-bg-report.png) transparent 0 17px repeat-x;
}
.clear {
	clear: both;
}
#MemberInfo{
	line-height: initial;
}
#MemberInfo p{
	margin-left: 5px;
}
#MemberInfo p+p{
	font-size: 15px;
}
#MemberInfo p+p+p{
	font-size: unset;
}
.c-activityTimeline .activity-icon {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-left: 3px;
}
.c-activityTimeline .activity-icon.info {
    background-color: #b1e0ec;
}
div.info {
    background-color: #ccebf3;
}
.inline-block-i {
    display: inline-block !important;
}

.c-activityTimeline .activity-sprite.campaign-open {
    background-position: 2px -90px;
}
.c-activityTimeline .activity-sprite.campaign-sent {
    background-position: 2px -60px;
}
.c-activityTimeline .activity-sprite {
    background-image: url(../ui/images/mailchimp-dashboard-sprites.svg);
    background-size: 30px auto;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 2px 0;
    width: 35px;
    height: 30px;
    margin: 15px auto;
}
.hline {
    content: '';
    position: absolute;
    margin-top: 25px;
    width: 2px;
    height: 20px;
    background: #e0e0e0;
    left: 57px;
}
.c-activityTimeline .activity-time {
    margin-left: 17px;
}
.activity-left{
	margin-left: 17px;
}
/*-----------------------------------------------*/
.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 15%;
  right: 0;
  bottom: 15px;
  background-color: #d9534f;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 48%;
  left: 48%;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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


/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
	display: inline;
}

.credit-card-box .form-control.error {
	border-color: red;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(255, 0, 0, 0.6);
}

.credit-card-box label.error {
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.credit-card-box .payment-errors {
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.credit-card-box label {
	display: block;
}
/* The old "center div vertically" hack */
.credit-card-box .display-table {
	display: table;
}

.credit-card-box .display-tr {
	display: table-row;
}

.credit-card-box .display-td {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
/* Just looks nicer */
.credit-card-box .panel-heading img {
	min-width: 180px;
}

.material-switch>input[type="checkbox"] {
	display: none;
}

.material-switch>label {
	cursor: pointer;
	height: 0px;
	position: relative;
	width: 40px;
	padding-top: 0px !important;
}

.material-switch>label::before {
	background: rgb(0, 0, 0);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	content: '';
	height: 16px;
	margin-top: -8px;
	position: absolute;
	opacity: 0.3;
	transition: all 0.4s ease-in-out;
	width: 40px;
}

.material-switch>label::after {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	content: '';
	height: 24px;
	left: -4px;
	margin-top: -8px;
	position: absolute;
	top: -4px;
	transition: all 0.3s ease-in-out;
	width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
	background: inherit;
	opacity: 0.5;
}

.material-switch>input[type="checkbox"]:checked+label::after {
	background: inherit;
	left: 20px;
}

#padingbtn {
	padding-top: 16px;
}

.card .card_icon, .card .status_icon {
	/* For a more robust cross-browser implementation, see http://bit.ly/aqZnl3        height: 21px; width: 27px;      */
	display: inline-block;
	vertical-align: bottom;
	height: 20px;
	width: 28px;
}

.adhit {
	font-size: 26px;
}

.cardpanal {
	padding: 5px 10px;
	padding-top: 0px;
}

/* --- Card Icon --- */
.card .card_icon {
	background: transparent
		url('../ui/images/payment_img/credit_card_sprites.png') no-repeat 30px 0;
}

/* Need to support IE6? These four rules won't work, so rewrite 'em. */
.card .card_icon.visa {
	background-position: 0 0 !important;
}

.card .card_icon.mastercard {
	background-position: -30px 0 !important;
}

.card .card_icon.amex {
	background-position: -60px 0 !important;
}

.card .card_icon.discover {
	background-position: -90px 0 !important;
}

/* --- Card Status --- */
.card .status_icon {
	background: transparent url('../ui/images/payment_img/status_sprites.png')
		no-repeat 33px 0;
}

.card .invalid {
	color: #AD3333;
	background: #f8e7e7;
}

.card .valid {
	color: #33AD33;
	background: #e7f8e7;
}

.card .invalid .status_icon {
	background-position: 3px 0 !important;
}

.card .valid .status_icon {
	background-position: -27px 0 !important;
}

.error {
	border: 1px solid #a94442 !important;
}

.inputerror {
	border-color: #a94442 !important;
}

body {
	padding-top: 50px;
	background-color: #fcfcfc;
	color: #474747;
}

/* SETTINGS BY SCREEN SIZE */
@media screen and (max-width: 767px) {
	body {
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 50px;
	}

	.main-panel {
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.page-no-panel {
		margin-left: -15px;
		margin-right: -8px;
	}

	.table>tbody>tr>td {
		padding: 8px;
	}
}

@media screen and (min-width:768px) and (max-width: 991px) {
	body {
		font-size: 14px;
		font-weight: 400;
		margin-bottom: 50px;
	}

	.main-panel {
		padding-left: 46px;
	}

	.table>tbody>tr>td {
		padding: 6px;
	}

	.form-field-label-col {
		text-align: right;
	}
}

@media screen and (min-width: 992px) {
	body {
		font-size: 14px;
		margin-bottom: 50px;
	}

	.main-panel {
		padding-left: 46px;
	}

	.table>tbody>tr>td {
		padding: 4px;
	}

	.form-field-label-col {
		text-align: right;
	}

	.modal-xl {
		width: 90%;
		max-width: 1200px;
	}
}

/* BOOTSTRAP NAVBAR */
.navbar {
	font-weight: 450 !important;
}

.navbar1 {
	top: 0px;
	background: linear-gradient(to right, #1D3F68, #4C7198);
}

.navbar1-plain {
	background: linear-gradient(to right, #1D3F68, #4C7198);
}

.navbar1 .navbar-brand {
	margin-top: 0px !important;
	padding-top: 3px !important;
	padding-left: 10px !important;
}

.navbar1 .navbar-nav>li>a {
	color: #dcdcdc;
	background: transparent;
}

.navbar1 .navbar-nav>li>a:hover {
	color: #FF6347;
	background-color: #b0c3e4;
}

.navbar1 .navbar-nav>.active>a,
.navbar1 .navbar-nav>.active>a:hover,
.navbar1 .navbar-nav>.active>a:focus,
.navbar1 .navbar-nav>.open>a,
.navbar1 .navbar-nav>.open>a:hover,
.navbar1 .navbar-nav>.open>a:focus {
	color: #FF6347;
	background-color: #b0c3e4;
}

.navbar1 .navbar-nav>li>a:hover .fa {
	transform: scale(1.25);
}

.navbar2 {
	top: 50px;
	z-index: 100;
	min-height: 34px;
	background-color: #09284D;
}

.navbar2 .navbar-nav>li>span {
	padding: 8px 6px 8px 12px;
	height: 34px !important;
}

.navbar2 .navbar-nav>li>span:hover {
	background-color: #063979;
}

.navbar2 .navbar-nav>li>span>a {
	color: #dcdcdc;
	padding: 8px 0px 8px 0px;
}

.navbar2 .navbar-nav>li>span>a:hover {
	color: #FF6347;
}

.navbar2 .navbar-nav>li>span>a,
.navbar2 .navbar-nav>li>span>a:hover,
.navbar2 .navbar-nav>li>span>a:focus,
.navbar2 .navbar-nav>.active>span>a,
.navbar2 .navbar-nav>.active>span>a:hover,
.navbar2 .navbar-nav>.active>span>a:focus {
	background: transparent;
	text-decoration: none;
}

.navbar2 .navbar-nav>.active>span {
	border-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF6347;
}

.module-links {
	padding-left: 26px;
}

/* NAVBAR DROPDOWN */
.navbar-dropdown {
	padding: 5px 10px 5px 10px;
}

.user-pref-title {
	color: #5d5d5d;
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 10px;
}

.user-pref-link {
	font-size: 13px;
}

/* STICKY FOOTER */
html {
	position: relative;
	min-height: 100%;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #ECEFF1;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #d5d4de;
	padding: 2px;
	z-index: 9;
}

.copy-right {
	color: #3d3d3d;
	font-size: 11px;
	font-weight: 300;
}

/* SIDE BAR*/
.side-bar {
	position: fixed;
	z-index: 10;
	width: 37px;
	min-height: 100vh;
	height: 100%;
	background-color: #09284D;
	border-style: none solid none none;
	border-width: 0px 1px 0px 0px;
	border-color: #1B71BC;
	margin-top: -20px;
}

.side-bar ul {
	display: inline;
}

.side-bar ul li {
	height: 50px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #1B71BC;
	padding: 10px 0px 0px 10px;
}

.side-bar ul li a {
	color: #ffffff;
}

.side-bar ul li a:hover .fa,
.side-bar ul li a:hover .far {
	color: #FF6347;
	transform: rotate(350deg) scale(1.25);
}

.side-bar .dropdown-menu {
	top: 0;
	left: 100%;
	width: 300px;
	padding: 0px 10px 10px 10px;
	background-color: #09284D;
}

/* PAGE WITHOUT PANEL */
.page-no-panel {
	padding: 0px 3px 30px 3px;
}

/* PANEL */
.ienpanel {
	border-style: solid;
	border-color: #f5f5f5;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
	background-color: #ffffff;
	margin: 5px 0px 2px 0px;
}

.ienpanel .ienpanel-content {
	padding: 15px 15px 5px 15px;
}

/* BOOTSTRAP ALERT */
.alert {
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 4px 6px 4px 10px;
}

/* BOOTSTRAP BREADCRUMB */
.breadcrumb {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 6px 6px 6px 10px;
}

/* BOOTSTRAP MODAL DIALOG */
.modal-content {
	background-color: #ECEFF1;
}

.modal-header {
	background-color: #ffffff;
}

.modal-header-success {
	color: #fff;
	background-color: #5cb85c;
}

.modal-header-danger {
	color: #fff;
	background-color: #d9534f;
}

.modal-header-warning {
	color: #fff;
	background-color: #f0ad4e;
}

.modal-body {
	padding: 5px 5px 5px 5px;
}

.modal-body-panel {
	max-height: 87vh;
	overflow: auto;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

/* BOOTSTRAP BUTTONS */
.btn {
	border-radius: 8px;
}

/* BOOTSTRAP DROPDOWN MENUS */
.dropdown-menu {
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/* REDUCE BOOTSTRAP TABLE BOTTOM MARGIN */
.table {
	margin-bottom: 5px;
}

/* BOOTSTRAP TAB */
.nav-tabs>li>a {
	color: #6e6e6e;
	font-size: 13px;
	font-weight: 400;
	padding: 6px 20px 3px 15px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #2f2f2f;
	font-weight: 500;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #24536B;
}

.nav-bar-dropdown {
	padding: 8px 8px 8px 8px;
	border-radius: 0px 6px 6px 6px;
	font-size: 13px;
	font-weight: 400;
}

/* DROP DOWN SELECTION */
.drop-down-selection {
	overflow: auto;
	width: 100%;
	padding: 8px 8px 8px 8px;
	border-radius: 0px 0px 6px 6px;
}

/*POPOVER*/
.popover {
	max-width: 1000px;
}

/*TOOLTIP*/
.tooltip-inner {
	background-color: #FF6347 !important;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #FF6347;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #FF6347;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #FF6347;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #FF6347;
}

/* AUTO COMPLETE */
.autocomplete-suggestions {
	border: 1px solid #999;
	background: #fff;
	overflow: auto;
}

.autocomplete-suggestion {
	padding: 3px 8px 3px 8px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-selected {
	background: #f0f0f0;
}

.autocomplete-suggestions strong {
	color: #023c75;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

/* VIEW / REPORT - EDIT */
.settings-edit-screen {
	padding: 0px 5px 5px 5px;
}

.settings-edit-screen-tab-content {
	padding: 10px 5px 5px 5px;
	background-color: #f5f8fa;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #e6e6e6;
}

.settings-edit-field {
	background-color: #ffffff;
	padding: 6px 8px 6px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #e6e6e6;
	border-radius: 3px;
	margin-bottom: 4px;
}

/* VIEW */
.view-panel {
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #ffffff;
	margin: 5px 0px 2px 0px;
	background-clip: padding-box;
	padding: 15px 1px 0px 1px;
}

.view-head {
	padding: 8px 5px 5px 8px;
	margin: -15px -1px 0px -1px;
}

.view-heading {
	font-size: 18px;
	color: #757575;
	font-weight: 400;
}

.view-heading-owner {
	font-size: 16px;
	color: #757575;
	font-weight: 400;
}

.view-content {
	min-height: 72vh;
	overflow: auto;
}

.view-content-widget {
	overflow: auto;
	font-size: 80% !important;
}

.view-content-context {
	overflow: auto;
}

.view-content-selection {
	overflow: auto;
}

.view-table {
	display: table;
	table-layout: inherit;
	margin-top: 8px;
	width: 100%;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #e7e7e7;
}

.view-heading-row {
	display: table-row;
}

.view-row {
	display: table-row;
}

.view-row:hover {
	background-color: #ecf3fa;
}

.view-heading-row>div,
.view-row>div {
	display: table-cell;
	padding: 8px 5px 8px 10px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #e7e7e7;
}

.view-heading-row>div {
	border-color: #e7e7e7;
}

.view-row-selection>div {
	padding: 3px 5px 3px 10px;
}

.view-field-heading {
	font-size: 11px;
	font-weight: 400;
	color: #515151;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.view-field-heading-sorted,
.view-field-heading-sorted:hover,
.view-field-heading-sorted:visited {
	font-size: 11px;
	font-weight: 500;
	color: #515151;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.view-main-field {
	font-weight: 500;
	font-size: 13px;
}

.view-field {
	/*-webkit-font-smoothing: antialiased !important;*/

}

.view-other-links {
	font-weight: 350;
	cursor: pointer;
}

.view-other-links:hover {
	text-decoration: underline;
}

.view-select {
	width: 14px;
	height: 14px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #c5c5c5;
	border-radius: 0px;
}

.view-summary-box {
	color: #ffffff;
	padding: 2px 10px 2px 10px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 6px !important;
	background-color: #f5f5f5;
	color: #7b7b7b;
}

.view-icon-col {
	width: 23px;
}

/* MOBILE VIEW */
.mobile-view-heading-row {
	padding: 0px 8px 0px 8px;
}

.mobile-view-row {
	padding: 6px 8px 6px 8px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #e7e7e7;
}

.mobile-view-row:active {
	background-color: #ecf3fa;
}

.mobile-view-main-field {
	color: #5d5d5d;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}

.mobile-view-other-fields {
	color: #b1b1b1;
	font-size: 13px;
	font-weight: 350;
	overflow: hidden;
}

/* PIPILINE VIEW */
.pipeline-view-heading-row {
	padding: 0px 8px 0px 8px;
}

.pipeline-table {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	padding: 0px 0px 0px 5px;
	overflow: hidden;
}

.pipeline-table-row {
	display: table-row;
}

.pipeline-table-row>div {
	display: table-cell;
	height: 100%;
	vertical-align: top;
	width: 220px;
	padding: 2px;
	width: 220px;
	font-size: 11px;
}

.pipeline-view-stage {
	font-size: 12px;
	font-weight: 500;
	padding: 1px 3px 1px 5px;
	color: #ffffff;
	position: relative;
	height: 36px;
	margin-right: 10px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.pipeline-view-stage:after {
	content: "";
	position: absolute;
	left: 100%;
	top: 0px;
	width: 0px;
	height: 0px;
	border-top: 18px solid transparent;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: inherit;
	border-bottom: 18px solid transparent;
	border-radius: 3px;
}

.pipeline-view-stage-sum {
	font-size: 11px !important;
	font-weight: 350 !important;
}

.pipeline-view-record {
	padding: 3px 3px 3px 5px;
	color: #494949;
	min-height: 40px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #e7e7e7;
	border-radius: 3px;
	margin-top: 5px;
}

.pipeline-view-record:hover {
	border-color: #b2b2b2;
	background-color: #ecf3fa;
	cursor: move;
}

.pipeline-record-main-field {
	font-size: 13px;
	font-weight: 500;
}

/* CSS TABLE */
.css-table {
	display: table;
	table-layout: inherit;
	width: 100%;
	border-style: none;
}

.css-table-row {
	display: table-row;
}

.css-table-row>div {
	display: table-cell;
	padding: 8px 5px 8px 10px;
	border-style: none;
}

/* CONTEXT */
.context-panel {
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 0px 0px 1px 0px;
	background-color: #ffffff;
	margin: 5px 0px 2px 0px;
	padding: 15px 1px 0px 1px;
}

.context-head {
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	padding: 0px 0px 2px 0px;
	margin: -8px 0px 0px 0px;
}

/* REPORT */
.report-title {
	font-size: 18px;
	color: #757575;
	font-weight: 350;
}

.report-group-field {
	font-size: 16px;
	font-weight: 300;
	color: #787878;
}

.report-totals {
	font-size: 18px;
	font-weight: 500;
	color: #787878;
}

.report-summary-box {
	color: #ffffff;
	padding: 2px 10px 2px 10px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 6px !important;
	background-color: #f5f5f5;
	color: #7b7b7b;
}

/* BUSINESS CARD POPUP */
.business-card-main-field {
	color: #1a1a1a;
	font-size: 13px;
	font-weight: 500;
}

.business-card-other-fields {
	color: #434343;
	font-size: 11px;
	font-weight: 350;
}

/* FORM */
.form-head {
	background-color: #fff;
	padding: 8px 5px 5px 8px;
	border-radius: 2px;
	margin: -15px -15px 0px -8px;
}

.photo {
	border-style: solid;
	border-color: #fefefe;
	border-width: 1px;
	margin: -5px 5px -5px -8px;
}

.record-title {
	color: #2a2929;
	font-size: 20px;
	font-weight: 300;
}

.record-sub-title {
	color: #4d4c4c;
	font-size: 12px;
	font-weight: 300;
	padding-left: 3px;
}

.form-section-heading {
	font-size: 14px;
	font-weight: 400;
	color: #1a1a1a;
	background-color: #f5f5f5;
	padding: 3px 3px 3px 3px;
	margin: 10px 0px 10px 0px;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.read-mode-field-row {
	min-height: 35px;
	margin: 5px 0px 0px 0px;
}

.read-mode-field {
	min-height: 25px;
	font-weight: 400;
	padding: 2px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #e7e7e7;
	overflow: auto;
}

.record-summary-box {
	padding: 6px 10px 6px 10px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 3px !important;
	border-radius: 3px;
	background-color: #f5f5f5;
	color: #464646;
}

/* INPUT STYLES */
.form-group {
	margin-bottom: 3px;
}

.form-field-label-col {
	padding-right: 0px;
	overflow: hidden;
}

label {
	color: #8c8c8c;
	font-size: 12px;
	font-weight: 350;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.checkbox-inline,
.radio-inline {
	color: inherit;
	font-weight: inherit;
	margin-bottom: inherit;
	padding-top: inherit;
	padding-bottom: inherit;
}

.read-only-field {
	min-height: 35px;
	padding: 6px 6px 5px 12px;
	margin-bottom: 10px;
	margin-top: 2px;
	border: 1px solid #bfbfbf;
	border-radius: 5px !important;
	cursor: not-allowed;
}

.form-field {
	min-height: 35px;
	padding: 6px 6px 5px 8px !important;
	margin-bottom: 12px !important;
	margin-top: 2px !important;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #bfbfbf;
}

.form-field:hover {
	border-color: #7c7c7c;
}

.form-field:focus {
	border-color: #3b3b3b;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}

.form-field[disabled],
.form-field[readonly] {
	background: transparent;
	border-style: dashed;
}

.form-field-bootstrap-select {
	padding-left: 8px !important;
}

.form-field+.input-group-addon {
	background: transparent;
	border: none;
	padding: 0px !important;
}

.form-field-sync {
	max-width: 400px;
}

/* INVALID FIELDS */
input.ng-invalid {
	border-left: 1px solid #FF6347 !important;
}

input.ng-invalid[type="radio"]:before,
input.ng-invalid[type="checkbox"]:before {
	content: "";
	display: block;
	position: relative;
	top: 5px;
	left: -1px;
	width: 2px;
	height: 3px;
	border-radius: 50%;
	background: #FF6347;
}

textarea.ng-invalid {
	border-left: 1px solid #FF6347 !important;
}

select.ng-invalid {
	border-left: 1px solid #FF6347 !important;
}

/* QUICKBOOKS ACCOUNT LIST */
.qb-account-selection {
	background-color: #f3f3f3;
	width: 520px;
}

.qb-account-selection:hover {
	background-color: #5bc0de;
	color: #fff;
}

.qb-total-box {
	padding: 6px 10px 6px 10px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 6px !important;
	background-color: #f5f5f5;
	color: #7b7b7b;
}

/* CUSTOMIZE */
.form-section-heading-customize {
	font-size: 13px;
	font-weight: 400;
	color: #1a1a1a;
	background-color: #f5f5f5;
	padding: 3px 10px 3px 5px;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.field-customize {
	font-size: 13px;
	font-weight: 400;
	color: #1a1a1a;
	padding: 4px 10px 4px 5px;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.field-customize:hover {
	border-color: #c8c8c8;
	cursor: move;
}

.field-customize-spacer {
	font-size: 13px;
	font-weight: 400;
	color: #8e8e8e;
	padding: 4px 10px 4px 5px;
	border-style: dashed;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.field-customize-summary-box {
	padding: 6px 10px 6px 10px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 6px !important;
	background-color: #f5f5f5;
	color: #7b7b7b;
}

.field-customize-summary-box:hover {
	cursor: move;
}

/*MODULE EDIT*/
.module-edit {
	font-size: 13px;
	font-weight: 400;
	color: #1a1a1a;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px;
}

.module-edit:hover {
	border-color: #c8c8c8;
	cursor: move;
}

/* UPDATE HISTORY POPUP */
.record-update-history {
	font-size: 12px;
	padding: 2px 0px 0px 2px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #e6e6e6;
	margin-bottom: 6px;
}

/* SORTABLE */
.sortable-handle {
	cursor: move;
}

/* LIVE SEARCH DROPDOWN */
.live-search-row {
	cursor: pointer;
	padding: 2px 2px 2px 10px;
}

.live-search-row:hover {
	background-color: #ecf3fa;
}

.live-search-heading {
	font-size: 14px;
	color: #949494;
	padding-top: 5px;
	padding-botton: 5px;
}

.live-search-main-field {
	color: #565656;
}

.live-search-other-fields {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: 300;
}

.not-active-link {
	pointer-events: none;
	cursor: not-allowed;
	color: grey;
}

/* WIDGETS */
.widget-panel {
	margin-right: -10px;
}

.widget-head {
	background-color: #ffffff;
	padding: 10px 0px 8px 0px;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 0px 0px 0px 0px;
	border-radius: 2px;
	margin: -15px -15px 6px -15px;
}

.widget-title {
	color: #616161;
	font-size: 15px;
	font-weight: 400;
}

.widget-content {
	max-height: 300px;
	overflow: auto;
}

.widget-content-calendar {
	overflow: auto;
}

.widget-content-chart {
	overflow: visible;
}

.widget-data-row {
	padding: 3px 3px 3px 3px;
}

.widget-data-row:hover {
	background-color: #ecf3fa;
}

.widget-main-field {
	font-size: 12px;
	font-weight: 400;
}

.widget-other-fields {
	font-size: 11px;
	color: #676767;
	font-weight: 350;
}

.widget-selection-row {
	padding: 4px 0px 4px 2px;
	font-size: 13px
}

/* SETTINGS SIDEBAR */
.setting-links-head {
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 0px 0px 1px 0px;
	background-color: #ffffff;
	padding: 6px 0px 3px 8px;
	margin: -12px 0px 3px -12px;
	color: #797979;
	font-size: 12px;
	font-weight: 450;
}

.setting-links-row {
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 0px -8px;
	font-size: 12px;
}

/* INSIDE VIEW */
.insideview-main-field {
	color: #1a1a1a;
	font-size: 15px;
	font-weight: 300;
}

.insideview-field-label {
	color: #4d4d4d;
	font-size: 11px;
	font-weight: 300;
}

.insideview-field {
	font-size: 12px;
	min-height: 22px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #e6e6e6;
	border-radius: 3px;
	margin-bottom: 5px;
}

/* DASHBOARD */
.dashboard-head {
	margin: 8px 0px 0px 0px;
}

.dashboard-heading {
	font-size: 18px;
	color: #757575;
	font-weight: 400;
}

.dashboard-links,
.dashboard-links>a,
.dashboard-links>span>a {
	color: #9E9E9E;
	font-size: 12px;
	font-weight: 350;
}

.dashboard-layout-selected {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FF6347;
}

.dashboard-drag-spacer {
	margin-top: 8px;
	height: 50px;
}

.dashboard-drag-spacer-empty {
	min-height: 72vh;
	padding-top: 145px;
	border-style: dashed;
	border-width: 1px 1px 1px 1px;
	border-color: #b6b8ba;
	font-size: 14px;
	color: #c5c5c5;
	font-weight: 400;
}

/* CALENDAR */
.calendar-panel {
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px 1px 1px 1px;
	box-sizing: border-box;
	border-radius: 3px;
	background-color: #ffffff;
	margin: 5px 0px 2px 0px;
	background-clip: padding-box;
	padding: 10px 5px 0px 5px;
}

.fc-header-toolbar {
	margin-bottom: 5px !important;
}

.fc-center>h2 {
	font-size: 18px;
	color: #7b7b7b;
}

.fc-day-grid-event>.fc-content {
	white-space: normal;
}

/* FILTER */
.filtered-item {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cfcfcf;
}

/* BILLING PAGE */
.license-outer-box {
	padding: 12px;
	border-radius: 6px;
	background-color: #f7f7f7;
}

.license-box {
	padding: 0px 0px 0px 12px !important;
	border-style: solid !important;
	border-width: 0px 0px 0px 2px !important;
	color: #7b7b7b;
}

.billing-active-cc {
	border-color: #00b0de;
}

/* NOTIFICATIONS */
.notification-panel {
	padding: 5px 5px 5px 0px;
	font-size: 12px;
}

.notification-panel-dropdown {
	padding: 3px 3px 3px 3px !important;
	font-size: 80% !important;
	font-weight: 350 !important;
}

.notification-item {
	background-color: #eefafd;
	border-style: solid;
	border-color: #f4f3dd;
	border-width: 0px 0px 0px 2px;
	padding: 5px 8px 5px 5px;
	margin: 3px 0px 3px 0px;
}

.notification-item:hover {
	background-color: #ecf3fa;
}

/* ICONS */
.icon-2xlarge {
	font-size: 25px;
}

.icon-xlarge {
	font-size: 19px;
}

.icon-large {
	font-size: 15px;
}

.icon-medium {
	font-size: 11px;
}

.icon-small {
	font-size: 8px;
}

.icon-red {
	color: #FF6347;
}

.icon-green {
	color: #33CC33;
}

.icon-yellow {
	color: #FFCC33;
}

.icon-orange {
	color: orange;
}

.icon-grey {
	color: #808080;
}

.icon-light-grey {
	color: #bababa;
}

/* New Unaric UX styles */
.navbar1-ec {
	background-color: #ffffff;
	margin-top: -5px;
	height: 70px;
}

.navbar2-ec {
	background-color: #fff;
	top: 70px;
	z-index: 100;
	min-height: 34px;
}

.navbar2-ec .navbar-nav>li>a {
	padding-top: 8px !important;
	height: 36px !important;
	color: #1E6180;
}

.navbar2-ec .navbar-nav>li>a:hover {
	background-color: #eefafd;
	color: #112d3c;
}

.current-page-link {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #1e6180;
}

.info-box {
	background-color: #FAFAFA;
	padding: 12px !important;
	margin-left: -3px !important;
	font-size: 12px;
	color: #4c4c4c;
	border-radius: 8px;
}

.info-bar-blue {
	background-color: #eefafd;
	padding: 12px !important;
	margin-left: -3px !important;
	font-size: 12px;
	color: #4c4c4c;
	border-radius: 8px;
	margin-bottom: 5px;
}

.check-box-bar {
	background-color: #FEFFE6;
	padding: 10px;
	margin-left: -12px;
	border-radius: 5px;
}

.btn-blue {
	background-color: #eefafd;
	color: #1e6180;
	border-color: #e3f7fb;
	min-width: 180px;
}

.btn-blue:hover {
	background-color: #dcf4fa !important;
	color: #112d3c !important;
	border-color: #dbe7ea !important;
}

.btn-length-long {
	min-width: 180px;
}

.btn-length-long-pull-down {
	min-width: 160px;
}

.btn-length-small {
	min-width: 130px;
}

.btn-info2 {
	/* for billing page number spinner */
	background-color: #eefafd;
	color: #1e6180;
	border-color: #d4d5d5;
}

.label-success-outline {
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: green;
	border-radius: 12px;
	color: green;
	font-weight: 400;
}

.label-danger-outline {
	background-color: transparent;
	border-style: solid;
	border-width: 1px;
	border-color: #F5222D;
	border-radius: 12px;
	color: #F5222D;
	font-weight: 400;
}

.panel {
	border-color: #ebebeb;
	padding: 5px;
	border-radius: 8px;
}

.panel-heading {
	background-color: #ebebeb;
	border-style: none;
	border-radius: 8px;
}

.panel-top-heading {
	color: rgb(70, 70, 70);
	font-weight: 300;
	margin-left: 10px;
	margin-top: 6px;
}

.panel-heading-gray {
	color: rgb(70, 70, 70);
	font-weight: 300;
	margin-top: 8px;
}

.bill-switch-btn {
	all: unset;
	cursor: pointer;
	color: inherit;
	font: inherit;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	outline: none;
	display: inline;
	width: 100%;
}

.bill-switch-center-box {
	padding-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.bill-switch-selected {
	background-color: #eefafd;
	border-color: #1E8AAE;
}

.disabled-button {
	opacity: 0.5;
	pointer-events: none;
  	cursor: not-allowed;
}

.main-heading-blue {
	font-size: 24px;
	color: #1e6180;
	font-weight: 300;
}

.main-heading-blue-small {
	font-size: 18px;
}

.main-heading-black {
	font-size: 24px;
	color: #212121;
	font-weight: 300;
}

.main-heading-black-small {
	font-size: 18px;
}

.sub-heading-gray {
	color: rgb(70, 70, 70);
	font-weight: 300;
}

.toggle-group {
	display: inline-flex;
	border: 1px solid #D9D9D9;
	border-radius: 20px;
	overflow: hidden;
}

.toggle-btn {
	min-width: 120px;
	padding: 10px 20px;
	border: none;
	background-color: white;
	color: #4A4459;
	cursor: pointer;
	transition: 0.3s;
}

.toggle-btn.active {
	background-color: #EFFAFC;
}

.toggle-btn:not(.active):hover {
	background-color: #ddd;
}

.billing-form-field {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #bfbfbf;
}

.billing-form-field:hover {
	border-color: #7c7c7c;
}

.billing-form-field:focus {
	border-color: #3b3b3b;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}

/* End New Unaric UX styles */