html, body {
    width: 100%;
    height: 100%;
    background: #F5F7F9;
}

button, button:focus {
    border: none;
    outline: none;
}

a {
    color: #00807f;
}

a:hover, a:focus, a:active {
    color: #00bb93;
}

div, p, a, span {
    font-size: 14px;
}

label {
    padding-right: 15px;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #EEEEEE;
}

/*input[type=file] {
     display: none;
}*/

[v-cloak] {
    display: none;
}

#ajaxcallback_location,
#ajaxcallback_parent_reload,
#ajaxcallback_child_reload {
    display: none;
}
/********************************    vue footer css    ********************************/
.vue-footer{
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
    z-index: 0;
    position: fixed;
    width: auto;
    left: 15px;
    right: 15px;
    bottom: 0;
    padding: 8px 15px;
    margin-left: 0;
    background: #E1E1E1;
    background: transparent;
}
/********************************    app css    ********************************/
#app {
    width: 100%;
    height: 100%;
}

#app.app {
    width: auto;
    height: auto;
    background: #F5F7F9;
}

#app #footer {
    z-index: 0;
    position: fixed;
    width: auto;
    left: 15px;
    right: 15px;
    bottom: 0;
    padding: 8px 15px;
    margin-left: 0;
    background: #E1E1E1;
    background: transparent;
}
.mb-10{
    margin-bottom: 10px;
}
.width-150{
    width: 150px;
}

/*********************************** page css ***********************************/
.page {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    padding: 15px 15px 52px;
}

.page .page-header {
    position: fixed;
    width: 100%;
    height: 37px;
    line-height: 33px;
    margin: -15px -15px 0 -15px;
    padding: 0 15px;
    z-index: 99;
    background: #FFFFFF;
}

.page .page-body {
    display: block;
    overflow: hidden;
    margin-top: 35px;
}

.page .page-footer {
    height: auto;
    padding: 0 15px;
}

.page .page-header .breadcrumb {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}

.page .page-header .breadcrumb i {
    font-size: 15px;
    padding-right: 10px;
}

.page .page-header .breadcrumb li {
    color: #777777;
    font-size: 14px;
}

.page .page-header .breadcrumb > li + li:before {
    content: '>\00a0';
}

.page .page-header .pagemenu {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

.page .page-header .pagemenu ul.el-menu li.el-menu-item {
    height: 36px;
    line-height: 36px;
}

.page .page-header .pagemenu ul.el-menu li.el-menu-item a i {
    margin-right: 3px;
    margin-top: -3px;
}

.page .page-header .pagemenu ul.el-menu li.el-submenu .el-submenu__title {
    height: 36px;
    line-height: 38px;
}

.page .page-header .pagemenu ul.el-menu>.el-menu-item.is-active,
.page .page-header .pagemenu ul.el-menu>.el-submenu.is-active .el-submenu__title{
    border-bottom: 2px solid #00a65a;
}

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
    min-width: 138.8px;
}

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup li.el-menu-item a {
    display: block;
}

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup li.el-menu-item a:hover {
    background: #F5F7F9;
}

.el-menu--collapse .el-menu .el-submenu a i, .el-menu--popup li.el-menu-item a i {
    margin-right: 3px;
}

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup li.el-menu-item.is-active a {
    color: #00bb93;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dotted #00bb93;
}

.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
    /*padding-left: 18px;*/
    text-indent: 8px;
}

/***********************************************widget css*************************************************/
.widgetbox {
    display: block;
    overflow: hidden;
}

.widget {
    display: block;
    margin-bottom: 15px;
    padding: 5px 20px 20px 20px;
    padding-bottom: 10px;
    background: #FFFFFF;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget.bordered {
    border: 1px solid #dcdee2;
}

.widget.widget-search {
    border-bottom: 1px solid #E2E9EA;
}

.widget.widget-table {

}

.widget.widget-form {
    /*border: 0;*/
}

.widget.widget-render {
    /*-webkit-box-shadow: 0 0 5px #00a65a;*/
    /*-moz-box-shadow: 0 0 5px #00a65a;*/
    /*box-shadow: 0 0 5px #00a65a;*/
    /*border: 1px solid #4caf50;*/
    border: 1px solid #F1F1F1;
}

.widget.widget-noborder {
    border: 0;
}

.widget .widget-header {
    display: block;
    height: 40px;
    line-height: 38px;
    padding: 0;
    background: url("../img/widget_header_bottom_line.png") bottom repeat-x;
}

