@import url('/SepraScript/css/fonts/Montserrat/stylesheet.css?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,600;1,100;1,200;1,300&display=swap');
html, body, a, label, p, span, h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat'!important;
    text-shadow: none!important;
    font-weight: 300!important;
}
#main{
    padding-top: 50px!important;
    right: 0;
    margin-left: 0px;
    margin-right: 0!important;
    background-color:transparent;
    border-radius: 1rem!important;
    width: 98%;
    height: auto;
    padding-bottom: 1%;
    background: transparent;
}
h3{
    font-weight: 500!important;
}
h1, h3{
    color:#6d6d72!important;
}
html{
    background: none!important;
}
body{
    background-color:#fafafa!important;
}
body, #main, html {
    background-repeat: no-repeat!important;
    background-size: contain!important;
}
.blur{
    filter: blur(8px);
    -webkit-filter: blur(8px);
}
b, strong{
    font-weight: 600!important;
}
.button, label.button{
    transition: background-color 0.3s ease-out;
    font-weight: 400!important;
    background:none!important;
    border: 1px solid transparent!important;
    background-color:#e5e5e5!important;
    text-shadow: none!important;
    color:#666!important;
    border-width: 0!important;
    outline: none!important;
    border-radius: 5rem!important;
    box-shadow: none!important;
    margin: 3px auto!important;
    font-size: 8pt!important;
    padding: 0px 10px 0px 10px;
    transform: scale(var(--scale, 1)) translateZ(0)!important;
    transition: transform 0.15s, background 0.4s!important;
    cursor: pointer!important;
}
.button-group > label.button{
    border-radius: 0!important;
}
.button-group > label.button:first-child {
    border-bottom-left-radius: 5rem !important;
    border-top-left-radius: 5rem !important;
}

