.react-body.device-xl{
  overflow-y: scroll;
}

table .btn:focus {
  /*
    border-color: #999;
    box-shadow: none;
  */
}

#header{
    z-index:199;
}

#page-menu{
    z-index:101;
}

.dark #header-wrap:not(.not-dark) #top-search form input::-moz-placeholder { color: #5CBD9D; }
.dark #header-wrap:not(.not-dark) #top-search form input:-ms-input-placeholder { color: #5CBD9D; }
.dark #header-wrap:not(.not-dark) #top-search form input::-webkit-input-placeholder { color: #5CBD9D; }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #1ABC9C;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #1ABC9C;
  border-color: #1ABC9C;
}

.table-fixed{
    table-layout: fixed;
}

.table-td-padding-small td{
  padding: 2px;
}

#top-search form input::-moz-placeholder {
  color: #5CBD9D;
	opacity: 1;
	text-transform: uppercase;
}
#top-search form input:-ms-input-placeholder {
  color: #5CBD9D;
	opacity: 1;
	text-transform: uppercase;
}
#top-search form input::-webkit-input-placeholder {
  color: #5CBD9D;
	opacity: 1;
	text-transform: uppercase;
}

.form-control::-webkit-input-placeholder {
  color: #5CBD9D;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #5CBD9D;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #5CBD9D;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #5CBD9D;
  opacity: 1;
}

.form-control::placeholder {
  color: #5CBD9D;
  opacity: 1;
}

::placeholder {
  color: #5CBD9D;
  opacity: 1;
}

div[class*="-placeholder"]{
  color: #5CBD9D;
  opacity: 1;
}

.ref_div_width{
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.ref_div_width_half{
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}

.ref_div_width_quarter{
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}

.modal-print{
    //    height: 90%;
}

.modal-print .modal-content{
    //height: auto;
    //min-height:100%;
}

.sans-serif-lato{
    font-family: 'Lato', sans-serif;
}

.content-wrap {
    position: relative;
    padding: 40px 0;
}

.top-notification-item {
    padding-top: 5px;
    margin-top: 0px;
    border-top: none;
}

.top-notification-item:hover{
    cursor: pointer;
}

.top-notification-item-image {
    padding-top: 0px;
}

input[type="checkbox"]:hover{
    cursor: pointer;
}

.sign-in-header{
    height: 161px;
}

.sign-in-header-wrap{
    height: 161px;
}

#sign-in-logo img {
    display: block;
    margin-left:auto;
    margin-right:auto;
    /*width: 1289px;*/
    width:1024px;
    height: 161px;
    transition: height .6s ease, width .6s ease, opacity .3s ease;
}

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #sign-in-logo img {
    height: 60px;
    //width: 445px;
}


#top-notification > a > span {
    min-width:16px;
    width:auto;
}


#page-menu.sticky-page-menu #page-menu-wrap {
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
}

.small-scroll-vertical::-webkit-scrollbar{
    width:5px;
}

.small-scroll-vertical::-webkit-scrollbar-thumb {
  background: #888;
}

.small-scroll-vertical::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.small-scroll-vertical::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.th{
    white-space:nowrap;
}

.row-num{
    min-width: 50px !important;
    width: 50px !important;
}

.code{
  min-width: 130px !important;
  width:130px !important;
}

.date{
  min-width: 130px !important;
  width:130px !important;
}

.status{
  min-width: 150px !important;
  width:150px !important;
}

.creator{
  min-width: 150px !important;
  width:150px !important;
}

.user{
  min-width: 150px !important;
  width:150px !important;
}

.action{
    min-width: 75px !important;
    width:75px !important;
}

#top-account a:hover { color: #1ABC9C; background-color: transparent; }

#toast-container > .toast-info {
    background-position: 15px 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
    background-position: 15px 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-position: 15px 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
    background-position: 15px 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

@media all and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
    min-width:0px;
  }

}

@media all and (max-width: 400px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 250px;
    min-width:0px;
  }

}

/*
#content .container{
    max-width:95% !important;
    min-height: 300px;
}
*/

.pull-right{
    float: right !important;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f2f2f2;
  opacity: 1;
}

.rdt {
  position: relative;
}

.rdt .form-control[readonly]{
    cursor: pointer;
    background-color: inherit;
}

.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 100 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}

.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker th,.rdtPicker td {  
  padding:1px;  
  border-top:none;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
  
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.table-ajax{
    /*table-layout: fixed;*/
}

.table-ajax{
    word-break:break-word;
}

.table-striped tbody.row-group:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-striped tbody.row-group tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0);
}

