/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

html {
    height: 100%;
}

body { 
    min-width:  1280px !important; 
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

main {
    display: block;
    flex: 1 0 auto;
}

.header {
    position: sticky;
    top: 0;
    z-index: 100;
    background-image: linear-gradient(360deg, #d6d5d5, #b7b7b7 98.74%)
}

.fixed-ribbon {
    left: 0px;
    z-index: 100;
}

#ribbon { 
    /*background: #474544;  */
    background: #D9D9D9;
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    /*
    border-top-style: solid !important;     
    border-top-width: 1px !important;
    border-bottom-style: solid !important;     
    border-bottom-width: 1px !important;
    */
}


.abs-btn {
    width: 90px !important;
}

.btn-large {
    width: 140px !important;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(61, 106, 124, 0.15);
    border: 1px solid rgba(61, 106, 124, 0.2);
}

.show-grid {
    margin-bottom: 15px;
}

th small {
    font-size:12px;
    display:block;
    color:#8D8D8D;
    font-weight:normal;
}

th {
    text-align: center;
    font-size:14px;   
    background-color: #CCCC; 
}

td {
    text-align: center;
    font-size:14px;   
}

.abs-badge {
display: inline-block;
min-width: 0px;
padding: 5px 20px;
font-size: 40px;
font-weight: 600;
color: #fff;
line-height: 1;
vertical-align: middle;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999;
border-radius: 40px;
}
/*
 * Responsive tests
 *
 * Generate a set of tests to show the responsive utilities in action.
 */

/* Responsive (scrollable) doc tables */
.table-responsive .highlight pre {
    white-space: normal;
}

/* Utility classes table  */
.bs-table th small,
.responsive-utilities th small {
display: block;
    font-weight: normal;
color: #999;
    font-size:12px;
}
.responsive-utilities tbody th {
    font-weight: normal;
}
.responsive-utilities td {
    text-align: center;
}
.responsive-utilities td.is-visible {
color: rgba(61, 106, 124, 1);
    background-color: rgba(61, 106, 124, 0.07) !important;
}
.responsive-utilities td.is-hidden {
color: #ccc;
    background-color: #f9f9f9 !important;
}

/* Responsive tests */
.responsive-utilities-test {
    margin-top: 5px;
}
.responsive-utilities-test .col-xs-6 {
    margin-bottom: 10px;
}
.responsive-utilities-test span {
padding: 15px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    border-radius: 4px;
}
.visible-on .col-xs-6 .hidden-xs,
.visible-on .col-xs-6 .hidden-sm,
.visible-on .col-xs-6 .hidden-md,
.visible-on .col-xs-6 .hidden-lg,
.hidden-on .col-xs-6 .visible-xs,
.hidden-on .col-xs-6 .visible-sm,
.hidden-on .col-xs-6 .visible-md,
.hidden-on .col-xs-6 .visible-lg {
color: #999;
border: 1px solid #ddd;
}
.visible-on .col-xs-6 .visible-xs,
.visible-on .col-xs-6 .visible-sm,
.visible-on .col-xs-6 .visible-md,
.visible-on .col-xs-6 .visible-lg,
.hidden-on .col-xs-6 .hidden-xs,
.hidden-on .col-xs-6 .hidden-sm,
.hidden-on .col-xs-6 .hidden-md,
.hidden-on .col-xs-6 .hidden-lg {
color: #468847;
    background-color: #dff0d8;
border: 1px solid #d6e9c6;
}

#content {
padding: 10px 14px;
position: relative;
margin-top: 6px !important; 
margin-left: 12px !important; 
margin-right: 22px !important;
}

.page-footer {
    height: 40px !important;
    min-height: 30px;
    padding-left: 0px !important; 
    padding-right: 0px !important; 
    padding-top: 10px !important;
    /*background: #474544;*/
    background: #D9D9D9;
}

#ribbon {
    height: 40px !important;
    min-height: 30px;
    padding-left: 0px !important; 
    padding-right: 0px !important; 
    padding-top: 10px !important;
}







@media screen and (max-width: 749px) {

  .abs-hidden-xs {
    display:        none !important;
  }

}

@media screen and (max-width: 3000px) and (min-width: 750px) {

  .abs-visible-xs {
    display:        none  !important;
    width:          186px !important;
    height:         34px  !important;
  }
  
}