.button-group > label.button:last-child{
    border-bottom-right-radius: 5rem !important;
    border-top-right-radius: 5rem !important;
}
.button.tiny{
    padding: 3px 10px 3px 10px!important;
    margin-left: 0px !important;
}
.button.number-up,.button.number-down{
    padding: 2px !important;
    font-size: 10pt !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    background: #6c5dd3!important;
    color: #fff!important;
    height: 10px!important;
}
.number-up:after{
    background-image: url(images/up.png) !important;
    background-position: center center !important;
    width: 15px !important;
    height: 15px !important;
    left: 50% !important;
    top: 50% !important;
    margin: -9px 0 0 -8px !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.number-down:after{
    background-image: url(images/down.png)!important;
    background-position: center center !important;
    width: 15px!important;
    height: 15px!important;
    left: 50%!important;
    top: 50%!important;
    margin: -9px 0 0 -8px !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.button:hover{
    color:#fff!important;
    background-color: #757575 !important;
}
.button:active, .button:target, .button:focus{
    transition: background-color 0.5s ease-out;
    color:#fff!important;
    background-color: #424242 !important;
}
ul > li.message{
    border: none!important;
    box-shadow: none!important;
    font-size: 13px !important;
    padding: 10px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400!important;
}
.message.blue-gradient{
    background: #017afd !important;
    color:#fff!important;
}
.button.blue-gradient{
    background-color: #275EFE !important;
    color:#fff!important;
}
.button.purple-gradient{
    background-color: #BE2EF2  !important;
    color:#fff!important;
}
.button.black-purple-gradient{
    background-color: #240d2b !important;
    color:#fff!important;
}
.button.blue-gradient:hover{
    transition: background-color 0.5s ease-out;
    background-color: #1548DB !important;
}
a.blue-gradient:active, button.blue-gradient:active, .button.blue-gradient:active, .blue-gradient.active{
    background: initial !important;
    background-color:  #1548DB !important;
    box-shadow: none!important;
}
.button.green-gradient{
    background-color: #5fe25f   !important;
    color:#fff!important;
}
.message.green-gradient{
    background: #10ca93 !important;
    color:#fff!important;
}
.button.green-active.active {
    background: #10ca93 !important;
    box-shadow: none!important;
    border: 0px!important;
    height: auto!important;
}
.button.green-active:active{
    background: #10ca93 !important;
    box-shadow: none!important;
}
.button.green-gradient:hover{
    background-color: #42c142!important;
}
a.green-gradient:active, button.green-gradient:active, .button.green-gradient:active, .green-gradient.active{
    background: initial !important;
    background-color:  #0da779 !important;
    box-shadow: none!important;
}
label.button.tiny.active:active, label.button.active:active, label.button:active, label.button.active{
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*label.button.tiny.active, label.button.active, label.button.active{
    padding: 0px 6px!important;
}*/
.button.red-gradient{
    background-color: #ff5f57!important;
    color:#fff!important;
}
.message.red-gradient{
    background: #ff5f57 !important;
    color:#fff!important;
}
.button.red-gradient:hover{
    background-color: #eb6532!important;
}
a.red-gradient:active, button.red-gradient:active, .button.red-gradient:active, .red-gradient.active{
    background: initial !important;
    background-color:  #eb6532 !important;
    box-shadow: none!important;
}
.button.orange-gradient{
    background-color: #ffcd45!important;
    color: #000!important;
}
.message.orange-gradient{
    background: #ffcd45 !important;
    color:#666!important;
}
.button.orange-gradient:hover{
    background-color: #ffc145!important;
}
a.orange-gradient:active, button.orange-gradient:active, .button.orange-gradient:active, .orange-gradient.active{
    background: initial !important;
    background-color:  #ffc145 !important;
    box-shadow: none!important;
}
.button.black-gradient{
    background-color: #000000!important;
    color:#fff!important;
}
.button.black-gradient:hover{
    background-color: #616161 !important;
}
a.black-gradient:active, button.black-gradient:active, .button.black-gradient:active, .black-gradient.active{
    background: initial !important;
    background-color:  #616161 !important;
    box-shadow: none!important;
}
.button.silver-gradient{
    color: #fff!important;
    background-color: #9e9e9e!important;
}
.button.silver-gradient:hover{
    background-color: #616161 !important;
}
a.silver-gradient:active, button.silver-gradient:active, .button.silver-gradient:active, .silver-gradient.active{
    background: initial !important;
    background-color:  #616161 !important;
    box-shadow: none!important;
}
.button.anthracite-gradient{
    color: #fff!important;
    background-color: #424242!important;
}
.button.anthracite-gradient:hover{
    background-color: #212121!important;
}
a.anthracite-gradient:active, button.anthracite-gradient:active, .button.anthracite-gradient:active, .anthracite-gradient.active{
    background: initial !important;
    background-color:  #212121 !important;
    box-shadow: none!important;
}
.button.blue-gradient.glossy.big.full-width{
    padding: 1px 5px !important;
}
/*
extra buttons
*/
.button.yellow{
    color: #000!important;
    background: #ff9f43!important;
}
.button.yellow:hover, .button.yellow:active, .button.yellow:focus, .button.yellow:target{
    background: #fdd835!important;
}
.button.yellow.disabled, .button.yellow.disabled:hover{
    background: #fccea2!important;
}
.button.purple{
    color: #fff!important;
    background-color: #7367f0 !important;
}
.button.purple:hover, .button.purple:active, .button.purple:focus, .button.purple:target{
    background-color: #6610f2 !important;
}
.button.purple.disabled, .button.purple.disabled:hover{
    background: #c3bdfc!important;
}
.button.cyan{
    color: #000!important;
    background: #40dfe3 !important;
}
.button.cyan:hover, .button.cyan:active, .button.cyan:focus, .button.cyan:target{
    background: #34b5b8!important;
    color: #fff!important;
}
.button.cyan.disabled, .button.cyan.disabled:hover{
    background: #a9f3f5!important;
    color: #000!important;
}
.button.brown{
    color: #fff!important;
    background: #8d6e63  !important;
}
.button.brown:hover, .button.brown:active, .button.brown:focus, .button.brown:target{
    background: #6d4c41 !important;
}
.button.brown.disabled, .button.brown.disabled:hover{
    background: #c9a193!important;
}

.button.blue-grey{
    color: #fff!important;
    background: #78909c  !important;
}
.button.blue-grey:hover, .button.blue-grey:active, .button.blue-grey:focus, .button.blue-grey:target{
    background: #455a64  !important;
}
.button.blue-grey.disabled, .button.blue-grey.disabled:hover{
    background: #afc8d5!important;
}

.button.lime{
    color: #000!important;
    background: #cddc39 !important;
}
.button.lime:hover, .button.lime:active, .button.lime:focus, .button.lime:target{
    background: #afb42b !important;
    color: #fff!important;
}
.button.lime.disabled, .button.lime.disabled:hover{
    background: #eef78f!important;
    color: #000!important;
}
.button.teal{
    color: #fff!important;
    background: #4db6ac !important;
}
.button.teal:hover, .button.teal:active, .button.teal:focus, .button.teal:target{
    background:#00796b !important;
    color: #fff!important;
}
.button.teal.disabled, .button.teal.disabled:hover{
    background: #8ccfc8!important;
    color: #000!important;
}
span.input{
    padding: 5px!important;
    border: 1.5px solid #f2f2f7!important;
    border-radius: 5px!important;
    font-size: 9pt!important;
    height: 25px!important;
}
.input{
    padding: 5px!important; 
    color: #495057!important;
    background: #fff!important;
    border: 1.5px solid #c8c8c8 !important;
    border-radius: 5px!important;
    background-repeat: no-repeat!important;
    box-shadow: none!important;
    font-size: 9pt!important;
    transition: .3s width ease-in-out;
}
.input:focus{
    color: #000000!important;
    border: 1.5px solid #275EFE !important;
    background: #fff!important;
    transition: .3s width ease-in-out;
}
.input.file {
    padding: 0!important;
}
.input.file:hover{
    color: #0288d1!important;
    border-bottom: solid 2px #0288d1!important;
}
.input.file .button{
    padding: 3px !important;
    top: -2px!important;
    cursor: pointer!important;
    z-index: 99999!important;
}
.validation-summary-errors{
    background: transparent!important;
    background-color: transparent!important;
    border: none!important;
    padding: 0px;
    margin: 0px;
}
.validation-summary-errors ul{
    padding: 0px!important;
    margin: 0px!important;
}
.validation-summary-errors ul li{
    background: rgba(211,47,47, 0.90)!important;
    text-align: left!important;
    font-weight: 400;
    width: 95%!important;
    box-shadow: none!important;
}
.label{
    font-size: .8971em;
    margin-bottom: 5px;
    color: #757575;
    line-height: 1.42857143!important;
    font-weight: 500!important;
}
/*
tablo css
*/
.table {
    border: none!important;
}
.table-header {
    height: 28px!important;
    background: #ffffff !important;
    border-radius: 0px!important;
    padding: 8px!important;
    border: 1px solid rgba(226,232,240, 1)!important;
    border-bottom: none !important;
}
.table-header .button-group{
    margin-bottom: 10px!important;
    height: 31px!important;
    margin-top: 9px!important;
    line-height: 24px!important;
}
.table-header .button-group button, .table-header .button-group a, .table-header .button-group label{
    margin-left: 3px!important;
    margin-right: 3px !important;
    padding: 1px 10px 1px 10px !important;
    border-radius: 5rem!important;
    box-shadow: none!important;
    background: transparent  !important;
    color: #2B3044!important;
}
.table-header .button-group button:hover, .table-header .button-group a:hover, .table-header .button-group label:hover{
    background: #275EFE !important;
    color: #fff !important;
}
.table-header .button.green-gradient{
    color: #000!important;
    background-color:#5fe25f !important;
}
.table-header .button.green-gradient:hover{
    background: #28a745 !important;
    color:#fff!important;
}

.table-header .button.icon-plus{
    background: #007bff!important;
    margin-left: 3px!important;
    color: #fff!important;
}
.table-header .button.icon-plus:hover{
    background: #3697ff !important;
    color:#fff!important;
}
.table-header .button.icon-cross{
    background: #F44336!important;
    margin-left: 3px!important;
    color: #fff!important;
    border: 1px solid #F44336 !important;
}
.table-header .button.icon-cross:hover{
    background: #F44336!important;
    color:#fff!important;
}
.table-header .button.icon-pencil, .table-header a .icon-pencil{
    background: #2bbbad!important;
    margin-left: 3px!important;
    color: #fff!important;
    border: 1px solid #2bbbad !important;
}
.table-header .button.icon-pencil:hover, .table-header a .icon-pencil:hover{
    background: #30dbcb !important;
    color:#fff!important;
}
.table-header #btnHesapla{
    background-color:#1976d2 !important;
    border: 1px solid #1976d2!important;
    color:#fff!important;
}
.table-header #btnHesapla:hover{
    background-color:#228bf2 !important;
}
.table-header .wrapped{
    margin-top: 0px!important;
}
.table thead{
    border-bottom:  1px solid #ebebeb!important;
    border-top: none!important;
    border-left:  1px solid #ebebeb!important;
    border-right:  1px solid #ebebeb!important;
    background-color: white!important;
    height: 25px!important;
}
.table thead tr {
    border-left: 1px solid #ebebeb!important;
    border-right: 1px solid #ebebeb!important;
    background-color: #fff!important;
}
.table > thead > tr > th{
    background-color: transparent!important;
    background: none!important;
}
.table thead, .table thead tr th{
    border: none!important;
    padding: 7px !important;
    box-shadow: none!important;
    background-color: transparent!important;
    height: 15px !important;
    border-top: 2px solid #e5e6e5!important;
    border-left: 1px solid #e5e6e5!important;
    border-bottom: 1px solid #e5e6e5 !important;
    vertical-align: middle !important;
    font-size: 12px !important;
}
.table thead tr th a{
    font-weight: 600!important;
    color: #1a1a1a!important;
    font-size: 11px;
}
div.table-header h3{
    font-weight: 600!important;
    font-style: normal;
    font-size: 13px!important;
}
.table-header h4{
    font-weight: 300!important;
    font-size: 10pt!important;
    color: #000!important;
}
.table-footer button{
    padding: 1px 8px 1px 8px !important;
    font-size: 9pt!important;
}
.table-footer{
    background: #fff !important;
    border-top: none!important;
    border-bottom: 1px solid rgba(226,232,240, 1)!important;
    border-right: 1px solid rgba(226,232,240, 1)!important;
    border-left: 1px solid rgba(226,232,240, 1)!important;
    border-radius: 0px!important;
    -webkit-box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    color:#000!important;
    padding-bottom: 10px!important;
}
.table tbody{
    border-bottom: 1px solid rgba(226,232,240, 1)!important;
    border-top: 1px solid rgba(226,232,240, 1)!important;
}
.table tbody tr td{
    padding: 5px 5px 5px 10px!important;
    /*border: 1px solid #fc0!importat;*/
}
.table tbody tr td, .table tbody tr td .button{
    font-size: 11px!important;
    height: 15px!important;
    margin: 1px!important;
}
.table-footer .float-right a{
    background: #fff !important;
    color: #212121!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 8pt!important;
    padding: 1px 8px 1px 8px !important;
    margin: 1.5px!important;
}
.table-footer .float-right a:hover{
    color: #275EFE !important;
    background: #fff !important
}
.table-footer .float-right a.active{
    color: #000!important;
    background: #efefef!important;
}
.table tbody tr .button.icon-card{
    cursor: pointer!important;
    color: #fff!important;
    background-color: #5fe25f !important;
    background: #5fe25f !important;
}
.table tbody tr .button.icon-card:hover, .table tbody tr .button.icon-card:active, .table tbody tr .button.icon-card:focus, .table tbody tr .button.icon-card:target{
    background: #42c142!important;
}
.table > tbody > tr > td{
    color: #000;
    vertical-align: middle!important;
    border-top: none!important;
}
/*.table > tbody > tr > td:first-child{
    border-radius: 10px 0 0 10px;
}
.table > tbody > tr > td:last-child{
    border-radius: 0 10px 10px 0;
}*/
.table > tbody > tr
{
    background: #fff!important;
}
.table > tbody > tr:nth-child(even)
{
    background: #f4f5f5!important;
}
.table > tbody > tr:hover{
    background: #f0f2f2!important;
}
input[name='sayfalama']{
    border: 1.5px solid #f2f2f7!important;
    border-radius: 5px!important;
    margin-right: 12px!important;
    width: 25px!important;
    height: 15px !important;
    text-align: center;
}
.drop-down{
    z-index: 99999!important;
    border-bottom: 1px solid rgba(226,232,240, 1)!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    left: -3px!important;
    max-height: 250px!important;
    border-radius: 0px!important;
}
input.es-input{
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    box-shadow: 0 0 0 1px rgb(51 153 255 / 0%), 0 0 0 rgb(51 153 255 / 0%)!important;
    transition: box-shadow 400ms!important;
    display: inline-block;
    text-align: left;
    position: relative;
    z-index: 89;
    font-size: 13px;
    text-transform: none;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: -1px 0 1px;
    padding: 0 26px 0 0;
    border: 1px solid #cccccc;
    background: rgba(255,255,255,0.70)!important;
    background-color: rgba(255,255,255,0.70)!important;
}
span.select{
    border-radius: 5px!important;
    background: transparent!important;
}
.select-value, .select-arrow{
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    background:rgba(255,255,255, 0.70)!important;
    background-color:rgba(255,255,255, 0.70)!important;
    top: 0px!important;
    border: 1px solid rgba(84, 84, 84, 0.3);
    font-weight: 400!important;
    color: #017aff!important;
    font-size: 9pt!important;
}
.es-list{
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    background:rgba(255,255,255, 0.70)!important;
    background-color:rgba(255,255,255, 0.70)!important;
    border: 1px solid rgba(84, 84, 84, 0.3);
    font-weight: 400!important;
    color: #017aff!important;
    font-size: 9pt!important;
}
.es-list:active, .es-list.focus.open{
    border: 1px solid #017aff!important;
}
.es-list li{
    font-weight: 400!important;
    color: #017aff!important;
    font-size: 9pt!important;
    cursor: pointer!important;
}
.replacement > .select-value{
    background:rgba(255,255,255, 0.70)!important;
    background-color:rgba(255,255,255, 0.70)!important;
}
span.select-arrow{
    border: 1px solid rgba(226,232,240, 1)!important;
    background:rgba(255,255,255, 0.70)!important;
    background-color:rgba(255,255,255, 0.70)!important;
}
.select.expandable-list > .drop-down{
    background-color: #fff!important;
    left: 0px !important; 
    z-index: 99999999 !important;
}
.check-list > .drop-down > .selected{
    color: #275EFE !important;
}
.drop-down span.selected{
    border: none!important;
    text-shadow: none!important;
    background: #275EFE !important;
    color: #fff!important;
}
.drop-down span{
    text-shadow: none!important;
}
.drop-down > span, .drop-down > a{
    color: #666666!important;
    font-weight: 500!important;
    font-size: 9pt!important;
    padding: 8px!important;
    text-shadow: none!important;
    line-height: 15px!important;
}
.drop-down > span:hover, .drop-down > a:hover{
    color: #000!important;
    background: #e6ecff !important;
    padding: 8px!important;
    border: none!important;
}

.drop-down span:active{
    text-shadow: none!important;
}
.select-search-wrapper{
    top: 0px!important;
}
/*
menü ve üst bar css
*/
#title-bar{
    background: rgba(255,255,255, 0.90)!important;
    border: 1px solid rgba(226,232,240, 1)!important;
    border-radius: 1rem!important;
    height: 40px!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%);
    padding-top: 5px!important;
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    margin: 10px!important;
}
.fluent-header{
    background: rgba(255,255,255, 0.90)!important;
    border: 1px solid rgba(226,232,240, 1)!important;
    top: 10px!important;
    position: fixed;
    width: 90%;
    margin: auto!important;
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%);
    border-radius: 1rem!important;
    height: 30px!important;
    z-index: 99;
    left: 5%;
}
#title-bar ~ #menu, #title-bar ~ #shortcuts {
    top: 50px!important;
}
#title-bar::before{
    background: none!important;
}
#title-bar h2{
    font-weight: 600!important;
    color: #6c757d!important;
    font-size: 9pt!important;
    text-align: left!important;
    text-decoration: none!important;
    vertical-align: middle!important;
    cursor: default!important;
}
#menu{
    border-right: 0 solid #05050b!important;
    background-color: #05050b!important;
    box-shadow: none!important;
    display: flex!important;
    flex-direction: column!important;
    transition: all .2s ease-in-out!important;
    position: fixed!important;
    margin: 1rem!important;
    border-radius: 1rem!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    width: 15rem!important;
    left: 0!important;
}
.big-menu{
    border-left: none!important;
    background: #fff!important;
}
.big-menu > li, li.big-menu{
    transition: background-color 0.5s ease-out;
    color:#000!important;
    font-weight: 300!important;
    background: #05050b;
    border: none!important;
    box-shadow:inset 6px 0px 0px 0px #2c3e50!important;
    transition: all .2s ease-in-out;
    line-height: 10px!important;
    //box-shadow:inset 5px 0 0 0 #FF0000
}
.big-menu > li.with-right-arrow > span, .big-menu > li > a{
    margin-right: -18px!important;
    font-weight: 700!important;
    color: #cecece!important;
    border: none!important;
    font-size: 8.5pt;
    background-color: #05050b!important;
    text-shadow: none!important;
}
#menu-content{
    background: #19191f !important;
}
#open-menu{
    left: 218px!important;
    top: 60px!important;
    width: 30px!important;
}
#open-menu > span{
    background-position: -0px -16px!important;
}
#open-menu:hover > span{
    background-position: -20px -16px!important;
}
body.menu-hidden #open-menu > span{
    background-position: -20px 0px!important;
}
body.menu-hidden #open-menu:hover > span{
    background-position: 0px 0px!important;
}
body.with-menu.menu-hidden #open-menu{
    left: 0px!important;
    width: 25px!important;
    background: #e4e4e4!important;
}
body.with-menu.menu-hidden #menu{
    height: 0px!important;
    width: 0px!important;
}
body.with-menu.menu-hidden #main{
    margin-left: 25px!important;
    width: 95%!important;
}
ul#access{
    background: #19191f !important;
    box-shadow: none!important;
}
#menu ul#access{
    border-bottom: 1px solid #ccc;
    min-height: 50px!important;
    height: 30px!important;
    margin: auto;
    width: 200px;
}
#menu ul#access li{
    border: none!important;
    height: 50px!important;
}
.big-menu > li:hover, li.big-menu: hover{
    background-color: #ccc!important;
}
.big-menu > li.with-right-arrow > span:hover, .big-menu > li > a:hover{
    color: #e7eef8!important;
    background:#232328!important;
}
ul#access li{
    box-shadow: none!important;
    padding: 0px!important;
    max-width: 38px !important;
    min-width: 20px !important;
    width: 40px !important;
}
ul#access li a{
    color: #e7eef8!important;
    font-size: 13pt;
    height: 45px!important;
    text-shadow: 1px 1px 1px #000!important;
}
ul#access li a span{
    bottom: 5px!important;
    position: relative;
}
ul.big-menu li.title-menu{
    background: #333333  !important;
    color:#fff!important;
    border: 0!important;
    font-weight: 600!important;
    font-size: 12px!important;
    padding: 10px 25px!important
}
ul.big-menu li.title-menu:hover{
    cursor: default!important;
    background: #333333!important;
    background-color: #333333!important;
}
.navigable{
    position: initial!important;
    height: 100% !important;
    margin-top: -1px;
}
.navigable .back{
    background: #292929 !important;
    box-shadow: none!important;
    color: #fff!important;
    text-shadow: none!important;
}
.navigable .back span{
    font-weight: 600!important;
    font-size: 14px!important;
}
.big-menu li:hover{
    color: #55afff!important;
    box-shadow:inset 6px 0px 0px 0px #fff!important;
}
.big-menu li span:hover{
    color: #55afff!important;
    border: none!important;
}
.big-menu li.with-right-arrow{
    color:#000!important;
}
#profile{
    background: #282829 !important;
}
#menu header{
    background:#05050b!important;
}
#menu header a{
    color: #fff!important;
    text-shadow:none!important;
}
/*
Modal css
*/
.modal-bar{
    box-shadow: none!important;
    height: 30px!important;
    background: #ffffff!important;
    margin: -29px -20px 20px -20px!important;
    border-bottom: 1px solid #e6e6e6!important;
    cursor: default!important;
}
.modal{

    background-color: rgba(246, 246, 246, 0.98)!important;
    background: rgba(246, 246, 246, 0.98)!important;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.6rem);
    border: 1px solid #e6e6e6!important;
    border-radius: 0.5rem!important;
    -webkit-box-shadow: 0 0 24px rgb(0 0 0 / 10%)!important;
    box-shadow: 0 0 24px rgb(0 0 0 / 10%)!important;
}

