body {
    max-width:1920px;
}


.card {
    margin: 10px;
    border: 10px solid #039be5;
}


.input-field {
    margin-top: 5px;
}

.card-title {
    padding: 10px;
    margin-top: -1px !important;

    /*  margin-bottom: 30px !important;*/
    background-color: #039be5;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.card-content {
    padding: 10px;
}

.box-container {
    display: flex;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Opera and Firefox */
}


main-wrapper {
    max-width: 1000px;
}

#app_wrapper {
    height: auto;
}

#app_div_left {
    width: 198px;
    border: 1px solid #ccc;
    float: left;
    height: 100%;
}

#app_div_left li {
    list-style-type: none;
    padding: 5px;
}

#app_div_main {
    width: calc(100% - 200px);
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
}

.page-wrapper {
    overflow: hidden;
    height: auto;
}

.menu_bar {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_title {
    display: block;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    font-style: normal;
    color: #000;
    padding-top: 5px;
}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    letter-spacing: 1pt;
    line-height: 30px;
    font-style: italic;
    color: rgb(102, 102, 102);
    padding: 20px 30px;
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    margin-bottom: 20px;
}


.div_center {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9e9e9e;
    opacity: 1; /* Firefox */
}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #9e9e9e;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #9e9e9e;
}


#app_div_main .blue-grey .white-text .card-title {
    color: white;
    font-size: 16px;
}


#app_div_main .card-title {
    background: url(./images/bullet_tit.gif) no-repeat 0 2px;
    padding-left: 17px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-bottom: 20px;
}


.note-modal-footer {
    height: 60px;
}


.note-editable[contenteditable="false"] {
    background-color: #ffffff !important;
}


.btn {
    padding: 3px 15px;
    min-width: 80px;
    margin: 3px;
}


.desc ol,
.desc ul {
    margin-left: 1em;
}

.desc hh1 {
    font-size: 16pt;
    font-weight: bold;
}

.desc hh2 {
    font-size: 14pt;
    font-weight: bold;
}


