@charset "utf-8";
/* ============================================================
  RESET
============================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    /*background: transparent;*/
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

del {
    text-decoration: line-through;
}

/* ============================================================
  FONTS
============================================================ */
@font-face {
    font-family: "Muli";
    src: url("./fonts/muli/Muli.ttf");
}

@font-face {
    font-family: "Muli-SemiBold";
    src: url("./fonts/muli/Muli-SemiBold.ttf");
}

@font-face {
    font-family: "BebasNeue Regular";
    src: url("./fonts/bebas-neue/BebasNeue Regular.ttf");
}

@font-face {
    font-family: "BebasNeue Bold";
    src: url("./fonts/bebas-neue/BebasNeue Bold.ttf");
}

@font-face {
    font-family: 'robotoregular';
    src: url("./fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'avenir-roman';
    src: url("./fonts/avenir-roman.otf");
}

@font-face {
    font-family: 'geomanist-regular';
    src: url("./fonts/geomanist-regular.otf");
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #E60000;
}

.linklist {
    border-bottom: 1px dotted #0660ce;
    color: #0660ce;
}

.linklist:hover {
    text-decoration: none;
    border-bottom: 1px dashed #1f7bea;
    color: #1f7bea;
}

/* ============================================================
  GLOBALS
============================================================ */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* clear floated divs */
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body {
    font: normal 13px robotoregular, sans-serif;
    color: #000000;
    line-height: 150%;
    /*background:#f1f1f1;*/
    /*background-color: #f5f8fd;*/
    /*background-image: radial-gradient(ellipse farthest-corner at 0% -60%, #f5f8fd 0%, #f5f8fd 75%, #01babf 75%);*/
    background-image: url("bg-001.jpg");
    background-size: cover;
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

p, hr {
    line-height: 150%;
    margin: 0 0 25px 0;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

/* ============================================================
  FORM
============================================================ */
.container-center {
    width: 100%;
    max-width: 450px;
    margin: 50px auto 0;
    padding: 0 2%;
}

.main-content {
    margin: 15px;
}

.logo {
    margin-bottom: 20px;
    padding-top: 30px;
    text-align: center;
    height: 150px;
    background-color: #9eadad;
    border-radius: 30px 30px 70% 70%;
}

.logo-round-1 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    margin: auto;
    z-index: 100;
    position: relative;
    top: -100px;
    padding: 6px;
}

.logo-round-2 {
    background-color: #01babf;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    z-index: 110;
    padding: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.logo-round-3 {
    background-color: #f5f8fd;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    z-index: 110;
    padding: 6px;
}

.login-appstitle {
    text-align: center;
    font-size: 2.5em;
    color: #454545;
    /*text-shadow: 1px 1px 3px #949494;*/
    /*font-family: 'Lato', sans-serif;*/
    font-family: "BebasNeue Bold";
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.login-appssubtitle {
    text-align: center;
    font-size: 1.1em;
    font-weight: normal;
    font-family: robotoregular, sans-serif, arial;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* sections */
section {
    margin-bottom: 0px;
    /*padding: 30px;*/
    background-color: #fff;
    border-radius: 5px;
}

.form-login {
    padding: 30px;
    padding-top: 0px;
}

#login_user {
    padding: 12px 16px 12px 16px;
    border-radius: 50px 50px 50px 50px;
}

#login_pass {
    padding: 12px 16px 12px 16px;
    border-radius: 50px 50px 50px 50px;
}

section:last-child {
    margin-bottom: 0;
}

/* headings */
.copyright {
    padding: 10px 0;
    text-align: center;
    font-size: 11px;
}

.boxsuccess {
    border: 1px solid #789d38;
    border-radius: 2px;
    background-color: #e4fae1;
    padding: 5px 10px;
}

.boxerror {
	border: 1px solid #ff8585;
	border-radius: 8px;
	background-color: #fae1e1;
	padding: 5px 10px;
	margin-bottom: 10px;
	box-shadow: 0 0 3px #bfbfbf;
}

.boxerror-2 {
    border: 1px solid #ff8585;
    border-radius: 1px;
    background-color: #fae1e1;
    padding: 5px 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 3px #bfbfbf;
}

.boxinfo {
    margin-top: 10px;
    border-radius: 2px;
    background-color: #535857;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-family: robotoregular, sans-serif, arial;
}

.boxlistinfo {
    margin-top: 10px;
    border-radius: 2px;
    background-color: #219715;
    padding: 5px 10px;
    color: #fff;
    text-align: left;
    font-family: robotoregular, sans-serif, arial;
}

/* lists */
ul.input-list {
    list-style: none;
    margin: 0px -10px;
    padding: 0;
}

.ja_body ul.input-list {
    margin: 0px -10px;
}

ul.input-list > li {
    display: block;
    padding: 0 10px;
    width: 100%;
    float: left;
}

ul.input-list > li.groupli01 {
    background: #fbfdff;
    padding-bottom: 5px;
    border-bottom: 1px solid #cee5fd;
    margin-bottom: 10px;
}

li.alertform {
    font-size: 12px;
    line-height: normal;
}

/* form elements */
.groupbg {
    margin: 0px -15px 0px;
    padding: 10px 15px 10px;
    background-color: #fff;
}

.groupbg:first-child {
    padding: 0px 15px 10px;
}

.groupbg:nth-of-type(even) {
    background-color: #fffcfb;
    border-bottom: 1px solid #efefef;
}

.groupbg:nth-of-type(even) .row:first-child .detail-title {
    border: none;
}

.groupbg .row:first-child .detail-title {
    border: none;
}

.grouptit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 0px;
}

.input-list label {
    display: block;
    font-size: 12px;
    margin-top: 8px;
    font-weight: normal;
    color: #27292b;
}

.input-list label::before {
    font-family: 'fontawesome';
    content: "\f192 \00a0\00a0 ";
    font-size: 12px;
}

.input-list label.sublab::before {
    font-family: 'fontawesome';
    content: "\f192 \00a0 \00a0";
    font-size: 12px;
    color: #e65100;
}

.input-list label.none::before {
    font-family: 'fontawesome';
    content: "";
    font-size: 12px;
    color: #e65100;
}

.input-list label.checkbox::before {
    font-family: 'fontawesome';
    content: "";
    font-size: 12px;
    color: #e65100;
}

.input-list label.grouptit {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding-top: 10px;
}

.input-list label.grouptit::before {
    font-family: 'fontawesome';
    content: "";
    font-size: 12px;
    color: #e65100;
}

.input-list .sub1left {
    margin-left: 15px;
}

.input-list .labbot {
    font-size: 12px;
    display: block;
    font-style: italic;
}

span.inputerror {
    display: block;
    padding: 3px 0px 0px;
    color: #d50000;
    font-size: 12px;
    line-height: normal;
    font-family: robotoregular, sans-serif, arial;
    font-style: italic;
    margin-bottom: 3px;

}

span.descbot {
    display: block;
    padding: 3px 0 0;
    color: #121212;
    font-size: 11px;
    line-height: normal;
    font-family: robotoregular, sans-serif, arial;
    font-style: oblique;
    margin-bottom: 3px;

}

.input-list input[type="text"],
.input-list input[type="number"],
.input-list input[type="password"] {
    display: block;
    margin: 0;
	font-family: robotoregular, serif;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: #fdfdfd;
}

.input-list select {
    display: block;
    margin: 0;
	font-family: robotoregular, serif;
    font-size: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: 0;
    background: #fdfdfd;
}

.input-list input:focus,
.input-list select:focus,
.input-style textarea:focus {
    outline: none;
}

.input-style input[type="text"],
.input-style input[type="number"],
.input-style input[type="password"],
.input-style select,
.input-style textarea {
    padding: 8px 12px 8px 12px;
    border: none;
    border: solid 1px #eae7e7;
    border-bottom: solid 2px #c9c9c9;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    line-height: normal;
    font-family: arial;
    font-size: 12px;
    border-radius: 3px;
}

.input-style .table input[type="text"],
.input-style .table input[type="number"],
.input-style .table input[type="password"],
.input-style .table select,
.input-style .table textarea {
    /*padding:3px 8px;*/
    background-color: #ebfffc;
}

.input-style .table .select2-container .select2-selection--single {
    /*height:23px;*/
}

.input-style .table .select2-container--default .select2-selection--multiple,
.input-style .table .select2-container--default .select2-selection--single {
    border-radius: 0px;
    border-color: #eae7e7;
    border-bottom: 2px solid #c9c9c9;
    font-size: 11px;
}

.input-style .table .select2-container--default .select2-selection--single .select2-selection__arrow {
    /*height:20px;*/
}

.select2-results__option {
    font-size: 12px;
    padding: 3px 6px;
}

.input-style .table .select2-container--default .select2-selection--single .select2-selection__rendered {
    /*line-height:15px;*/
}

.input-style input.noleftradius,
.input-style select.noleftradius {
    border-radius: 0 3px 3px 0;
}

.input-style input.norightradius,
.input-style select.norightradius {
    border-radius: 3px 0 0 3px;
}

.input-style select {
    padding: 7px 13px 7px 13px;
    max-width: 100%;
}

.input-style input[type="text"]:focus, .input-style input[type="text"].focus,
.input-style input[type="number"]:focus, .input-style input[type="number"].focus,
.input-style input[type="password"]:focus, .input-style input[type="password"].focus,
.input-style select:focus, .input-style select.focus,
.input-style textarea:focus, .input-style textarea.focus {
    border-bottom: solid 2px #01babf;
    background-color: #fff;
}

.input-style input.dired,
.input-style select.dired,
.input-style textarea.dired,
.input-style input.dired:focus,
.input-style select.dired:focus,
.input-style textarea.dired:focus {
    border-bottom-color: #d50000;
    background-color: #ffebee;
}

.input-style tr.dired {
    background-color: #ffebee !important;
}

.input-style input.digre,
.input-style select.digre,
.input-style textarea.digre,
.input-style input.digre:focus,
.input-style select.digre:focus,
.input-style textarea.digre:focus {
    border-bottom-color: #447b15;
    background-color: #dcffb3;
}

.input-style .noresize {
    resize: none;
}

.input-style .wi100 {
    width: 100%;
}

.input-style .wi80 {
    width: 80%;
}

.input-style .wi75 {
    width: 75%;
}

.input-style .wi70 {
    width: 70%;
}

.input-style .wi50 {
    width: 50%;
}

.input-style .wi40 {
    width: 40%;
}

.input-style .wi30 {
    width: 30%;
}

.input-style .wi25 {
    width: 25%;
}

.input-style .wi20 {
    width: 20%;
}

.input-style .widate {
    width: 90px;
    text-align: center;
}

.input-style .widtime {
    width: 160px;
    text-align: center;
}

#container-inside .input-style input[type="text"]:disabled,
#container-inside .input-style input[type="number"]:disabled,
#container-inside .input-style input[type="password"]:disabled,
#container-inside .input-style select:disabled {
    border-bottom: 2px solid #c9c9c9;
    background-color: #F3FBFF;
}

.input-style .txt-login {
    font-family: "Muli" !important;
    font-size: 13.5px !important;
    text-align: center !important;
}

.input-style .intext {
    padding: 8px 12px 5px 12px;
    display: block;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    background: #f4fff3;
    min-height: 34px;
    font-size: 12px;
}

@-moz-document url-prefix() {
    .input-style .intext {
        min-height: 34px;
    }
}

.input-style .intitle::before {
    font-family: 'fontawesome';
    content: "\f192 \00a0 \00a0";
    color: #025002;
}

.input-style .indesc {
    padding: 9px 18px 9px 18px;
    display: inline-block;
    border-bottom: 2px solid #c9c9c9;
    background: #f3f5ff;
    min-height: 37px;
    font-size: 12px;
}

.input-style .indescpink {
    background: #fff3f3;
}

.input-style .indescgreen {
    background: #8fff95;
}

.input-style input[type="text"].wimoney-idr {
    width: 165px;
    text-align: right;
    padding-left: 35px;
    /*background-image: url('idr.png');*/
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

.input-style .floatdiv {
    float: left;
    padding-right: 20px;
    margin-top: 5px;
}

.input-style .floatdiall {
    float: left;
    padding-right: 20px;
}

.input-style .floatdnopad {
    float: left;
    padding-right: 0px;
}

.input-style .pure-12px {
    /*padding:10px 10px 7px;*/
}

@-moz-document url-prefix() {
    .input-style .pure-12px {
        /*padding:9px 9px 7px;*/
    }
}

textarea:read-only, input:read-only {
    /*background-color:#ffebeb !important;*/
}

.groupinput {
    padding: 0px;
    font-family: robotoregular, sans-serif, arial;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 2px dotted #c9c9c9;
    margin: 10px 0;
}

.confloat:after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width: 960px) {
    #container-inside {
        margin-top: 0px;
    }

    .input-style .floatdnopad,
    .input-style .floatdiv,
    .input-style .floatdiall {
        float: none;
        padding: 0px;
    }

    .input-style .wi80,
    .input-style .wi75,
    .input-style .wi70,
    .input-style .wi50,
    .input-style .wi40,
    .input-style .wi30,
    .input-style .wi25,
    .input-style .wi20 {
        width: 100%;
    }
}