.modal-bg{
    border-radius: 0px!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background: transparent!important;
    padding: 15px!important;
}

.modal-bar h3{
    text-shadow: none!important;
    color: #333!important;
    font-weight: 600!important;
    text-align: center!important;
    margin-right: 15px!important;
    margin-top: 5px !important;
    font-size: 11px!important;
}
.modal-buttons{
    padding: 8px 20px 5px!important;
    border-top: none;
}
.modal-buttons button{
    font-weight: 400!important;
    background: none!important;
    border: 1px solid transparent!important;
    color: #495057!important;
    background-color:#dbdbdb !important;
    border-width: 0!important;
    outline: none!important;
    border-radius: 5rem!important;
    box-shadow: none!important;
    font-size: 8pt!important;
    transform: scale(var(--scale, 1)) translateZ(0)!important;
    transition: transform 0.15s, background 0.4s!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding: 0px 10px 0px 10px;
    height: 25px!important;
    line-height: 10px!important;
}
.modal-buttons button.blue-gradient{
    color: #fff!important;
    margin: 0px!important;
}
.modal-buttons button.blue-gradient:hover{
    color: #fff!important;
}
.modal-buttons button.orange-gradient{
    background-color:transparent!important;
    border: 1px solid #ffa726 !important;
    color: #000!important;
}
.modal-buttons button.orange-gradient:hover{
    background-color:#ffa726  !important;
    color: #fff!important;
}
.modal-buttons button.red-gradient{
    border: 1px solid #ff5f57!important;
    color: #fff!important;
}
.modal-buttons button.red-gradient:hover{
    background-color:#ff5f57 !important;
    color: #fff!important;
}
.modal-actions{
    float: left!important;
}
.modal-actions .red-hover{
    background-image: none!important;
    width: 0.75rem;
    height: 0.75rem!important;
    background-color: #ff5f56!important;
    border-radius: 50%!important;
    margin: 8px 4px 0px -3px !important;
    background-position: center!important;
    background-size: cover!important;
    border: none!important;
}
.modal-actions .red-hover:hover{
    margin: 8px 5px 3px -3px !important;
}
.modal-actions .red-hover a{
    transition: background-color 0.3s ease-out;
    width: 14px!important;
    height: 14px!important;
    background: #efefef!important;
    border-radius: 50%!important;
    margin: 0px 0px 3px 0px!important;
}
.modal-actions .red-hover a:hover{
    background-position: center!important;
    background-size: cover!important;
    background-color: #d32f2f!important;
    margin: 0!important;
}
.modal-content{
    color: #000;
}
/*
ıvır zıvır
*/
.wrapped{
    margin-top: 5px!important;
    border: 1px solid rgba(226,232,240, 1)!important;
    border-radius: 1rem!important;
    -webkit-box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    background: #fdfcfc !important;
    -webkit-transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
    transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
}
.red-bg{
    background: #dd380d!important;
}
.legend{
    background: none!important;
    border: none!important;
    font-size: 14pt!important;
    box-shadow: none!important;
    font-weight: 500!important;
}
.fieldset{
    border-radius: 3px!important;
}
.standard-tabs .tabs-content{
    margin-top: 8px;
    border: 1px ridge #d4d4d4!important;
}
.tabs{
    overflow: hidden!important;
}
.side-tabs .tabs{
    margin-top: 3px!important;
}
.standard-tabs .tabs{
    margin: 0px !important;
    padding: 3px 3px 3px 3px !important;
    border-bottom: 1px solid #bdbdbd!important;
    border-top: 1px solid #eaeaea!important;
    background-color: #fff!important;
}
.side-tabs .tabs-content{
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    margin-left: 3px;
    border: 1px ridge #d4d4d4!important;
}
.tabs, .tabs-content{
    background: #f1f5f9!important;
    box-shadow: none!important;
    border: none!important;
    border-radius: 2px!important;
}
.tabs li{
    background-color: #f1f3ff!important;
    padding: 5px!important;
    transition: transform 0.15s, background 0.4s!important;
}
.tabs li a{
    color: #939393!important;
    transition: all 0.3s;
    font-size: 9pt!important;
    font-weight: 500!important;
    height: 30px!important;
    padding-top: 10px!important;
}
.standard-tabs > .tabs > li, .side-tabs > .tabs > li{
    margin-left: 0px!important;
    margin-right: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    border-top-left-radius: 2px!important;
    border-top-right-radius: 2px!important;
    border-left: 1px solid #e8e8e8!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.standard-tabs > .tabs > li.active > a, .side-tabs > .tabs > li.active > a{
    background-color: #6c5dd3!important;
    box-shadow: none !important;
    border: none!important;

}
.tabs li.active a{
    color: #fff!important;
}
.tabs li.active a:hover{
    color: #fff!important;
}
.tabs li a:hover{
    color: #fff!important;
    background-color: #4f64b8!important;
    border-top-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
}
.side-tabs > .tabs > li > a{
    margin: -5px -9px -11px -11px!important;
}
.ui-dialog.ui-widget, .ui-datepicker.ui-widget{
    border: 1px solid rgba(226,232,240, 1.0)!important;
    border-radius: 1rem!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
}
.ui-widget-content{
    border:none!important;
    border-radius: 1rem!important;
    box-shadow: none!important;
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
}
.ui-widget-overlay{
    -webkit-backdrop-filter: blur(.7rem)!important;
    backdrop-filter: blur(.7rem)!important;
    background: rgba(227,227,227, 0.90)!important;
}
.ui-dialog-buttonpane{
    background: transparent!important;
    box-shadow: none!important;
    border: none!important;
    border-top-right-radius: 0rem!important;
    border-top-left-radius: 0rem!important;
    border-bottom-right-radius: 1rem!important;
    border-bottom-left-radius: 1rem!important;
}
.ui-datepicker{
    padding: 5px!important;
    width: 235px!important;
    background: rgba(255,255,255, 0.90)!important;
}
.ui-datepicker-header{
    border:none!important;
    border-radius-left: 1rem!important;
    border-radius-right: 1rem!important;
    background: transparent!important;
}
.ui-datepicker-buttonpane button{
    background: transparent!important;
    border:none!important;
    border-radius: 0px!important;
    font-weight: 300!important;
    text-transform: uppercase;
}
.ui-datepicker-current{
    color:#275EFE !important
}
.ui-datepicker-current:hover{
    color:#fff !important
}
.ui-datepicker-calendar {
    background:transparent!important;
    color: #000;
}
.ui-datepicker-calendar thead tr th span{
    font-weight: 600!important;
    color: #666666;
    cursor: default;
    width: 20px;
}
.ui-datepicker-calendar tbody tr td{
    padding: 1px!important;
    width: 20px!important;
}
.ui-datepicker-today{
    background-color: #007bff;
    border-radius: 3px!important;
}
.ui-datepicker-today a{
    color:#fff!important;
}
button.ui-datepicker-close{
    color:#f44336!important;
}
button.ui-datepicker-close:hover{
    color:#b71c1c!important;
}
.ui-datepicker-month, .ui-datepicker-year{
    border: none!important;
    color: #333333DB!important;
    font-weight: 600!important;
    background: transparent!important;
}
.ui-state-default{
    background: transparent!important;
    border: none!important;
    font-size: 12px!important;
    color: #000!important;
    font-weight: 600!important;
    margin: 2px!important;
    transition: transform 0.15s, background 0.4s!important;
    border-radius: 3px!important;
}
.ui-state-default:hover{
    color:#fff!important;
    background: #2B3044!important;
}
.ui-state-active{
    background: #275EFE !important;
    color: #fff!important;
}
.ui-state-active:hover{
    color: #fff!important;
}
.panel-control.sagpanel{
    box-shadow: none!important;
    border-radius: 0px!important;
}
.panel-control.sagpanel button, .panel-control.sagpanel a{
    margin: 3px !important;
}
.panel-control.sagpanel span.input{
    height: 10px;
}
.panel-control.sagpanel span.input:hover{
    border-bottom: solid 2px #f5f5f5!important;
}
.panel-control.sagpanel .input-unstyled,  .panel-control.sagpanel span.icon-search{
    bottom: 10px;
    position: relative;
}
.panel-control.sagpanel .input-unstyled:focus{
    color: #0288d1!important;
}
.panel-navigation .panel-control a{
    bottom: 0px;
}
.panel-content{
    background: #f5f5f5!important;
    box-shadow: none!important;
    color: #000;
}
.content-panel{
    box-shadow: none;
    border: none;
}
.panel-control{
    background: #263238;
    box-shadow: none;
    border: none;
    color: #fff;
}
.panel-navigation {
    background: #263238;
    color: #fff;
}
.panel-navigation .navigable ul li a, .panel-navigation .navigable ul li a:hover{
    color: #fff;
    font-size: 13pt;
    font-weight: 400 !important;
}
.panel-navigation .navigable ul li.message-menu:hover{
    background: #546e7a ;
    color: #fff!important;
}
.panel-navigation .navigable ul li.message-menu:hover label, .panel-navigation .navigable ul li.message-menu:hover span{
    color: #fff!important;
}
.panel-navigation .navigable ul li.message-menu.yenimesaj:hover label, .panel-navigation .navigable ul li.message-menu.yenimesaj:hover span{
    color: #000!important;
}
.button-group.compact.children-tooltip a{
    border-radius: 100%!important;
    font-size: 7pt!important;
    padding: 1px !important;
    width: 20px;
    height: 20px;
}