dl .num01 {
    background: url(./images/icon_num01.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num02 {
    background: url(./images/icon_num02.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num03 {
    background: url(./images/icon_num03.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num04 {
    background: url(./images/icon_num04.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num05 {
    background: url(./images/icon_num05.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num06 {
    background: url(./images/icon_num06.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num07 {
    background: url(./images/icon_num07.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num08 {
    background: url(./images/icon_num08.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num09 {
    background: url(./images/icon_num09.gif) no-repeat 0 4px;
    padding-left: 20px;
}

dl .num10 {
    background: url(./images/icon_num10.gif) no-repeat 0 4px;
    padding-left: 20px;
}


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

.container {
    max-width: calc(100% - 50px);
    clear: both;
}

.content_area {
    width: 100%;
    clear: both;
}

.form-control {
    font-size: 12px !important;;
}

input[type="checkbox"] {
    opacity: inherit !important;
    padding: 0px !important;
    margin-top: -4px !important;
}

input[type="text"] {
    padding: 3px 2px 2px 2px;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
}

input[type="search"] {
    height: 20px !important;
    /*padding: 3px 2px 2px 2px !important;*/
    border: 2px solid #CCCCCC !important;
    background: #f6f6f6;
}

.dataTables_filter {
    text-align: left;
    margin-right: 2px;
    float: left !important;
}


.dataTable th {
    background-color: #f6f6f6;
    text-align: center;
}


.jMsgbox-foot input[type=button] {
    line-height: 25px;
}

.jMsgbox-foot .jMsgbox-button-1, .jMsgbox-button-2, .jMsgbox-button-3 {
    float: left;
    margin-left: 10px;
}

table.dataTable.display tbody tr:hover {
    background-color: dodgerblue;
    color: white;
}

table.dataTable .selected {
    background-color: #3388ff !important;
    color: #ffffff;
}

table.dataTable thead th {
    padding: 10px 18px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background-color: #CCCCCC;
}

table.dataTable tbody td {
    padding: 10px 18px;
    border-bottom: 1px solid #999999;
}

table.dataTable tbody tr td:first-child {
    /*background-color: #CCCCCC;*/
    /*text-align:center;*/
    font-weight: bold;
}

table.dataTable tbody td {
    cursor: pointer;
}

.dataTables_length select {
    width: 70px;
}

.dataTables_filter input {
    width: 150px;
}

div.dataTables_wrapper {
/ / width: calc( 100 % - 20 px);
    margin: 0 auto;
}


table.dataTable td, table.dataTable th {
    overflow: hidden;
}

table.border th,
table.border td {
    border: 1px solid #999999;
    border-left: none;
    border-top: none;
}


nav .brand-logo {
    font-size: 30px;
    font-weight: bold;
    /*width: 50% !important;*/
    text-decoration: none;
}

nav ul > li > ul.dropdown-content {
    top: -64px;
    border: 1px solid #dddddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #ffffff;
    background-color: dodgerblue;
    border: 1px solid #dddddd;
}

.nav-tabs > li:not(.active) {
    border: 1px solid #999999;
}

.grid-button-item {
    width: 100%;
    height: 30px;
    text-align: left;
    position: relative;
    display: block;
    padding: 5px 5px;
    margin: 3px;
    margin-bottom: -1px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    float: left;
    overflow: hidden;
}

.grid-button-item.selected {
    background-color: #3388ff;
    color: #ffffff;
}

.jMsgbox-title {
    background-color: #2b5e93;
    color: #fff;
    font-weight: bold;
    padding-left: 12px;
}

/*

.jMsgbox-controls a {
    width: 24px;
    height: 24px;
    margin: 0px 0px;
    background-image: url(../img/controls.png);
    background-repeat: no-repeat;
}
*/

/*

.jMsgbox-controls a {
    width: 24px;
    height: 24px;

    background-color: white;



    border-radius: 1em;
}

.jMsgbox-close {

    position: absolute;
    top: 5px;
    right: 0px;


    !*
    z-index: auto;
    !*background-image: none;*!
    background-position: -47px -17px;
    *!


    background-position: -42px 7px;



    width: 24px;
    height: 24px;

    !*
    background-color: #f6f6f6;
    background-color: darkblue;
    background-color: white;
*!
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;


}


*/

.jMsgbox-controls a.jMsgbox-close {
    position: absolute;
    /*
    top: -15.5px;
    right: -15.5px;
    */
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(./css/images/icon-close.png);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
    background-image: url(./css/images/icon_close1.png);

}

.left-sidebar .sidenav ul > li {
    font-weight: bold;
}


/*
input[type=text]:not(.browser-default) {
    height: 1.2rem;
}

input[type=text]:not(.browser-default):disabled {
    color: #000000;
    height: 1.2rem;
}

input[type="text"]:disabled {
    background: #ffffff;
}
*/


.row > .col > label {
    margin-bottom: 0rem;
}

.dataTables_scroll {
    border: 1px solid #000;
}

.select-dropdown {
    border: 1px solid #999999;

}

.dropdown-content li {
    min-height: 30px;
}

.dropdown-content li > span {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jMsgbox-wrap .tab-content {
    /*margin-top:30px;*/
    height: 400px;
    overflow-y: auto;
}


.tabs .indicator {
    display: none;
}

.tabs .tab a {
    border: 1px solid #999999;
}


.tabs .tab a.active {
    border: 2px solid dodgerblue;
    background-color: #8abeb7;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.tabs .tab:active {
    background-color: dodgerblue;
}

.tabs .tab:hover {
    background-color: lightskyblue;
}


ul.tabs {
    border-bottom: 1px solid #999999;
}


.tab-content {
    padding: 30px;
}


.profile-pic {
    width: 30px;
    height: 30px;
}

.nav-wrapper {
    background: dodgerblue;
}

a.collection-item {
    color: #000000 !important;
}

.datepicker--nav {
    /* background-color: #ffffff ;*/
    height: 25px;
}

.datepicker--nav-title {
    color: #000;
    font-size: 14px;
}

.datepicker--nav-title i {
    color: #000;
    font-size: 14px;
}

.datepicker--nav-action svg path {
    stroke: #000;
}