#topmsgbox {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: fixed;
    top: 50px;
    width: 300px;
    left: 50%;
    text-align: center;
    z-index: 999991;
    margin-left: -150px;
    word-wrap: break-word;
}

#topmsgbox .topmsgv1 {
    padding: 5px 15px;
    background: #ffcc80;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #ffb74d;
    display: inline-block;
    width: 100%;
    line-height: 18px;
}

#topmsgbox .red {
    background: #ff2b2b;
    color: #fff;
    border: 1px solid #b71717;
    box-shadow: 1px 1px 6px #000000;
}

#topmsgbox .green {
    background: #1FA67A;
    color: #fff;
    border: 1px solid #1B926C;
    box-shadow: 1px 1px 4px #000000;
}

#topmsgbox .gray {
    background: #e0e0e0;
    color: #000000;
    border: 1px solid #000000;
    box-shadow: 1px 1px 5px #616161;
}

.spanmsg {
    display: inline-block;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 4px;
}

.spanred {
    background: #ff5252;
    color: #fff;;
}

.spangreen {
    background: #1FA67A;
    color: #fff;
}

.spangray {
    background: #9f9f9f;
    color: #fff;
}

/*Inside*/
#backflash {
    display: table-cell;
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.2;
    display: none;
    z-index: 98;
}

