body {
    background-color: #EFEFEF;
}
table {
    border-collapse: collapse;
}
tr, td {
    padding: 0;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.kaasiv2-dialog {
    background-color: #FFFFFF;
    border: none;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.default-font {
    font-family: KAASI-Medium !important;
    font-size: 0.8em !important;
    color: #333F48 !important;
    line-height: normal;
    font-weight: normal;
}
.default-font-sml {
    font-family: KAASI-SemiBold !important;
    font-size: 0.7em !important;
    color: #333F48 !important;
    line-height: normal;
    font-weight: normal;
}
.shadow-white-bg {
    background-color: #FFFFFF;
    box-shadow: 0 0 11px #eaf0f6;
    box-shadow: 0 0 6px #DCDCDC;
    border-radius: 6px;
}
.bg-light-gray {
    background-color: #EFEFEF;
}
.bg-dark-gray {
    background-color: #DCDCDC;
}
.box-border {
    /*box-shadow: 0 0 6px #DCDCDC;*/
    border: 1px solid #DCDCDC;
    border-radius: 6px;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/* CONTAINERS */
.cont-full-width {
    width: 100%;
}
.cont-page-body {
    background-color: #F5F8FA;
}
.cont-page-headings {
    background-color: #DCDCDC;
    height: 72px;
    border-bottom: 1px solid #D9D9D9;
}
.jq-dialog-btm-btns {
    width: 100%;
    background-color: #F5F8FA;
}

/* WIDTHS */
.width-full {
    width: 100%;
    margin: 0 auto;
}
.width-1220 {
    width: 1220px;
    margin: 0 auto;
}
.width-1200 {
    width: 1200px;
    margin: 0 auto;
}
.width-1140 {
    width: 1140px;
    margin: 0 auto;
}
.width-1100 {
    width: 1100px;
    margin: 0 auto;
}
.width-1060 {
    width: 1060px;
    margin: 0 auto;
}
.width-960 {
    width: 960px;
    margin: 0 auto;
}
.width-900 {
    width: 900px;
    margin: 0 auto;
}
.width-897 {
    width: 897px;
    margin: 0 auto;
}
.width-895 {
	width: 895px;
	margin: 0 auto;
}
.width-860 {
    width: 860px;
    margin: 0 auto;
}
.width-840 {
    width: 840px;
    margin: 0 auto;
}
.width-837 {
    width: 837px;
    margin: 0 auto;
}
.width-820 {
    width: 820px;
    margin: 0 auto;
}
.width-810 {
	width: 810px;
	margin: 0 auto;
}
.width-800 {
    width: 800px;
    margin: 0 auto;
}
.width-740 {
    width: 740px;
    margin: 0 auto;
}
.width-660 {
    width: 660px;
    margin: 0 auto;
}
.width-600 {
    width: 600px;
    margin: 0 auto;
}
.width-590 {
	width: 590px;
	margin: 0 auto;
}
.width-596 {
    width: 596px;
    margin: 0 auto;
}
.width-580 {
    width: 580px;
    margin: 0 auto;
}
.width-552 {
    width: 552px;
    margin: 0 auto;
}
.width-556 {
    width: 556px;
    margin: 0 auto;
}
.width-550 {
	width: 550px;
	margin: 0 auto;
}
.width-540 {
    width: 540px;
    margin: 0 auto;
}
.width-530 {
	width: 530px;
	margin: 0 auto;
}
.width-520 {
    width: 520px;
    margin: 0 auto;
}
.width-540 {
    width: 540px;
    margin: 0 auto;
}
.width-516 {
    width: 516px;
    margin: 0 auto;
}
.width-512 {
    width: 512px;
    margin: 0 auto;
}
.width-480 {
    width: 480px;
    margin: 0 auto;
}
.max-width-480 {
    max-width: 480px;
    margin: 0 auto;
}
.width-450 {
	width: 450px;
	margin: 0 auto;
}
.width-440 {
    width: 440px;
    margin: 0 auto;
}
.width-400 {
    width: 400px;
    margin: 0 auto;
}
.max-width-360 {
    max-width: 360px;
    margin: 0 auto;
}
.width-386 {
    width: 386px;
    margin: 0 auto;
}
.width-360 {
    width: 360px;
    margin: 0 auto;
}
.width-346 {
    width: 346px;
    margin: 0 auto;
}
.width-326 {
    width: 326px;
    margin: 0 auto;
}
.width-320 {
    width: 320px;
    margin: 0 auto;
}
.width-292 {
    width: 292px;
    margin: 0 auto;
}
.width-291 {
    width: 291px;
    margin: 0 auto;
}
.width-285 {
	width: 285px;
	margin: 0 auto;
}
.width-280 {
    width: 280px;
    margin: 0 auto;
}
.width-270 {
    width: 270px;
    margin: 0 auto;
}
.width-260 {
    width: 260px;
    margin: 0 auto;
}
.width-270 {
	width: 270px;
	margin: 0 auto;
}
.width-252 {
    width: 252px;
    margin: 0 auto;
}
.width-240 {
    width: 240px;
    margin: 0 auto;
}
.width-231 {
    width: 231px;
    margin: 0 auto;
}
.width-230 {
	width: 230px;
	margin: 0 auto;
}
.width-225 {
	width: 225px;
	margin: 0 auto;
}
.width-176 {
    width: 176px;
    margin: 0 auto;
}
.width-140 {
	width: 138px;
	margin: 0 auto;
}
.width-20 {
    width: 20px;
    margin: 0 auto;
}
.width-12 {
    width: 12px;
    margin: 0 auto;
}
.width-5 {
    width: 5px;
    margin: 0 auto;
    font-family: KAASI-Regular;
    font-size: 1px;
}

/* HEIGHTS */
.height-5 {
    height: 5px;
    font-family: KAASI-Regular;
    font-size: 1px;
}
.spacer-5 {
    height: 5px;
    font-family: KAASI-Regular;
    font-size: 1px;
    font-weight: normal;
}
.height-10 {
    height: 10px;
    font-family: KAASI-Regular;
    font-size: 1px;
}
.spacer-10 {
    height: 10px;
    font-family: KAASI-Regular;
    font-size: 1px;
    font-weight: normal;
}
.spacer-12 {
    height: 12px;
    font-family: KAASI-Regular;
    font-size: 1px;
    font-weight: normal;
}
.spacer-15 {
    height: 15px;
}
.height-15 {
    height: 15px;
}
.spacer-20 {
    height: 20px;
}
.height-20 {
    height: 20px;
}
.height-25 {
    height: 25px;
}
.spacer-25 {
    height: 25px;
}
.height-30 {
    height: 30px;
}
.spacer-30 {
    height: 30px;
}
.height-40 {
    height: 40px;
}
.spacer-40 {
    height: 40px;
}
.height-60 {
    height: 60px;
}
.spacer-60 {
    height: 60px;
}
.height-64 {
    height: 64px;
}
.spacer-90 {
    height: 90px;
}
.spacer-100 {
    height: 100px;
}
.spacer-200 {
    height: 200px;
}


/* ALIGNMENTS */
.align-ver-top {
    vertical-align: top;
}
.align-ver-bottom {
    vertical-align: bottom;
}
.align-ver-middle {
    vertical-align: middle;
}
.align-hor-center {
    text-align: center;
}
.align-hor-right {
    text-align: right;
}

/* FONT COLORS */
.font-red {
    color: #D9534F !important;
}
.font-green {
    color: #00B545 !important;
}


/* PAGE MESSAGES - COMMON IN PAGE ITSELF */
.msg-page-bg-red {
    background: rgb(243,86,107);
    background: linear-gradient(90deg, rgba(243,86,107,1) 0%, rgba(242,119,184,1) 100%);
    border-radius: 6px;
}
.msg-page-bg-pink {
    background: rgb(254,155,160);
    background: linear-gradient(90deg, rgba(254,155,160,1) 0%, rgba(251,189,184,1) 100%);
    border-radius: 6px;
    /*background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);*/
}
.msg-page-bg-yellow {
    background: rgb(252,185,98);
    background: linear-gradient(90deg, rgba(252,185,98,1) 0%, rgba(255,214,162,1) 100%);
    border-radius: 6px;
}
.msg-page-bg-green {
    background: rgb(61,224,92);
    background: linear-gradient(90deg, rgba(61,224,92,1) 0%, rgba(182,240,140,1) 100%);
    border-radius: 6px;
}
.msg-page-bg-blue {
    background: rgb(36,157,250);
    background: linear-gradient(90deg, rgba(36,157,250,1) 0%, rgba(81,202,221,1) 100%);
    border-radius: 6px;
}
.msg-page-bg-purple {
    background: rgb(116,76,164);
    background: linear-gradient(90deg, rgba(116,76,164,1) 0%, rgba(106,108,209,1) 100%);
    border-radius: 6px;
}

.msg-page-heading-white {
    font-family: KAASI-SemiBold;
    font-size: 0.8em !important;
    color: #FFFFFF;
    line-height: normal;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 5px;
}


/* BUTTONS */
.btn-green {
    height: 36px;
    border-radius: 4px;
    border: none !important;
    outline: none !important;
    font-family: KAASI-SemiBold;
    font-size: 0.7em !important;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: rgb(129,251,184);
    background: linear-gradient(75deg, rgba(129,251,184,1) 0%, rgba(40,199,111,1) 100%);
    letter-spacing: 0.5px;
    box-shadow: 0 0 11px #eaf0f6;
}
.btn-green:hover {
    background-color: #5deac2;
    cursor: pointer;
}
.btn-32x32-left {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    background-color: #dce6ed;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle !important;
    margin-right: 6px;
}
.btn-32x32-left:hover {
    cursor: pointer;
    background-color: #96e7bb;
}
.btn-48x48-left-active {
    height: 48px;
    width: 48px;
    border-radius: 4px;
    background-color: #96e7bb;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle !important;
    margin-right: 6px;
}
.btn-48x48-left {
    height: 48px;
    width: 48px;
    border-radius: 4px;
    background-color: #dce6ed;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle !important;
    margin-right: 6px;
}
.btn-48x48-left:hover {
    cursor: pointer;
    background-color: #96e7bb;
}
.btn-32x32 {
    height: 32px;
    width: 32px;
    border-radius: 4px;
    background-color: #dce6ed;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle !important;
    background-image: url(../images/notepad.png)
}
.btn-32x32:hover {
    background-color: #c7d0d6;
    cursor: pointer;
} 
.btn-32x32-spacer {
    display: inline-block;
    float: right;
    width: 6px;
}
.btn-32x32-image-centre {
    vertical-align: middle;
    text-align: center;
    height: 32px;
    width: 32px;
}
.btn-48x48-image-centre {
    vertical-align: middle;
    text-align: center;
    height: 48px;
    width: 48px;
}
.btn-green-popup {
    font-family: KAASI-Regular !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    height: 32px;
    border-radius: 4px;
    background: rgb(46,207,120);
    background: linear-gradient(75deg, rgba(46,207,120,1) 0%, rgba(42,176,103,1) 100%);
    border: none;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.btn-green-popup:hover {
    cursor: pointer;
}
.jq-dialog-btn-close {
    font-family: KAASI-Medium !important;
    color: #FFFFFF;
    font-size: 18px !important;
    text-transform: uppercase;
    height: 32px;
    background-color: #2ECF78;
    border: 1px solid #31d87c !important;
    outline: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}

.jq-dialog-btn-close:hover {
    cursor: pointer;
    background-color: #28ba6a;
}
.jq-dialog-btn-01 {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 32px;
    border-radius: 4px;
    background-color: #2ECF78 !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.jq-dialog-btn-01:hover {
    cursor: pointer;
    background-color: #28ba6a !important;
}
.jq-dialog-btn-02 {
    font-family: KAASI-SemiBold !important;
    color: #2ECF78;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 32px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #2ECF78; 
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.jq-dialog-btn-02:hover {
    cursor: pointer;
    background-color: #2ECF78;
    color: #FFFFFF;
}
.jq-dialog-btn-03 {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 32px;
    border-radius: 4px;
    background-color: #FF5962 !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.jq-dialog-btn-03:hover {
    cursor: pointer;
    background-color: #f2545b !important;
}
.jq-dialog-btn-disabled {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 32px;
    border-radius: 4px;
    background-color: #DCDCDC !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}

.jq-dialog-btn-disabled:hover {
    cursor: pointer;
}

/* FINAL KAASI BUTTONS */
.btn-green-small {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 32px;
    border-radius: 4px;
    background-color: #2ECF78;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.btn-green-small:hover {
    cursor: pointer;
    background-color: #28ba6a;
}
.btn-green-medium {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 40px;
    border-radius: 4px;
    background-color: #2ECF78;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.btn-green-medium:hover {
    cursor: pointer;
    background-color: #28ba6a;
}
.btn-green-large {
    font-family: KAASI-SemiBold !important;
    color: #FFFFFF;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 60px;
    border-radius: 4px;
    background-color: #2ECF78;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 11px #eaf0f6;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 0 !important;
    transition: all .35s ease-in-out;
}
.btn-green-large:hover {
    cursor: pointer;
    background-color: #28ba6a;
}



/* HEADINGS */
.page-headings {
    font-family: KAASI-SemiBold;
    font-size: 21px;
    color: #323232;
    line-height: normal;
    text-transform: uppercase;
}
.widget-headings {
    font-family: KAASI-SemiBold;
    font-size: 18px !important;
    color: #333F48;
    line-height: normal;
    font-weight: normal;
}
.page-widget-headings {
    color: #374957;
    font-family: KAASI-Medium;
    font-family: KAASI-Bold;
    font-family: KAASI-SemiBold;
    font-size: 1.25em !important;
    /*text-transform: uppercase;*/
}

.report-font {
    font-family: KAASI-Medium-Cond;
    font-size: 1.05em;
    color: #333F48 !important;
    line-height: normal;
    font-weight: 600;
}

.sml-dialog-headings {
    font-family: KAASI-SemiBold;
    font-size: 14px !important;
    color: #111 !important;
    font-weight: normal;
    text-transform: uppercase;
}
.med-dialog-headings {
    font-family: KAASI-SemiBold;
    font-size: 16px !important;
    color: #999 !important;
    color: #166b3c !important;
    font-weight: normal;
}
.item-label {
    font-family: KAASI-Regular;
    color: #999999;
    font-size: 13px !important;
    padding-bottom: 10px;
    width: 30%;
}
.item-contents {
    font-family: KAASI-Regular;
    color: #111111;
    font-size: 13px !important;
    padding-bottom: 10px;
    width: 70%;
}
.jq-dialog-headings {
    font-family: KAASI-SemiBold;
    font-size: 18px !important;
    color: #FFFFFF;
    line-height: normal;
    font-weight: normal;
}
.jq-dialog-headings-black {
    font-family: KAASI-SemiBold;
    font-size: 18px !important;
    color: #111111;
    line-height: normal;
    font-weight: normal;
}
.jq-dialog-sml-headings {
    font-family: KAASI-SemiBold;
    font-size: 14px !important;
    color: #111111;
    line-height: normal;
    font-weight: normal;
}
.jq-dialog-item-headings {
    font-family: KAASI-SemiBold;
    font-size: 13px !important;
    color: #111111;
    vertical-align: top;
}
.jq-dialog-item-desc {
    font-family: KAASI-Medium !important;
    font-size: 13px !important;
    color: #111111;
    vertical-align: top;
    line-height: 16px !important;
}
.jq-dialog-item-desc-rr {
    font-family: KAASI-Medium !important;
    font-size: 13px !important;
    color: #111111;
    vertical-align: top;
    line-height: 16px !important;
    margin-left: 10px;
}
.new-title-bar {
    background-color: #2ECF78;
    padding-top: 20px;
    padding-bottom: 20px;
}

.headings-small {
	font-family: KAASI-SemiBold !important;
	font-size: 0.9em !important;
	color: #333333 !important;
	line-height: normal !important;
}

.report-numbers {
	font-family: KAASI-Bold !important;
	font-size: 2em !important;
	color: #F3E86D !important;
	line-height: normal !important;
}

/* OTHER FONTS */
.jq-dialog-font-01 {
    font-family: KAASI-Medium !important;
    font-size: 14px !important;
    color: #333F48 !important;
    line-height: normal;
    font-weight: normal;
}
.input-headings-xs-up {
    font-family: KAASI-SemiBold;
    font-size: 0.7em;
    text-transform: uppercase;
}
.input-headings-xs-up {
	font-family: KAASI-SemiBold;
	font-size: 0.7em;
	text-transform: uppercase;
}

/* BACKGROUNDS */
.bg-white {
    background-color: #FFFFFF;
}
.bg-gray {
    background-color: #F5F8F9;
}
.bg-fw-red {
    background-color: #be1e2d;
}
.bg-white-shadow {
    background-color: #FFFFFF;
    box-shadow: 0 0 11px #eaf0f6;
    border-radius: 6px;
}

/* POPUP DIALOG BOX CSS */

.popup-top-dropdown {
    background-color: #dce6ed;
    height: 32px !important;
    border-color: #dce6ed;
    font-family: KAASI-Regular !important;
    outline: none !important;
    outline: 0 !important;
    font-size: 12px !important;
    color: #000 !important;
}
.profile-json {
    background-color: #333F48;
    color: #FFFFFF;
    padding: 15px;
    font-family: 'Roboto Mono', monospace;
    font-size: 12px;
}

.comp-conditions-heading {
    font-family: KAASI-Medium !important;
    color: #333F48 !important;
    line-height: normal;
    font-weight: normal;
    text-transform: uppercase;
}
.jq-dialog-input {
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 13px !important;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
    display: block;
    height: 40px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 0px;
    font-family: KAASI-Regular !important;
}
.jq-dialog-dropdown {
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 13px !important;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #111111 !important;
    display: block;
    height: 40px !important;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 0px;
    font-family: KAASI-Regular !important;
}
/* INPUT */
.input-textbox-medium {
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 13px !important;
    transition: all .15s ease-out;
    background-color: #f5f8fa !important;
    color: #33475b;
    display: block;
    height: 40px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 0px;
    font-family: KAASI-Regular !important;
}
.input-textbox-small {
    padding: 9px 10px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 13px !important;
    transition: all .15s ease-out;
    background-color: #f5f8fa !important;
    color: #111111;
    display: block;
    height: 32px;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 0px;
    font-family: KAASI-Medium !important;
}
.input-dropdown-s {
    font-family: KAASI-Medium !important;
    padding: 5px 6px;
    border-radius: 3px;
    border: 1px solid #cbd6e2;
    font-size: 13px !important;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
    display: block;
    height: 32px !important;
    line-height: 22px;
    text-align: left;
    vertical-align: middle;
    width: 100%; 
    margin-bottom: 0px;
}
/* BORDERS */
.brdr-all {
    border: 1px solid rgb(223, 227, 235);
}
.brdr-l {
    border-left: 1px solid rgb(223, 227, 235);
}
.brdr-r {
    border-right: 1px solid rgb(223, 227, 235);
}
.brdr-t {
    border-top: 1px solid rgb(223, 227, 235);
}
.brdr-b {
    border-bottom: 1px solid rgb(223, 227, 235);
}
.brdr-round {
    border-radius: 6px !important;
}


    /* JQUERY OVERRIDES */

    /* FONTS */
.font-semibold {
    font-family: KAASI-SemiBold;
}
.font-bold {
    font-family: KAASI-Bold;
}

/* BANKING PAGE ONLY */
.big-box-left {
    border-top: 1px solid rgb(223, 227, 235);
    border-bottom: 1px solid rgb(223, 227, 235);
    border-left: 1px solid rgb(223, 227, 235);
    font-family: KAASI-Regular;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F5F8FA;
    font-size: 18px;
    width: 50%;
}

.big-box-right {
    border-top: 1px solid rgb(223, 227, 235);
    border-bottom: 1px solid rgb(223, 227, 235);
    border-right: 1px solid rgb(223, 227, 235);
    text-align: right;
    font-family: KAASI-SemiBold;
    font-size: 21px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F5F8FA;
    width: 50%;
}

/* TO BE DISCOUNTINUED */
.topupprofit {
    background: rgb(105,196,255);
    background: linear-gradient(90deg, rgba(105,196,255,1) 0%, rgba(90,232,249,1) 100%);
    border-radius: 6px;
}

.message-yellow {
    background: rgb(247,154,123);
    background: linear-gradient(90deg, rgba(247,154,123,1) 0%, rgba(247,191,133,1) 100%);
    border-radius: 6px;
}

/* CHECKMARK */
.chk_approve-v2 {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.chk_approve-v2 input {
    position: absolute;
    opacity: 0;
}
.checkmark-v2 {
    position: absolute;
    top: -9px;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
}
.chk_approve-v2:hover input ~ .checkmark-v2 {
    background-color: #F3FCF2;
}
.chk_approve-v2 input:checked ~ .checkmark-v2 {
    background-color: #76D17F;
    border: 1px solid #CCCCCC;
}
.checkmark-v2:after {
    content: "";
    position: absolute;
    display: none;
}
.chk_approve-v2 input:checked ~ .checkmark-v2:after {
    display: block;
}
.chk_approve-v2 .checkmark-v2:after {
    left: 6px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* SLIDING CHECKBOX */
.switch-v2 {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
}
/* Hide default HTML checkbox */
.switch-v2 input {
   display: none !important;
}
/* The slider */
.cu_slider-v2 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #DCDCDC;
    -webkit-transition: .4s;
    transition: .4s;
}
.cu_slider-v2:before {
    position: absolute;
    content: "";
        height: 16px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .cu_slider-v2:focus {
        outline: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important;
    }

.chk_label-v2 {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 20px;
    left: 0px;
    top: 0px;
}

input:checked + .cu_slider-v2 {
    background-color: #76D17F;
}

input:focus + .cu_slider-v2 {
    box-shadow: 0 0 0px #F00;
}

input:checked + .cu_slider-v2:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}
/* SLIDING CHECKBOX */

table.dataTable tbody tr .dataTables_empty {
    pointer-events: none
}

.jq-dialog-item-desc-break-word {
	font-family: KAASI-Medium !important;
	font-size: 13px !important;
	color: #111111;
	vertical-align: top;
	line-height: 16px !important;
	word-break: break-word;
}