.saga {
    text-align: right;
}
.ort {
    text-align: center;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 1px solid #d2d6de;
    margin-bottom: 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-color: #4361ee;
}
.box.box-info {
    border-color: #2196f3;
}
.box.box-danger {
    border-color: #e7515a;
}
.box.box-warning {
    border-color: #e2a03f;
}
.box.box-success {
    border-color: #1abc9c;
}
.box.box-default {
    border-color: #d2d6de;
}

.box.box-primary > .box-body {
    border: 1px solid#4361ee;
}
.box.box-info > .box-body {
    border: 1px solid #2196f3;
}
.box.box-danger > .box-body {
    border: 1px solid #e7515a;
}
.box.box-warning > .box-body {
    border: 1px solid #e2a03f;
}
.box.box-success > .box-body {
    border: 1px solid #1abc9c;
}
.box.box-default > .box-body {
    border: 1px solid #d2d6de;
}

.box.box-primary > .box-header {
    background-color: #4361ee;
}
.box.box-info > .box-header {
    background-color: #2196f3;
}
.box.box-danger > .box-header {
    background-color: #e7515a;
}
.box.box-warning > .box-header {
    background-color: #e2a03f;
}
.box.box-success > .box-header {
    background-color: #1abc9c;
}
.box.box-default > .box-header {
    background-color: #d2d6de;
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #444444;
}
.box.box-solid.box-primary {
    border: 1px solid #4361ee;
}
.box.box-solid.box-primary > .box-header {
    color: #ffffff;
    background: #4361ee;
    background-color: #4361ee;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 1px solid #2196f3;
}
.box.box-solid.box-info > .box-header {
    color: #ffffff;
    background: #2196f3;
    background-color: #2196f3;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 1px solid #e7515a;
}
.box.box-solid.box-danger > .box-header {
    color: #ffffff;
    background: #e7515a;
    background-color: #e7515a;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 1px solid #e2a03f;
}
.box.box-solid.box-warning > .box-header {
    color: #ffffff;
    background: #e2a03f;
    background-color: #e2a03f;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 1px solid #1abc9c;
}
.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #1abc9c;
    background-color: #1abc9c;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*="bg"] > .box-header {
    color: #fff;
}
.box .box-group > .box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}
.box-header {
    color: #fff;
    display: block;
    padding: 10px 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-weight: 700;
    font-stretch: extra-condensed;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    color: #ffffff;
}
.box.box-default > .box-header .box-title {
    color: #000;
}
.box.box-default > .box-header {
    color: #000;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 3px;
}
.box-header > .box-tools-left {
    position: relative;
    display: inline;
    left: 0px;
    top: -5px;
    bottom: -5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.box-header > .box-tools .dropdown-menu > li > a {
    color: #444 !important;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
    border: 1px solid #ffffff8f;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool.btn:active {
    box-shadow: none;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body > .table {
    margin-bottom: 0;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}
.kutugolge {
    -webkit-box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    -moz-box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    border-radius: 0px !important;
}

.box {
    -webkit-box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    -moz-box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    box-shadow: 10px 10px 14px -5px rgba(118, 119, 122, 0.76);
    border-radius: 0px !important;
}

.box-comments {
    background: #f7f7f7;
}
.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
    content: " ";
    display: table;
}
.box-comments .box-comment:after {
    clear: both;
}
.box-comments .box-comment:last-of-type {
    border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
    padding-top: 0;
}
.box-comments .box-comment img {
    float: left;
}
.box-comments .comment-text {
    margin-left: 40px;
    color: #555;
}
.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600;
}
.box-comments .text-muted {
    font-weight: 400;
    font-size: 12px;
}
.w10 {width: 10px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {    width: 30px;}
.w35 {    width: 35px;}
.w40 {    width: 40px;}
.w50 {    width: 50px;}
.w55 {    width: 55px;}
.w60 {    width: 60px;}
.w65 {    width: 65px;}
.w70 {    width: 70px;}
.w80 {    width: 80px;}
.w90 {    width: 90px;}
.w100 {    width: 100px;}
.w110 {    width: 110px;}
.w120 {    width: 120px;}
.w130 {    width: 130px;}
.w140 {    width: 140px;}
.w150 {    width: 150px;}
.w160 {    width: 160px;}
.w170 {    width: 170px;}
.w180 {    width: 180px;}
.w190 {    width: 190px;}
.w200 {    width: 200px;}
.w210 {    width: 210px;}
.w220 {    width: 220px;}
.w230 {    width: 230px;}
.w240 {    width: 240px;}
.w250 {    width: 250px;}
.w260 {    width: 260px;}
.w270 {    width: 270px;}
.w280 {    width: 280px;}
.w290 {    width: 290px;}
.w300 {    width: 300px;}
.w400 {    width: 400px;}
.w500 {    width: 500px;}
.w600 {    width: 600px;}
.wy10 {    width: 10%;}
.wy20 {    width: 20%;}
.wy30 {    width: 30%;}
.wy33 {    width: 33%;}
.wy40 {    width: 40%;}
.wy45 {    width: 45%;}
.wy49 {    width: 49%;}
.wy50 {    width: 50%;}
.wy60 {    width: 60%;}
.wy65 {    width: 65%;}
.wy70 {    width: 70%;}
.wy80 {    width: 80%;}
.wy100 {    width: 100%;}
.mw1 {    min-width: 10px !important;}
.mw2 {    min-width: 20px !important;}
.mw3 {    min-width: 30px !important;}
.mw4 {    min-width: 40px !important;}
.mw5 {    min-width: 50px !important;}
.mw6 {    min-width: 60px !important;}
.mw7 {    min-width: 70px !important;}
.mw8 {    min-width: 80px !important;}
.mw9 {    min-width: 90px !important;}
.mw10 {    min-width: 100px !important;}
.mw11 {    min-width: 110px !important;}
.mw12 {    min-width: 120px !important;}
.mw13 {    min-width: 130px !important;}
.mw14 {    min-width: 140px !important;}
.mw15 {    min-width: 150px !important;}
.mw16 {    min-width: 160px !important;}
.mw17 {    min-width: 170px !important;}
.mw18 {    min-width: 180px !important;}
.mw19 {    min-width: 190px !important;}
.mw20 {    min-width: 200px !important;}
.mw21 {    min-width: 210px !important;}
.mw22 {    min-width: 220px !important;}
.mw23 {    min-width: 230px !important;}
.mw24 {    min-width: 240px !important;}
.mw25 {    min-width: 250px !important;}
.mw30 {    min-width: 300px !important;}
.mw40 {    min-width: 400px !important;}
.mw50 {    min-width: 500px !important;}
.mw60 {    min-width: 600px !important;}
.mwy20 {    min-width: 20% !important;}
.mwy30 {    min-width: 30% !important;}
.mwy50 {    min-width: 50% !important;}
.mwy70 {    min-width: 70% !important;}
.mwy80 {    min-width: 80% !important;}
.mwy100 {    min-width: 100% !important;}
.mxw2 {    max-width: 20px !important;}
.mxw3 {    max-width: 30px !important;}
.mxw4 {    max-width: 40px !important;}
.mxw5 {    max-width: 50px !important;}
.mxw6 {    max-width: 60px !important;}
.mxw7 {    max-width: 70px !important;}
.mxw8 {    max-width: 80px !important;}
.mxw9 {    max-width: 90px !important;}
.mxw10 {    max-width: 100px !important;}
.mxw11 {    max-width: 110px !important;}
.mxw12 {    max-width: 120px !important;}
.mxw13 {    max-width: 130px !important;}
.mxw14 {    max-width: 140px !important;}
.mxw15 {    max-width: 150px !important;}
.mxw16 {    max-width: 160px !important;}
.mxw17 {    max-width: 170px !important;}
.mxw18 {    max-width: 180px !important;}
.mxw19 {    max-width: 190px !important;}
.mxw20 {    max-width: 200px !important;}
.mxw21 {    max-width: 210px !important;}
.mxw22 {    max-width: 220px !important;}
.mxw23 {    max-width: 230px !important;}
.mxw24 {    max-width: 240px !important;}
.mxw25 {    max-width: 250px !important;}
.mxw30 {    max-width: 300px !important;}
.mxw35 {    max-width: 350px !important;}
.mxw40 {    max-width: 400px !important;}
.mxwy20 {    max-width: 20% !important;}
.mxwy30 {    max-width: 30% !important;}
.mxwy50 {    max-width: 50% !important;}
.mxwy70 {    max-width: 70% !important;}
.mxwy80 {    max-width: 80% !important;}
.mxwy100 {    max-width: 100% !important;}

.sqlinfo {
    background-color: #000;
    color: lime;
    padding: 5px 10px;
    font-size: 14px;
}
.stik-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0px;
    z-index: 2;
}
.stik-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 2;
}
.stik-left {
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 2;
}
.stik-right {
    position: -webkit-sticky;
    position: sticky;
    right: 0px;
    z-index: 2;
}
.vh-full{height: 100vh !important;}
.vh-10{height: calc(100vh - 100px) !important;}
.vh-11{height: calc(100vh - 110px) !important;}
.vh-12{height: calc(100vh - 120px) !important;}
.vh-13{height: calc(100vh - 130px) !important;}
.vh-14{height: calc(100vh - 140px) !important;}
.vh-15{height: calc(100vh - 150px) !important;}
.vh-16{height: calc(100vh - 160px) !important;}
.vh-17{height: calc(100vh - 170px) !important;}
.vh-18{height: calc(100vh - 180px) !important;}
.vh-19{height: calc(100vh - 190px) !important;}
.vh-20{height: calc(100vh - 200px) !important;}
.vh-25{height: calc(100vh - 250px) !important;}
.vh-26{height: calc(100vh - 260px) !important;}
.vh-27{height: calc(100vh - 270px) !important;}
.vh-28{height: calc(100vh - 280px) !important;}
.vh-29{height: calc(100vh - 290px) !important;}
.vh-30{height: calc(100vh - 300px) !important;}
.vh-31{height: calc(100vh - 310px) !important;}
.vh-32{height: calc(100vh - 320px) !important;}
.vh-33{height: calc(100vh - 330px) !important;}
.vh-34{height: calc(100vh - 340px) !important;}
.vh-35{height: calc(100vh - 350px) !important;}
.vh-36{height: calc(100vh - 360px) !important;}
.vh-37{height: calc(100vh - 370px) !important;}
.vh-38{height: calc(100vh - 380px) !important;}
.vh-39{height: calc(100vh - 390px) !important;}
.vh-40{height: calc(100vh - 400px) !important;}
.vh-41{height: calc(100vh - 410px) !important;}
.vh-42{height: calc(100vh - 420px) !important;}
.vh-43{height: calc(100vh - 430px) !important;}
.vh-44{height: calc(100vh - 440px) !important;}
.vh-45{height: calc(100vh - 450px) !important;}
.dxbox {
    padding: 0px;
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #d2d6de;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.dx-tab {
    padding: 3px 10px !important;
}
.dx-group-box {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 8px;
    margin-top: 10px;
    text-align: center;
    position: relative;
    display: block;
    justify-content: center;
}