#container-inside {
    margin: 0px 0px 20px;
    /*box-shadow: 0px 0px 5px #cacaca;*/
}

@media screen and (max-width: 960px) {
    #container-inside {
        margin-top: 0px;
    }
}

.container-pagetitle {
    /*font-family:robotoregular,sans-serif, arial;*/
    font-family: 'geomanist-regular';
    font-size: 1.5em;
    font-weight: normal;
    display: block;
    /*color:#000;*/
    color: #ffffff;
    /*background:#f9f1e4;*/
    /*background:#fdfdfd;*/
    background-color: #018d91;
    padding: 10px 0px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    letter-spacing: 0px;
    position: relative;
    box-shadow: 0px 2px 3px #cacaca;
}

.pagetitle {
    margin: auto;
    padding: 0px 15px;
    text-transform: uppercase;
}

.container-subtitle {
    font-family: robotoregular, sans-serif, arial;
    font-weight: 700;
    font-size: 14px;
    display: block;
    text-decoration: none;
    letter-spacing: 0px;
    overflow: hidden;
}

.subtitle {
    margin: 10px 0;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    background: #01579B;
    border-radius: 2px;
}

.container-content {
    padding: 0px 10px;
}

.container-form {
    padding: 10px 15px 20px;
    position: relative;
}