.widget .widget-header h5 {
    float: left;
    overflow: hidden;
    color: #00a65a;
    margin: 0;
    height: 40px;
    line-height: 39px;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

.widget .widget-header .icon {
    float: left;
    overflow: hidden;
}

.widget .widget-header .icon i.fa-icon {

}

.widget .widget-header h5 i {
    float: left;
    font-size: 17px;
    width: 24px;
    height: 39px;
    line-height: 40px;
    text-align: center;
}

.widget .widget-header h5 .title {
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-left: 15px;
}

.widget .widget-header h5 .stitle {
    float: left;
    font-size: 13px;
    color: #8fe293;
    font-weight: 700;
    margin-left: 10px;
    line-height: 40px;
}

.widget .widget-header .info {
    float: right;
}

.widget .widget-body {
    display: block;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    overflow: hidden;
}

.widget .widget-footer {
    display: block;
    overflow: hidden;
    padding: 10px 0px 5px 0px;
}

.widget .widget-left-footer {
    display: block;
    overflow: hidden;
    padding: 10px 0px 5px 0px;
    margin-top: -46px;
}

.widget .widget-footer .links {
    display: inline-block;
}

/***********************************************form css*************************************************/
form h5.title {
    color: #056DAE;
    font-size: 17px;
    font-weight: 700;
    padding: 15px 5px;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #056DAE;
}

form h5.title i {
    width: 20px;
    margin-right: 13px;
    text-align: center;
}

form .form-group {
    padding: 10px 0 15px 0;
    margin-bottom: 0;
    border-bottom: 1px dashed #DDDDDD;
}

form.form-inline .form-group {
    padding: 5px 5px 10px 0;
    border-bottom: 0;
}

form.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

form .form-group .form-control {
    /*color: #000000;*/
    border-radius: 0;
    border: 1px solid #a7b5bc;
    border-right-color: #ced9df;
    border-bottom-color: #ced9df;
}

form .form-group .form-control:hover,
form .form-group .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    -moz-box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    border: 1px solid #49bab7;
}

form .form-group .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
}

form .form-group .form-control.form-control-ruler {
    background: url("../img/ruler.gif") left 15px repeat-x;
}

form .form-group label.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

form .form-group label.control-value {
    margin-left: 15px;
}

form .form-group .checkbox,
form .form-group .radio {
    position: relative;
    display: block;
}

form .form-group .control-group {
    display: block;
    overflow: hidden;
}

form .form-group .control-group .checkbox,
form .form-group .control-group .radio {
    margin-top: 7px;
}

form .form-group .select2-container .select2-selection--single,
form .form-group .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 34px;
    border-radius: 0;
}

form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

form .form-group .sampleimg {
    text-align: center;
    vertical-align: middle;
}

form .form-group .sampleimg img {
    max-width: 150px;
    max-height: 150px;
}

form .form-group-btn {
    padding: 5px 0;
    margin: 0 -10px;
    text-align: center;
    background: #F5F5F5;
    border-bottom: 0;
}

form.form-inline .form-group.row {
    width: auto;
    padding-left: 15px;
    padding-right: 10px;
}

form.form-inline .form-group.row .col-xs-2,
form.form-inline .form-group.row .col-xs-3,
form.form-inline .form-group.row .col-xs-4,
form.form-inline .form-group.row .col-xs-6,
form.form-inline .form-group.row .col-xs-8,
form.form-inline .form-group.row .col-xs-9 {
    width: auto;
    padding-left: 0;
    padding-right: 10px;
}

/***********************************************table css*************************************************/
.table thead tr th,
.table tbody tr td {
    border-bottom: 1px solid #66c9f3;
}

.tablelist {
    margin-bottom: 0;
}

.tablelist thead tr {
    color: #F1F1F1;
    /*background: #49bab7;*/
    background: #00a65a;
}

.table-hover>tbody>tr:hover {
    background: #FCFCFC;
}

.table > thead > tr > td, .table > thead > tr > th {
    padding: 10px 8px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    font-size: 14px;
    vertical-align: middle;
    border-top: 1px solid #ECECEC;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ECECEC;
}

.table-bordered > thead > tr > th:first-child,
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tbody > tr > td:last-child {
    border-left: 1px solid #49bab7;
}

.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:last-child {
    border-right: 1px solid #49bab7;
}

.table-bordered > thead > tr:first-child > th,
.table-bordered > tbody > tr:first-child > td {
    border-top: 1px solid #49bab7;
}

.table-bordered > tbody > tr > td.border-bottom,
.table-bordered > tbody > tr:last-child > td {
    border-bottom: 1px solid #49bab7;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eff5f5;
}

.tablelist tbody tr:last-child {
    border-bottom: 1px solid #66c9f3;
}

.table-inc thead tr th.no {
    width: 35px;
}

.table-inc thead tr th.check {
    width: 35px;
}

.table-inc thead tr th.op {
    max-width: 300px;
}

.table-inc tbody tr.bgc {
    background: #eff5f5;
}