.dx-group-box legend {
    background-color: white!important;
    border: 1px solid #ddd!important;
    border-radius: 20px!important;
    color: rgb(51,51,51);
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.499;
    line-height: 16px;
    transform-origin: center;
    margin-top: -18px;
    margin-bottom: 0px;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    display: block;
    z-index: 1;
}
.fs-10{ font-size: 10px !important; }
.fs-11{ font-size: 11px !important; }
.fs-12{ font-size: 12px !important; }
.fs-13{ font-size: 13px !important; }
.fs-14{ font-size: 14px !important; }
.fs-15{ font-size: 15px !important; }
.fs-16{ font-size: 16px !important; }
.fs-17{ font-size: 17px !important; }
.fs-18{ font-size: 18px !important; }
.fs-19{ font-size: 19px !important; }
.fs-20{ font-size: 20px !important; }
.fs-21{ font-size: 21px !important; }
.fs-22{ font-size: 22px !important; }
.fw-1{font-weight: 100 !important;}
.fw-2{font-weight: 200 !important;}
.fw-3{font-weight: 300 !important;}
.fw-4{font-weight: 400 !important;}
.fw-5{font-weight: 500 !important;}
.fw-6{font-weight: 600 !important;}
.fw-7{font-weight: 700 !important;}
.fw-8{font-weight: 800 !important;}
.fw-9{font-weight: 900 !important;}
.fw-B{font-weight: bold !important;}