.container-form-nopadtop {
    padding: 0px 15px 0px;
    position: relative;
}

.form-tables {
    max-width: 100%;
    margin-top: 3px;
}

.form-tables td,
.form-tables th {
    padding: 4px 10px;
    border-bottom: solid 2px #c9c9c9;
}

.form-tables th {
    border-top: solid 2px #c9c9c9;
    background-color: #fdfdef;
    text-align: left;
}

.form-tables .main_td {
    font-weight: bold;
    background-color: #fdfdf6;
}

.form-tables .sub_td {
    padding-left: 30px;
    background-color: #fdfdf0;
}

.form-tables .sub2_td {
    padding-left: 50px;
}

.form-tables .sub3_td {
    padding-left: 70px;
}

.form-tables .checkfocus {
    background-color: #ffff8d;
}

.inside-content {
    padding: 0 10px;
}

.load-content {
    margin-top: 10px;
    padding: 10px;
    /*background:#fff;*/
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0px 0px 5px #cacaca;
}

.loadingdata {
    display: block;
    text-align: center;
    padding: 10px;
    margin: 0px;
    background: #f9fad7;
    border-radius: 2px;
    font-size: 11px;
    line-height: normal;
    margin-top: 2px;
}

.loadingerror {
    background: #ff5252;
    color: #fff;
    margin-top: 10px;
}