.table-inc tbody tr td.log {
    color: #ff8200;
}

.table-inc .checkbox, .table-inc .radio {
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #F5F8FA;
}

.table-center > thead > tr > td, .table-center > thead > tr > th {
    text-align: center;
}

.table-stats > tbody > tr > td > span.num {
    display: block;
    color: #056DAE;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
}

.table-bordered {
    border: 1px solid #49bab7;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #a7e8da;
}

/***********************************************btn css*************************************************/
.btn {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    text-decoration: none;
    padding: 7px 15px;
}

.btn:hover, .btn:focus, .btn:active {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    text-decoration: none;
}

.btn::-moz-focus-inner {
    border: none;
    outline: none;
    box-shadow: none;
}

.btn.btn-small {
    padding: 5px 10px;
}

.btn i {
    margin-right: 3px;
}

.btn.btn-sub {
    min-width: 100px;
}

.btn-primary {
    color: #FFFFFF;
    /*background: #49bab8;*/
    background: #00a65a;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover {
    color: #FFFFFF;
    background: #008d4c;
}

.btn-sky {
    color: #FFFFFF;
    background: #11A9CC;
}

.btn-sky:hover, .btn-sky:focus, .btn-sky:active {
    color: #FFFFFF;
    background: #00BEEE;
}

.btn-success {
    color: #FFFFFF;
    background: #53A93F;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #FFFFFF;
    background: #00CD00;
}

.btn-warn {
    color: #FFFFFF;
    background: #ED4E2A;
}

.btn-warn:hover, .btn-warn:focus, .btn-warn:active {
    color: #FFFFFF;
    background: #FF7500;
}

.btn-danger {
    color: #FFFFFF;
    background: #D73D32;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    color: #FFFFFF;
    background: #EE2C2C;
}

/****************************** btn-link ******************************/
.btn-link {
    display: inline-block;
    padding: 7px 15px;
    margin: 0;
    line-height: 1.0;
}

.btn-link:hover, .btn-link:focus, .btn-link:active {
    text-decoration: underline;
}

.btn-link.btn-link-small {
    padding: 5px 10px;
}

.btn-link i {
    margin-right: 3px;
}

.btn-link-i i {
    margin-right: 0;
}

.btn-link-primary {
    /*color: #0072C6;*/
    color: #00a65a;
    background: #F0F9FD;
}

.btn-link-primary:hover, .btn-link-primary:focus, .btn-link-primary:active {
    /*color: #0072C6;*/
    color: #008d4c;
    background: #E1E1E1;
}

.btn-link-sky {
    color: #11A9CC;
    background: #F0F9FD;
}

.btn-link-sky:hover, .btn-link-sky:focus, .btn-link-sky:active {
    color: #11A9CC;
    background: #E1E1E1;
}

.btn-link-success {
    color: #53A93F;
    background: #F0F9FD;
}

.btn-link-success:hover, .btn-link-success:focus, .btn-link-success:active {
    color: #53A93F;
    background: #E1E1E1;
}

.btn-link-warn {
    color: #ED4E2A;
    background: #F0F9FD;
}

.btn-link-warn:hover, .btn-link-warn:focus, .btn-link-warn:active {
    color: #ED4E2A;
    background: #E1E1E1;
}

.btn-link-danger {
    color: #D73D32;
    background: #F0F9FD;
}

.btn-link-danger:hover, .btn-link-danger:focus, .btn-link-danger:active {
    color: #D73D32;
    background: #E1E1E1;
}

.btn-link-nav {
    color: #005946;
    background: #a7e8da;
}

.btn-link-nav:hover, .btn-link-nav:focus, .btn-link-nav:active {
    color: #FFFFFF;
    background: #00807f;
}

.btn-link-nav.active {
    color: #FFFFFF;
    background: #00807f;
}

/****************************** btn-link-block ******************************/
.btn-link-block-primary {
    color: #FFFFFF;
    /*background: #49bab7;*/
    background: #00a65a;
}

.btn-link-block-primary:hover, .btn-link-block-primary:focus, .btn-link-block-primary:active {
    color: #FFFFFF;
    /*background: #00807f;*/
    background: #008d4c;
}

.btn-link-block-sky {
    color: #FFFFFF;
    background: #11A9CC;
}

.btn-link-block-sky:hover, .btn-link-block-sky:focus, .btn-link-block-sky:active {
    color: #FFFFFF;
    background: #00BEEE;
}

.btn-link-block-success {
    color: #FFFFFF;
    background: #53A93F;
}

.btn-link-block-success:hover, .btn-link-block-success:focus, .btn-link-block-success:active {
    color: #FFFFFF;
    background: #00CD00;
}

.btn-link-block-warn {
    color: #FFFFFF;
    background: #ED4E2A;
}