.table-hover:not(.table-striped) tbody.row-group:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.05);
}

.table-stripe.table-hover tbody.row-group:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover tbody.row-group tr:hover {
    color: #212529;
    background-color: rgba(0,0,0,0);
}

.tab-nav-wrapper{
    overflow-x:auto;
    overflow-y:hidden;
    height:60px;
    white-space:nowrap;
}

.tab-nav-wrapper::-webkit-scrollbar {
  height: 3px;
}

.tab-nav-wrapper::-webkit-scrollbar-thumb {
  background: #888;
}

ul.tab-nav{
    display:inline-block;
    white-space: nowrap;
    min-width:100%;
    width: auto;
}

ul.tab-nav>li{
    display:inline-block;
    float: none !important;
}

.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a{
    height:43px;
}

#top-account .btn:focus {
    box-shadow: none;
}

table thead > tr > th.sorting_asc, table thead > tr > th.sorting_desc, table thead > tr > th.sorting,
table thead > tr > td.sorting_asc,
table thead > tr > td.sorting_desc,
table thead > tr > td.sorting {
  padding-right: 30px;
}
table thead > tr > th:active,
table thead > tr > td:active {
  outline: none;
}

table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc,
table thead .sorting_asc_disabled,
table thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table thead .sorting:before, table thead .sorting:after,
table thead .sorting_asc:before,
table thead .sorting_asc:after,
table thead .sorting_desc:before,
table thead .sorting_desc:after,
table thead .sorting_asc_disabled:before,
table thead .sorting_asc_disabled:after,
table thead .sorting_desc_disabled:before,
table thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}
table thead .sorting:before,
table thead .sorting_asc:before,
table thead .sorting_desc:before,
table thead .sorting_asc_disabled:before,
table thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
}
table thead .sorting:after,
table thead .sorting_asc:after,
table thead .sorting_desc:after,
table thead .sorting_asc_disabled:after,
table thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
}
table thead .sorting_asc:before,
table thead .sorting_desc:after {
  opacity: 1;
}
table thead .sorting_asc_disabled:before,
table thead .sorting_desc_disabled:after {
  opacity: 0;
}


@media (max-width: 400px) {
    form>.form-group>button{
        width:100%;
    }
}

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

    .container,
    #header.full-header .container,
    .container-fullwidth {
        width: 100% !important;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        justify-content: flex-start;
    }
}

@media screen and (max-width: 576px){
    #page-title h1{
        font-size:20px;
    }

    #sign-in-logo img{
        height: 60px;
    }

    .container,
    #header.full-header .container,
    .container-fullwidth {
            width: 100% !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px){
    #sign-in-logo img{
        height: 90px;
    }

    .container,
    #header.full-header .container,
    .container-fullwidth {
            width: 100% !important;
            padding-left: 30px !important;
            padding-right: 30px !important;
    }

}

@media (max-width: 767px){
    #sign-in-logo{
        padding: 25px 0px 25px 0px;
    }

    #page-title {
        padding: 10px 0 15px;
        text-align: center;
    }
}

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


    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
      text-align: left;
    }

    div.dataTables_wrapper div.dataTables_length label select{
        margin-left:20px;
    }

    div.dataTables_wrapper div.dataTables_filter label{
        width: 100%;
    }

    div.dataTables_wrapper div.dataTables_filter label input{
        width: calc(100% - 70px);
    }
}

@media (min-width: 767px){
    
}

@media screen and (min-width: 767px) and (max-width:992px) {
    #sign-in-logo img{
        height: 100px;
    }
}

@media (min-width: 992px) {

    .modal-35w{
        width: 35%;
        max-width: 35%;
    }

    .modal-50w{
      width:50%;
      max-width:50%;
  }

    .modal-90w{
        width:90%;
        max-width:90%;
    }
    
    .sys-user-name{
        text-align: right !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 25vw;
    }
}

@media (max-width: 992px) {

    .sys-user-name{
        text-align: center !important;
    }

    #logo{
        height:auto;
    }

    #page-menu,
    #page-menu-wrap {
            position: relative;
            height: auto;
            line-height: 44px;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }


    #top-notification
    {
        position: absolute;
        top: -2px;
        left: auto;
        right: 75px;
        margin: 40px 0;
        -webkit-transition: margin .4s ease;
        -o-transition: margin .4s ease;
        transition: margin .4s ease;
    }


    #top-account {
        margin: 33px 0 32px;
        right: 5px;
    }

}

.sys-user-name{
  white-space:nowrap;
  overflow:hidden;
}