/* Page Numbers */
.page {
    color: #7B1FA2;
    padding: 0px;
    letter-spacing: 1px;
    text-align: left;
    background-color: inherit;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    font-family: robotoregular, sans-serif, arial;
}

.page .total {
    letter-spacing: 0px;
    display: inline-block;
    background-color: #fff;
    color: #444;
    padding: 1px 7px;
    margin-right: 10px;
    margin-top: 5px;
    border-radius: 0px;
    text-decoration: none;
    border: 1px solid #999;
}

.page .page-numbers {
    display: inline-block;
    padding: 1px 7px;
    margin-right: 0px;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 0px;
    text-decoration: none;
    border: 1px solid #999;
    color: #444;
    border-right: 0px;
}

.page .page-numbers.current {
    color: #535857;
    font-weight: bold;
    background-color: #ffb9b9;
}

.page .page-numbers:last-child {
    border-right: 1px solid #999;
}

.page:after {
    content: "";
    display: table;
    clear: both;
}

/* Page Numbers End */
/* detail */
.detail-title {
    border-top: 1px solid #fff3f3;
    padding-top: 10px;
    color: #000;
}

.detail-title-first {
    border: none;
    padding-top: 0px;
}

.detail-title::before {
    font-family: 'fontawesome';
    content: "\f192 \00a0 \00a0";
    color: #ce0000;
}

.detail-content {
    color: #000;
    margin-left: 19px;
    margin-bottom: 10px;
    min-height: 20px;
}

.detail-content-table {
    margin-left: 0px;
}

.detail-content img {
    max-width: 100%;
}

ol.oldetail {
    list-style-type: decimal;
    margin-left: 15px;
}

.plusform::before {
    font-family: 'fontawesome';
    content: "\f055";
    font-size: 14px;
}

.minusform::before {
    font-family: 'fontawesome';
    content: "\f056";
    font-size: 14px;
}

.minusform {
    cursor: pointer;
}

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

.printform::before {
    font-family: 'fontawesome';
    content: "\f02f";
    font-size: 14px;
}

.upcomment {
    font-size: 12px;
    border-radius: 2px;
    padding: 5px 10px;
    background: #f9fad7;
    margin-top: 5px;
    display: inline-block;
}

.upcomment-blue {
    background: #c4ebff;
}

.tcen {
    text-align: center;
}

.tright {
    text-align: right;
}