.btn-link-block-warn:hover, .btn-link-block-warn:focus, .btn-link-block-warn:active {
    color: #FFFFFF;
    background: #FF4500;
}

.btn-link-block-danger {
    color: #FFFFFF;
    background: #D73D32;
}

.btn-link-block-danger:hover, .btn-link-block-danger:focus, .btn-link-block-danger:active {
    color: #FFFFFF;
    background: #EE2C2C;
}

/***********************************************modalbox css*************************************************/
.modalbox {
    min-width: 500px;
}

.modalbox .modalbox-header {
    position: absolute;
    width: 100%;
}

.modalbox .modalbox-header .btn-close {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.modalbox .modalbox-body {

}

.modalbox .modalbox-body .widget {
    margin-bottom: 0;
    background: inherit;
}

.modalbox .modalbox-body .widget form .form-control {
    max-width: 330px;
}

.modalbox .modalbox-footer {

}

/********************************************pagination css*********************************************/
.pagination {
    float: right;
    display: inline-block;
    margin: 0;
}

.pagination > li > a {
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #00a65a;
    text-align: center;
    border-radius: 0px !important;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    font-size: 14px;
    border-color: #00a65a;
}

.pagination > li > a,
.pagination > li > span {
    border: 1px solid #00a65a;
}

.pagination > li > a:hover {
    color: #00a65a;
    background: #EEF3F7;
    border-color: #00a65a;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #4caf50 !important;
    border-color: #00a65a !important;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    border-color: #00a65a;
}

.pagination > li.first > a,
.pagination > li.last > a {
    width: 50px;
}

/***********************************************beyond css*************************************************/
input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer
}

input[type=checkbox].inverted:checked ~ .text:before, input[type=radio].inverted:checked ~ .text:before {
    background-color: #333;
    border-color: #333;
    color: #fff
}

input[type=checkbox].colored-white ~ .text, input[type=radio].colored-white ~ .text {
    color: #fff
}

input[type=checkbox].colored-white ~ .text:before, input[type=radio].colored-white ~ .text:before {
    border-color: #fafafa
}

input[type=checkbox].colored-white:checked ~ .text, input[type=radio].colored-white:checked ~ .text {
    color: #fff
}

input[type=checkbox].colored-white:checked ~ .text:before, input[type=radio].colored-white:checked ~ .text:before {
    border-color: #333;
    color: #333
}

input[type=checkbox].colored-blue:checked ~ .text, input[type=radio].colored-blue:checked ~ .text {
    color: #5db2ff
}

input[type=checkbox].colored-blue:checked ~ .text:before, input[type=radio].colored-blue:checked ~ .text:before {
    border-color: #5db2ff;
    color: #5db2ff
}

input[type=checkbox].colored-primary:checked ~ .text, input[type=radio].colored-primary:checked ~ .text {
    /*color: #4374e0;*/
    color: #056DAE;
}

input[type=checkbox].colored-primary:checked ~ .text:before, input[type=radio].colored-primary:checked ~ .text:before {
    /*border-color: #4374e0;
    color: #4374e0;*/
    border-color: #056DAE;
    color: #056DAE;
}

input[type=checkbox].colored-danger:checked ~ .text, input[type=radio].colored-danger:checked ~ .text {
    color: #d73d32
}

input[type=checkbox].colored-danger:checked ~ .text:before, input[type=radio].colored-danger:checked ~ .text:before {
    border-color: #d73d32;
    color: #d73d32
}

input[type=checkbox].colored-success:checked ~ .text, input[type=radio].colored-success:checked ~ .text {
    color: #53a93f
}

input[type=checkbox].colored-success:checked ~ .text:before, input[type=radio].colored-success:checked ~ .text:before {
    border-color: #53a93f;
    color: #53a93f
}

input[type=checkbox].colored-warning:checked ~ .text, input[type=radio].colored-warning:checked ~ .text {
    color: #f4b400
}

input[type=checkbox].colored-warning:checked ~ .text:before, input[type=radio].colored-warning:checked ~ .text:before {
    border-color: #f4b400;
    color: #f4b400
}

input[type=checkbox].colored-silver:checked ~ .text, input[type=radio].colored-silver:checked ~ .text {
    color: #777
}

input[type=checkbox].colored-silver:checked ~ .text:before, input[type=radio].colored-silver:checked ~ .text:before {
    border-color: #777;
    color: #777
}

input[type=checkbox].colored-blueberry:checked ~ .text, input[type=radio].colored-blueberry:checked ~ .text {
    color: #6f85bf
}

input[type=checkbox].colored-blueberry:checked ~ .text:before, input[type=radio].colored-blueberry:checked ~ .text:before {
    border-color: #6f85bf;
    color: #6f85bf
}

