body {
    overflow: hidden;
}

.backgrounds {
    border: black 1px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
}



#alert-box {
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.background-rotate1 {
    display: none;

}

.background-rotate a {
    color: #000 !important;
}

#first-lenght-side {
    display: none;
}


#scaling-zk-wrapper, #scaling-zk-wrapper-exp {
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.drawing #scaling-gardenplanner-wrapper {
    pointer-events: none
}

@media only screen and (max-width:991px) {
    #scaling-zk-wrapper, #scaling-zk-wrapper-exp {
        bottom: 32px
    }
}

#scaling-zk-wrapper #scaling-gardenplanner-ruler {
    font-size: 0
}

#scaling-zk-wrapper .scale-ruler, #scaling-zk-wrapper-exp .scale-ruler {
    margin: 0 auto;
    /*display:inline-table; */
    display: flex;
    align-items: center;
}

#scale-ruler-exp {
    width:100%;
    height:30px;
    position:absolute;
    top: -100px;
    left:0;   
}

#scale-ruler-exp .scale-ruler-lines0, #scale-ruler-exp .scale-ruler-lines1, #scale-ruler-exp .scale-ruler-lines2, #scale-ruler-exp .scale-ruler-lines3, #scale-ruler-exp .scale-ruler-lines4 {
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    height: 4px;
    position: absolute;
}

#scale-ruler-exp .scale-ruler-lines0-m, #scale-ruler-exp .scale-ruler-lines1-m, #scale-ruler-exp .scale-ruler-lines2-m, #scale-ruler-exp .scale-ruler-lines3-m, #scale-ruler-exp .scale-ruler-lines4-m {
    display: block;
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    height: 6px;
    position: absolute;
    top: -1px;
}

#scaling-zk-wrapper .scale-ruler-left {
    /*background: url(../../../images/minus.svg) no-repeat center;
    margin-right: 10px;*/
}

.scale-ruler-right {
    /*background: url(../../../images/plus.png) no-repeat center;
    margin-left: 10px;*/
}

.scale-ruler-left,
.scale-ruler-right {}

.scale-ruler-left i,
.scale-ruler-right i {
    font-size: 25px;
}

#scaling-zk-wrapper .scale-ruler-parts {
    font-size: 14px;
    height: 4px;
    width: 40px;
    display: inline-block;
    background-color: #ff0000;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66), 0 1px 5px rgba(0, 0, 0, 0.33);

}

#scaling-zk-wrapper-exp .scale-ruler-parts-exp {
    font-size: 14px;
    height: 4px;
    width: 40px;
    display: inline-block;
    background-color: #ff0000;
    position: relative;
}

#scaling-zk-wrapper .scale-ruler-parts .scale-ruler-labels, #scaling-zk-wrapper-exp .scale-ruler-parts-exp .scale-ruler-labels {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.75);
    position: absolute;
    top: -21px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    text-align: center
}

#scaling-zk-wrapper .scale-ruler-parts:nth-child(even) {
    background-color: #fff
}

#scaling-zk-wrapper-exp .scale-ruler-parts-exp:nth-child(even) {
    background-color: rgba(0,0,0,0.11)
}

#scaling-zk-wrapper #zoom-in-button {
    margin-right: 24px
}

#scaling-zk-wrapper #zoom-out-button {
    margin-left: 24px
}


#sketch-uploader-zoom-in,
#zoom-in-button {
    line-height: 1.5
}

#sketch-uploader-zoom-out,
#zoom-out-button {
    line-height: 40px
}


a {
    color: #009900;
}

.main-sidebar {
    background: #004200;
}

/*@media (min-width: 192px) {
    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-left: 0;
        width: 4.6rem;
    }
}*/

.cursor-pointer {
    cursor: pointer;
}

nav-tree-first-level,
.nav-tree-second-level,
.nav-tree-three-level {
    font-size: 0.875rem;
}

.nav-tree-first-level>li>a {
    padding-left: 1.25rem;
}

.nav-tree-second-level>li>a {
    padding-left: 1.5rem;
}

.nav-tree-three-level>li>a {
    padding-left: 2rem;
}

.file-upload {
    /*padding: .1rem 0.5rem;*/
}

.file-upload input {
    overflow: hidden;
    width: 0;
    font-weight: 400 !important;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}

body:not(.layout-fixed) .main-sidebar {
    min-height: 101%;
}

divUnlock {
    background: url(images/klodka-otwarta.png);
}

divLock {
    background: none;
}

divLock:hover {
    background: url(images/klodka-zamknieta.png);
}

.error-red {
    border: 1px solid #ff0000;
}

.panel-toolbar {
    position: absolute;
    top: 5px;
    left: 16px;
    right: 16px;
}