.trig {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tlef {
    text-align: left;
}

.marsubmit {
    margin-top: 10px;
}

.btn-submit {
    margin-top: 10px;
}

/* bootstrap*/
.searchbox .form-control {
    height: calc(1em + 1.3rem + 2px);
}
.input-group .form-control {
    z-index: 1;
}

.input-group-btn .pure-12px {
    /*padding-top:8px;*/
}

@-moz-document url-prefix() {
    .input-group-btn .pure-12px {
        /*padding-top:7px;*/
    }
}

.dropdown-menu {
}

.dd-dropdown-menu {
    font-size: 12px;
    min-width: auto;
    border-radius: 2px;
    border-color: #673ab7;
    margin-top: 7px;
    padding: 4px 0px 2px;
}

.dd-dropdown-menu > li > a {
    padding: 3px 8px;
}

.dd-dropdown-menu > li :first-child::after,
.dd-dropdown-menu > li :first-child::before {
    content: '';
    z-index: 2;
    position: absolute;
    bottom: 100%;
    left: 0%;
    margin-left: 7px;
    margin-bottom: 0px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

.dd-dropdown-menu > li :first-child::after {
    border-color: transparent transparent #fff6f6 transparent;
    border-width: 0px 6px 6px 6px;
}

.dd-dropdown-menu > li :first-child::before {
    margin-left: 6px;
    border-width: 0px 7px 9px 7px;
    border-color: transparent transparent #673ab7 transparent;
}

/* multiselect-bootstrap */
.multiselect-native-select > .btn-group {
    width: 100%;
}

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

.svright .multiselect-native-select > .btn-group {
    width: auto;
}

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

.multiselect-container > li > a > label {
    padding-left: 30px;
}

.multiselect-container > li > a > label.checkbox {
    font-size: 12px;
    border: 1px solid #efefef;
}

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

.multiselect-native-select .btn.focus,
.multiselect-native-select .btn:focus,
.multiselect-native-select .btn:hover {
    color: #2b2827;
}

.input-list label.checkbox input[type=checkbox] {
    top: 1px;
}

.multiselect-native-select .btn {
    white-space: normal;
}

/* */
.ja_body img {
    max-width: 100%;
}

/* select 2 */
.input-style .select2-container .select2-selection--multiple {
    min-height: 33px;
    line-height: normal;
}

.input-style .select2-container .select2-selection--single {
    height: 33px;
    padding: 3px;
}

.input-style .select2-container--default .dired {
    border-bottom-color: #d50000 !important;
}

.input-style .select2-container--default .select2-selection--multiple,
.input-style .select2-container--default .select2-selection--single {
    border-radius: 0px;
    border-color: #eae7e7;
    border-bottom: 2px solid #c9c9c9;
    font-size: 12px;
}

.input-style .select2-selection--single:focus,
.input-style .select2-selection--multiple:focus {
    border-color: #eae7e7;
    border-bottom-color: #01babf;
    outline: none;
}

.input-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.input-style .select2-container {
    width: 100% !important;
}

.input-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #deeeff;
    color: #000000;
    width: 100%;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 12px;
    border-radius: 5px;
    padding: 3px 15px 3px 5px;
}

.input-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: #474747;
    color: #ffffff;
    padding: 1px 5px;
    border-radius: 5px;
    margin: 3px 10px 3px -2px;
    border: solid thin #474747;
}

.input-style .select2-container .select2-search--inline {
    margin-top: 5px;
}

/* Tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.green-color {
    color: #2e7d32 !important;
}

.disabled-color {
    color: #c71731 !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

.table {
    background-color: #efebeb;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    /*color: #000000;*/
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: #ccfcf8 !important;
    color: #000000;
}

textarea {
    resize: none;
}

.nav > li > a {
    background-color: #f0f0f0;
    color: #000000;
    border: 1px solid #ababab;
    border-bottom: 1px solid #616161;
    transition: ease-in-out 0.2s;
}

.nav > li > a:hover {
    border: 1px solid #878787;
    background-color: #d9d9d9;
}

.nav-tabs {
    border-bottom: 1px solid #616161;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #616161;
    background-color: #616161;
    color: #ffffff;
    font-weight: bold;
}

/* ================================================================================================================== */
/* HOME DASHBOARD */
.dashcont {

}

.dashtit {
    font-family: 'avenir-roman';
    color: #606060;
}

.bg-white {
    background-color: #efebeb;
}

.bg-orange {
    background-color: #e95100;
    color: #ffffff;
}

.bg-green {
    background-color: #78bb23;
    color: #ffffff;
}

.bg-pink {
    background-color: #da5267;
    color: #ffffff;
}

.bg-aqua {
    background-color: #27a4c0;
    color: #ffffff;
}

.bg-purple {
    background-color: #6e4e53;
    color: #ffffff;
}

.bg-red {
    background-color: #a90000;
    color: #ffffff;
}

.border-orange {
    border: solid 4px #fb4d00;
}

.border-green {
    border: solid 4px #7abe24;
}

.border-pink {
    border: solid 4px #da5267;
}

