﻿.tableTD td {
    white-space: normal;
}


:root {
    --panel-color: rgba(116, 185, 255, 0.4);
    --panel-color1: rgba(129, 236, 236, 0.4);
    --panel-border-width: 0.1em;
    --panel-padding: 0.75em;
}

.panel {
    background: var(--panel-color);
    border-radius: var(--panel-border-width);
    padding: var(--panel-border-width);
}

.panel1 {
    background: var(--panel-color1);
    border-radius: var(--panel-border-width);
    padding: var(--panel-border-width);
}

.panel__header,
.panel__content {
    padding: var(--panel-padding);
}

.panel__title {
    line-height: 1;
}

.panel__content {
    background: #fff;
}

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    /*width: 20%;*/
    z-index: 1001;
    background-color: #FFFFFF;
    border: solid 1px #000;
}


.fixHeader {
    height: 500px;
}

.maxHeight {
    max-height: 500px;
}

.table-scroll {
    overflow: auto;
}

.bloqTextArea {
    resize: none;
}

.modal .modal-dialog {
    width: 60%;
}

.ajax__html_editor_extender_container {
    width: 100% !important;
    height: 100% !important;
}

.ajax__html_editor_extender_texteditor {
    width: 100% !important;
    height: 300px !important;
}

/*OLHO SENHA*/
/*body{
    display: flex;
    justify-content: center;
    align-items: center;
    height:100vh;
    background-color: #f4f4f9;
    margin:0;
    font-family: Verdana;
}
.password-container{
    position: inherit;
    margin-bottom: 20px;
    width:100%;
    box-sizing: border-box;
}*/
#password {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 5px;
}

#togglePassword {
    position: absolute;
    right: 10px;
    top: auto;
    cursor: pointer;
    color: #666;
}

.tableTeste td {
    white-space: normal;
}

.modal-tamanho {
    width: 80%;
    /*height: 100%;*/
    padding: 0;
}

.modal-content {
    /*height: 100%;*/
    border-radius: 0;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: .9375rem !important;
    font-weight: bold !important;
    text-align: left !important;
    font-family: open sans, sans-serif;
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
}

/*CHECKBOX*/
.styled-checkbox input[type="checkbox"] {
    display: none;
}

/*Label que será usado como estilo*/
.styled-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    /*font-family: Arial, sans-serif;*/
    font-size: 14px;
    color: #333;
    user-select: none;
    position: relative;
}

    /*Caixa visual*/
    .styled-checkbox span.box {
        width: 22px;
        height: 22px;
        border: 2px solid #999;
        border-radius: 6px;
        mude para 0 para ser quadrado background-color: #fff;
        display: inline-block;
        position: relative;
        transition: all 0.3s ease;
        margin-right: 10px;
    }

    /*Quando marcado*/
    .styled-checkbox input[type="checkbox"]:checked + span.box {
        background-color: #4CAF50;
        border-color: #4CAF50;
    }

    /*O "check"*/
    .styled-checkbox span.box::after {
        content: "";
        position: absolute;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 2px 2px 0;
        top: 3px;
        left: 7px;
        transform: rotate(45deg);
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    /*Mostra o check*/
    .styled-checkbox input[type="checkbox"]:checked + span.box::after {
        opacity: 1;
    }

    /*Efeito hover*/
    .styled-checkbox:hover span.box {
        border-color: #4CAF50;
    }
/*------------------------------FIM CHECK BOX-------------------------------*/