/* @import url(http://fonts.googleapis.com/css?family=Oswald:700,400,300&subset=latin,latin-ext); */
/*
Önceki
background: #007DA3
border-bottom: #29677B
box-shadow: rgba(0, 125, 163, 0.75)
*/

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: local('Oswald Light'), local('Oswald-Light'), url(google/static/fonts/oswald/v7/l1cOQ90roY9yC7voEhngDD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'), local('Oswald-Regular'), url(google/static/fonts/oswald/v7/PyqsDANUgLi2UsdO-d4iZQ.woff) format('woff');
}

@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2)format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2)format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2)format('woff2');
    unicode-range:U+1F00-1FFF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2)format('woff2');
    unicode-range:U+0370-03FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2)format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2)format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:100;
    src:local('Roboto Thin'),local('Roboto-Thin'),url(//fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2)format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)format('woff2');
    unicode-range:U+1F00-1FFF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)format('woff2');
    unicode-range:U+0370-03FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:300;
    src:local('Roboto Light'),local('Roboto-Light'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');
    unicode-range:U+1F00-1FFF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');
    unicode-range:U+0370-03FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:400;
    src:local('Roboto Regular'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)format('woff2');
    unicode-range:U+1F00-1FFF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)format('woff2');
    unicode-range:U+0370-03FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:500;
    src:local('Roboto Medium'),local('Roboto-Medium'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)format('woff2');
    unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)format('woff2');
    unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)format('woff2');
    unicode-range:U+1F00-1FFF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)format('woff2');
    unicode-range:U+0370-03FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)format('woff2');
    unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family:'Roboto';
    font-style:normal;
    font-weight:700;
    src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.hide
{
    display:none;
    visibility:hidden;
}

.clear, .clearfix { clear: both; }

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: local('Oswald Bold'), local('Oswald-Bold'), url(google/static/fonts/oswald/v7/dI-qzxlKVQA6TUC5RKSb3z8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

*::after,
*::before {
    box-sizing: border-box;
}

body {
    margin: 0;
}

* {
    margin: 0;
    padding: 0;
}

body.app {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    border-collapse: collapse;
    overflow: hidden;
    font: 12pt/16pt roboto, arial, sans-serif;
    /*
    background: none #222;
    */
}

h1, h2, h3, h4, h5, h6 {margin: 12px 0; line-height: calc(1em + 0.5rem); line-height: 1em;}

img.avatar {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 0; width: 36px; height: 36px; vertical-align: middle; border: .5px solid rgba(240, 240, 240, 100) !important; padding: 2px;}
a.user-and-avatar {text-decoration: none;clear: both;padding: 9px !important;margin: -8px !important;}
a.user-and-avatar-:hover {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
}
a.user-and-avatar-:active {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
}

div.user-overlay {background: none #eee; padding: 11px; border-top: 1px solid #aaa;}

div#pnlDocumentViewer div,
div#pnlDocumentViewer span,
div#pnlDocumentViewer tr,
div#pnlDocumentViewer td,
div#pnlDocumentViewer ul,
div#pnlDocumentViewer li,
div#pnlDocumentViewer ol,
div#pnlDocumentViewer a,
div#pnlDocumentViewer caption,
div#pnlDocumentViewer tbody {
    font-size: inherit !important;
    font-family: inherit !important;
}

th {font-weight: bold !important;}

hr {border-color: #ddd}

.space {padding-left: 30px !important;}
.space-xs {padding-left: 5px !important;}

.ui-widget {
    font-size: 1em !important;
    color: #333;
}

.ui-widget-content {border: none !important;}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 1em
}

.ui-inputfield {margin-top: 5px; padding-bottom: 3px; padding-left: 7px;}
.ui-autocomplete .ui-inputfield, .ui-inputfield.hasDatepicker {margin-top: 0; padding-bottom: 5px;}
.ui-autocomplete .ui-inputfield, .ui-inputfield {
    color: #333 !important;
    height: 20px;
    line-height: 22px;
    padding-top: 4px;
    vertical-align: middle;
}

.ui-inputfield.ui-inputtextarea {height: auto; margin: 8px}

.ui-autocomplete.focus-width-organized .ui-inputfield {
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    background: url("../images/icons/icon-caret-down.png") no-repeat center center transparent;
    cursor: pointer;
    color: transparent !important;
    border: none;
    -moz-border: none;
    -webkit-border: none;
}
.ui-autocomplete.focus-width-organized .ui-inputfield:focus {width: 340px; background-image: none; cursor: text;
    color: #333 !important;
    border: 1px solid #ccc; -moz-border: 1px solid #ccc; -webkit-border: 1px solid #ccc; }

.ui-autocomplete-multiple {}
.ui-autocomplete-multiple .ui-autocomplete-multiple-container {height: auto}
.ui-autocomplete-multiple .ui-autocomplete-input-token input[type="text"] {height: 21px}

.ui-selectonemenu { background: none #eee !important; margin: 0; border-radius: 6px !important; -moz-border-radius: 6px !important; -webkit-border-radius: 6px !important; }
.ui-selectonemenu .ui-inputfield { background: none transparent; text-align: left !important; margin: 0 0 2px 4px;}
.ui-selectonemenu-label {line-height: 1.5em}
.ui-selectonemenu .ui-selectonemenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
    cursor: pointer;
    background: none #13435F !important;
    color: #fff !important;
    border: 1px solid #37009B !important;
    height: 30px !important;
    width: 16px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding: 3px 5px;
    margin-right: -1px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {padding: 0 5px;}
.ui-selectcheckboxmenu-label {height: 25px; border: none !important;}

input.ui-state-focus {
    color: #333 !important;
}

input.ui-state-default.ui-state-error {
    border-color: inherit !important;
    background: none rgba(255, 200, 205, 0.82) !important;
    border-left: 3px solid #d00 !important;
}
input.ui-state-default.ui-state-error.required-input-field {border-color: #d00 !important;}

.ui-layout-unit {
    visibility: visible !important;
}

.ui-galleria {
    visibility: visible !important;
}

#buttonBar .ui-toolbar { display: block; width: 100%; min-height: 35px; margin: -3px; padding-bottom: 1px; padding-left: 5px; border: none; -moz-border: none; -webkit-border: none;}
#buttonBar .ui-toolbar-group-left { display: block; margin: 0; }
#buttonBar .ui-toolbar-group-center { display: block; margin: 0; }
#buttonBar .ui-toolbar-group-right { display: block; margin: 0; }

.ui-toolbar-group-left {
    text-align: left;
    word-break: keep-all;
    word-wrap: normal;
    display: inline-block;
}

.ui-toolbar-group-center {
    text-align: center;
    margin: auto;
    word-break: keep-all;
    word-wrap: normal;
    display: inline-block;
}

.ui-toolbar-group-right {
    text-align: right;
    word-break: keep-all;
    word-wrap: normal;
    display: inline-block;
}

.ui-toolbar-group-center h2 {
    font: 18px/22px 'Oswald', sans-serif;
    height: 34px;
    padding: 0 8px 0 0;
    margin: 0;
    display: block;
}

.ui-datalist > .ui-datalist-content > ul.ui-datalist-data {padding: 10px 0 10px 30px}
.ui-datalist-content {border-collapse: collapse !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ui-datepicker {
    width: 25em;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.app .ui-corner-all, .app .ui-corner-top, .app .ui-corner-left, .app .ui-corner-tl {
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}

.app .ui-corner-all, .app .ui-corner-top, .app .ui-corner-right, .app .ui-corner-tr {
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}

.app .ui-corner-all, .app .ui-corner-bottom, .app .ui-corner-left, .app .ui-corner-bl {
    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

.app .ui-corner-all, .app .ui-corner-bottom, .app .ui-corner-right, .app .ui-corner-br {
    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}


input.ui-state-hover, td.ui-state-hover, .ui-selectonemenu-item.ui-state-hover, .ui-selectcheckboxmenu.ui-state-hover {
    color: #333 !important;
}

.ui-selectonemenu-item, .ui-selectcheckboxmenu { height: 31px; line-height: 20px }
.ui-selectonemenu-item.ui-state-hover, .ui-selectcheckboxmenu.ui-state-hover { background-image: none !important; border: none;}

.upper-menu .ui-toolbar-group-left {
}

.upper-menu .ui-toolbar-group-right {
}

.upper-menu .ui-toolbar-group-center {
}

#menuPanel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 305px;
    transition: all 0s none;
    background: none #eee;
}

#menuPanel .menu-panel-scroll {
    display: block;
}

#menuPanel div.ui-datatable-scrollable {
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    width: 100%;
}

#menuPanel div.ui-datatable-scrollable-body {
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
}

#menuPanel div.ui-datatable-scrollable-footer {
    position: absolute;
    bottom: 0;
}

#menuPanel div.ui-datatable td i {font-size: 1.5em !important;}

#leftMenuForm a {
    text-decoration: none;
    display: block;
}

#leftMenuForm table {border: none !important}

#leftMenuForm .ui-datatable-tablewrapper {overflow: hidden !important;}

#leftMenuForm div.ui-datalist-content ul {margin-top: 0; margin-bottom: 0}

#panelRightSide {
    display: block;
}

tr.menu div.ui-dt-c {
    height: 30px;
    vertical-align: middle;
    padding: 0px !important;
}

h1 {
}

.menu-header {
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: none #2e3e77;
    border-bottom: 1px solid #29677B;
    color: #fff;
    /*font-weight: bold;*/
    padding-left: 7px;
}

/* Logo */
#logo {
    background: url("../images/logo.png") no-repeat 0 0 transparent;
    width: 143px;
    height: 59px;
    display: inline-block;
    border-radius: 4px;
}

div.logo {
    background: url("../images/logo.png") no-repeat 0 0 transparent;
    width: 143px;
    height: 59px;
    display: inline-block;
    border-radius: 4px;
}

tr.rol {height: 55px !important}

/* Icons */
.ui-state-active .ui-icon {background-image: url('../styles/default/images/ui-icons_ffffff_256x240.png')}

