/*Only ECMS Style Version 20.01*/
html {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background:rgb(75, 75, 75); font-size:9.5pt;}

a {font-weight:bold;color:blue; }
a:hover {cursor:pointer;}
a:visited {font-weight:bold;color:blue; }


.oe-container  { margin: 10px 0px;border-radius:2.5px; border:1px solid #CCC; max-width: 100%; padding:15px 15px; background-color: #f0f1ea}


/*forms*/
.oe-forms      { display:flex;}
.oe-form-btn-input {display: inline;    border: 2px dotted red;    padding: 15px 0px 15px 5px;}
.oe-form-btn-input label {position:absolute; margin:-15px 0;   border: 1px solid red;    padding: 3px 2px; font-size:75%; font-weight:bold; background-color:#fff;}
.oe-form-btn-input input {padding: 10px 0;    outline: 2px solid #000;}
.oe-form-box   {  padding: 3px 15px 3px 10px;}
.oe-form-box h3 { margin: 3px 0; padding: 0 5px}

.oe-form-box .oe-form {display:inline-block;}
.oe-form-box .oe-form .oe-fr-bl {display:block !important; }
.oe-form       { border-radius:0px; border: 1px solid #000; padding: 10px 0px 10px 5px; font-size:1.15em;}
label.oe-form  { text-align:right;width: 100px; border:none; margin: 0 10px 0 0;}
.oe-form-box group {display: flex;    flex-direction: row;    flex-wrap: wrap;}
.oe-form-box input[type="checkbox"] {opacity:0; display: block;  margin: 0px 0px -15px -10px;}
.oe-form-box input[type="checkbox"] + label  { border-radius: 5px; border: 4px solid #CCC; padding: 8px 8px; display: block; font-size: 1.15em;}
.oe-form-box input[type="checkbox"]:checked + label {background-color: aqua;}
.oe-form-box input[type="checkbox"]:hover + label {cursor:pointer;border-color: #fff}

.oe-form-box input[type="radio"] {opacity:0;  margin: 0px 0px -15px -10px; }
.oe-form-box input[type="radio"] + label  {  border: 4px dashed #CCC; padding: 8px 8px ; max-width:32%; margin-top:3px;font-size: 0.95em;}
.oe-form-box input[type="radio"]:checked + label {background-color: aqua;}
.oe-form-box input[type="radio"]:hover +label {cursor:pointer;border-color: #fff}

.oe-form-btn-box { padding: 10px 10px 10px 5px; text-align:right;}

select,textarea,input.oe-form:hover { border: 1px solid #343caa; background:#3e4274; color:#a6aae4}


.oe-btn        { border-radius:5px; border: 4px solid #CCC; padding: 10px 10px; font-size:1.15em;}
.oe-btn:hover  { color:#a6aae4; border: 4px double #f0f1ea; background:#3e4274 !important;cursor:pointer}
.oe-nav        { margin: 10px -5px;}
.oe-nav-btn        { border: none; padding: 5px 5px; font-size:1.15em; font-weight: bold; color:#1421dd}
.oe-nav-btn:hover  { cursor:pointer; border: none; background:#ffffff !important;}
.oe-nav-btn:disabled { font-weight:normal; color:#CCC;}
.oe-nav-btn:disabled:hover { background:none !important; cursor:not-allowed !important}

/*Font*/
.oe-minimize   { font-size:78% !important}
.oe-maximize   { font-size:123% !important}

.oe-db-info { border: 1px solid rgb(0, 165, 248); background: rgb(0, 165, 248); padding:10px; display:none; font-weight: bold;} 

.oe-set-info     { border: 1px solid rgb(0, 165, 248); background: rgb(0, 165, 248); padding:10px}
.oe-set-danger   { border: 1px solid orange; background: rgb(248, 83, 0); padding:10px}
.oe-set-basic    { border: 1px solid cornflowerblue; background: rgb(0, 248, 136); padding:10px}
.oe-set-success    { border: 1px solid darkseagreen; background: #1eff00; padding:10px}
.oe-set-warnung    { border: 1px solid red; background: hsl(0, 100%, 50%); padding:10px}


.oe-info     {  background: rgb(0, 165, 248) !important; }
.oe-danger   {  background: orange!important; }
.oe-basic    {  background: cornflowerblue !important; }
.oe-success    { background: darkseagreen !important; }
.oe-warnung    {  background: red !important;}

/*Margin*/
.oe-ml-2       { margin-left:2px; }
.oe-ml-4       { margin-left:4px; }
.oe-ml-6       { margin-left:6px; }
.oe-mr-2       { margin-right:2px; }
.oe-mr-4       { margin-right:4px; }
.oe-mr-6       { margin-right:6px; }
.oe-mt-2       { margin-top:2px; }
.oe-mt-4       { margin-top:4px; }
.oe-mt-6       { margin-top:6px; }
.oe-mb-2       { margin-bottom:2px; }
.oe-mb-4       { margin-bottom:4px; }
.oe-mb-6       { margin-bottom:6px; }

/*Tables*/
.oe-responsive-table {overflow: auto; max-height: 250px;}
.oe-table      {border-radius:2px;border:2px solid #000; min-width:100% ;border-collapse: collapse;}
.oe-table tbody tr:hover {background-color: #a6aae4;}
.oe-table tbody tr td.link:hover {background-color: rgb(248, 83, 0) !important}
.oe-table th,td {border:2px solid #000; padding: 5px 15px;text-align: left;}

/*Dialog*/
.oe-dialog      {z-index:1400; display:none; width: 80%; position: absolute; background-color: #a6aae4; margin-top: auto; border: 8px double #343caa; top: 5px; left: 50%; margin-left: -40%;}
.oe-dialog-footer {border-top:1px solid #000;}
.oe-dialog-title{height:35%; font-size:1.5em; padding:10px 10px;border-bottom:1px solid #000;}
.oe-dialog-title span.close {font-size: 80%;    border: 3px solid grey;    border-radius: 10px;    right: 10px;    position: absolute;    padding: 2.5px 1.5px 4.5px;    background: lightgrey;    cursor: pointer;    margin: -5px 0;}
.oe-dialog-title span.close:hover {background:#fff;}
.oe-dialog-seton{min-width: 100%; z-index: 1000;background: coral; opacity: 0.5; min-height: 100%; position: absolute; top: 0px;}

/*ListBox*/
.oe-lbox    {display:flex; flex-direction: row; flex-wrap:wrap}
.oe-lbox .oe-lbox-box {max-width:100%; margin:0 5px; padding: 5px 0;border-radius:5px;border:2px solid #3e4274;}
.oe-lbox .oe-lbox-box:hover{ background-color:#a6aae4 }
.oe-lbox-header {margin:5px 5px;text-align:center;}
.oe-lbox-body {border-top:1px solid #a6aae4;padding: 2px 10px;text-align:center}
.oe-lbox-body:first-child {border-top:none}
.oe-lbox-info {border-top:1px solid #a6aae4;text-align:center}
/*.oe-lbox-menu {display:none; text-align: center;}
.oe-lbox-box:hover > .oe-lbox-menu {display:block; height:50px; border-top:1px solid #a6aae4; padding-top:3px ; margin-top:5px;}*/
.oe-lbox-x {display:none; }
.oe-lbox-box:hover > .oe-lbox-x {    display: block; max-width: 250px;   max-height: 300px;    overflow: auto;    background: lightyellow;}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
    .oe-btn   { border-radius:5px; border: 4px solid #CCC; padding: 10px 10px; font-size:1.15em; min-width:100%;margin:0.5em 0;}

    .oe-form-box .oe-form { display: inline-block; }
    .oe-form-box group {display: flex;    flex-direction: column;    flex-wrap: wrap;}

    .oe-form-box input[type="checkbox"] + label {font-size:150%; }
    .oe-form-box input[type="radio"] + label {font-size:110%; max-width:100%;}
    .oe-form-box label input[type="text"] {font-size:150%; }

    .oe-form       { border-radius:0px; border: 1px solid #000; padding: 10px 0px 10px 5px; font-size:1.15em; min-width: 100%;}
    label.oe-form  { text-align:left;min-width: 100%; border:none; }
    
    .oe-lbox       { flex-direction: column; }
    .oe-lbox .oe-lbox-box{ margin: 5px 0; }
    
}