.border-grey {
    border: solid 4px #999999;
}

.txt-orange {
    color: #e95100;
}

.txt-aqua {
    color: #027f9b;
}

.txt-purple {
    color: #46273d;
}

.txt-pink {
    color: #c1263e;
}

.txt-green {
    color: #469500;
}

.txt-red {
    color: #a90000;
}

.dashchart {
    background-image: url("dash-col-bg-sm.png");
    background-size: cover;
    min-height: 300px;
}

.dashtable {
    font-family: 'geomanist-regular';
    font-size: 1.1em;
}

.dashcount {
    font-family: 'geomanist-regular';
    background-image: url("dash-col-bg-sm.png");
    background-size: cover;
}

.dashcountval {
    font-size: 5em !important;
    padding: 5px;
}

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

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.tx-10 {
    font-size: 10px;
}

.tx-10-force {
    font-size: 10px !important;
}

.tx-11 {
    font-size: 11px;
}

.tx-11-force {
    font-size: 11px !important;
}

.tx-12 {
    font-size: 12px;
}

.tx-12-force {
    font-size: 12px !important;
}

.tx-13 {
    font-size: 13px;
}

.tx-13-force {
    font-size: 13px !important;
}

.tx-14 {
    font-size: 14px;
}

.tx-14-force {
    font-size: 14px !important;
}

.tx-15 {
    font-size: 15px;
}

.tx-15-force {
    font-size: 15px !important;
}

.tx-16 {
    font-size: 16px;
}

.tx-16-force {
    font-size: 16px !important;
}

.tx-18 {
    font-size: 18px;
}

.tx-18-force {
    font-size: 18px !important;
}

.tx-20 {
    font-size: 20px;
}

.tx-20-force {
    font-size: 20px !important;
}

.tx-22 {
    font-size: 22px;
}

.tx-22-force {
    font-size: 22px !important;
}

.tx-24 {
    font-size: 24px;
}

.tx-24-force {
    font-size: 24px !important;
}

.tx-26 {
    font-size: 26px;
}

.tx-26-force {
    font-size: 26px !important;
}

.tx-28 {
    font-size: 28px;
}

.tx-28-force {
    font-size: 28px !important;
}

.tx-30 {
    font-size: 30px;
}

.tx-30-force {
    font-size: 30px !important;
}

.tx-32 {
    font-size: 32px;
}

.tx-32-force {
    font-size: 32px !important;
}

.tx-34 {
    font-size: 34px;
}

.tx-34-force {
    font-size: 34px !important;
}

.tx-36 {
    font-size: 36px;
}

.tx-36-force {
    font-size: 36px !important;
}

.tx-38 {
    font-size: 38px;
}

.tx-38-force {
    font-size: 38px !important;
}

.tx-40 {
    font-size: 40px;
}

.tx-40-force {
    font-size: 40px !important;
}

.tx-42 {
    font-size: 42px;
}

.tx-42-force {
    font-size: 42px !important;
}

.tx-44 {
    font-size: 44px;
}

.tx-44-force {
    font-size: 44px !important;
}

.tx-46 {
    font-size: 46px;
}

.tx-46-force {
    font-size: 46px !important;
}

.tx-48 {
    font-size: 48px;
}

.tx-48-force {
    font-size: 48px !important;
}

.tx-50 {
    font-size: 50px;
}

.tx-50-force {
    font-size: 50px !important;
}

.tx-52 {
    font-size: 52px;
}

.tx-52-force {
    font-size: 52px !important;
}

.tx-54 {
    font-size: 54px;
}

.tx-54-force {
    font-size: 54px !important;
}

.tx-56 {
    font-size: 56px;
}

.tx-56-force {
    font-size: 56px !important;
}

.tx-58 {
    font-size: 58px;
}

.tx-58-force {
    font-size: 58px !important;
}

.tx-60 {
    font-size: 60px;
}

.tx-60-force {
    font-size: 60px !important;
}

.tx-62 {
    font-size: 62px;
}

.tx-62-force {
    font-size: 62px !important;
}

.tx-64 {
    font-size: 64px;
}

.tx-64-force {
    font-size: 64px !important;
}

.tx-66 {
    font-size: 66px;
}