.panel-toolbar li label {
    margin-bottom: 0;
}

.panel-toolbar .list-group-item {
    padding: 5px 5px 2px 5px;
    text-align: center;
    line-height: normal;
}

.panel-toolbar ul {
    z-index: 3;
}

.panel-toolbar .other-panel-top-left .list-group-item,
.panel-toolbar .other-panel .list-group-item {
    display: none;
}

/* .panel-toolbar .other-panel-top-left, .panel-toolbar .other-panel
{
    display: none;
} */

/* .other-panel-top-left
{
    background: yellow;
}

.other-panel {
    background: lime;
}

.other-panel-top-right {
    background:blue;
} */

.upper-canvas {
    z-index: 2;
}

.other-panel {
    padding-top: 0px;
}

.other-panel ul li button {
    background: none;
    border: 0 !important;
}

.other-panel ul li img {
    height: 25px;
}

.other-panel ul li i {
    font-size: 25px;
}

.other-panel .dropdown-menu {
    min-width: 6rem;
    padding: 0;
}

.other-panel .dropdown-menu .table {
    margin-bottom: 0px;
}

.other-panel .dropdown-menu .table td,
.table th {
    padding: 0.25rem;
}

.other-panel .dropdown-menu .dropdown-item.active,
.other-panel .dropdown-menu .dropdown-item:active,
.other-panel .dropdown-menu .dropdown-item:hover {
    background-color: #fff !important;
    color: #212529;
}

.other-panel-top-left {
    padding-top: 0px;
    padding-left: 4px;
}

.other-panel-top-left ul li button {
    background: none;
    border: 0 !important;
}

.other-panel-top-left ul li img {
    width: 25px;
}

.other-panel-top-left ul li i {
    font-size: 25px;
}

.other-panel-top-left .dropdown-menu {
    min-width: 6rem;
    padding: 0;
}

.other-panel-top-left .dropdown-menu .table {
    margin-bottom: 0px;
}

.other-panel-top-left .dropdown-menu .table td,
.table th {
    padding: 0.25rem;
}

.other-panel-top-left .dropdown-menu .dropdown-item.active,
.other-panel-top-left .dropdown-menu .dropdown-item:active,
.other-panel-top-left .dropdown-menu .dropdown-item:hover {
    background-color: #fff !important;
    color: #212529;
}

.other-panel-top-right {
    padding-right: 4px;
}


.other-panel-top-right .panel-top-right-2 {
    margin-top: 2px;
}

.other-panel-top-right .panel-top-right-2 .list-group-item {
    background-color: #f4f6f9;
    padding: 0px;
    border: none;
}

.other-panel-top-right ul li button {
    background: none;
}

.other-panel-top-right .panel-top-right-2 button {
    background: #fff;
    padding: 5px;
    border-color: #dee2e6 !important;
    border-style: solid;
    border-width: 1px;
}

.other-panel-top-right ul li img {
    width: 25px;
    height: 25px;
}

.other-panel-top-right ul li i {
    font-size: 25px;
    width: 25px;
    height: 25px;
}

#btnHand.fa-hand-rock {
    color: darkorange;
}

.other-panel-top-right .dropdown-menu {
    min-width: 6rem;
    padding: 0;
}

.other-panel-top-right .dropdown-menu .table {
    margin-bottom: 0px;
}

.other-panel-top-right .dropdown-menu .table td,
.table th {
    padding: 0.25rem;
}

.other-panel-top-right .dropdown-menu .dropdown-item.active,
.other-panel-top-right .dropdown-menu .dropdown-item:active,
.other-panel-top-right .dropdown-menu .dropdown-item:hover {
    background-color: #fff !important;
    color: #212529;
}

.other-panel-bottom-left {
    position: absolute;
    bottom: 0px;
    padding: 0px;
    left: 20px;
}

.alert-info-box-bottom-left {
    background: #fff;
    border-color: #ff0000;
    color: #000;
}


.other-panel-right-div {
    display: none;
    position: absolute;
    right: 20px;
    top: 160px;
    padding: 0px;
}

.other-panel-right-div #hide-other-panel-right {
    position: relative;
    z-index: 3;
}

.other-panel-right {
    z-index: 3;
    overflow-x: hidden;
    overflow-y: auto;
}


.other-panel-right .list-group-item {
    padding: 0.2rem 0.75rem 0.2rem 0.25rem;
    text-align: center;
    line-height: normal;
    position: static;
}

.other-panel-right ul li button {
    background: none;
    border: 0 !important;
}

.other-panel-right ul li img {
    width: 25px;
}

.other-panel ul li i {
    font-size: 25px;
}

.other-panel-right .dropdown-menu {
    min-width: 6rem;
    padding: 0;
}

