@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.woff2') format('woff2'),
        url('fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* login.php styles */
.login-page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#html_element {
    margin-top: 5px;
    margin-bottom: 10px;
}

/* END - login.php styles */


/* Common Styles */

#content-holder {
    margin-top: 30px;
}

.user-status-toggle-switches {
    z-index: 10 !important;
}

#users-table th,
#users-table td {
    text-align: center;
}

#new-client-modal .ck-editor__editable,
#edit-client-modal .ck-editor__editable {
    min-height: 300px;
}

.ck-editor__editable {
    /*line-height: 0.5 !important;*/
    line-height: normal !important;
    font-family: 'Calibri' !important;
    font-size: 12pt !important;
}

.ck-balloon-panel {
    z-index: 1100 !important;
}

.loading-icon-div {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #f8f8f8;
    border: 1px solid #ececec;
    padding: 10px 25px 10px 25px;
    z-index: 5000 !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}

.database-backup-waiting-div {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #d4d4d4;
    border: 1px solid #c2c2c2;
    padding: 10px 25px 10px 25px;
    z-index: 5000 !important;
    border-radius: 10px;
    transform: translate(-50%, -50%);
}

.proposal-template-tree-holder {
    padding: 10px;
}

/* END - Common Styles */

/* Clients Page Styles */

#clients-table th,
#proposals-table th,
#clients-table td,
#proposals-table td {
    text-align: center;
}

#selectedClient {
    font-family: 'Calibri';
    font-size: 12pt;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ced4da;
}

/* END - Clients Page Styles */

/* Templates Page Styles */
#proposal-template-tree .l1-folder {
    color: #2A2565;
}

#proposal-template-tree .l2-folder {
    color: #1075BB;
}

#proposal-template-tree .l3-folder {
    color: #2EABE3;
}

#proposal-template-tree .l4-file {
    color: #AAA9B1;
}

.list-group-item:hover {
    cursor: pointer;
    background-color: #f8f9fa;
}

.list-group-item.active:hover {
    background-color: #007bff;
}

#manage-proposal-template-controls .ck-editor__editable {
    min-height: 500px !important;
}

#manage-proposal-defaults-controls .ck-editor__editable {
    min-height: 500px !important;
}

#manage-proposal-template-controls,
#manage-proposal-defaults-controls {
    margin-bottom: 30px;
}

/* END - Templates Page Styles */

/* Create Proposals Page Styles */
.create-proposal-progress-text {
    font-size: 1rem;
    text-shadow: 1px 1px rgb(83, 83, 83);
}

.form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

#pClient {
    padding-left: 2.5rem;
}

#p_editor_holder .ck-sticky-panel__content {
    top: 55px !important;
}

/* END - Create Proposals Page Styles */

/* Common Styles */
#top-nav-bar .active a {
    color: rgb(16, 117, 187) !important;
    font-weight: 600 !important;
}

#fbs-content-table .fas:hover {
    cursor: pointer;
}

#newClientDisplayContent, #editClientDisplayContent {
    font-family: 'Calibri';
    font-size: 12pt;
}

#step-2 .fas:hover {
    cursor: pointer;
}

/* END - Common Styles */