.button-group.compact.children-tooltip a.icon-plus{
    color: #000!important;
    background-color: #7cb342!important;
}
.button-group.compact.children-tooltip a.icon-plus:hover{
    background-color: #689f38!important;
}
.button-group.compact.children-tooltip a.icon-trash{
    color: #fff!important;
    background-color: #F44336!important;
}
.button-group.compact.children-tooltip a.icon-trash:hover{
    background-color: #f5a5a8!important;
}
.button-group.compact.children-tooltip a.icon-pencil{
    color: #000!important;
    background-color: #1976d2 !important;
}
.button-group.compact.children-tooltip a.icon-pencil:hover{
    background-color: #1e88e5 !important;
    color: #fff!important;
}
.button-group.compact.children-tooltip{
    margin-top: 30px!important;
    margin-bottom: 0px!important;
    margin-right: 0px!important;
}
.panel-load-target .baslik{
    background-color: transparent!important;
    color: #000!important;
}
.files-list.mini > li{
    background: #282829!important;
}
#kategoriler .icon.folder-docs{
    background:url('images/ic_insert_drive_file_white_24dp_2x.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
    background-size: 35px;
}
#kategoriler .icon.folder-open{
    background:url('images/ic_folder_open_white_24dp_2x.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
    background-size: 35px;
}
#kategoriler .icon.folder-image{
    background:url('images/ic_perm_media_white_24dp_2x.png');
    background-repeat: no-repeat;
    background-position: 0px 15px;
    background-size: 35px;
}
#kategoriler li.wrapped{
    background: #2980b9!important;
}