input[type=checkbox].colored-palegreen:checked ~ .text, input[type=radio].colored-palegreen:checked ~ .text {
    color: #a0d468
}

input[type=checkbox].colored-palegreen:checked ~ .text:before, input[type=radio].colored-palegreen:checked ~ .text:before {
    border-color: #a0d468;
    color: #a0d468
}

input[type=checkbox].colored-orange:checked ~ .text, input[type=radio].colored-orange:checked ~ .text {
    color: #fb6e52
}

input[type=checkbox].colored-orange:checked ~ .text:before, input[type=radio].colored-orange:checked ~ .text:before {
    border-color: #fb6e52;
    color: #fb6e52
}

input[type=checkbox].colored-darkorange:checked ~ .text, input[type=radio].colored-darkorange:checked ~ .text {
    color: #ed4e2a
}

input[type=checkbox].colored-darkorange:checked ~ .text:before, input[type=radio].colored-darkorange:checked ~ .text:before {
    border-color: #ed4e2a;
    color: #ed4e2a
}

input[type=checkbox].colored-magenta:checked ~ .text, input[type=radio].colored-magenta:checked ~ .text {
    color: #bc5679
}

input[type=checkbox].colored-magenta:checked ~ .text:before, input[type=radio].colored-magenta:checked ~ .text:before {
    border-color: #bc5679;
    color: #bc5679
}

input[type=checkbox].colored-purple:checked ~ .text, input[type=radio].colored-purple:checked ~ .text {
    color: #7e3794
}

input[type=checkbox].colored-purple:checked ~ .text:before, input[type=radio].colored-purple:checked ~ .text:before {
    border-color: #7e3794;
    color: #7e3794
}

input[type=checkbox].colored-maroon:checked ~ .text, input[type=radio].colored-maroon:checked ~ .text {
    color: #981b48
}

input[type=checkbox].colored-maroon:checked ~ .text:before, input[type=radio].colored-maroon:checked ~ .text:before {
    border-color: #981b48;
    color: #981b48
}

input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none !important
}

input[type=checkbox]:checked ~ .text:before, input[type=radio]:checked ~ .text:before {
    display: inline-block;
    content: "\f00c";
    background-color: #f5f8fc;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
    border-color: #333
}

input[type=checkbox]:hover ~ .text :before, input[type=radio]:hover ~ .text :before {
    border-color: #737373
}