.tx-66-force {
    font-size: 66px !important;
}

.tx-68 {
    font-size: 68px;
}

.tx-68-force {
    font-size: 68px !important;
}

.tx-70 {
    font-size: 70px;
}

.tx-70-force {
    font-size: 70px !important;
}

.tx-72 {
    font-size: 72px;
}

.tx-72-force {
    font-size: 72px !important;
}

.tx-74 {
    font-size: 74px;
}

.tx-74-force {
    font-size: 74px !important;
}

.tx-76 {
    font-size: 76px;
}

.tx-76-force {
    font-size: 76px !important;
}

.tx-78 {
    font-size: 78px;
}

.tx-78-force {
    font-size: 78px !important;
}

.tx-80 {
    font-size: 80px;
}

.tx-80-force {
    font-size: 80px !important;
}

.tx-82 {
    font-size: 82px;
}

.tx-82-force {
    font-size: 82px !important;
}

.tx-84 {
    font-size: 84px;
}

.tx-84-force {
    font-size: 84px !important;
}

.tx-86 {
    font-size: 86px;
}

.tx-86-force {
    font-size: 86px !important;
}

.tx-88 {
    font-size: 88px;
}

.tx-88-force {
    font-size: 88px !important;
}

.tx-90 {
    font-size: 90px;
}

.tx-90-force {
    font-size: 90px !important;
}

.tx-92 {
    font-size: 92px;
}

.tx-92-force {
    font-size: 92px !important;
}

.tx-94 {
    font-size: 94px;
}

.tx-94-force {
    font-size: 94px !important;
}

.tx-96 {
    font-size: 96px;
}

.tx-96-force {
    font-size: 96px !important;
}

.tx-98 {
    font-size: 98px;
}

.tx-98-force {
    font-size: 98px !important;
}

.tx-100 {
    font-size: 100px;
}

.tx-100-force {
    font-size: 100px !important;
}

.tx-102 {
    font-size: 102px;
}

.tx-102-force {
    font-size: 102px !important;
}

.tx-104 {
    font-size: 104px;
}

.tx-104-force {
    font-size: 104px !important;
}

.tx-106 {
    font-size: 106px;
}

.tx-106-force {
    font-size: 106px !important;
}

.tx-108 {
    font-size: 108px;
}

.tx-108-force {
    font-size: 108px !important;
}

.tx-110 {
    font-size: 110px;
}

.tx-110-force {
    font-size: 110px !important;
}

.tx-112 {
    font-size: 112px;
}

.tx-112-force {
    font-size: 112px !important;
}

.tx-114 {
    font-size: 114px;
}

.tx-114-force {
    font-size: 114px !important;
}

.tx-116 {
    font-size: 116px;
}

.tx-116-force {
    font-size: 116px !important;
}

.tx-118 {
    font-size: 118px;
}

.tx-118-force {
    font-size: 118px !important;
}

.tx-120 {
    font-size: 120px;
}

.tx-120-force {
    font-size: 120px !important;
}

.tx-122 {
    font-size: 122px;
}

.tx-122-force {
    font-size: 122px !important;
}

.tx-124 {
    font-size: 124px;
}

.tx-124-force {
    font-size: 124px !important;
}

.tx-126 {
    font-size: 126px;
}

.tx-126-force {
    font-size: 126px !important;
}

.tx-128 {
    font-size: 128px;
}

.tx-128-force {
    font-size: 128px !important;
}

.tx-130 {
    font-size: 130px;
}

.tx-130-force {
    font-size: 130px !important;
}

.tx-132 {
    font-size: 132px;
}

.tx-132-force {
    font-size: 132px !important;
}

.tx-134 {
    font-size: 134px;
}

.tx-134-force {
    font-size: 134px !important;
}

.tx-136 {
    font-size: 136px;
}

.tx-136-force {
    font-size: 136px !important;
}

.tx-138 {
    font-size: 138px;
}

.tx-138-force {
    font-size: 138px !important;
}

.tx-140 {
    font-size: 140px;
}

.tx-140-force {
    font-size: 140px !important;
}

.text-nowrap {
    white-space: nowrap !important;
}