.message.tooltip{
    background: #8c8989!important;
    -webkit-box-shadow:0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -moz-box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    background-color: rgba(255,255,255, 0.99)!important;
    background: rgba(255,255,255, 0.89)!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.5rem);
    color: #000!important;
    font-weight: 500!important;
    border: 1px solid rgba(226,232,240, 1)!important;
}
.message.tooltip a.button{
    padding: 1px 10px 5px 10px!important;
    width: 96%!important;
    color: #fff!important;
    background: #007bff!important;
}
.message.tooltip .raporItem{
    transition: background-color 0.7s ease-out;
    background: #8c8989 !important;
}
.message.tooltip .raporItem:hover{
    background: #8c8989 !important;
}
.message.tooltip .raporItem strong, .message.tooltip .raporItem span{
    color: #000!important;
}
.white-gradient{
    background: #fff!important;
}
.ui-dialog {
    padding: 0!important;
    border: none!important;
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.75);
    background: rgba(255,255,255, 0.90)!important;
}
.ui-dialog-title
{
    text-align: center;
    font-size: 12px;
    font-weight: 600!important;
}
.ui-dialog-titlebar{
    background: transparent!important;
    color: #666!important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none!important;
}
.ui-dialog-titlebar button.ui-dialog-titlebar-close{
    background-image: url('images/ic_clear_black_18dp_1x.png')!important;
    background-size: cover!important;
    background-position: center!important;
    transition: background-color 0.3s ease-out;
    width: 16px!important;
    height: 16px!important;
    background-color: #efefef!important;
    border-radius: none;
    top: 3px;
}
.ui-dialog-titlebar button.ui-dialog-titlebar-close:hover{
    background-image: url('images/ic_clear_white_18dp_1x.png')!important;
    background-color: #d32f2f!important;
}
.ui-dialog-titlebar button.ui-dialog-titlebar-close span{
    display: none!important;
}
#bekletici{
    border-top-right-radius: 0rem !important;
    border-top-left-radius: 0rem !important;
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
    box-shadow: none!important;
    border: none!important;
    background: transparent!important;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.6rem);
}
#bekletici b{
    display: none!important;
}
#faturaMenu button{
    padding: 0px 10px 0px 10px !important;
    bottom: 1px !important;
}
.accordion{
    box-shadow: none!important;
    border: none!important;
}
.accordion dd {
    background:#e9edf1!important;
}
.accordion dt{
    background: #6c5dd3!important;
    border: none!important;
    border-radius: 0px!important;
    color: #fff!important;
}
.accordion dt b{
    color: #fff!important;
    color: #fff!important;
    text-shadow: none!important;
}
span.input .button{
    margin: 0px!important;
    border-radius: 0px!important;
}
span.input .button:hover{
    color:#fff!important;
    cursor: pointer!important;
    background-color:#7b69f9 !important;
}
/*
 Login form
*/
.js-login, .js-login body{
    background-color: #5c5c5c !important;
    background-position: center center; 
}
.js-login #container{
    width: 300px!important;
}
.js-login #theme_loading{
    text-align: center;
    padding: 0 !important;
    bottom: 10px !important;
    height: 40px !important;
    position: relative;
}
#form-login {
    background:#fff!important;
    padding: 10px!important;
    width: 300px!important;
    border-radius: 15px;
}
#form-register {
    background:#fff!important;
    padding: 10px!important;
    border-radius: 15px;
}
.form-border{
    border: 1px solid #ccc;
    background: #f3f3f3 !important;
}
.form-border .inputs, .form-border .inputs li{
    background: #f3f3f3 !important;
}
.form-border input{
    background: #f3f3f3 !important;
}
.form-border .button[type=submit]{
    width: 235px;
    margin-left: 15px !important;
    font-size: 14pt!important;
    font-weight: 300!important;
    color: #fff!important;
    background-color:#7cb342!important;
    height: 45px;
}
.form-border .button[type=submit]:hover{
    background-color:#bd2130 !important;
    color: #fff!important;
}
#form-login{
    margin: auto;
    margin-top: 100px;
    border-left: 1.5px solid #ececec;
    border-radius: 0px!important;
}
#form-register{
    margin: auto;
    border-left: 1.5px solid #ececec;
    border-radius: 10px!important;
    width: 900px;
    border: 1px solid #ccc;
}
#form-login .inputs, #form-login .inputs li, #form-register .inputs, #form-register .inputs li{
    box-shadow: none!important;
    border-radius: 0px!important;
    background: transparent!important;
}
#form-login .inputs li, #form-register .inputs li{
    color: #bd2130!important;
    margin-top: 10px!important;
    width: 100%;
}
#form-register .inputs li{
    margin-top:  0px!important;
}
#form-register .inputs.large > li{
    line-height: 40px!important;
    width: 100%;
}
#form-login .inputs li input, #form-register .inputs li input, #form-register .inputs li textarea{
    margin-top: 10px!important;
    color: #000!important;
    background: #f2f2f7!important;
    border: 1.5px solid #ececec!important;
    border-radius: 10px!important;
    width: 80%!important;
    padding-left: 30px!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
}
#form-register .inputs li input, #form-register .inputs li textarea{
    width: 85%!important;
    margin-top: 0px!important;
    padding-left: 10px!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
