﻿.NoWrapText {
    white-space: nowrap;
}

.MainPopup {
    width: 100%;
    display: flex;
    padding: 30px;
    flex-direction: column;
}

.MainPopup .Form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.MainPopup .Form > div:not(.OSAutoMarginTop) {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.MainPopup .Form > div,
.MainPopup .Form > div:first-child {
    display: flex;
    flex-direction: column;
}

.MainPopup .Form > div:not(.OSAutoMarginTop) .OSInline {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-direction: column;
}

.MainPopup .Form > div label,
.MainPopup .Form > div .OSInline label {
    width: 100%;
    text-align: left;
    margin-bottom: 3px;
    color: #999;
    vertical-align: top;
}

.MainPopup .Form > div input[type=text],
.MainPopup .Form > div input[type=number],
.MainPopup .Form > div textarea,
.MainPopup .Form > div .OSInline input[type=text] {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 0;
    width: 100% !important;
    text-align: left;
    margin-left: 0;
}

.MainPopup .Form > div input[type=text]:focus,
.MainPopup .Form > div input[type=text]:hover,
.MainPopup .Form > div input[type=number]:focus,
.MainPopup .Form > div input[type=number]:hover,
.MainPopup .Form > div textarea:focus,
.MainPopup .Form > div textarea:hover,
.MainPopup .Form > div .OSInline input[type=text]:focus,
.MainPopup .Form > div .OSInline input[type=text]:hover {
    border: none;
    border-bottom: 1px solid #177340;
    cursor: default;
}

.MainPopup .Form > div select {
    width: 100% !important;
    height: 35px !important;
    line-height: 16px !important;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 0;
    text-align: left;
    margin-left: 0;
}

.MainPopup .Form > div select:active,
.MainPopup .Form > div select:focus,
.MainPopup .Form > div select:hover {
    border: none;
    border-bottom: 1px solid #177340;
    cursor: default;
}

.MainPopup .Form > .OSAutoMarginTop div.ThemeGrid_MarginGutter,
.MainPopup .Form > .OSAutoMarginTop div.OSInline.ThemeGrid_MarginGutter {
    width: 100% !important;
    margin-left: 0 !important;
}

.MainPopup > div .Green {
    background-color: transparent !important;
    color: #4d4d4d !important;
}

/** Tabela de Dados de Pagamento */
.TableRecords#WebPatterns_wt13_block_wtMainContent_wtwbPagamentos_wtSccAndamentoAsgTable thead tr th:first-child,
.TableRecords#WebPatterns_wt13_block_wtMainContent_wtwbPagamentos_wtSccAndamentoAsgTable tbody tr td:first-child {
    width: 35%;
}

.TableRecords#WebPatterns_wt13_block_wtMainContent_wtwbPagamentos_wtSccAndamentoAsgTable thead tr th:nth-child(2),
.TableRecords#WebPatterns_wt13_block_wtMainContent_wtwbPagamentos_wtSccAndamentoAsgTable tbody tr td:nth-child(2) {
    width: 20%;
}

/** Tabela de Arquivos Anexados */
.TableRecords#WebPatterns_wt13_block_wtMainContent_DadosComuns_wt8_block_wtAnexoTable thead tr th:first-child,
.TableRecords#WebPatterns_wt13_block_wtMainContent_DadosComuns_wt8_block_wtAnexoTable tbody tr td:first-child {
    width: 10%;
}

.TableRecords#WebPatterns_wt13_block_wtMainContent_DadosComuns_wt8_block_wtAnexoTable thead tr th:last-child,
.TableRecords#WebPatterns_wt13_block_wtMainContent_DadosComuns_wt8_block_wtAnexoTable tbody tr td:last-child {
    width: 15% !important;
}

.Normal {
    flex-direction: row;
}

/**
.Imprimir {
    width: 100px;
    padding: 5px;
    position: fixed;
    top: 30px;
    left: 60%;
    z-index:10;
}
*/

@media screen and (max-width: 768px) { 
    .MainPopup {
        min-width: auto !important;
    }
    
    .MainPopup .Form > div:not(.OSAutoMarginTop) {
        flex-direction: column;
    }
    
    .MainPopup .Form > div:not(.OSAutoMarginTop) .OSInline {
        width: 100% !important;
    }
    
    .TableRecords thead tr th,  
    .TableRecords thead tr td {
        width: auto;
    }
    
    div.os-internal-Popup .os-internal-ui-dialog,
    div.os-internal-Popup.os-internal-ui-dialog {
        width: 98% !important;
        left: 1% !important;
    }
    
    iframe[src*="ContratosPopUp.aspx"] {
        min-width: 100% !important;
    }
    
    .MainPopup > div .TableRecords tbody tr td,
    .MainPopup > div .TableRecords thead tr th,
    .MainPopup > div .OSAutoMarginTop .TableRecords tbody tr td,
    .MainPopup > div .OSAutoMarginTop .TableRecords thead tr th {
        width: auto !important;
    }
    
    .TableRecords tbody tr td div {
        word-wrap: unset;
    }
    
    
    .Imprimir {
        display: none;
    }
    
}