.other-panel-right .table {
    margin-bottom: 0px;
}

.other-panel-right .table td,
.table th {
    padding: 0.25rem;
}

.other-panel-right .dropdown-menu .dropdown-item.active,
.other-panel-right .dropdown-menu .dropdown-item:active,
.other-panel-right .dropdown-menu .dropdown-item:hover {
    background-color: #fff !important;
    color: #212529;
}


.main-footer {
    height: 40px;
    padding: 5px 1rem;
}

.main-header {
    border: 0;
    padding: 10px 0 0 0;
}

.btn-modal-save-btn {
    background: #009900;
    border-color: #009900;
}

.btn-modal-save-btn:hover {
    background: #333;
    border-color: #333;
}

.btn-close-right-panel {
    border: 0px;
    padding: 5px;
    background: #fff;
    font-size: 12px;
}

#panelElementList tbody .selected,
#panelElementListIrr tbody .selected {
    background: #f38686;
}

.nameTextListItem {
    width: 175px;
}

.nameTextListItem div {
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropelement-item {
    display: inline-block;
    width: 25px;
    text-align: center;
    padding: 5px;
}

.dropelement-item:hover {
    background: #000;
}

.rounded-top-left {
    border-top-left-radius: 0.25rem !important;
}

.rounded-top-right {
    border-top-right-radius: 0.25rem !important;
}

.rounded-bottom-left {
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-bottom-right {
    border-bottom-right-radius: 0.25rem !important;
}

#access {
    display: none;
    font-size: 1.5rem;
}

#access-panel {
    margin-top: 5rem;
}

#access .fas {
    font-size: 1.5rem;
}

.access-panel-cont {
    margin: auto;
    background: #fff;
    border: 1px solid #000;
    min-width: 200px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
    z-index: 1110;
}

#access .input-group-text {
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.access-panel-body-text {
    padding: 0.75em;
}


#startap-panel,
#startap-panel-backdrop,
#access-panel,
#access-panel-backdrop {
    position: absolute;
    width: 100vw;
    height: 100vh;
}

#startap-panel,
#access-panel {
    z-index: 1100;
}

#startap-panel-backdrop,
#access-panel-backdrop {
    z-index: 1099;
    background-color: #000;
    opacity: .3;
}

.panel-logo {
    margin-top: 5rem;
}

.panel-logo .logo {
    background: #fff;
}

.panel-logo .logo img {
    height: 5rem;
}

.panel-drawing-mode {
    margin-top: 2rem;
}

.panel-drawing-mode .card {
    border-radius: 0;
}

.panel-logo .logo,
.panel-drawing-mode .card {
    border: 1px solid #000;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 50%);
}

#help-panel {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

.help-panel-cont {
    margin: auto;
    background: #fff;
    border: 1px solid #000;
    min-width: 200px;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 20%);
    z-index: 1110;
}

.help-panel-close {
    height: 1.5em;
    text-align: center;
    margin-right: 0.25em;
}

.help-panel-close i {
    cursor: pointer;
}

#help-panel .input-group-text {
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.help-panel-body-text {
    padding: 1em 0.2em 0.4em 0.4em;
}

.btn-finish-drawing {
    background-color: #17a2b8;
    border-color: #17a2b8;
    color: #fff!important;
    box-shadow: none;
}

.btn-finish-drawing:hover, .btn-finish-drawing:focus {
    background-color: #1491a5!important;
    border-color: #1491a5!important;
}

.btn-finish-drawing:active {
    background-color: #128193!important;
    border-color: #128193!important;
}

.panel-toolbar-submenu {
    min-width: 0.2rem !important;
}

.panel-toolbar button:hover:not([disabled]),
.btn-main:hover:not([disabled]) {
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 50%);
}

.newToolBoxMain {
    position: absolute;
    z-index: 3;
}

.btnShowNewToolBoxCon {
    background: #fff;
    padding: 2px 6px;
    border: solid 1px #dee2e6;
}

.newToolBoxCon {
    width: 400px;
    height: auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 50%);
}

.form-control-xs {
    height: calc(1.5em + 0.125rem + 2px);
    padding: 0.125rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

#modalFrame .modal-header,
#modalFrameInfo .modal-header {
    border-bottom: 0;
}

#modalFrame .modal-body {
    border-top: 1px solid #e9ecef;
}

#divMainList,
#divMainListIrr {
    margin-top: 5px;
    margin-bottom: 5px;

}

#loading-screen {
    z-index: 999999;
    background-color: rgba(255,255,255,1);
    position: absolute;
    height: 100vh;
    width: 100vw;
    color: #0b9444;
    font-size: 30px;
}

#loading-screen span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}