#form-register .inputs li textarea{
    width: 88%!important;
}
#form-register .inputs li label{
    margin-bottom: 0px!important;
    display: block;
    line-height: 2.429 !important;
}
span.input-icon{
    left: 25px;
    position: relative;
    color:#666!important;
    z-index: 99!important;
}
#form-login .inputs li input:focus, #form-register .inputs li input:focus {
    color: #000!important;
}
#form-login .button[type=submit], #form-register .button[type=submit]{
    font-size: 13pt!important;
    font-weight: 300!important;
    color: #fff!important;
    background-color:#00b8d4!important;
    padding-top: 0px !important;
    border-radius: 50px!important;
    box-shadow: none!important;
    width:80%!important;
    left: 23px;
}
#form-register .button[type=submit]{
    left: 0px;
    width: 395px !important;
}
#form-login .button[type=submit][disabled],#form-register .button[type=submit][disabled]{
    background: #7d7d7d!important;
}
#form-login .button[type=submit][disabled]:hover, #form-register .button[type=submit][disabled]:hover{
    background-color: #7d7d7d!important;
}
.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 30px!important;
}
#form-login .button:hover[type=submit], #form-register .button:hover[type=submit]{
    background-color:#02ceed !important;
    color: #fff!important;
}
#form-login .button.disabled, #form-register .button.disabled{
    color: #666!important;
    font-weight: 300!important;
    font-family: 'Roboto', sans-serif!important;
}
#modal_theme p{
    font-size: 14pt;
    font-weight: 400!important;
    margin-top: 30px;
}
/*
sprWebDesing desingtable
*/
.message div.tiny .button-group{
    height: 35px!important;
}
.message div.tiny .button-group button{
    padding: 5px !important;
}
.message div.tiny .input a.button{
    width: auto!important;
}
.message div.tiny .input
{
    padding: 0px !important;
    display: inline-block!important;
}
.message div.tiny .input input{
    color: #000!important;
    border-bottom: solid 1px #0288d1!important;
}
.message div.tiny .input input:focus{
    color: #0288d1!important;
    border-bottom: solid 2px #0288d1!important;
}
.kirilim1{
    color: #000!important;
}
.kirilim1 td:nth-child(1){
    background-color: #bdbdbd !important;
}
.kirilim1 td{
    background-color: #bdbdbd  !important;
    color: #000!important;
}
.kirilim1 td:nth-child(1) label{
    color:#000;
    font-weight: bold!important;
}
.kirilim2 td:nth-child(1) label{
    color: #000!important;
    font-weight: bold!important;
}
.kirilim2 label, .kirilim2 td{
    color:#000!important;
    font-weight: 400!important;
    font-size: 9pt!important;
}
.kirilim3{
    background-color:#999999!important;
}
.kirilim3 label, .kirilim3 td{
    font-size: 8pt!important;
}
/*span.select-styled-list{
    z-index: 999999!important;
}*/
input[required="required"], select[required="required"], textarea[required="required"], input[data-val="true"], textarea[data-val="true"], select[data-select-val="true"] {
    border: 1.5px solid #ce2323 !important;
}
.filterbar.silver-gradient{
    background: none!important;
    background-color: transparent!important;
}
.checkbox {
    background: none!important;
    width: 12px!important;
    height: 12px!important;
    border: 1.5px solid #0a5db8!important;
    border-radius: 5px!important;
}
.padding{
    padding: 15px!important;
}
.container{
    margin: 15px!important;
}
.container h3{
    margin-bottom: 15px!important;
}
.badge{
    padding: 3px;
    border-radius: 10px;
    display: block;
    text-align: center;
}
.block-title{
    background: #6c5dd3 !important;
    border-radius: 0px!important;
    color:#fff!important;
    box-shadow: none!important;
    border: none!important;
    -webkit-border-top-left-radius: 1rem!important;
    -webkit-border-top-right-radius: 1rem!important;
    -moz-border-radius-topleft: 1rem!important;
    -moz-border-radius-topright: 1rem!important;
    border-top-left-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
}
.block-title h3{
    color: #fff!important;
}
.ribbon-inner, .active > .wizard-step{
    border-color: rgba(145,200,255, 1) !important;
    background: white!important;
    color: rgba(145,200,255, 1) !important;
}
.wizard-steps{
    border: 1px solid rgba(145,200,255, 1) !important;
    background: #f0f6fc !important;
}
.wizard-steps li {
    color: #666!important;
}
.wizard-steps > .active{
    color: #017aff!important;
}
.button-icon{
    background: #0a5db8 !important;
    border: 1px solid #000;
    line-height: 28px;
    height: 28px;
}
.button > .button-icon.right-side{
    border-bottom-right-radius: 1rem!important;
    border-top-right-radius: 1rem!important;
    border-bottom-left-radius: 0rem!important;
    border-top-left-radius: 0rem!important;
    height: 25px;
}
span.input{
    border: none!important;
    width: 100%!important;
    padding-left: 0px !important;
}
.info-spot{
    right: 4%!important;
    top: 1%!important;
}
p.info{
    font-size: 8pt;
    color: grey;
    font-style: italic;
    display: inline-block;
    cursor: pointer;
}
.input.number{
    border: 1.5px solid #f2f2f7!important;
    border-radius: 5px!important;
    height: 18px;
}
.input.number > input{
    position: relative;
    bottom: 6px;
    height: 28px;
    width: 95%;
    border-radius: 5px;
}
.input.number:focus{
    color: #0288d1!important;
    border-bottom: solid 2px #0288d1!important;
    outline: none;
}
.block-arrow > span{
    border-top-color: #8c8989 !important;
}
.button > .button-icon{
    -webkit-border-top-left-radius: 15px!important;
    -webkit-border-bottom-left-radius: 15px!important;
    -moz-border-radius-topleft: 15px!important;
    -moz-border-radius-bottomleft: 15px!important;
    border-top-left-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
    height: 25px!important;
}
.panel-control > span.input{
    width: 200px !important;
    padding-left: 15px !important;
    top: 6px !important;
    position: relative;
}
.files-icons .button-group.compact.children-tooltip{
    margin: 0!important;
}
.panel-control  > button.grey-gradient, .panel-control > a.grey-gradient
{
    height: 25px !important;
    font-size: 9pt !important;
}
.branch {
    font-weight: bold!important;
    cursor: pointer!important;
}
.leaf {
    color:#666666!important;
}
.check-list > .drop-down > span, .check-list > .drop-down > a{
    padding-left: 35px!important;
}
summary{
    background: #292929!important;
    text-shadow: none!important;
    font-size: 12pt!important;
    font-weight: 500!important;
    color: #fff!important;
    border: none!important;
    border-radius: 0!important;
}
.block, details.details{
    border: 1px solid rgba(226,232,240, 1)!important;
    border-radius: 1rem!important;
    -webkit-box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    background: #fdfcfc !important;
    -webkit-transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
    transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1),-webkit-box-shadow .2s ease;
}
.modal-blocker.visible{
    background: rgba(218, 218, 218 , 0.98)!important;
    -webkit-backdrop-filter: blur(.2rem);
    backdrop-filter: blur(2px);
}
@supports(
backdrop-filter: opacity( 1.0 )) {
    .ui-datepicker, #title-bar, .ui-dialog, .ui-dialog.ui-widget, .message.tooltip, .popover, .translucid, .notification, .search-result, .ui-autocomplete,
    .context-menu-list, #appSearchBar, .fluent-header, .kisayol > span, .select.expandable-list > .drop-down, .select-value, .select-arrow, input.es-input, es-list, #bekletici
    {
        background: hsla(0,0%,100%,.6)!important;
    }
    .modal{
        background: hsla(0,0%,97%,.5)!important;
    }
    .modal-blocker.visible{
        background: hsla(0,0%,100%,.1)!important;
    }
    .drop-down span.selected, .es-visible.selected {
        background: rgba(39,94,254, 0.9)!important;
        color: #fff!important;
    }
    nav.modern-ui-menu{
        background: hsla(0,0%,100%,.3)!important;
    }
    nav.modern-ui-menu li a, nav.modern-ui-menu li.menu-label, .modern-ui-menu li.right-menu a > span#systemTime{
        font-weight: 400!important;
        color: #000;
    }
}
.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #000;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.ui-dialog-titlebar-close{
    width: 16px!important;
    height: 16px!important;
    background-color: #ff5f57!important;
    border-radius: 50%!important;
    background-position: center!important;
    background-size: cover!important;
}
.ui-icon-closethick{
    background-position: center center!important;
}
.ui-icon.ui-icon-closethick{
    background-image: url(images/ic_clear_white_18dp_1x.png)!important;
}
.ui-dialog-titlebar-close:hover{
    background: #d32f2f!important;
    border: none!important;
}
.translucid > div, .notification > div{
    color: #000!important;
    background: transparent!important;
}
.popover.clockpicker-popover, .translucid, .notification{
    font-weight: 500!important;
    -webkit-box-shadow:0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -moz-box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    background-color: rgba(255,255,255, 0.99)!important;
    background: rgba(255,255,255, 0.89)!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.5rem);
    border: 1px solid rgba(226,232,240, 1)!important;
}
.clockpicker-popover .popover-title {
    background-color: transparent!important;
}
.clockpicker-popover .popover-content{
    background-color: transparent!important;
}
.input.clockpicker {
    width: 75px!important;
}
/*
yeni özellik tanımları
*/
.widget{
    height: 150px;
    border: 1px solid rgba(226,232,240, 1)!important;
    border-radius: 1rem!important;
    -webkit-box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    background: #fff;
    padding: 25px;
    cursor: default;
}
.widget .columns{
    margin-bottom: 0px!important;
    margin-top: 0px!important;
}
.widget h1{
    color: #fff!important;
    font-weight: 500!important;
    margin: 0px;
}
.widget h2{
    font-weight: 300!important;
    margin: 0px;
}
.widget h3{
    margin: 0px;
    color: #fff!important;
    font-weight: 100!important;
}
.widget h4, .widget h5{
    margin: 0!important;
    font-weight: 600!important;
}
.widget p{
    font-weight: 500!important;
}
.red-card{
    background: rgb(255,0,155);
    background: linear-gradient(128deg, rgba(255,0,155,1) 0%, rgba(254,0,0,1) 100%);
    color: #fff;
}
.purple-card{
    background: rgb(85,0,255);
    background: linear-gradient(128deg, rgba(85,0,255,1) 0%, rgba(254,0,116,1) 100%);
    color: #fff;
}
.orange-card{
    background: rgb(254,255,0);
    background: linear-gradient(128deg, rgba(254,255,0,1) 0%, rgba(254,162,0,1) 100%);
    color: #fff;
    font-weight: 400!important;
}
.orange-card h1, .orange-card h2, .orange-card h3, .orange-card p,
.green-card h1, .green-card h2, .green-card h3, .green-card p, .orange-card h4, .orange-card{
    color: #141414!important;
}
.blue-card{
    background: rgb(0,255,162);
    background: linear-gradient(128deg, rgba(0,255,162,1) 0%, rgba(0,95,254,1) 100%);
    color: #fff;
}
.black-card{
    background: rgb(31,31,31);
    background: linear-gradient(128deg, rgba(31,31,31,1) 0%, rgba(70,70,70,1) 100%);
    color: #fff;
}
.green-card{
    background: rgb(206,255,104);
    background: linear-gradient(128deg, rgba(206,255,104,1) 0%, rgba(23,180,1,1) 100%);
    color: #fff;
}
.cyan-card{
    background: rgb(206,255,104);
    background: linear-gradient(203deg, rgba(206,255,104,1) 0%, rgba(1,164,180,1) 100%);
    color: #fff;
}
.search-result{
    background: transparent!important;
}
.search-result ul {
    list-style: none;
    margin: 0;
    background: transparent;
}
.search-result ul > li {
    padding-left: 10px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}