.ui-icon.logoutIcon {background: url("../images/icons/logout.png") !important}
.ui-icon.settingsIcon {background: url("../images/icons/settings.png") !important}
.ui-icon.add-icon {background-image: url("../images/icons/plus.png") !important}
.ui-icon.confirmIcon {background: url("../images/icons/confirm.png") !important}
.ui-icon.cancelIcon {background: url("../images/icons/cancel.png") !important}
.ui-icon.rightArrowIcon {background: url("../images/icons/rightArrow.png") no-repeat left center !important}
.ui-icon.leftArrowIcon {background: url("../images/icons/arrow_left_grey.gif") no-repeat left center !important}
.ui-icon.iconInactive {width: 16px; height: 16px; background: url(../images/icons/inactiveIcon.gif) 0 0 no-repeat !important}
.ui-icon.checked {width: 20px; height: 20px; background: url(../images/checkbox_checked.png) no-repeat 2px 2px transparent !important}
.ui-icon.unchecked {width: 20px; height: 20px; background: url(../images/checkbox_unchecked.png) no-repeat 2px 2px transparent !important}

.ui-input-field {
    height: 22px !important;
    line-height: 22px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover, button.ui-button.ui-state-hover,
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-active, button.ui-button.ui-state-active,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-hover, button.ui-button.ui-state-hover,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger.ui-state-active, button.ui-button.ui-state-active
{
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    border: 1px solid #333 !important;
}
button.ui-button, label.ui-button {
    /* box-shadow: 0 0 0 !important;
    -moz-box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important; */
}

.ui-button-icon-only, .ui-paginator-first, .ui-paginator-prev, .ui-paginator-page, .ui-paginator-next, .ui-paginator-last {
    cursor: pointer;
    /* box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important; */
    background: none #13435f !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    margin-top: 0;
    margin-left: -4px;
    height: 19px !important;
    width: 24px !important;
    min-width: 21px !important;
    vertical-align: middle;
}

.ui-paginator-page.ui-state-active { cursor: default; background: none #bbb !important; color: #333 !important; }

.ui-paginator-current {float: right}

.ui-button-icon-only {
    height: 31px !important;
    width: 30px !important;
}

.ui-datatable {
    border-radius: 5px;
}
.no-headers {}
.ui-datatable.no-headers {}
.ui-datatable.no-headers thead {display: none}

.documentEditor .ui-datatable {
    margin-top: 15px;
    margin-bottom: 15px;
}

#documentAttachment .ui-toolbar-group-left {
    line-height: 34px;
}

.ui-tree .ui-tree-container {padding: 10px}

.ui-datatable-header {padding: 8px !important;}

.ui-treetable,
.ui-datatable-tablewrapper {
    overflow-x: auto;
    border-radius: 0;
}

.ui-treetable,
.ui-datatable { overflow-x: auto; border: 1px solid transparent; }

.ui-treetable tbody tr,
.ui-datatable tbody tr { min-height: 40px; height: 40px; }

.ui-treetable.no-title thead,
.ui-datatable.no-title thead {display: none;}

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
    margin: auto;
}

div.main-content {
    position: fixed;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 27px;
    overflow-x: hidden;
    overflow-y: hidden;
}

div.status-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 33px;
    line-height: 37px;
    padding: 2px 8px;
    vertical-align: middle;
    background: none #f4f4fa;
    overflow-x: hidden;
    overflow-y: hidden;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-top: 1px solid #e1e1e1;
}

.ui-panelgrid.form {
    width: 600px;
    margin: 1%;
}

.ui-panelgrid.form tr {
    border: none !important;
}

.ui-panelgrid.form td {
    border: none;
}

.fullScreen {
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: none black;
    opacity: .7;
    filter: alpha(opacity = 70);
    overflow: hidden;
}

.ui-widget-overlay {
    background: none black;
    opacity: .7;
    filter: alpha(opacity = 70);
}

div.centerScreen {
    position: absolute !important;
    left: 50%;
    top: 50%;
    width: 341px;
    height: 405px;
    margin-left: -170px;
    margin-top: -200px;
    z-index: 1002;
    background: none #ffffff;
}

div.imageDialog {
    background: none transparent !important;
    padding: 7px;
}

.ui-dialog .ui-dialog-content, div.imageDialog div.ui-dialog-content {
    overflow: hidden !important;
}

div#galleryHolder div, div#galleryHolder img, div#galleryHolder li, div#galleryHolder a {
    transition: all 0.5s ease 0s;
}

a {
    -webkit-transition: color 0.35s ease !important;
    -moz-transition: color 0.35s ease !important;
    -o-transition: color 0.35s ease !important;
    transition: color 0.35s ease !important;
}

div#topPlane {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

div.imageDialog div, div.imageDialog img, div.imageDialog a {
    transition: none;
}

img.imageView {
}

input[type="button"], input[type="submit"], input[type="file"] {
    cursor: pointer;
    padding: 0.3em 0.6em !important;
    /* box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important; */
    background: none rgb(0, 2, 91) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(0, 0, 0) !important;
    border-radius: 3px 3px 3px 3px !important;
}

label.ui-button {
    cursor: pointer;
    background: none #13435F !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border: none;
    border-collapse: collapse;
    min-width: 100px;
    height: 32px;
}

label.ui-button .ui-button-text {
    line-height: inherit !important;
    padding-top: 7px;
}

button {
    cursor: pointer;
    /* box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important; */
    background: none #13435f !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    min-width: 100px;
    height: 34px;
}