input[type=checkbox]:active ~ .text :before, input[type=radio]:active ~ .text :before {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

input[type=checkbox]:disabled ~ .text, input[type=radio]:disabled ~ .text, input[type=checkbox][disabled] ~ .text, input[type=radio][disabled] ~ .text, input[type=checkbox].disabled ~ .text, input[type=radio].disabled ~ .text {
    color: rgba(0, 0, 0, .4)
}

input[type=checkbox]:disabled ~ .text:before, input[type=radio]:disabled ~ .text:before, input[type=checkbox][disabled] ~ .text:before, input[type=radio][disabled] ~ .text:before, input[type=checkbox].disabled ~ .text:before, input[type=radio].disabled ~ .text:before {
    background-color: #f5f5f5 !important;
    border-color: #e5e5e5 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #e5e5e5
}

input[type=checkbox] ~ .text, input[type=radio] ~ .text {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal
}

input[type=checkbox] ~ .text:before, input[type=radio] ~ .text:before {
    font: normal normal normal 15px/1 FontAwesome;
    font-weight: bold;
    font-size: 13px;
    color: #333;
    content: " ";
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    min-width: 18px;
    margin-right: 5px;
    margin-bottom: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

input[type=checkbox] ~ .text:hover:before, input[type=radio] ~ .text:hover:before {
    border-color: #737373
}

input[type=checkbox] ~ .text:active:before, input[type=radio] ~ .text:active:before {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

input[type=radio] ~ .text:before {
    border-radius: 100%;
    font-size: 10px;
    font-family: "Font Awesome 5 Free";
    line-height: 17px;
    height: 19px;
    min-width: 19px
}

input[type=radio]:checked ~ .text:before {
    content: ""
}

.radio label, .checkbox label {
    padding-left: 0
}

input[type=checkbox].checkbox-slider {
    width: 55px;
    height: 25px;
    left: 0
}

input[type=checkbox].checkbox-slider.slider-icon:checked ~ .text:after {
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    line-height: 21px;
    content: "";
    border-width: 1px;
    padding-left: 3px;
    background-color: #fff;
    color: #444
}

input[type=checkbox].checkbox-slider.slider-icon ~ .text:after {
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    line-height: 20px;
    content: "";
    border-width: 1px;
    padding-left: 4px;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.toggle:checked ~ .text:after {
    background-color: #fff;
    color: #444
}

input[type=checkbox].checkbox-slider.toggle ~ .text:after {
    border: 0;
    background-color: #444;
    width: 14px;
    height: 14px;
    top: 3px;
    left: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type=checkbox].checkbox-slider.yesno ~ .text:before {
    font-family: 'Open Sans', 'Segoe UI';
    content: "YES            NO"
}

input[type=checkbox].checkbox-slider ~ .text {
    margin: 0 4px;
    min-height: 24px
}

input[type=checkbox].checkbox-slider ~ .text:before {
    font-family: 'Open Sans', 'Segoe UI';
    content: "ON           OFF";
    background-color: #fff;
    color: #999;
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
    height: 20px;
    overflow: hidden;
    border-radius: 50rem;
    border: 1px solid #ccc;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

input[type=checkbox].checkbox-slider ~ .text:after {
    font-family: 'Open Sans', 'Segoe UI';
    content: '';
    font-size: 10px;
    font-weight: 300;
    background-color: #fff;
    border: 5px solid #444;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 20px;
    position: absolute;
    top: -2px;
    left: -3px;
    padding: 0;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

input[type=checkbox].checkbox-slider:checked ~ .text:before {
    text-indent: 5px;
    background-color: #444;
    border-color: #444;
    color: #fff
}

input[type=checkbox].checkbox-slider:checked ~ .text:after {
    left: 34px;
    background-color: #444;
    border: 5px solid #fff
}

input[type=checkbox].checkbox-slider.colored-blue ~ .text:after {
    border-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue:checked ~ .text:before {
    background-color: #5db2ff;
    border-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue:checked ~ .text:after {
    background-color: #5db2ff;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blue.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue.slider-icon ~ .text:after {
    border-color: #fff;
    color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-blue.toggle:checked ~ .text:after {
    color: #5db2ff;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blue.toggle ~ .text:after {
    background-color: #5db2ff
}

input[type=checkbox].checkbox-slider.colored-primary ~ .text:after {
    border-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary:checked ~ .text:before {
    background-color: #4374e0;
    border-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary:checked ~ .text:after {
    background-color: #4374e0;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary.slider-icon ~ .text:after {
    border-color: #fff;
    color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-primary.toggle:checked ~ .text:after {
    color: #4374e0;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-primary.toggle ~ .text:after {
    background-color: #4374e0
}

input[type=checkbox].checkbox-slider.colored-danger ~ .text:after {
    border-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger:checked ~ .text:before {
    background-color: #d73d32;
    border-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger:checked ~ .text:after {
    background-color: #d73d32;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-danger.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger.slider-icon ~ .text:after {
    border-color: #fff;
    color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-danger.toggle:checked ~ .text:after {
    color: #d73d32;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-danger.toggle ~ .text:after {
    background-color: #d73d32
}

input[type=checkbox].checkbox-slider.colored-success ~ .text:after {
    border-color: #53a93f
}

input[type=checkbox].checkbox-slider.colored-success:checked ~ .text:before {
    background-color: #53a93f;
    border-color: #53a93f
}

input[type=checkbox].checkbox-slider.colored-success:checked ~ .text:after {
    background-color: #53a93f;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-success.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #53a93f
}

input[type=checkbox].checkbox-slider.colored-success.slider-icon ~ .text:after {
    border-color: #fff;
    color: #53a93f
}

input[type=checkbox].checkbox-slider.colored-success.toggle:checked ~ .text:after {
    color: #53a93f;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-success.toggle ~ .text:after {
    background-color: #53a93f
}

input[type=checkbox].checkbox-slider.colored-warning ~ .text:after {
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning:checked ~ .text:before {
    background-color: #f4b400;
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning:checked ~ .text:after {
    background-color: #f4b400;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-warning.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning.slider-icon ~ .text:after {
    border-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-warning.toggle:checked ~ .text:after {
    color: #f4b400;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-warning.toggle ~ .text:after {
    background-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver ~ .text:after {
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver:checked ~ .text:before {
    background-color: #f4b400;
    border-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver:checked ~ .text:after {
    background-color: #f4b400;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-silver.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver.slider-icon ~ .text:after {
    border-color: #fff;
    color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-silver.toggle:checked ~ .text:after {
    color: #f4b400;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-silver.toggle ~ .text:after {
    background-color: #f4b400
}

input[type=checkbox].checkbox-slider.colored-blueberry ~ .text:after {
    border-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry:checked ~ .text:before {
    background-color: #6f85bf;
    border-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry:checked ~ .text:after {
    background-color: #6f85bf;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon ~ .text:after {
    border-color: #fff;
    color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-blueberry.toggle:checked ~ .text:after {
    color: #6f85bf;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-blueberry.toggle ~ .text:after {
    background-color: #6f85bf
}

input[type=checkbox].checkbox-slider.colored-palegreen ~ .text:after {
    border-color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen:checked ~ .text:before {
    background-color: #a0d468;
    border-color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen:checked ~ .text:after {
    background-color: #a0d468;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon ~ .text:after {
    border-color: #fff;
    color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-palegreen.toggle:checked ~ .text:after {
    color: #a0d468;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-palegreen.toggle ~ .text:after {
    background-color: #a0d468
}

input[type=checkbox].checkbox-slider.colored-orange ~ .text:after {
    border-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange:checked ~ .text:before {
    background-color: #fb6e52;
    border-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange:checked ~ .text:after {
    background-color: #fb6e52;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-orange.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange.slider-icon ~ .text:after {
    border-color: #fff;
    color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-orange.toggle:checked ~ .text:after {
    color: #fb6e52;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-orange.toggle ~ .text:after {
    background-color: #fb6e52
}

input[type=checkbox].checkbox-slider.colored-darkorange ~ .text:after {
    border-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange:checked ~ .text:before {
    background-color: #ed4e2a;
    border-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange:checked ~ .text:after {
    background-color: #ed4e2a;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon ~ .text:after {
    border-color: #fff;
    color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-darkorange.toggle:checked ~ .text:after {
    color: #ed4e2a;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-darkorange.toggle ~ .text:after {
    background-color: #ed4e2a
}

input[type=checkbox].checkbox-slider.colored-magenta ~ .text:after {
    border-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta:checked ~ .text:before {
    background-color: #bc5679;
    border-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta:checked ~ .text:after {
    background-color: #bc5679;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-magenta.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta.slider-icon ~ .text:after {
    border-color: #fff;
    color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-magenta.toggle:checked ~ .text:after {
    color: #bc5679;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-magenta.toggle ~ .text:after {
    background-color: #bc5679
}

input[type=checkbox].checkbox-slider.colored-purple ~ .text:after {
    border-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple:checked ~ .text:before {
    background-color: #7e3794;
    border-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple:checked ~ .text:after {
    background-color: #7e3794;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-purple.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple.slider-icon ~ .text:after {
    border-color: #fff;
    color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-purple.toggle:checked ~ .text:after {
    color: #7e3794;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-purple.toggle ~ .text:after {
    background-color: #7e3794
}

input[type=checkbox].checkbox-slider.colored-maroon ~ .text:after {
    border-color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon:checked ~ .text:before {
    background-color: #981b48;
    border-color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon:checked ~ .text:after {
    background-color: #981b48;
    border-color: #fff
}

input[type=checkbox].checkbox-slider.colored-maroon.slider-icon:checked ~ .text:after {
    background-color: #fff;
    color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon.slider-icon ~ .text:after {
    border-color: #fff;
    color: #981b48
}

input[type=checkbox].checkbox-slider.colored-maroon.toggle:checked ~ .text:after {
    color: #981b48;
    background-color: #fff
}

input[type=checkbox].checkbox-slider.colored-maroon.toggle ~ .text:after {
    background-color: #981b48
}

span.input-icon {
    display: inline-block
}

.input-icon {
    position: relative;
    width: 100%
}

.input-icon.inverted > [class*="fa-"], .input-icon.inverted > [class*="glyphicon-"] {
    color: #fff;
    background-color: #262626
}

.input-icon > input {
    padding-left: 36px;
    padding-right: 6px
}

.input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="glyphicon-"] {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.input-icon > input:focus + .circular {
    -webkit-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset;
    -moz-box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset;
    box-shadow: 0 0 0 .1em rgba(0, 0, 0, .15) inset
}

.input-icon > input.input-xs {
    padding-left: 26px
}

.input-icon > input.input-xs + [class*="fa-"], .input-icon > input.input-xs + [class*="glyphicon-"] {
    width: 24px;
    font-size: 10px;
    padding-top: 0;
    line-height: 24px
}

.input-icon > input.input-xs + .circular {
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px
}

.input-icon > input.input-sm {
    padding-left: 32px
}

.input-icon > input.input-sm + [class*="fa-"], .input-icon > input.input-sm + [class*="glyphicon-"] {
    width: 30px;
    font-size: 12px;
    padding-top: 0;
    line-height: 30px
}

.input-icon > input.input-sm + .circular {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px
}

.input-icon > input.input-lg {
    padding-left: 48px
}

.input-icon > input.input-lg + [class*="fa-"], .input-icon > input.input-lg + [class*="glyphicon-"] {
    width: 46px;
    font-size: 18px;
    padding-top: 5px;
    line-height: 34px
}

.input-icon > input.input-lg + .circular {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 26px
}

.input-icon > input.input-xl {
    padding-left: 54px
}

.input-icon > input.input-xl + [class*="fa-"], .input-icon > input.input-xl + [class*="glyphicon-"] {
    width: 52px;
    font-size: 20px;
    padding-top: 8px;
    line-height: 34px
}

.input-icon > input.input-xl + .circular {
    width: 42px;
    height: 42px;
    font-size: 20px;
    line-height: 26px
}

.input-icon > [class*="fa-"], .input-icon > [class*="glyphicon-"] {
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 34px;
    height: 100%;
    line-height: 28px;
    display: inline-block;
    color: #3c95c8;
    font-size: 14px;
    text-align: center;
    padding-top: 3px;
    zoom: 1;
    filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}

.input-icon > [class*="fa-"].circular, .input-icon > [class*="glyphicon-"].circular {
    border-radius: 500em !important;
    box-shadow: 0 0 0 .1em rgba(0, 0, 0, .1) inset;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -moz-transition: -moz-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    padding: 0;
    top: 5px;
    bottom: 5px;
    left: 7px;
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px
}

.input-icon.icon-right > input {
    padding-left: 6px;
    padding-right: 36px
}

.input-icon.icon-right > input.input-xs {
    padding-right: 26px
}

.input-icon.icon-right > input.input-sm {
    padding-right: 32px
}

.input-icon.icon-right > input.input-lg {
    padding-right: 48px
}

.input-icon.icon-right > input.input-xl {
    padding-right: 54px
}

.input-icon.icon-right > [class*="fa-"], .input-icon.icon-right > [class*="glyphicon-"] {
    left: auto;
    right: 0
}

.input-icon.icon-right .circular {
    left: auto;
    right: 5px
}

.input-icon ~ .help-inline {
    padding-left: 8px
}

/*******************************input-group style********************************/
.input-group-f {
    float: right;
    width: 85px;
    display: none;
    overflow: hidden;
}

.input-group-f.show {
    display: block;
}

.input-group-f.hide {
    display: none;
}

.input-group-f input {
    float: left;
    width: 55px;
    height: 25px;
    padding: 0 5px;
    margin-top: 8px;
    margin-bottom: 1px;
    font-size: 13px;
    border: 1px solid #CCCCCC;
}

.input-group-f .input-group-addon {
    display: inline-block;
    float: left;
    width: 28px;
    height: 25px;
    line-height: 23px;
    padding: 0;
    margin-top: 8px;
    font-size: 13px;
}


/***************************************** layer css ********************/
body .layui-layer-shade {
    /*top: 37px;*/
}

body .layui-layer-xf .layui-layer-title {
    background: #F8F8F8;
    color: #000000;
    border: none;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #F1F1F1;
}

body .layui-layer-setwin {
    top: 13px;
}

body .layui-layer-xf .layui-layer-btn {
    border-top: 1px solid #E9E7E7
}

body .layui-layer-xf .layui-layer-btn a {
    background: #333;
}

body .layui-layer-xf .layui-layer-btn .layui-layer-btn1 {
    background: #999;
}

body .layui-layer-shade {
    z-index: 1800;
}

.table .layertb thead tr {
    color: #00a65a;
    background: #F5F7F9;
}
.table .layertb tbody tr td {
    background: #ffffff;
}

table tbody tr.layertb-row-checked {
    color: #FF0000;
    font-weight: bold;
    background: #FCFCFC;
}

/***********************************************adminlte css*************************************************/

.skin-green .sidebar-menu>li.active>a {
    background: #000000;
}

.input-group .input-group-addon {
    background: #F5F7F9;
}

.input-group .input-group-addon-icon {
    /*width: 35px;*/
    max-width: 35px;
    min-width: 35px;
    text-align: center;
    padding: 6px;
}

.minimal-title {
    display: inline-block; vertical-align: middle;
}

/***********************************************elementui css*************************************************/

.el-message {
    z-index: 20000000;
}

.el-upload,
.el-upload-dragger {
    width: 100%;
}

.el-upload-file .el-upload-dragger {
    margin: 0;
    font-size: 24px;
    height: 34px;
    line-height: 28px;
}

.el-upload-file .el-upload-dragger i.el-icon-upload {
    display: inline-block;
    margin: 0;
    font-size: 24px;
    line-height: 24px;
}

.el-upload-file .el-upload-dragger .el-upload__text {
    display: inline-block;
}
/******************* 必填项css **********************/
.require-star {
    margin-right: 2px;
    color: red;
}

/***********************************************select2 css*************************************************/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #333333;
}


/** 1600以下分辨率适配 **/
@media screen and (max-width: 1600px) {
    span.btn-title-show {
        display: none;
    }
}