.abs-fieldset {
    padding-top:    15px !important; 
    padding-bottom: 10px !important;
}

.abs-fieldset-lg {
    padding-top:    15px !important; 
    padding-bottom: 20px !important;
}

.abs-fieldset-noline {
    padding-top:    0px  !important; 
    padding-bottom: 10px !important;
    border:         none !important;
}

.abs-line {
    border:         none;
    padding-top:    0px !important;
    padding-bottom: 0px !important;
}

.abs-chkbox {
   width:          15px !important;
   height:         15px !important;
}

.abs-dftshp {
   width:          15px !important;
   height:         15px !important;
}

.order-hdr {
    height:        34px;
    text-align:    left;
    border-width:  0px;
    font-weight:   bold;
    font-size:     large;
}

.order-text {
    height:        34px;    
    border-width:  0.5px;
    padding-left:  10px;
}

.fa-jpy {
    color:         black;
}

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

.abs-float-hdr { 
    width:         100%; 
} 

.abs-float-hdr-m { 
    width:         90%; 
} 

.abs-float-line { 
    float:         left; 
    width:         50%; 
}           

.abs-float-linel { 
    float:         left;
    width:         65%;
}

.abs-float-liner { 
    float:         right; 
    width:         35%; 
}

.abs-float-halfl { 
    float:         left;
    width:         50%;
}

.abs-float-halfr { 
    float:         right; 
    width:         50%; 
}

.abs-float-trpl { 
    float: left;
    width: 20%;
}

.abs-float-trpr { 
    float: right;
    width: 40%;
}

.fa-solid {
    font-size:  medium;
    z-index: 1;
}

.abs-logout {
    font-size:          inherit;
    background-color:   DeepSkyBlue;
}

@media (min-width: 1280px) {
.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 {
        float: left;
    }
}

@media (min-width: 1280px) {
    .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 {
        float: left;
    }
}

@media (min-width: 1280px) {
    .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 {
        float: left;
    }
}

@media (min-width: 1280px) {
    .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 {
        float: left;
    }
}

.page-footer    {
                    max-width:  2000px;
                    min-width:  1280px !important; 
                }




.btn-primary {
    color: #fff;
    background-color: #3f87fd;
    border-color:#3f87fd
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #1c72fd;
    border-color:#2f65be
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #1c72fd;
    border-color:#477cd1
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #477cd1;
    border-color:#2f65be
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image:none
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #3f87fd;
    border-color:#3f87fd
}
.btn-primary .badge {
    color: #3f87fd;
    background-color:#fff
}


.btn-success {
    color: #fff;
    background-color: #31cb72;
    border-color: #31cb72;
}
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #2aad61;
    border-color: #27a25b;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2aad61;
    border-color: #27a25b;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #27a25b;
    border-color: #27a25b;
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #31cb72;
    border-color: #31cb72;
}
.btn-success .badge {
    color: #31cb72;
    background-color: #fff;
}


.btn-info {
    color: #fff;
    background-color: #19c0ea;
    border-color: #19c0ea;
}
.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #15a3c7;
    border-color: #149abb;
}
.btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #15a3c7;
    border-color: #1390b0;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #1390b0;
    border-color: #149abb;
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #19c0ea;
    border-color: #19c0ea;
}
.btn-info .badge {
    color: #19c0ea;
    background-color: #fff;
}


.btn-warning {
    color: #212529;
    background-color: #f1c31c;
    border-color: #f1c31c;
}
.btn-warning.focus, .btn-warning:focus {
    color: #212529;
    background-color: #f4cf49;
    border-color: #f2c933;
}
.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    color: #212529;
    background-color: #f4cf49;
    border-color: #f2c933;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    color: #212529;
    background-color: #f2c933;
    border-color: #f2c933;
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f1c31c;
    border-color: #f1c31c;
}
.btn-warning .badge {
    color: #f1c31c;
    background-color: #212529;
}


.btn-danger {
    color: #fff;
    background-color: #ff5b5b;
    border-color: #ff5b5b;
}
.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #cc4949;
    border-color: #cc4949;
}
.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #cc4949;
    border-color: #d94d4d;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #d94d4d;
    border-color: #cc4949;
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #ff5b5b;
    border-color: #ff5b5b;
}
.btn-danger .badge {
    color: #ff5b5b;
    background-color: #fff;
}