.red-button { background: none #822 !important; border-color: #900 !important; }
.blue-button { background: none #567 !important; border-color: #2e6ea4 !important; }

.red-button > span, .blue-button > span {color: #fff !important}

.selected-button { background: none #822 !important; border-color: #900 !important; }

.selected-row { background: none #0000ff !important; border-color: #900 !important; }

tr.selected { background: none #ccc !important; }

.light-tab { display: block; clear: both; border-bottom: 1px solid #ebebeb; background: none transparent; height: 40px; line-height: 35px; padding: 17px 0; overflow-y: hidden !important; overflow-x: auto !important;
    margin-top: 15px; word-break: keep-all !important; word-wrap: normal !important; white-space: nowrap !important;}
.light-tab .light-tab-item {display: inline-block; white-space: nowrap; height: 35px; margin: 2px 0 0; padding: 0 20px; text-decoration: none; border-bottom: 1px solid #ddd;}
.light-tab .light-tab-item-add-tab {display: inline-block; height: 35px; margin: 2px 0 0; padding: 0 20px; text-decoration: none;}
.light-tab .light-tab-item.selected {border-bottom: 3px solid #2e3e77; color: #2e3e77; font-weight: bold; }

.actions-button {height: 15px; width: 18px !important; color: #eee !important; background: none #d84a38 !important; padding-top: 4px;}

.record-action {color: #2e3e77; padding: 5px; margin: 1px !important; text-decoration: none;}

.ui-treetable.hidden-actions a.record-action {display: none}
.ui-treetable.hidden-actions .ui-state-hover a.record-action,
.ui-treetable.hidden-actions .ui-state-highlight a.record-action {display: inline-block}
.ui-treetable.hidden-actions .ui-state-highlight {
    background: none no-repeat 0 0 #ddd;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none no-repeat 0 0 #cdf;
}

.formButtons {
    text-align: right;
    border-top: 1px solid rgb(173, 216, 230);
    margin: 5px -9px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

#dialogCenteredSelection {}
#dialogCenteredSelection .ui-dialog-titlebar {}
#dialogCenteredSelection .ui-dialog-content { text-align: center; overflow-x: auto; overflow-y: hidden }

.logoBar {
    margin: -17px -15px 15px -15px;
    z-index: 1;
    height: 109px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: none #eee;
    padding-top: 15px;
}

#centeredSelection {
    padding: 7px 17px 27px;
    border: 1px solid rgb(119, 119, 119) !important;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 5px rgb(153, 153, 153);
}

.centered {
    position: fixed;
    left: 50%;
    top: 40%;
}

.centered table {
    margin: 0 auto 0 auto !important;
}

.rounded-border-2 {
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.rounded-border-5 {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

.rounded-border-10 {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}
.rounded-border-30 {
    border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
}
.rounded-border-40 {
    border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
}

.scrollable-editor-content .ui-message, .scrollable-editor-content .ui-messages {margin: 10px}
.ui-messages-error, .ui-message-error {

}

.ui-panel .ui-panel-content {
    padding: 0;
}

.ui-panel .ui-panel-titlebar {
    line-height: 24px;
    vertical-align: middle;
    padding-left: 9px;
    font-size: 1.1em !important;
}

.ui-accordion {
    width: 99.8% !important;
    margin: 0 !important;
    padding: 0 !important;
    outline: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    line-height: 1.3;
    font-size: 100%;
    list-style: none;
    border: solid 1px #ddd !important;
    background-color: #fff;
}
.ui-accordion .ui-accordion-header {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-size: 16px !important;
    color: #fff !important;
    background-color: #2e3e77;
    padding: 13px 5px 13px 30px !important;
    margin-bottom: 1px !important;
    font-weight: normal !important;
}
.ui-accordion .ui-accordion-header a {color: #fff !important; padding: 0 !important;}
.ui-accordion .ui-state-default .ui-icon {background-image: url("../styles/default/images/ui-icons_ffffff_256x240.png");}
.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #41879a;
    color: #fff;
}

#editorDocument .ui-editor {
    width: 968px !important;
    margin-left: 0;
    border-radius: 5px;
}

.fullWidth {
    width: 100%;
}

.halfWidth {
    width: 50%;
}

.ui-editor-container {margin: 7px 0}
.ui-editor {position: relative;}
.ui-editor iframe {position: absolute; top: 52px; left: 0; right: 0; bottom: 52px; height: calc(100% - 65px) !important;border: 1px solid #ccc;padding: 1%;}
.ui-editor-toolbar {margin: 3px 0 0 3px}

.fullWidth .ui-editor {
    width: 99.5% !important;
    height: 300px !important;
}

.fullWidth textarea, .fullWidth iframe {
    width: 98% !important;
}

.fullWidth .exclude > .ui-editor {
    width: auto !important;
    height: auto !important;
}

.fullWidth .exclude > .ui-editor textarea, .fullWidth .exclude > .ui-editor iframe {
    height: auto !important;
}

.fullWidth .height-auto > .ui-editor {
    height: auto !important;
}

.fullWidth .height-auto > .ui-editor textarea, .fullWidth .height-auto > .ui-editor iframe {
    height: auto !important;
}

.fullWidth .height-100px > .ui-editor {
    height: 100px !important;
}

.fullWidth .height-100px > .ui-editor textarea, .fullWidth .height-100px > .ui-editor iframe {
    height: 100px !important;
}

.fullWidth .height-200px > .ui-editor {
    height: 200px !important;
}

.fullWidth .height-200px > .ui-editor textarea, .fullWidth .height-200px > .ui-editor iframe {
    height: 200px !important;
}

.fullWidth .height-300px > .ui-editor {
    height: 300px !important;
}

.fullWidth .height-300px > .ui-editor textarea, .fullWidth .height-300px > .ui-editor iframe {
    height: 300px !important;
}

.no-controls .ui-editor .ui-editor-toolbar {display: none;}

.alwaysOnTop {
    position: relative;
    left: 0;
    right: 18px;
    margin: auto;
    top: 0;
}

.content {
    position: absolute;
    left: 1%;
    top: 84px;
    right: 1%;
    bottom: 1%;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #eee;
    border-top: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.content .content-right {
    display: block;
    border: 1px solid #333;
    float: left;
    width: 59.8%;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    overflow: auto;
}

.content .content-left {
    display: block;
    float: left;
    width: 39.8%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

table.content-left {
    position: inherit !important;
    table-layout: fixed;
    width: 100% !important;
    margin: 0;
    margin-right: 17px;
}

.content-left .ui-widget-header {
    border: none;
}

.content-left .ui-paginator-top, .content-left .ui-paginator-bottom {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

.content-left .ui-paginator-top {
    top: 0;
}

.content-left .ui-paginator-bottom {
    bottom: 0;
}

.content-left table,
.content-left thead,
.content-left tbody
{
    width: 100% !important;
}

.content-left .ui-datatable-tablewrapper table {
    top: 50px;
}

.content-left .ui-datatable-scrollable-body {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 88px;
    bottom: 35px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: 17px !important;
}

.content-left .ui-datatable-scrollable-body table, .content-left .ui-datatable-scrollable-body td {
    table-layout: fixed;
    margin: 0;
}

.content-left td {
    white-space: normal !important;
    line-break: normal;
    word-wrap: break-word;
    line-height: 22px;
}

.content-left .ui-datatable-scrollable-header {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    width: 100%;
    height: 54px;
    margin-right: 17px !important;
}

.content-left .ui-datatable-tablewrapper {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-right: 17px !important;
    margin-bottom: 35px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.content-left .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box {
    border: 1px solid red;
    width: 100% !important;
    margin: 0 !important;
}

.content-left .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table,
.content-left .ui-datatable-scrollable-header .ui-datatable-scrollable-header-box table thead,
.content-left .ui-datatable-scrollable-body table {
    width: 100% !important;
    margin: 0 !important;
    margin-right: 17px !important;
}

.content-left .ui-datatable-scrollable-footer {
    display: none;
}

.right-side {
    left: auto;
    width: 25%;
    top: -5px;
}

.right-side .content {
    border: 1px solid rgb(51, 51, 51);
    padding: 0 2% 2%;
    margin-right: 0;
    margin-left: 0;
}

.container {
    background: none #fafafa;
    position: absolute !important;
    top: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0 1%;
    overflow-y: auto;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: inset 0 0 3px 1px #888; -moz-box-shadow: inset 0 0 3px 1px #888; -webkit-box-shadow: inset 0 0 3px 1px #888;
}

.main-toolbar {border: 1px solid #eee !important; left: -6px; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0;
    box-shadow: 0 0 4px 4px #888; -moz-box-shadow: 0 0 4px 4px #888; -webkit-box-shadow: 0 0 4px 4px #888;
}

.align-left {
    text-align: left !important;
}

.align-center, .aktifPasif {
    text-align: center !important;
}

.align-justify {
    text-align: justify !important;
}

.align-right {
    text-align: right !important;
}

.align-right-number {
    text-align: right !important;
    padding-right: 10px !important;
}

.align-center span.number-100px {text-align: right;width: 100px;margin: auto;display: inline-block;}
.number-100px {}

.align-top {vertical-align: top;}
.align-middle {vertical-align: middle;}
.align-bottom {vertical-align: bottom;}

.ui-datatable table thead tr th {text-align: center !important;}

.info-text {color: #333; font-weight: bold; font-size: 1.2em; border: 1px solid #ccc; display: block; padding: 9px 7px;
    min-height: 1.5em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
label.info-label {color: #555;font-weight: bold;font-size: .9em; padding: 3px 7px; margin: 5px 0 0; display: block}

select, select option, .red-label, .bold-label {
    font-weight: bold !important;
    font-size: 1.1em !important;
    height: 30px;
    vertical-align: middle;
    padding: 5px;
}

select option {
    height: auto;
    line-height: 45px;
}

select.select-bold-red, select.select-bold-red option, .red-label, .red-text {
    color: red !important;
}

.btn-link.red-text {
    color: red !important;
}

.btn-link.red-text:hover, a.btn-link.red-text:hover, .btn-link.red-text:focus {
    color: maroon !important;
}

.red-label {
    height: auto;
}

.bold-label {
    font-weight: bold !important;
    font-size: 1.1em !important;
    vertical-align: middle;
    padding: 5px;
}

.blue-text, .blue-text > span {color:#55b !important}
.white-text, .white-text > span  {color:#fff !important}

tr.ui-datatable-empty-message {
    font-size: 1.5em !important;
    color: red;
    background: none repeat scroll 0% 0% #fffeda !important;
    border: 1px solid rgb(160, 186, 220);
    height: 55px;
}

select.select-bold-red option {
    height: auto;
    line-height: 45px;
}

div.warning {
    line-height: 30px;
    vertical-align: middle;
    background: none rgb(255, 238, 170) !important;
    border: 1px solid rgb(160, 186, 220);
    -moz-box-sizing: border-box;
    color: rgb(0, 0, 0);
    padding-left: 6px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.warning-text-half {text-align: center; width: 50%; margin: auto; font-family: sans-serif}
.warning-text-80perc {text-align: center; width: 80%; margin: auto; font-family: sans-serif}
.warning-text-full {text-align: left; width: 95%;
    margin: 15px auto;
    font-size: 15px; font-family: Arial, Helvetica, sans-serif}

.no-wrap {
    word-break: keep-all;
    word-wrap: normal;
    line-break: normal;
    white-space: nowrap;
}

.no-padding {padding: 0 !important}

.no-border {}

.no-border.ui-panelgrid {border: none !important; border-collapse: collapse}

.no-background {}

.no-background.ui-panelgrid {background: none !important}

.wrap {
    word-break: normal;
    word-wrap: break-word;
    line-break: auto;
    white-space: normal !important;
}
.wrap-header {}
th.wrap-header {
    word-break: normal;
    word-wrap: break-word;
    line-break: auto;
    white-space: normal !important;
}
td.wrap-data {
    word-break: normal;
    word-wrap: break-word;
    line-break: auto;
    white-space: normal !important;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

tr.silinecek {
}

tr.silinecek td {
    background: #e55 !important;
    color: white;
}

.disabled-input-field {}
.required-input-field {}

div.required-input-field {
    height: auto !important;

    border: 1px solid #d00 !important;

    border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;

    /* box-shadow: 0 0 2px #999; */
    /* -moz-box-shadow: 0 0 2px #999; */
    /* -webkit-box-shadow: 0 0 2px #999; */
}

select.required-input-field {
    border: 2px solid #d00 !important;
}

input.required-input-field, textarea.required-input-field {
    border: 1px solid #d00 !important;
}

.group input.required-input-field, .group textarea.required-input-field {
    border-top: none !important;
    border-right: none !important;
    border-bottom: 2px solid #f4d0c5 !important;
    border-left: none !important;
    background: none #f4d0c5
}

span.required-input-field input {
    border: 1px solid #d00 !important;
}

div.required-input-field .ui-editor.ui-widget-content {border: none !important; border-collapse: collapse !important;}

input.free-entry-allowed {
    background-color: #fea !important;
}

.free-entry-allowed input {
    background-color: #fea !important;
}

div#pnlDocumentViewer {
    background: none gray;
}

div#pnlDocumentViewer div#page {
    font-size: 1.1em;
    position: absolute;
    left: 25px;
    top: 31px;
    right: 25px;
    border: 1px solid #333;
    padding: 1.2cm;
}

div#pnlDocumentViewer td {
    font-size: 12pt !important;
    line-height: 18pt !important;
}

div#pnlDocumentViewer .large-fonts td {
    font-size: 14pt !important;
    line-height: 21pt !important;
}

div#pnlDocumentViewer div.page div {
    /* border: 1px solid gray; */
}

div#pnlDocumentViewer div.page span {
    /* border: 1px solid blue; */
}

div#pnlDocumentViewer .button-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 30px;
}

.document-page {

}

.document-page span {
    display: block !important;
}

.document-page tr,
.document-page td {
    background: none !important;
    border: none !important;
    border-collapse: collapse !important;
    color: inherit !important;
}

.block {
    display: block;
    height: auto;
}

.tool-button {
    float: right;
    width: 38px;
    height: 34px;
    min-width: 38px;
    padding: 0;
    margin: 0 2px 0 0;
}

.tool-button span {
    margin: 0px;
    padding: 0 !important;
    line-height: 2em !important;
    vertical-align: middle;
    font-weight: bold;
}

.padding-none {
    padding: 0 !important;
}

.margin-none {
    margin: 0 !important;
}

.margin-auto {
    margin: auto !important;
}


th.ui-filter-column {vertical-align: bottom}

th.ui-filter-column span {
    width: 100%;
    text-align: center;
}

th.ui-filter-column span.ui-icon {
    width: 16px;
    text-align: center;
}

th.ui-filter-column input {
    width: 95% !important;
}

td.ui-filter-column div.ui-dt-c {
    text-align: left !important;
}

.ui-datatable .ui-column-filter {border: none; border-collapse: collapse;}

.ui-datatable .ui-datatable-data tr td.ellipsize, .ellipsize {text-overflow: ellipsis;}

.ui-datatable tr.ui-datatable-odd {background: #eee}

.ui-datatable.multi-select {}
.ui-datatable.multi-select tbody tr {border-top: 1px solid #eee;}
.ui-datatable.multi-select tbody tr td {border-top: 1px solid #eee;}

th.column-checkbox {}
td.column-checkbox {border-left: 7px solid transparent !important;}
td.column-checkbox .ui-icon {background-image: url('../styles/default/images/ui-icons_03468b_256x240.png') !important;}
.ui-datatable tr.ui-state-highlight {background-color: inherit !important;}
.ui-datatable tr.ui-state-highlight.ui-datatable-odd {background-color: #b9c2d4 !important;}
.ui-datatable tr.ui-state-highlight.ui-datatable-even {background-color: #d2d9e8 !important;}
.ui-datatable tr.ui-state-highlight td.column-checkbox {border-left-color: #03468b !important;}
.ui-datatable tr.ui-state-highlight.ui-row-editing {background-color: #333 !important; color: #fff}
.ui-datatable tr.ui-state-highlight.ui-datatable-even.silinmis {background: none rgba(236, 199, 201, 0.4) !important;}
.ui-datatable tr.ui-state-highlight.ui-datatable-odd.silinmis {background: none rgba(106, 94, 156, 0.4) !important;}
.ui-datatable tr.ui-state-hover {color: #333 !important;}
.ui-datatable tr.ui-state-hover {background: #bbd3ed !important;}
.ui-datatable tr.ui-state-hover.ui-datatable-odd {background: #bbd3ed !important;}
.ui-datatable tr.ui-state-hover.ui-datatable-odd.silinmis {background: none rgba(106, 94, 156, 0.4) !important;}

tr.silinmis {background: none rgba(242, 148, 154, 0.4) !important}
.ui-datatable tr.ui-datatable-odd.silinmis {background: none rgba(213, 112, 120, 0.37) !important;}

div.page-title {
    height: 20px;
    line-height: 15px;
}

h2.page-title {
    font-weight: 300;
    height: 20px;
    line-height: 15px;
    color: #666;
    margin-left: 3px;
    margin-bottom: 8px;
}

.hide
{
    display:none;
    visibility:hidden;
}

.ui-widget-header {
    border: 1px solid #AAA;
    background: none no-repeat #f4f4fa;
    color: #000;
    padding: 3px;
    font-weight: bold;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.ui-dialog {
    border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important; -moz-border-radius-topright: 0 !important;
    -webkit-border-top-left-radius: 0 !important; -webkit-border-top-right-radius: 0 !important;
    border: 1px solid #2e3e77;
    background: none #fff;
}
.ui-dialog-titlebar { background: none #2e3e77; border: none; border-radius: 0 !important; padding: 9px 11px !important }
.ui-dialog-title { color: #fff !important; font-size: 15px !important; }

th.ui-state-default, .ui-tabs-nav .ui-state-default, .ui-tabs-nav .ui-widget-content .ui-state-default, .ui-tabs-nav .ui-widget-header .ui-state-default {
    background: none #2e3e77 !important;
    color: #fff !important;
}

th.ui-state-default.ui-tabs-selected, .ui-tabs-nav .ui-state-default.ui-tabs-selected, .ui-tabs-nav .ui-widget-content .ui-state-default.ui-tabs-selected, .ui-tabs-nav .ui-widget-header .ui-state-default.ui-tabs-selected {
    background: none #fff !important;
    color: #000 !important;
    cursor: default;
    border-left: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    border-top: 1px solid #aaa !important;
}

.reportTable th.ui-state-default, .reportTable .ui-tabs-nav .ui-state-default, .reportTable .ui-tabs-nav .ui-widget-content .ui-state-default, .reportTable .ui-tabs-nav .ui-widget-header .ui-state-default {
    background: none transparent !important;
    color: #000 !important;
    font-family: courier new !important;
    font-size: 10pt !important;
}

.ui-tabs-nav .ui-state-active, .ui-tabs-nav .ui-widget-content .ui-state-active, .ui-tabs-nav .ui-widget-header .ui-state-active {
    background: inherit;
    color: #fff;
}

th.ui-state-default {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: none;
    border-top: none;
}

.input-related-control { display: inline-block; vertical-align: middle; height: 18px; margin-left: 10px; margin-right: 10px; }

.reportTable {
    border-width: .5mm !important;
    border: none;
    border-collapse: collapse;
    background: none transparent;
    font-family: courier new !important;
    font-size: 3mm !important;
    line-height: 3.5mm !important;
}

.reportTable tr {
    background: none transparent;
    border: 1px solid #ddd;
}

.reportTable td {
    background: none transparent;
    border: none !important;
}

.reportTable.ui-datatable thead tr {border: none !important; border-bottom: #333 solid 1px !important; background: #aaa;}
.reportTable.ui-datatable tbody tr {border: none !important; border-bottom: #aaa solid 1px !important; background: none;}
.reportTable.ui-datatable tbody tr.ui-datatable-odd {background: #ccc;}
.reportTable.ui-datatable th {color: #fff !important;}
.reportTable.ui-datatable td {text-align: right; font-family: courier new !important; font-size: 10pt !important; line-height: 3.2mm !important;}

.reportTable h2 {margin: 2mm 0 !important; font-size: 4.5mm !important;}
.reportTable strong {margin: 2mm 0 !important; font-size: 3.5mm !important;}

.data-field-label {overflow-y: hidden; position: absolute !important; vertical-align: middle;}
.data-field {overflow-y: hidden; position: absolute !important; vertical-align: middle;}

.scrollView {
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    overflow-y: visible;
    overflow-x: hidden;
}

.scrollable-editor-content {
    top: 37px;
    margin: 10px;
    background: none #fafafc;
}

.menu-panel {left: 0 !important; width: 15% !important;}

.select-menu {
    border: none !important;
    background: none !important;
    margin-left: 5px;
    font-size: .8em !important;
    text-align: left;
}

span.select-menu {
}

.select-menu input {
    background: none transparent;
    border: none !important;
    color: #333 !important;
    width: 100%;
}

.select-menu input.ui-state-hover {
    background: none transparent;
}

.page-sidebar {
    list-style: none;
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
}

.page-sidebar > div > ul {
    padding-left: 0;
}

.page-sidebar > div > ul > li {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.page-sidebar > div > ul > li > a {
    border: none;
    border-bottom: 1px solid #f6f6f6;
    display: block;
    position: relative;
    margin: 0;
    padding: 1px 10px 7px;
    text-decoration: none;
    font-weight: 300;
    height: 3.3em !important;
    line-height: 3.6em !important;
}

.page-sidebar .ui-widget-content {
    background: none !important;
}

.page-sidebar .menu-header {
    height: 40px !important;
    line-height: 40px !important;
    border-top-color: transparent;
    color: #fff;
    cursor: unset;
    z-index: 1;
}

span.menu-header {display: block}
.page-sidebar .menu-header {display: table-row}
.page-sidebar .menu {/*font-weight: bold*/}

.page-sidebar.ui-datatable, .page-sidebar.ui-datatable .ui-widget {font-size: 10pt !important;}
.page-sidebar.ui-datatable thead th,
.page-sidebar.ui-datatable tbody td,
.page-sidebar.ui-datatable tfoot td {padding: 0}
.page-sidebar.ui-datatable thead th a,
.page-sidebar.ui-datatable tbody td a,
.page-sidebar.ui-datatable tfoot td a {padding: 15px 0}
.page-sidebar.ui-datatable thead th:first-child,
.page-sidebar.ui-datatable tbody td:first-child,
.page-sidebar.ui-datatable tfoot td:first-child {padding: 7px; width: 40px; max-width: 40px; text-align: center}

.menu-header, .page-sidebar .menu-header {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: none #2e3e77 !important;
    border-bottom: 1px solid #29677B;
    color: #fff !important;
    /*font-weight: bold;*/
    padding-left: 10px;
    border-left: 6px solid #2e3e77 !important;
}

.page-sidebar thead {display: none}

.page-sidebar.ui-datatable thead th:first-child i,
.page-sidebar.ui-datatable tbody td:first-child i,
.page-sidebar.ui-datatable tfoot td:first-child i
{width: auto; margin-left: 5px}

.page-sidebar .ui-state-highlight.menu,
.page-sidebar .ui-state-highlight.menu.ui-datatable-odd {background: none #fff !important; border-right: none !important;}
.page-sidebar .ui-state-highlight.menu:first-child {background: none #fff !important; border-right: 5px solid #f60000 !important;}
.page-sidebar .ui-state-highlight.menu td:last-child {border-right: 5px solid #f60000 !important;}
.page-sidebar .ui-state-highlight.menu td a {color: #f60000 !important}
.page-sidebar .ui-state-highlight.menu td i {color: #f60000 !important}

.page-sidebar .ui-state-highlight.menu-header,
.page-sidebar .ui-state-highlight.menu-header.ui-datatable-odd
{background: none #2e3e77 !important; border-right: none !important;}
.page-sidebar .ui-datatable tr.menu-header.ui-state-hover {color: #fff !important; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; cursor: default}
.page-sidebar .ui-datatable tr.menu-header.ui-state-hover td a,
.page-sidebar .ui-datatable tr.menu-header.ui-state-hover td i
{color: #fff !important; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; cursor: default}

.page-sidebar tr.menu.ui-state-hover {background: none #fff !important}
.page-sidebar tr.menu.ui-state-hover td i,
.page-sidebar tr.menu.ui-state-hover td a {color: #f60000 !important}
.page-sidebar tr.menu.ui-state-hover td a {/*font-weight: bold !important*/}
.page-sidebar .menu-header td {color: #fff !important; /*font-weight: bold*/;}
.page-sidebar tr.menu-header.ui-state-hover {background: none #2e3e77 !important; cursor: default;}
.page-sidebar tr.menu-header.ui-state-hover td i,
.page-sidebar tr.menu-header.ui-state-hover td a {color: #fff !important}
.page-sidebar tr.menu-header.ui-state-hover td a {/*font-weight: bold !important*/}

.page-sidebar td a {color: #555 !important}

.page-sidebar td i {
    text-shadow: none;
    display: inline-block;
    width: 31px;
    text-align: center;
}

.page-sidebar td a i:before {
}

/*.page-sidebar .ui-datatable-scrollable-header {display: none}*/

.page-sidebar td a.left-menu-item:hover {
    color: #2e3e77;
    z-index: 0;
}

.page-sidebar .page-sidebar-menu > li,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border: 1px solid transparent;
    border-top-color: #f6f6f6;
}

.page-sidebar .page-sidebar-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.page-sidebar .ui-icon {
    background-image: url('../styles/default/images/ui-icons_ffffff_256x240.png');
}

.page-sidebar.navbar-collapse,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar.navbar-collapse:hover {
    padding: 0px;
    box-shadow: none;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0px;
    overflow: visible !important;
}

.page-sidebar {
    float: left;
    position: relative;
    margin-right: -100%;
    overflow: hidden;
}

table { border: 1px solid #ddd !important; border-collapse: collapse !important; background: none transparent !important; }
tr { border: none !important; border-collapse: collapse !important; }
th { border: none !important; border-collapse: collapse !important; }
td { border: none !important; border-collapse: collapse !important; }

.label-column{}
.input-column{}
td.input-column {display: flex; align-items: center}
td.input-column > span,
td.input-column > span.ui-calendar input,
td.input-column > div.input-simulation,
td.input-column > div.ui-selectonemenu,
td.input-column > input
{display: flex; width: 100% !important; align-items: center}
td.input-column > div.ui-selectonemenu > label,
td.input-column > div.ui-selectonemenu > div.ui-selectonemenu-trigger,
td.input-column > span.ui-calendar input,
td.input-column > input {margin: 0; padding: 10px}
td.input-column > .ui-selectonemenu-trigger {padding: 8px 12px}
td.input-column > span.ui-calendar button {padding: 21px}
td.input-column > .ui-selectonemenu-trigger,
td.input-column > span.ui-calendar button {background: none #03468b}
table.formTable { margin: 1% !important; }
table.formTable > tbody > tr { border-bottom: 1px solid #ddd !important; border-collapse: separate !important; }
table.formTable > tbody > tr td { text-align: left; min-height: 55px }
table.formTable > tbody > tr td.label-column { width: 180px; text-align: right; font-size: 1.1em; }
table.formTable > tbody > tr td.capacity-column{width: 80px;  }
table.formTable.group-blue { border-left: 6px solid #55f !important }
table.formTable.group-green { border-left: 6px solid green !important }
table.formTable.group-red { border-left: 6px solid #C9302C !important }
table.formTable.fullWidth {width: 98% !important}

.end-with-colon > span:after, .end-with-colon > label:after, .end-with-colon > text:after { content: ':' }
table.formTable > tbody > tr .ui-widget-content { background: none !important; border: 1px solid #ededed !important; }

table.ui-autocomplete-table {}
table.ui-autocomplete-table tr { border-bottom: 1px solid #eee !important;}
.ui-autocomplete {white-space: nowrap; clear: both; width: 100% !important; display: flex; align-items: center; border: 1px solid #555; padding: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
    background: #fff;
}
.ui-autocomplete .ui-inputfield {border: none !important; margin: 0; padding: .4rem; width: 100%}
.ui-autocomplete-panel {overflow-x: hidden}
.ui-autocomplete-item > td > span:first-child {display: block; margin-top: 5px; margin-bottom: -5px}
.ui-treetable thead tr,
.ui-datatable thead tr { border: 1px solid #2e3e77 !important;}
.ui-treetable th,
.ui-datatable th {background: none #2e3e77 !important;}
.ui-datatable-data {background: none !important; border: none !important; }

.offline-autocomplete-panel {overflow-x: hidden; overflow-y: auto; margin: -5px -10px; max-height: 250px}
.offline-autocomplete-panel .ui-autocomplete-row {height: 30px;}
.offline-autocomplete-panel .ui-autocomplete-row.ui-state-highlight {}
.offline-autocomplete-panel .ui-autocomplete-row.ui-state-highlight .ui-commandlink {background-color: #c3d4f6 !important; text-decoration: none !important;}
.offline-autocomplete-panel .ui-autocomplete-row a:hover {background-color: #c3d4f6 !important}

.input-container {display: flex; align-items: center}
.input-container .btn i {margin: 0 auto !important; width: 25px; text-align: center}

.dash {
    border-left: 1px dashed #222;
    width: 1px;
    height: 2em;
    margin: 0 -26px 3em 25px;
}

.ui-tabs-nav a {
    border-top-left-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
}
.ui-tabs-nav .ui-state-default {background: none !important; color: #000 !important; border: none !important;}
.ui-tabs-nav .ui-state-default a {color: #000 !important; font-size: 1.3em !important;}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {background: none #dfdfdf !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover a
{ background: none #fff !important; margin-bottom: -1px; border-bottom: 1px solid #fff !important; cursor: default;}

tr.ui-row-editing {background: none #444 !important;}
tr.ui-row-editing a {color: #fff !important;}

tr.silinmis {background: none rgba(179, 0, 12, 0.37)}

.ui-treetable-toggler {margin-top: 4px !important}
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {padding: 6px 5px}

.ui-menu.ui-menu-dynamic {}
.ui-menu.ui-menu-dynamic a {cursor: pointer; padding: 7px 0 7px 10px !important; transition: all 0.3s ease-out 0s !important;}
.ui-menu .ui-menu-list .ui-widget-header { border-bottom: 1px solid #999; }
.ui-menu.ui-menu-dynamic li h3 {cursor: pointer; color: #fff; border-bottom: 1px solid #fff;}
.ui-menu.ui-menu-dynamic a span {cursor: pointer; color: #445; margin: 0 !important;}
.ui-menu.ui-menu-dynamic .ui-menuitem.ui-state-hover { cursor: pointer; background-color: #eee !important }
.ui-menu .ui-menuitem-link .ui-menuitem-icon { margin-right: 6px !important; margin-top: 3px !important; }
.ui-menu .ui-menuitem {}
.ui-menu .ui-menuitem .ui-menuitem-text { line-height: 20px }
.ui-menu .ui-icon {background-image: url('../styles/default/images/ui-icons_03468b_256x240.png') }
.ui-menuitem a {display: block;}
.ui-menuitem a i {margin-right: 5px;}
.ui-datepicker {background: none #fff; padding: 1px 7px !important; border: 1px solid #bbb; border-radius: 5px; box-shadow: 1px 2px 4px #000;}
.ui-datepicker .ui-datepicker-header {background: none #13435F; color: #fff; margin-top: 4px}
.ui-datepicker a {border: none !important; border-collapse: collapse !important; color: #333 !important;}
.ui-datepicker a:hover {color: #000 !important;}
.ui-state-disabled span.ui-state-default {color:#bbb;}
.disabled-input-field .ui-button {background: none #bbb !important;}
.ui-datepicker-week-end {background: none #fafafa;}
.ui-datepicker-other-month {background: none #fcfcfc;}
.ui-datepicker td {min-width: 30px;}
.ui-datepicker-prev, .ui-datepicker-next {cursor: pointer;}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled {cursor: auto;}
.ui-datepicker-prev.ui-state-disabled.ui-state-hover, .ui-datepicker-next.ui-state-disabled.ui-state-hover {border: 1px solid transparent;}
.ui-datepicker-prev-hover.ui-state-disabled, .ui-datepicker-next-hover.ui-state-disabled {border: 1px solid transparent}
button span.ui-button-text {margin: 0 !important;}
.ui-datepicker td a.ui-state-active {background: #2b5a2b none; color: white !important; font-weight: bold}
.ui-datepicker .ui-slider {background: #bce none !important;}
.ui-datepicker a.ui-slider-handle {background: #bce none !important; border: .5px solid #999 !important;}
.ui-datepicker a.ui-slider-handle.ui-state-focus {background: #9ac none !important; border: .5px solid #333 !important;}

.ui-timepicker-div dl dt {margin-bottom: -5px;}

#formWizard span.disabled {color: #888}

.ui-calendar .ui-inputfield {height: 21px; padding-bottom: 4px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #03468b;
    background: none #03468b;
    font-weight: normal;
    color: #03468b;
}

.ui-autocomplete-token.ui-state-active {}
.ui-autocomplete-token.ui-state-active .ui-autocomplete-token-label {color: #fff}

.ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-list-item:hover {
    background: none #cdf;
}


.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {cursor: default;}

.ktb-chart-tab-view {background: #fff; margin: 5px 0;}
.ktb-chart-tab-view ul.ktb-chart-tab-container {background-color: #eee; display: block; border-bottom: 1px solid #aaa; margin-top: 0; margin-bottom: 3px; padding-left: 5px; height: 38px}
.ktb-chart-tab-view ul.ktb-chart-tab-container li.ktb-chart-tab {float: left; width: 19%; list-style: none; cursor: pointer; padding: 6px 1.5% 6px 2.0%; margin: 10px 0.5% 0; border: 1px solid transparent; font-size: .7em;}
.ktb-chart-tab-view ul.ktb-chart-tab-container li.ktb-chart-tab.selected {background-color: #fff; padding: 6px 1.5% 6px 2.0%; border: 1px solid #aaa; border-bottom: 1px solid transparent;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}
.ktb-chart-tab-view ul.ktb-chart-tab-container li.ktb-chart-tab a {text-decoration: none; display: block; word-break: keep-all; white-space: nowrap;}
.ktb-chart-tab-view ul.ktb-chart-tab-container li.ktb-chart-tab a:hover {text-decoration: underline;}
.ktb-chart-tab-view ul.ktb-chart-tab-container li.ktb-chart-tab.selected a:hover {text-decoration: none;}
.ktb-chart-tab-view div.ktb-chart-tab-panel {}

.ktb-menubutton {}
.ktb-menubutton button {min-width: 13em; background: none #fff !important; border: none !important; border-collapse: collapse !important; color: #445 !important;}
.ktb-menubutton button.ui-state-default .ui-icon {background-image: url("../styles/default/images/ui-icons_03468b_256x240.png") !important;}
.ktb-menubutton.with-sahdow button.ui-state-hover {
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.4) inset !important;
}

.ui-toolbar button{height: 31px !important;}
.ui-toolbar .ui-inputfield {margin-bottom: 0; margin-top: 0}
.ui-toolbar .ui-autocomplete {margin-bottom: 0; margin-top: -1px}

.clear-autocomplete {}
.ui-commandlink.clear-autocomplete {margin-left: -8px; height: 17px; width: 9px;}
.ui-commandlink.clear-autocomplete i {margin: 2px}

.gizli { display: none;}
a[target="_blank"]:after { content: ""; display: inline-block; }

#formWizard\:fxBlock_blocker {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100% !important;
    margin: auto;
}

a.export-excel {float:right; margin: -5px 0}
a.export-excel > img {width: 40px; height: auto}

.dt-empty {font-size: 20px;color: #555}

.font-all-10pt {}
.font-all-10pt *:not(i)
{font: 10pt/8pt roboto, arial, sans-serif !important;}

img.profile-picture {width: 70%;
    height: auto;
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}

/* Motif Background */
.motif-background {
    overflow-y: visible !important;
    font-family: roboto, arial, sans-serif;
    font-size: 11pt;
    background: url("../images/bg_buro_memur_sen.png?v=1") repeat-y scroll center center transparent;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}

.motif-background h1, .motif-background h2, .motif-background h3, .motif-background h4, .motif-background h5, .motif-background h6
{font: 12pt/16pt roboto, arial, sans-serif; font-weight: 300;}

.motif-background h1 { font-size: 20px; line-height: 26px; }
.motif-background h2 { font-size: 18px; line-height: 24px; }
.motif-background h3 { font-size: 16px; line-height: 22px; }
.motif-background h4 { font-size: 14px; line-height: 20px; }
.motif-background h5 { font-size: 13px; line-height: 18px; }
.motif-background h6 { font-size: 12px; line-height: 16px; }

.motif-background table, .motif-background thead, .motif-background tbody, .motif-background tr, .motif-background td,
.motif-background .ui-widget-content
{border: 0px solid transparent !important; border-collapse: collapse !important; box-sizing: border-box !important;}
.motif-background.app .ui-widget-content {
    background: transparent url(../images/ui-bg_inset-hard_100_ffffff_1x100.png) 50% bottom repeat-x}
.motif-background.app .ui-dialog.ui-widget-content {background: #fff; min-height: 200px}
.motif-background.app .ui-autocomplete-panel {background: #fff; min-height: 200px}
.motif-background.app .ui-datepicker {background: #fff; top: 0 !important; left: 0 !important; right: 0 !important; width: auto}
.motif-background.app td.input-column > input {margin: 0 !important; padding: 8px 15px;}
.motif-background.app .formTable {margin: 0 !important;}
.motif-background.app .fullWidth {margin: 1% !important;}
.motif-background.app table.formTable > tbody > tr td {min-height: 55px}
.motif-background.app table.formTable > tbody > tr td label {margin-bottom: -14px;}
.motif-background.app .ui-growl {width: 90% !important}
.motif-background.app .ui-growl-item-container {background: white none !important}
.motif-background.app .ui-growl-message {width: 100% !important;}
.motif-background.app .page-title {color: #fff; padding: 0 14px}
.motif-background.app .page-title br:after {content: "\00a0"}
.motif-background.app .page-title br {content: " "}
.motif-background input {height: 30px; line-height: 30px; vertical-align: middle;}

.motif-background .logoBar {
    margin: -15px -15px 15px;
    z-index: 1;
    height: 109px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background: none #1d5a87;
    padding-top: 15px;
    -moz-box-shadow: -6px 0 transparent, 6px 0 transparent, 0 3px 6px -3px rgba(48, 48, 48, 0.5);
    -webkit-box-shadow: -6px 0 transparent, 6px 0 transparent, 0 3px 6px -3px rgba(48, 48, 48, 0.5);
    box-shadow: -6px 0 transparent, 6px 0 transparent, 0 3px 6px -3px rgba(48, 48, 48, 0.5);
}

.motif-background .centered-content {max-width: 400px; margin: auto; background: none #fff; padding: 15px;
    -webkit-box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);}
.motif-background.app {
    position: inherit;
    background: url("../images/bg_buro_memur_sen.png?v=1") repeat-y scroll top center transparent !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background: none #f6f6f6;*/
}
.motif-background.app label {font-weight: bold}
.motif-background .centered-content {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.motif-background .centered-content td.input-column {display: flex; align-items: center}
.motif-background.app .app-content {background: none #fff; padding: 90px 15px 15px;}
.motif-background .app-content {margin: auto; background: none #fffa; padding: 15px;
    -webkit-box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);
    box-shadow: 0 0 10px 4px rgba(255, 255, 255, .5);}
.motif-background .app-content {/*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;*/}
.motif-background .app-content td.input-column {display: flex; align-items: center}
.motif-background.app .top-menu-container a {padding: 12px 0}
.motif-background.app .top-menu-container a img {width: 20px;height: auto;vertical-align: baseline;margin: 0 5px;}
.motif-background .before-content {height: 100px}
.motif-background .fullWidth {width: 98% !important; margin: 1% !important;}

.motif-background a, .motif-background a:hover, .motif-background a:active, .motif-background a:focus
{text-decoration: none;}

.motif-background a, .motif-background a:active, .motif-background a:focus
{color: rgb(20, 70, 120) !important; font-weight: 500}

.motif-background.app .logoBar {
    text-align: left !important; padding: 2% !important; height: auto; position: fixed; display: block; top: 0; left: 0; right: 0; width: 96%; margin: 0;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}
.motif-background.app .logoBar:after {
    content:"";
    position:absolute;
    width: 120%;
    bottom: -2px;
    z-index: -1;
    transform: scale(.9);
    box-shadow: 0 0 8px 2px #000000;
    margin: 0 -10%;
}
.motif-background.app .bottomBar {
    text-align: center !important;
    padding: 5% !important;
    height: auto; position: fixed; display: block; bottom: 0; left: 0; right: 0;
    width: 90%; margin: 0;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}
.motif-background.app .bottomBar:before {
    content:"";
    position:absolute;
    width: 120%;
    top: -2px;
    z-index: -1;
    transform: scale(.9);
    box-shadow: 0 0 8px 2px #000000;
    margin: 0 -60%;
}

.separated.ui-panelgrid.fullWidth {
    border-bottom: 1px solid #ddd !important;
    border-collapse: unset !important;
    margin-bottom: 15px !important;
    padding: 7px;
    box-shadow: 0 2px 4px 0 #0008;
    background: #fffb none !important;
    border-radius: 5px !important;
}

.separated tbody {
    border: 8px solid transparent !important;
}

.login .ui-outputlabel .ui-outputlabel-rfi {display: none}

p.warning {
    color: #666;
}

.hidden-row-editor-pencil .ui-row-editor .ui-icon.ui-icon-pencil{
    display: none !important;
}

.choice-list.ui-datatable-scrollable {}
.choice-list.ui-datatable-scrollable .ui-datatable-scrollable-body {overflow-x: hidden}

.no-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

/* Bootstrap Buttons */

.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;}
.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;}
.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;}
.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;}
.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-block+.btn-block{margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;}

a.btn {text-decoration: none}
.btn i {margin-right: 5px}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #333333;
    text-decoration: none;
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-default, a.btn-default {
    color: #333333 !important;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:hover, a.btn-default:hover,
.btn-default:focus, a.btn-default:focus,
.btn-default:active, a.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active, a.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover, a.btn-default.disabled:hover,
.btn-default[disabled]:hover, a.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover, fieldset[disabled] a.btn-default:hover,
.btn-default.disabled:focus, a.btn-default.disabled:focus,
.btn-default[disabled]:focus, a.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus, fieldset[disabled] a.btn-default:focus,
.btn-default.disabled:active, a.btn-default.disabled:active,
.btn-default[disabled]:active, a.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active, fieldset[disabled] a.btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default .badge {
    color: #ffffff !important;
    background-color: #333333;
}
.btn-primary, a.btn-primary {
    color: #ffffff !important;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary:hover, a.btn-primary:hover,
.btn-primary:focus, a.btn-primary:focus,
.btn-primary:active, a.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #3071a9;
    border-color: #285e8e;
}
.btn-primary:active, a.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover, a.btn-primary.disabled:hover,
.btn-primary[disabled]:hover, a.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover, fieldset[disabled] a.btn-primary:hover,
.btn-primary.disabled:focus, a.btn-primary.disabled:focus,
.btn-primary[disabled]:focus, a.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,fieldset[disabled] a.btn-primary:focus,
.btn-primary.disabled:active, a.btn-primary.disabled:active,
.btn-primary[disabled]:active, a.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active, fieldset[disabled] a.btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca !important;
    background-color: #ffffff;
}
.btn-success, a.btn-success {
    color: #ffffff !important;
    background-color: #61ba9e;
    border-color: #4fb393;
}
.btn-success:hover, a.btn-success:hover,
.btn-success:focus, a.btn-success:focus,
.btn-success:active, a.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff !important;
    background-color: #46a285;
    border-color: #3b8970;
}
.btn-success:active, a.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover, a.btn-success.disabled:hover,
.btn-success[disabled]:hover, a.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover, fieldset[disabled] a.btn-success:hover,
.btn-success.disabled:focus, a.btn-success.disabled:focus,
.btn-success[disabled]:focus, a.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus, fieldset[disabled] a.btn-success:focus,
.btn-success.disabled:active, a.btn-success.disabled:active,
.btn-success[disabled]:active, a.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active, fieldset[disabled] a.btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #61ba9e;
    border-color: #4fb393;
}
.btn-success .badge {
    color: #61ba9e !important;
    background-color: #ffffff;
}
.btn-info, a.btn-info {
    color: #ffffff !important;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info:hover, a.btn-info:hover,
.btn-info:focus, a.btn-info:focus,
.btn-info:active, a.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff !important;
    background-color: #31b0d5;
    border-color: #269abc;
}
.btn-info:active, a.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover, a.btn-info.disabled:hover,
.btn-info[disabled]:hover, a.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover, fieldset[disabled] a.btn-info:hover,
.btn-info.disabled:focus, a.btn-info.disabled:focus,
.btn-info[disabled]:focus, a.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus, fieldset[disabled] a.btn-info:focus,
.btn-info.disabled:active, a.btn-info.disabled:active,
.btn-info[disabled]:active, a.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active, fieldset[disabled] a.btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    color: #5bc0de !important;
    background-color: #ffffff;
}
.btn-warning, a.btn-warning {
    color: #ffffff !important;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning:hover, a.btn-warning:hover,
.btn-warning:focus, a.btn-warning:focus,
.btn-warning:active, a.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #ffffff !important;
    background-color: #ec971f;
    border-color: #d58512;
}
.btn-warning:active, a.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover, a.btn-warning.disabled:hover,
.btn-warning[disabled]:hover, a.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover, fieldset[disabled] a.btn-warning:hover,
.btn-warning.disabled:focus, a.btn-warning.disabled:focus,
.btn-warning[disabled]:focus, a.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus, fieldset[disabled] a.btn-warning:focus,
.btn-warning.disabled:active, a.btn-warning.disabled:active,
.btn-warning[disabled]:active, a.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active, fieldset[disabled] a.btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    color: #f0ad4e !important;
    background-color: #ffffff;
}
.btn-danger, a.btn-danger {
    color: #ffffff !important;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger:hover, a.btn-danger:hover,
.btn-danger:focus, a.btn-danger:focus,
.btn-danger:active, a.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff !important;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-danger:active, a.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover, a.btn-danger.disabled:hover,
.btn-danger[disabled]:hover, a.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover, fieldset[disabled] a.btn-danger:hover,
.btn-danger.disabled:focus, a.btn-danger.disabled:focus,
.btn-danger[disabled]:focus, a.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus, fieldset[disabled] a.btn-danger:focus,
.btn-danger.disabled:active, a.btn-danger.disabled:active,
.btn-danger[disabled]:active, a.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active, fieldset[disabled] a.btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    color: #d9534f !important;
    background-color: #ffffff;
}
.btn-link {
    color: #21b384 !important;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}
.btn-link,
.btn-link:active, a.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-link,
.btn-link:hover, a.btn-link:hover,
.btn-link:focus, a.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}
.btn-link:hover, a.btn-link:hover,
.btn-link:focus {
    color: #198764 !important;
    text-decoration: underline;
    background-color: transparent;
}
.btn-link[disabled]:hover, a.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover, fieldset[disabled] a.btn-link:hover,
.btn-link[disabled]:focus, a.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777777 !important;
    text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 7px 16px;
    font-size: 14pt !important;
    line-height: 1.33;
    border-radius: 7px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-lg.btn i {margin-right: 10px; width: 19px; text-align: center}
.btn.btn-icon-only i, .btn.btn-lg.btn-icon-only i {margin: 0}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.row{margin-right:-15px;margin-left:-15px; padding: 0 15px;}
.row:after, .row:before {display: table; content: " "; clear: both}
.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,
.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,
.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,
.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{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.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;  margin: 0 -15px;}
.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}

/* ----------------- */

.btn-pulldown{text-align: center; margin-top: -5px;}

.btn-pulldown i, .btn-nav i{
    margin-right: 0 !important;
}
.panel-pulldown{
    background: none #fff;
    border-color: #cccccc;
    margin-top: -1px;
}
.panel-pulldown.ui-accordion .ui-accordion-header {background: none #fff !important; border: 0 !important; border-collapse: collapse}
.panel-pulldown.ui-accordion h3.ui-accordion-header span {
    background: none !important;
}
.panel-pulldown.ui-accordion h3.ui-accordion-header.ui-state-active {display: none}

.rotate-90 {
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6, IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}

/**
 * raised material-button pure css
 */
.material-button-raised {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    border-radius: 3px;
    padding: 0 16px;
    min-width: 64px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    color: #fff;
    background-color: #2196f3;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    font-family: "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    overflow: hidden;
    outline: none;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.material-button-raised:hover,
.material-button-raised:focus {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.material-button-raised:active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.material-button-raised:disabled {
    color: rgba(0, 0, 0, 0.38);
    background-color: rgba(0, 0, 0, 0.12);
    box-shadow: none;
    cursor: initial;
}

.material-button-raised::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s;
}

.material-button-raised:hover::before {
    opacity: 0.12;
}

.material-button-raised:focus::before {
    opacity: 0.2;
}

.material-button-raised:active::before {
    opacity: 0.32;
}

.material-button-raised:disabled::before {
    opacity: 0;
}

.material-button-raised::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 18px;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    height: 32px;
    background-color: currentColor;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1) ;
    transition: opacity 1s, transform 0.5s;
}

.material-button-raised:active::after {
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s;
}

.material-button-raised:disabled::after {
    opacity: 0;
}

/********************************************************/

@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;}
@media (min-width:768px) and (max-width:979px){.ui-dialog{width: 98% !important; margin: 1% !important; left: 0 !important; right: 0 !important; top: 0 !important;}}

@media (max-width:767px){.ui-overlaypanel, .ui-dialog, .offline-autocomplete-panel, .ui-autocomplete-panel {width: 96% !important; margin: 1% !important; left: 0 !important; right: 0 !important} .ui-overlaypanel, .ui-dialog, .offline-autocomplete-panel, .ui-autocomplete-panel:not(.bottom-panel) {} .ui-overlaypanel {width: 93% !important}}
@media (max-width:768px){.motif-background > div:first-child {}}
@media (max-width:768px){table.formTable td.label-column {width: auto; text-align: center;} .motif-background input {width: 97%; margin: auto; height: 30px; line-height: 30px; vertical-align: middle;} .motif-background .before-content {height: 20px} .ui-panelgrid td {padding: 0;}}

.mobile-browser{}
.mobile-browser table.formTable td.label-column {width: auto; text-align: center;}
.mobile-browser table.formTable td.input-column {width: auto; text-align: center;}

div.row .col-1 {width: 8.33333333%}
div.row .col-2 {width: 16.66666667%}
div.row .col-3 {width: 25%}
div.row .col-4 {width: 33.33333333%}
div.row .col-6 {width: 50%}
div.row .col-2, div.row .col-3, div.row .col-4, div.row .col-5, div.row .col-6 {position:relative;min-height:1px;float: left}

/* form starting stylings ------------------------------- */
.group            {
    position:relative;
    margin-bottom:45px;
}
.group input
{
    font-size:18px;
    padding:10px 10px 10px 5px;
    display:block;
    width: 97%;
    border:none;
    border-bottom:1px solid #757575;
}
.group input[required] {box-shadow: none !important;}
.group input:focus         { outline:none; }

/* LABEL ======================================= */
.group label                {
    color:#999;
    font-size:18px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

/* active state */
.group input:focus ~ label, .group input:valid ~ label, .group input:is(:-webkit-autofill, :autofill)~label {
    top:-20px;
    font-size:14px;
    color:#5264AE;
}

/* BOTTOM BARS ================================= */
.group .bar    { position:relative; display:block; width: calc(98% + 10px); }
.group .bar:before, .group .bar:after     {
    content:'';
    height:2px;
    width:0;
    bottom:0;
    position:absolute;
    background:#5264AE;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}
.group .bar:before {
    left:50%;
}
.group .bar:after {
    right:50%;
}

/* active state */
.group input:focus ~ .bar:before, .group input:focus ~ .bar:after {
    width:50%;
}

/* HIGHLIGHTER ================================== */
.group .highlight {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.group input:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
    to    { width:0; background:transparent; }
}

.ui-blockui {z-index: 10000;}

@media (min-width:1200px){.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}}
@media (min-width:1200px){}

@media (min-width:768px){.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}}
@media (min-width:768px){}

@media (min-width:992px){/*.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}*/
    .col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}}
    .motif-background.app .logoBar{padding: 0 1% 1% !important; width: 98%; max-height: 80px;} .notifications {padding: 1% !important;}
@media (min-width:992px){.app-content{/*max-width: 960px*/} form#formDefault {max-width: 960px; margin: auto;}}

@media (max-width:768px){.col-xs-margin-tb0{margin-top: 0; margin-bottom: 0}}

.circle {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    background: #00f;
    padding-top: 0 !important;
    float: right;
    margin-right: 8px;
}
.form asd{
    position: fixed ;
    bottom: 0px;
}

.inform {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: calc(100% - 6px);
    margin: 1em auto;
    align-items: center;
}

.bottom-menu-container, .bottom-submenu-container, .menu-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: calc(100% - 6px);
    margin: auto;
}

.bottom-menu-container, .menu-container {border-bottom: 3px solid #f60000}
.bottom-menu-container, .bottom-submenu-container {margin: 4px auto 1px;}
.bottom-submenu-container {position: fixed;bottom: 66px;width: 100%}

.bottom-menu-container .btn, .bottom-submenu-container .btn, .menu-container .btn {border-bottom: 2px solid transparent; border-radius: 0}
.bottom-menu-container .btn.selected, .bottom-submenu-container .btn.selected, .menu-container .btn.selected {border-bottom-color: #f60000}

.bottom-menu-container .btn, .bottom-submenu-container .btn {
    padding: 20px 16px;
    vertical-align: middle;
    margin: 0;
}

.menu-item-4 {
    flex: 25%;
    width: 25%;
}

.menu-item-3 {
    flex: 33.333334%;
    width: 33.333334%;
}

.menu-item-2 {
    flex: 50%;
    width: 50%;
}

.menu-item-1 {
    flex: 100%;
    width: 100%;
}

body.test *[title] {border-right: 5px solid red !important;}

.motif-background.app.mobile .ui-widget {}
.motif-background.app.mobile .ui-autocomplete-panel.bottom-panel {position: fixed !important; height: auto !important; top: 102px !important; left: 0 !important;right: 0 !important;margin: 0px !important;width: 100% !important; bottom: 0 !important;}
.motif-background.app.mobile .ui-autocomplete-panel.bottom-panel-2 {top: 150px !important;}
.motif-background.app.mobile .ui-datepicker {}
.motif-background.app.mobile .ui-datepicker .ui-datepicker-header {margin-top: 6px; background: none; color: #333; font-size: 1.2em}
.motif-background.app.mobile .ui-datepicker .ui-datepicker-prev .ui-icon,
.motif-background.app.mobile .ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url('../styles/default/images/ui-icons_03468b_256x240.png');
}
.motif-background.app.mobile .ui-datepicker .ui-datepicker-prev,
.motif-background.app.mobile .ui-datepicker .ui-datepicker-next
{transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.motif-background.app.mobile .ui-datepicker table {font-size: 1.1em}
.motif-background.app.mobile .ui-datepicker tr td {align-content: center; text-align: center; background: #fff; color: #333; border: none;}
.motif-background.app.mobile .ui-datepicker .ui-datepicker-other-month {background: none; color: #fff}
.motif-background.app.mobile .ui-datepicker table .ui-state-default,
.motif-background.app.mobile .ui-datepicker table .ui-widget-content .ui-state-default,
.motif-background.app.mobile .ui-datepicker table .ui-widget-header .ui-state-default {
    align-content: center; text-align: center;
    border: 2px solid #fff; background: #fff; color: #333 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 9px 0;
    margin: 2px;
}
.motif-background.app.mobile .ui-datepicker .ui-datepicker-current-day.ui-datepicker-today .ui-state-default {
    border-bottom: 2px solid #2e6ea4 !important;
}
.motif-background.app.mobile .ui-datepicker .ui-state-disabled {
    opacity: 0.5;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50); /* // for IE8 */
    filter: alpha(opacity= 50); /* //for IE5-7 */}
.motif-background.app.mobile .bottom-menu-container {margin: 5% 0 -5%; width: 100%;}
.motif-background.app.mobile .ui-dialog.fullScreen {display: flex; flex-direction: column; height: 100% !important;opacity: 1.0;filter: alpha(opacity = 100);}
.motif-background.app.mobile tr.ui-datatable-empty-message {font-size: 1.2em !important}

.ui-dialog.fullScreen .ui-dialog-content {
    display: flex;
}

.motif-background.app.mobile .ui-dialog-docking-zone- {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ui-dialog.fullScreen .ui-datatable {}
.ui-dialog.fullScreen .ui-datatable-scrollable .ui-datatable-scrollable-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.ui-dialog.fullScreen .ui-datatable .ui-datatable-scrollable-header thead tr {height: 63px}
.ui-dialog.fullScreen .ui-datatable .ui-datatable-scrollable-header .ui-filter-column input {padding: 2px 16px; margin: 0 -8px}
.ui-dialog.fullScreen .ui-datatable .ui-datatable-scrollable-footer {display: none}
.ui-dialog.fullScreen .ui-datatable .ui-datatable-scrollable-body {
    z-index: 1000;
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    right: 0;
    background: white none;
}
.ui-dialog.fullScreen .ui-dialog-titlebar-icon.ui-dialog-titlebar-close{
    position: fixed;
    z-index: 1002;
    top: 6px;
    right: 5px;
    padding: 2px;
    background: red none;
}

body.app.mobile .app-content .btn {
    -webkit-transition: all 2s ease !important;
    -moz-transition: all 2s ease !important;
    -o-transition: all 2s ease !important;
    transition: all 2s ease !important;
}

.motif-background.app.mobile .app-content {
    padding: 0;
    /*background-image: linear-gradient(transparent, #343434cc)*/;
    opacity: .97;
    background-color: transparent;
}

.app-bar {background: #2e3e77 none; padding: 0; z-index: 1000;
    display: flex;
    width: 100%;
    margin: 0;
    position: sticky; left: 0; top: 0; right: 0;
    -webkit-box-shadow: 0 4px 10px #243983cc;
    -moz-box-shadow: 0 4px 10px #243983cc;
    box-shadow: 0 4px 10px #243983cc;
}

.app-bar > .item {
    display: table-cell;
    width: 33%;
    vertical-align: middle;
}

.app-bar.menubar > .item {
    width: 100%;
    margin: 10px;
    display: none;
    height: 0;
    transition: all 0.2s ease;
    overflow-y: hidden;
}

.motif-background.app.mobile .bottomBar:before {display: none !important;}

.motif-background.app.mobile input.required-input-field,
.motif-background.app.mobile input {border-radius: 40px !important; border: 1px solid #333 !important;}

.motif-background.app.mobile .btn.btn-success,
.motif-background.app.mobile .btn.btn-primary,
.motif-background.app.mobile .btn.btn-danger
{
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

.motif-background.app.mobile .btn.btn-link {}
.motif-background.app.mobile .app-content .app-bar .btn.btn-link {color: white !important;}
.motif-background.app.mobile .btn.btn-default:hover,
.motif-background.app.mobile .btn.btn-default:active,
.motif-background.app.mobile .btn.btn-default:focus,
.motif-background.app.mobile .btn.btn-default {background: none transparent !important;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.choice.btn {min-height: 4em !important;
    margin: .7em 0;
    border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
}

.choice.btn {display: flex; align-items: center; padding: 7px 9px !important}

.choice .choice-letter {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 15px;
    width: 27px;
    display: inline-block;
    text-align: center;
    margin-right: 23px;
    flex: 0 0 25px;
}

.choice.btn-danger .choice-letter {background: none #ffffff3a;border: 1px solid #fff; color: #e1e1e1}
.choice.btn-success .choice-letter {background: none #2eb62e;border: 1px solid #fff; color: #fff}
.choice.btn-warning .choice-letter {border: 1px solid #fff; color: #333}

.choice .choice-content {width: 100%}
.choice i {flex: 0 0 40px;}

.motif-background.app.mobile .logoBar h1 {display: none}

input.activation-code::placeholder,
input.activation-code::-moz-placeholder,
input.activation-code::-webkit-input-placeholder
{font-size: 1em !important;}

.motif-background.app.mobile .ui-dialog.fullScreen .btn.btn-link {color: #333 !important;}

.no-styling.ui-autocomplete {border: none !important; border-collapse: collapse !important; background: transparent !important;}
.motif-background.app.mobile .no-styling.ui-autocomplete input,
.no-styling.ui-autocomplete .ui-autocomplete-input {background: transparent !important; border: none !important;}

.no-button.ui-autocomplete {}
.no-button.ui-autocomplete button.ui-button {display: none !important;}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: auto;
    max-height: 6em;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* hamburger menu */
:root {
    --bar-width: 30px;
    --bar-height: 6px;
    --hamburger-gap: 3px;
    --foreground: #fff;
    --background: #333;
    --hamburger-margin: 8px;
    --animation-timing: 200ms ease-in-out;
    --hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);
}

.hamburger-menu {
    --x-width: calc(var(--hamburger-height) * 1.41421356237);

    display: flex;
    flex-direction: column;
    gap: var(--hamburger-gap);
    width: max-content;
    position: absolute;
    top: var(--hamburger-margin);
    left: var(--hamburger-margin);
    z-index: 2;
    cursor: pointer;
}

.hamburger-menu:has(input:checked) {
    --foreground: white;
    --background: #333;
}

.hamburger-menu:has(input:focus-visible)::before,
.hamburger-menu:has(input:focus-visible)::after,
.hamburger-menu input:focus-visible {
    border: 1px solid var(--background);
    box-shadow: 0 0 0 1px var(--foreground);
}

.hamburger-menu::before,
.hamburger-menu::after,
.hamburger-menu input {
    content: "";
    width: var(--bar-width);
    height: var(--bar-height);
    background-color: var(--foreground);
    border-radius: 9999px;
    transform-origin: left center;
    transition: opacity var(--animation-timing), width var(--animation-timing),
    rotate var(--animation-timing), translate var(--animation-timing),
    background-color var(--animation-timing);
}

.motif-background.app.mobile .hamburger-menu input {
    border: 1px solid var(--foreground) !important;
}

.hamburger-menu input {
    appearance: none;
    padding: 0;
    margin: 0;
    outline: none;
    pointer-events: none;
}

.hamburger-menu:has(input:checked)::before {
    rotate: 45deg;
    width: var(--x-width);
    translate: 0 calc(var(--bar-height) / -2);
}

.hamburger-menu:has(input:checked)::after {
    rotate: -45deg;
    width: var(--x-width);
    translate: 0 calc(var(--bar-height) / 2);
}

.hamburger-menu input:checked {
    opacity: 0;
    width: 0;
}

.sidebar {
    transition: translate var(--animation-timing);
    translate: -100%;
    padding: 0.5rem 1rem;
    padding-top: calc(var(--hamburger-height) + var(--hamburger-margin) + 1rem);
    background-color: var(--foreground);
    color: var(--background);
    max-width: 10rem;
    min-height: 100vh;
}

.hamburger-menu:has(input:checked) + .sidebar {
    translate: 0;
}

.menubar > .item {
    display: none;
}

.hamburger-menu:has(input:checked) + .menubar > .item {
    display: table-cell;
    height: auto;
}

.menubar > .item > .btn {
    padding: 15px;
}
/* hamburger menu */