.search-result ul > li:hover {
    background: rgba(39,94,254, 0.9)!important;
    color: #fff!important;
}
.search-result h5{
    padding: 3px;
    background-color: rgba(240, 240, 240, 0.99)!important;
    background: rgba(240, 240, 240, 0.89)!important;
    font-size: 9pt;
    margin: 0;
    line-height: 20px;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.6rem);
}
.context-menu-list{
    -webkit-box-shadow:0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -moz-box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    background-color: rgba(255,255,255, 0.99)!important;
    background: rgba(255,255,255, 0.89)!important;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 10%)!important;
    -webkit-backdrop-filter: blur(.6rem);
    backdrop-filter: blur(.5rem);
    border: 1px solid rgba(226,232,240, 1)!important;
}
.context-menu-list .context-menu-item{
    background: transparent!important;
}
.context-menu-list .context-menu-item:hover{
    background: rgba(39,94,254, 0.9)!important;
    color: #fff!important;
}
.input.datepicker{
    background-image: url(images/datepicker-icon.png) !important;
    background-position: 5px 5px !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    padding-left: 25px !important;
    background-size: 16px !important;
}
.cke_top, .cke_bottom{
    background: #f1f5f9!important;
    border: 1px solid rgba(108,93,211, 1)!important;
    box-shadow: none!important;
}
.button.huge, .huge .button{
    font-size: 13pt!important;
}
.kisayol > span{
    font-weight: 500!important;
    bottom: 0;
    top: 50px;
    position: relative;
    background-color: rgba(255,255,255, 0.7);
    backdrop-filter: blur(7rem);
    display: inline-block;
    color: #000;
    padding: 3px;
    border-radius: 1rem;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / 15%)!important;
    border: 1px solid rgba(210,210,210, 1)!important;
}
.list-count, .list-count-2, .sayac{
    background: #de0b0b!important;
    border:none!important;
    box-shadow: none!important;
    color: #fff!important;
    text-shadow: none!important;
    right: 15px !important;
}
.list-count:hover{
    color: #fff!important;
}
button.margin-auto-full-button{
    margin: auto!important;
    margin-top: 8px!important;
    margin-bottom: 5px!important;
}
.p-cover, #divOnizleme{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%)!important;
}
/*.ui-dialog-titlebar-close {
    visibility: hidden;
}*/
/*
Yeni menü tasarımı başlangıç
*/
nav.modern-ui-menu{
    background: rgba(238, 238, 238, 0.90);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    z-index: 99;
    position: fixed;
    width: 100%;
    list-style-type: none;
    border: solid 1px rgba(23, 23, 23, 0.15);
    list-style-type: none;
    left: 180px;
    top: 5px;
    width: 80%;
    padding: 5px;
    border-radius: 20px;
}
nav.modern-ui-menu li.menu-label{
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    content: ' ';
    font-size: 12px;
    color: #000;
    font-weight: 600!important;
    text-transform: uppercase;
    text-align: left;
    cursor: default;
    backdrop-filter: blur(18px);
    display: inline-block;
}
nav.modern-ui-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 99;
    background: transparent;
}
nav.modern-ui-menu a#menu-tree{
    color: #000;
}
nav.modern-ui-menu a#menu-tree:hover{
    color: #fff;
}
nav.modern-ui-menu ul li{
    display: inline-block;
    background: transparent;
    z-index: 99;

}
nav.modern-ui-menu ul ul li a{
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    color: #000;
}
nav.modern-ui-menu ul ul li a:hover{
    border-radius: 0px;
}
nav.modern-ui-menu a{
    display: block;
    padding: 5px 10px;
    color: #666;
    line-height: 20px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400!important;
}
nav.modern-ui-menu a:hover{
    background: rgba(39,94,254, 0.9)!important;
    border-radius: 15px;
    color: #fff;
}
nav.modern-ui-menu ul ul {
    display: none;
    position: absolute;
    /*top: 25px;*/
    z-index: 99;
    height: auto;
}
ul.open-on-hover{
    display: inherit!important;
    z-index: 99;
    border: none!important;
    box-shadow: none!important;
}
/*nav.modern-ui-menu ul li:hover > ul {
    display: inherit;
    z-index: 99;
    border: none!important;
    box-shadow: none!important;
}*/
nav.modern-ui-menu ul ul li{
    width:250px;
    float: none;
    display: list-item;
    position: relative;
    z-index: 99;
    background: rgba(240,240,240, 0.98);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}
