/**
 * Esperim Technology sp. z o.o. ("COMPANY") CONFIDENTIAL
 * Copyright (c) Esperim Technology sp. z o.o., All Rights Reserved
 *
 * NOTICE: All information contained herein is, and remains the property of COMPANY. The intellectual and
 * technical concepts contained herein are proprietary to COMPANY and are protected by trade secret or
 * copyright law. Dissemination of this information or reproduction of this material is strictly forbidden
 * unless prior written permission is obtained from COMPANY. Access to the source code contained herein is
 * hereby forbidden to anyone except current COMPANY employees, managers or contractors who have executed
 * Confidentiality and Non-disclosure agreements explicitly covering such access.
 *
 * The copyright notice above does not evidence any actual or intended publication or disclosure of this
 * source code, which includes information that is confidential and/or proprietary, and is a trade secret,
 * of COMPANY. ANY REPRODUCTION, MODIFICATION, DISTRIBUTION, PUBLIC PERFORMANCE, OR PUBLIC DISPLAY OF OR
 * THROUGH USE OF THIS SOURCE CODE WITHOUT THE EXPRESS WRITTEN CONSENT OF COMPANY IS STRICTLY PROHIBITED,
 * AND IN VIOLATION OF APPLICABLE LAWS AND INTERNATIONAL TREATIES. THE RECEIPT OR POSSESSION OF THIS SOURCE
 * CODE AND/OR RELATED INFORMATION DOES NOT CONVEY OR IMPLY ANY RIGHTS TO REPRODUCE, DISCLOSE OR DISTRIBUTE
 * ITS CONTENTS, OR TO MANUFACTURE, USE, OR SELL ANYTHING THAT IT MAY DESCRIBE, IN WHOLE OR IN PART.
 *
 * @copyright Esperim Technology sp. z o.o., ul. Technologiczna 2, 45-839 Opole, Poland
 */

@charset "UTF-8";

/* ################################################################################################################## */
.cursor-pointer {
    cursor: pointer;
    cursor: hand;
}

.global-styling {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
    font-size: 0.9em;
    color: #666666;
    padding-bottom: 30px;
}

/* ################################################################################################################## */
#s-o a,
#s-o a:visited,
#s-o a:active,
#s-o a[target] {
    text-decoration: none;
}

#s-o a:hover:not(.btn, .no-underline),
#s-o a[target]:hover:not(.btn) {
    text-decoration: underline;
}

#s-o h1 {
    font-size: 1.45rem;
    margin-bottom: 1rem;
    font-weight: 400;
  }

#s-o h2 {
    font-size: 1.32rem;
    font-weight: 400;
}

#s-o h3 {
    font-size: 1.2rem;
    font-weight: 400;
}

#s-o h4 {
    font-size: 1.1rem;
    font-weight: 400;
}

#s-o h5 {
    font-size: 1.05rem;
    font-weight: 400;
}

#s-o .fs-nano { font-size: 11px; }
#s-o .fs-xs   { font-size: 12px; }
#s-o .fs-sm   { font-size: 13px; }
#s-o .fs-b    { font-size: 14px; }
#s-o .fs-md   { font-size: 15px; }
#s-o .fs-lg   { font-size: 16px; }
#s-o .fs-xl   { font-size: 17px; }
#s-o .fs-xxl  { font-size: 18px; }

#s-o .px-1px {
    padding-right: 1px;
    padding-left: 1px;
}

#s-o .py-2px {
    padding-top: 2px;
    padding-bottom: 2px;
}

#s-o .btn-sm {
    font-size: 12px;
    padding-top: .22rem;
    padding-bottom: .20rem;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

#s-o .modal-body {
    overflow-y: auto;
}

.modal-dialog-right {
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.modal-form-overlay {
    position: absolute;
    z-index: 1100;
    background-color: #00000021;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#s-o .disabled-element:not(.btn),
#s-o .disabled-element:not(.btn) > * {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: 0.80;
    cursor: not-allowed;
}

.table > :not(caption) > * > * {
    color: unset;
}



/* ################################################################################################################## */
#bottom-notification-box {
    z-index: 1301;
    display: none;
    position: fixed;
    right: 17px;
    top: 0px;
}

#bottom-notification-box > .box-content {
    border: 2px solid #28A745;
    background-color: #E4FFE6;
    padding: 10px;
    font-size: 0.9em;
}

#bottom-notification-box > .box-success {
    border: 2px solid #28A745;
    background-color: #E4FFE6;
}

#bottom-notification-box > .box-error {
    border: 2px solid #FF3636;
    background-color: #FFE7E9;
}

#bottom-notification-box .id-box-text,
#bottom-notification-box .id-box-icon {
    padding-top: 5px;
    font-size: 0.95em;
}

@media (max-width: 767px) {
    #bottom-notification-box {
      width: calc(100% - 34px);
    }
}

@media (min-width: 768px) {
    #bottom-notification-box {
      width: 700px;
    }
}

.popover {
    max-width: 600px;
    max-height: 500px;
}



/* ################################################################################################################## */
/* ################################################################################################################## */