.hidden {
    display: none;
}

.inputDate {
    text-align: center;
}

.inputEx {
    text-align: right;
}

input[type=text][readonly=readonly] {
    background-color: transparent;
    border: 0;
}

.panel {
    margin-bottom: 15px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

    .panel-body:before,
    .panel-body:after {
        display: table;
        content: " ";
    }

    .panel-body:after {
        clear: both;
    }

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
    }

        .panel > .list-group .list-group-item:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0;
        }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive {
    margin-bottom: 0;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #dddddd;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-bordered > thead > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }

.panel-heading {
    padding: 8px 5px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /*height: 30px;
    line-height: 30px;*/
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 13px;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 8px 5px;
    background-color: #F8F8F8;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse .panel-body {
        border-top: 1px solid #dddddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #dddddd;
    }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #F8F8F8;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #468847;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #c09853;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #faebcc;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #b94a48;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ebccd1;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ebccd1;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #3a87ad;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

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

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

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

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

.size-21 {
    font-size: 21px;
}

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

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

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

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

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

.page-header {
    position: relative;
    padding-left: 10px;
    /*font-weight:bold;*/
    height: 30px;
    line-height: 28px;
    /*background: url('../img/column-header-bg.png');*/
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-left: none;
    color: #666666;
    display: block;
    /*background-image: linear-gradient(#fefefe,#e6e6e6);*/
    background-color:#F8F8F8;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: none;
    text-transform: none;
    margin-top: 2px;
    font-size: 0.85em;
}

.grid-header {
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    height: 24px;
    /*border-bottom: 1px solid #99BBE8;*/
    background: url('../img/column-header-bg.png');
    position: relative;
}

.tip-bar {
    position: relative;
    padding-left: 10px;
    /*font-weight:bold;*/
    min-height: 30px;
    line-height: 28px;
    background-color: #FFF7E3;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    border-left: none;
    color: #666666;
    display: block;
    margin-bottom: 5px;
    text-shadow: none;
    text-transform: none;
    margin-top: 2px;
    font-size: 0.85em;
}

.search-bar {
    position: relative;
    padding-left: 10px;
    height: 35px;
    line-height: 34px;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    /*font-weight: bold;*/
    margin: 2px 0;
    text-shadow: none;
    text-transform: none;
    background-color: #ffffff;
}

.intertek.title-area {
    background: url('../img/logo.png') no-repeat left 10px top 5px;
    height: 55px;
    width: 120px;
    position: inherit;
}

.bsg {
    height: 55px;
    line-height: 55px;
    /*background-color:#FFC700;*/
}

.top-bar .bsg {
    width: auto;
    text-align: center;
    padding-top: 6px;
    margin-right: 30px;
}

    .top-bar .bsg a {
        text-decoration: none;
        color: #fff;
        font-size: 1.000em;
        font-weight: bold;
    }

        .top-bar .bsg a:hover {
            text-decoration: underline;
        }

.container {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    z-index: 99999999;
    top: 0;
    display: block;
    position: absolute;
}

    .container .mtip {
        padding: 15px 30px;
        height: 55px;
        font-size: 16px;
        font-weight: bold;
    }

    .container .success {
        background-color: #7bc714;
        border-color: #5e990f;
        color: white;
    }

    .container .error {
        background-color: #e8483c;
        border-color: #d82719;
        color: white;
    }

    .container .warning {
        background-color: #FFA500;
        border-color: #d82719;
        color: white;
    }

.app_bg {
    background-color: #F7F7F7;
}

/**************** toolbar begin**************/
.toolbar {
    list-style: none;
    margin: 0;
    *zoom: 1;
}

    .toolbar:before, .toolbar:after {
        content: " ";
        display: table;
    }

    .toolbar:after {
        clear: both;
    }

    .toolbar > * {
        margin: 0 0 0 -1px;
        float: left;
    }

        .toolbar > *:first-child {
            margin-left: 0;
        }

    .toolbar a, .toolbar .button, .toolbar button {
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        cursor: pointer;
        font-family: inherit;
        font-weight: bold;
        font-size: 0.75em;
        line-height: 1;
        /*margin: 0 0 1.25em;*/
        position: relative;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        padding-top: 0.75em;
        padding-right: 1.0em;
        padding-left: 1.0em;
        padding-bottom: 0.75em;
        background: url('../img/column-header-bg.png');
        background-image: linear-gradient(#fefefe,#e6e6e6);
        border-color: #d0d0d0;
        color: #666666;
        min-width: 80px;
    }

        .toolbar a:hover, .toolbar .button:hover, .toolbar button:hover {
            background-image: linear-gradient(#E9E9E9,#E9E9E9);
            background: #E9E9E9;
        }

    .toolbar.round > *:first-child, .toolbar.round > *:first-child > a, .toolbar.round > *:first-child > .button, .toolbar.round > *:first-child > button {
        -moz-border-radius-bottomleft: 1000px;
        -moz-border-radius-topleft: 1000px;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .toolbar.round > *:last-child, .toolbar.round > *:last-child > a, .toolbar.round > *:last-child > .button, .toolbar.round > *:last-child > button {
        -moz-border-radius-topright: 1000px;
        -moz-border-radius-bottomright: 1000px;
        -webkit-border-top-right-radius: 1000px;
        -webkit-border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
    }

    .toolbar.even-2 li {
        width: 50%;
    }

        .toolbar.even-2 li a {
            width: 100%;
        }

    .toolbar.even-3 li {
        width: 33.33333%;
    }

        .toolbar.even-3 li a {
            width: 100%;
        }

    .toolbar.even-4 li {
        width: 25%;
    }

        .toolbar.even-4 li a {
            width: 100%;
        }

    .toolbar.even-5 li {
        width: 20%;
    }

        .toolbar.even-5 li a {
            width: 100%;
        }

    .toolbar.even-6 li {
        width: 16.66667%;
    }

        .toolbar.even-6 li a {
            width: 100%;
        }

    .toolbar.even-7 li {
        width: 14.28571%;
    }

        .toolbar.even-7 li a {
            width: 100%;
        }

    .toolbar.even-8 li {
        width: 12.5%;
    }

        .toolbar.even-8 li a {
            width: 100%;
        }
/**************** toolbar end**************/


/*
------------------------------
	Impromptu
------------------------------
*/
.jqifade {
    position: absolute;
    background-color: #777777;
}

div.jqi {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi2 {
    width: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqiprocess {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #99ccff;
    font-size: 11px;
    text-align: left;
    border: 0px #99ccff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 7px;
}

div.jqi .jqicontainer {
    font-weight: bold;
    /*border-top: solid 18px #f4f4f4;*/
    padding: 5px;
}

div.jqi .jqiclose {
    position: absolute;
    top: 2px;
    right: -2px;
    width: 18px;
    cursor: default;
    color: #bbbbbb;
    font-size: 14px;
    font-weight: bold;
}


div.jqi .jqititle {
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    /*background-color:#f4f4f4;*/
    border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage {
    padding: 2px;
    line-height: 20px;
    color: #444444;
}

/*div.jqi .jqibuttons{ 
	text-align: right; 
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4; 
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button{ 
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal; 
	border: none;
	border-left: solid 1px #e4e4e4; 
	color: #777; 
	font-weight: bold; 
	font-size: 12px; 
}
div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}*/
div.jqi .jqibuttons {
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}

    div.jqi .jqibuttons button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #2F6073;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.jqi .jqibuttons button:hover {
            background-color: #728A8C;
        }

div.jqi button.jqidefaultbutton {
    background-color: #BF5E26;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #BF5E26;
}

.jqiwarning .jqi .jqibuttons {
    background-color: #b95656;
}

.jqi .jqiarrow {
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
    font-size: 0;
    border: solid 10px transparent;
}

.jqi .jqiarrowtl {
    left: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc {
    left: 50%;
    top: -20px;
    border-bottom-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowtr {
    right: 10px;
    top: -20px;
    border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl {
    left: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowbc {
    left: 50%;
    bottom: -20px;
    border-top-color: #ffffff;
    margin-left: -10px;
}

.jqi .jqiarrowbr {
    right: 10px;
    bottom: -20px;
    border-top-color: #ffffff;
}

.jqi .jqiarrowlt {
    left: -20px;
    top: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowlm {
    left: -20px;
    top: 50%;
    border-right-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowlb {
    left: -20px;
    bottom: 10px;
    border-right-color: #ffffff;
}

.jqi .jqiarrowrt {
    right: -20px;
    top: 10px;
    border-left-color: #ffffff;
}

.jqi .jqiarrowrm {
    right: -20px;
    top: 50%;
    border-left-color: #ffffff;
    margin-top: -10px;
}

.jqi .jqiarrowrb {
    right: -20px;
    bottom: 10px;
    border-left-color: #ffffff;
}

[v-cloak] {
    display: none;
}

.require {
    color: red;
    padding-left: 4px;
    font-size: 14px;
    font-weight:800;
}