nav.modern-ui-menu ul ul ul li {
    position: relative;
    top: -30px;
    left: 250px;
    z-index: 99;
    background: rgba(240,240,240, 0.98);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}
.modern-ui-menu li.right-menu{
    float: right;
    height: 30px;
    font-weight: 500!important;
    width: auto;
    max-width: 500px;
}
.modern-ui-menu li.right-menu a:hover{
    background: none!important;
    color: #000;
}
.modern-ui-menu li.right-menu a{
    line-height: 10px;
    padding-top: 8px;
    text-align: right;
    color: #666;
}
.modern-ui-menu li.right-menu a > img{
    bottom: 6px;
    position: relative;
}
.modern-ui-menu li.right-menu a > span#systemTime{
    font-weight: 400!important;
    margin-right: 15px;
}
.modern-ui-menu li.right-menu a > span{
    margin-left: 3px;
    bottom:14px;
    position: relative;
    font-weight: 200!important;
}
.user-icon{
    border: 2.5px solid #1f62dd;
    border-radius: 50px!important;
}
#advanced-list-menu > a{
    font-weight: 400!important;
}
/*
Yeni menü tasarımı bitiş
*/
#offline{
    width: 100%;
    height: 900px;
    margin: auto;
    background-image: url('images/icons8-wired-network-connection-96.png');
    background-position: center center;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.wrapper-sticky table tr.skt-sticky-top th, .wrapper-sticky table tr.skt-sticky-top td,
.wrapper-sticky table tr.skt-sticky-bottom th,
.wrapper-sticky table tr.skt-sticky-bottom td, .sticky-cell.skt-sticky-left, .skt-sticky-right{
    background: rgb(240, 246, 252)!important;
    outline-color: rgb(145, 200, 255) !important;
    color: rgb(110, 111, 111)!important;
}
table tr.skt-sticky-top th, table tr.skt-sticky-top td,
table tr.skt-sticky-bottom th,
table tr.skt-sticky-bottom td, .sticky-cell.skt-sticky-left, table tr td.skt-sticky-left.skt-sticky-right,
table thead tr.skt-sticky-top{
    background: rgb(240, 246, 252)!important;
    outline: 1px solid rgb(145, 200, 255) !important;
    color: rgb(110, 111, 111)!important;
}
.skt-sticky-top td a, .skt-sticky-bottom td a, .skt-sticky-left td a, .skt-sticky-right a,
table thead tr.skt-sticky-top th a{
    color: #0b84ff!important;
}
.modern-ui-menu.mobile-nav{
    width: 95%!important;
    left: 5px!important;
}
#menu-mobile ul li a{
    font-weight: 400!important;
}
#menu-mobile ul li.menu-label{
    font-weight: 500!important;
}
#menu-mobile ul li.menu-label:before{
    right: 0px!important;
    width: 0px;
    height: 0px;
}
@media only screen and (max-width: 600px) {
    div.button-group .icon-bullet-list, div.button-group .icon-pages,
    div.button-group .icon-pie-chart, div.button-group .icon-flow-cascade,
    div.button-group .icon-extract, div.button-group .icon-search, form.table-footer input, form.table-footer .icon-right-thin
    {
        display: none;
    }
    form.table-footer div.float-right div.button-group:nth-child(3) a:nth-child(1),
    form.table-footer div.float-right div.button-group:nth-child(4),
    form.table-footer div.float-right div.button-group:nth-child(5) a:nth-child(2){
        display: none;
    }

}
.white-bg{
    border: none!important;
    box-shadow: none!important;
}
.black-bg{
    background: #000!important;
    border: none!important;
    box-shadow: none!important;
}
.silver-bg{
    background: #cecece!important;
    border: none!important;
    box-shadow: none!important;
}
.grey-bg{
    background: #e2e2e2!important;
    color: #666!important;
    border: none!important;
    box-shadow: none!important;
}
.anthracite-bg{
    background: #383e42!important;
    color: #fff!important;
    border: none!important;
    box-shadow: none!important;
}
.orange-bg{
    background: #ffa726!important;
    color: #fff!important;
    border: none!important;
    box-shadow: none!important;
}
.green-bg{
    background: #28a745!important;
    color: #fff!important;
    border: none!important;
    box-shadow: none!important;
}
.blue-bg {
    background: #017afd!important;
    color: #fff!important;
    border: none!important;
    box-shadow: none!important;
}
.button.big{
    padding: 3px 15px!important;
    line-height: 30px!important;
    height: 30px!important;
}
.button.compact{
    padding: 0px 10px!important;
    line-height: 25px!important;
    height: 25px!important;
}
.ui-autocomplete{
    max-height: 250px!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
    border: 1px solid rgb(204, 204, 204) !important;
    border-radius: 0px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px!important;
    background-color: rgba(255, 255, 255, 0.98)!important;
    background: rgba(255, 255, 255, 0.98)!important;
    z-index: 999999 !important;
}
.ui-autocomplete li.ui-menu-item a{
    font-weight: 500!important;
    font-size: 9pt!important;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}
.linen > .panel-control, .carbon > .panel-control{
    box-shadow: none!important;
}
div.transparent-wrapped{
    background: #ffffff94 !important;
    border: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    top: 10px;
    position: relative;
}
label.text-info{
    font-size: 11px;
    color: #9e9e9e;
}
.select2-dropdown{
    z-index: 999999!important;
}
#divSearchResults ul li.selected {
    background-color: #cce5ff; /* açık mavi zemin */
    font-weight: bold;
}