/* -------------
INDÍCE
1- FONTS
2- ESTILOS GERAIS
3- BOTÕES
4- SUB HEADER
5- NAVBAR (TABS)
6- TABELA UTILIZADOR
7- POPUP
8- PÁGINA "NOVO ESTABELECIMENTO"
9- CALENDÁRIO EM FORMULÁRIO
10- TABELAS
10.1 - CLASSES SUPORTE TABELAS
--------------*/

html, body, div, span, 
form, table, tbody, thead {
    margin: 0px;
    padding: 0px;
}

/* -------------
FONTS (TIPOGRAFIA)
--------------*/


@font-face {
    font-family: 'Conv_Gotham-Black';
    src: url('https://www.klog.pt/pt/fonts/Gotham-Black.eot');
    src: local('☺'), url('https://www.klog.pt/pt/fonts/Gotham-Black.woff') format('off'), url('https://www.klog.pt/pt/fonts/Gotham-Black.ttf') format('truetype'), url('https://www.klog.pt/pt/fonts/Gotham-Black.svg') format('sag');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Bold';
    src: url('https://www.klog.pt/pt/fonts/Gotham-Bold.eot');
    src: local('☺'), url('https://www.klog.pt/pt/fonts/Gotham-Bold.woff') format('off'), url('https://www.klog.pt/pt/fonts/Gotham-Bold.ttf') format('truetype'), url('https://www.klog.pt/pt/fonts/Gotham-Bold.svg') format('sag');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Medium';
    src: url('https://www.klog.pt/pt/fonts/Gotham-Medium.eot');
    src: local('☺'), url('https://www.klog.pt/pt/fonts/Gotham-Medium.woff') format('off'), url('https://www.klog.pt/pt/fonts/Gotham-Medium.ttf') format('truetype'), url('https://www.klog.pt/pt/fonts/Gotham-Medium.svg') format('sag');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url('https://www.klog.pt/pt/fonts/Gotham-Book.eot');
    src: local('☺'), url('https://www.klog.pt/pt/fonts/Gotham-Book.woff') format('off'), url('https://www.klog.pt/pt/fonts/Gotham-Book.ttf') format('truetype'), url('https://www.klog.pt/pt/fonts/Gotham-Book.svg') format('sag');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Light';
    src: url('https://www.klog.pt/pt/fonts/Gotham-Light.eot');
    src: local('☺'), url('https://www.klog.pt/pt/fonts/Gotham-Light.woff') format('off'), url('https://www.klog.pt/pt/fonts/Gotham-Light.ttf') format('truetype'), url('https://www.klog.pt/pt/fonts/Gotham-Light.svg') format('sag');
    font-weight: normal;
    font-style: normal;
}



/* -------------
ESTILOS GERAIS
--------------*/
body
{
    background: #EAEAEA;
}

body, select, input, textarea {
    font-family:  'Conv_Gotham-Medium', Montserrat, Arial !important;   
}
* {
    box-sizing: border-box !important;
}
.FundoAplicacao {
    padding: 0 50px;
}
a, a:link, a:visited {
    color: #0082ca;
}
a:hover {
    color: #000;
}

/* -------------
BOTÕES
--------------*/
td .a_demo_one {
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px 5px 5px 0;
    padding: 0 10px;
    font-size: 12px;
    height: 30px;
    background: transparent !important;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #444;
    color: #000;
    text-shadow: none;
    border-radius: 5px  !important;;
     width: auto !important;
    box-shadow: none;
    line-height: 24px;
    font-family: Montserrat, arial;
        
}
td.TableRecords_OddLine, td.TableRecords_EvenLine
 {
    margin: 0 5px 0 0;
    Height: 40px;
}
td .a_demo_one:hover {
    background-color: #0082ca !important;
    color: #FFF; 
    border-color: transparent !important;
}
input[type="submit"]:disabled.a_demo_one {
    background-color: #0082ca !important;
    color: #FFF; 
    border-color: transparent !important;
}
input, select, textarea {
    border: none;
    height: 25px;
    font-size: 14px;
}
input[type="text"], input[type="search"], input[type="password"] {
    padding: 5px;
}
input[type="file"] {
    background: transparent;
}
#wt11_wtMainContent_wtEnvios_wtRegistosPagina {
    width: auto;
}

/* -------------
SUB HEADER
--------------*/
div.Title {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 16px;
    margin-top: 20px;
    vertical-align: middle;
    background: #fff;
}
#wt11_wtTitle {
    margin: 0;
}

/* -------------
NAVBAR - TABS
--------------*/
.TableRecords_ItemLabel input.a_demo_one, td .MargemVBotoes input.a_demo_one, .FundoAplicacao  .MainContent #wt11_wtMainContent_wtFilters_Wrapper input.a_demo_one{
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px 5px 0 0;
    padding: 0 8px;
    font-size: 12px;
    height: 34px;
    background: #d3d3d3 !important;
    font-weight: 400;
    text-transform: uppercase;
    border: none !important;
    color: #000;
    text-shadow: none;
    border-radius: 5px 5px 0 0 !important;;
     width: auto !important;
    box-shadow: none;
}
.TableRecords_ItemLabel input.a_demo_one:hover, .MargemVBotoes input.a_demo_one:hover,  .FundoAplicacao  .MainContent #wt11_wtMainContent_wtFilters_Wrapper input.a_demo_one:hover, .TableRecords_ItemLabel input.a_demo_one:disabled, .MargemVBotoes input.a_demo_one:disabled,  .FundoAplicacao  .MainContent #wt11_wtMainContent_wtFilters_Wrapper input.a_demo_one:disabled {
    background-color: #0082ca !important;
    color: #FFF;
}   
.TableRecords_TopNavigation {
    background: #D3D3D3;
}
.Document > tbody:nth-child(1) > tr:nth-child(5), .Document > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1)  {
    background: #EAEAEA ;
}
.MargemVBotoes, td.TableRecords_ItemLabel, #wt11_wtMainContent_wtContentFiltros {
    border-bottom: 10px solid #0082ca;
}

.SubHeader
{
    background: #fff;
}

/* -------------
TABELA UTILIZADOR - PÁGINA "OS MEUS DADOS" - EM BAIXO DE SUB HEADER
--------------*/
.CorpoTabela td{
    font-size: 12px ;
}
td.ShowRecord_Caption {
    padding:5px 10px;
}
td.ShowRecord_Value {
    vertical-align: middle;
}

/* -------------
POPUP
--------------*/
.MainPopup {
    background: transparent !important;
}
.ui-widget-overlay {
    opacity: 0.6;
}
div.Filters_Wrapper, td.TableRecords_EvenLine {
    background: #d3d3d3;
}
td.TableRecords_OddLine {
    background: #eaeaea ;
}
td.TableRecords_OddLine, td.TableRecords_EvenLine {
    border:none;
    font-size: 12px;
}
td.TableRecords_OddLine div, td.TableRecords_EvenLine div, th.TableRecords_Header div {
    text-align: left;
}
th.TableRecords_Header {
    background: #d3d3d3;
    padding: 10px 4px;
    border-color: #EAEAEA !important;
}
th.TableRecords_Header:last-of-type {
    border-right:none;
}
table.TableRecords {
    border-top: none;
}
input[type="search"] {
    width: 250px;
    font-size: 12px;
}
td.EditRecord_Caption {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    min-width: 150px;
    vertical-align: middle;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.Popup.ui-draggable {
    box-shadow: none !important;
    border: none;
}
div.Popup.ui-dialog .ui-dialog-titlebar-close-no-title {
    top: -6px;
    right: -50px;
}
div.Popup .ui-dialog, div.Popup.ui-dialog {
    min-width: 580px !important;
}
div.Popup .ui-dialog, div.Popup.ui-dialog iframe {
    min-width:  580px !important;
}
.MainPopup table #wt125_wtMainContent_wtTransportOrderGood_PackingtypeId {
    float:left;
}
#wt125_wtMainContent_wt94 {
    margin: 0;
} 

/* -------------
PÁGINA "NOVO ESTABELECIMENTO"
--------------*/
.EditRecord  .EditRecord_Value  input, .EditRecord  .EditRecord_Value select 
   {
}
.EditRecord  .EditRecord_Value.MandatoryValue, .EditRecord_Value {
} 
td.EditRecord_Value {
    min-width: 315px;
    vertical-align:middle;
}

/* -------------
CALENDÁRIO EM FORMULÁRIO
--------------*/
.calendar table thead tr td, .calendar table tbody tr td {
    padding: 5px !important;
    border: 1px solid rgba(0,0,0,0);
    box-sizing: border-box;
}
.calendar table thead tr td:hover, .calendar table tbody tr td:hover {
    padding: 5px !important;
    box-sizing: border-box;
}

/* -------------
TABELAS
--------------*/
.TableRecords td {
    vertical-align: middle;
}
.TableRecords thead {
    border-top: 1px solid black !important;
}
#wt107_wtTitle > table:nth-child(1), #wt11_wtTitle > table:nth-child(1) {
    width: auto !important;
    height: 44px;
    float: left;
}
.Title_Links {
    float: left;
    margin-left: 50px;
}
.Document > tbody:nth-child(1) > tr:nth-child(5), .Document > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) {
    height: 80px;
    margin-bottom: 20px;
}
.CorpoTabela {
    margin-top: 0;
}
div.ListNavigation_Wrapper {
    float:none;
}
table.EditRecord {
    margin-top: 0;
    padding-top: 10px;
}
.MargemVEdit {
    background: #d3d3d3 none repeat scroll 0 0;
}
div.MainContent {
    margin-top: 40px;
}
.MargemVEdit .EditRecord_Value a img {
    margin-bottom: -6px;
}
.Filters_Wrapper {
    background: transparent !important;
    padding-left: 0 !important;
}
.Filters_Wrapper .Filters, .Filters_Wrapper .Filters td {
    padding: 0 5px 0 0;
}
div.TableRecords_TopNavigation {
    border-style: solid none;
    border-width: 0 0 1px;
    border-color: #eaeaea;
    padding: 10px;
}

/* -------------
CLASSES DE TABELA PARA SUPORTE EM CASO DE USO CLASSES -> .table .table-striped (estas classes têm de ser usadas em comum)
--------------*/
.table {
    width:100%;
    max-width:100%;
    margin-bottom:20px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding:8px;
    line-height:1.42857143;
    vertical-align:top;
    border-top:1px solid #ddd
}
.table>thead>tr>th {
    vertical-align:bottom;
    border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top:0
}
.table>tbody+tbody {
    border-top:2px solid #ddd
}
.table .table {
    background-color:#fff
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding:5px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border:1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#f9f9f9
}
.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color:#f5f5f5
}
table col[class*=col-] {
    position:static;
    float:none;
    display:table-column
}
table td[class*=col-],table th[class*=col-] {
    position:static;
    float:none;
    display:table-cell
}
.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.dropdown-menu {
    float:left
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color:#e8e8e8
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color:#dff0d8
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color:#d0e9c6
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color:#c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color:#faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color:#f2dede
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color:#ebcccc
}
.table-responsive {
    overflow-x:auto;
    min-height:.01%
}
@media screen and (max-width:767px) {
    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space:nowrap
    }
    .table-responsive>.table-bordered {
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom:0
    }
}
/*FECHA TABELAS*/

/* Common Agile */
div.HeadApp{
    background: #0081D2;
}

.MargemH_Header
{
    width: 60px;
}

.MargemV_Header
{
    Height: 10px;
    
}


.KLogTabButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #444;
    -webkit-box-shadow:inset 0px 1px 0px 0px #444;
    box-shadow:inset 0px 1px 0px 0px #444;
    background-color:transparent;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;    
    display: inline-block;
   
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    background: #0081D2 !important;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-shadow: none;     
    box-shadow: none;
    line-height: 24px;
    font-family: Montserrat, arial;
  }
  
.KLogTabButton:hover 
 {
    color: #fff; 
    background: #0081D2 !important;   
 }

.KLogTabButton_Unselected {
    -moz-box-shadow:inset 0px 1px 0px 0px #444;
    -webkit-box-shadow:inset 0px 1px 0px 0px #444;
    box-shadow:inset 0px 1px 0px 0px #444;
    background-color:transparent;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;    
    display: inline-block;
    
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 12px;
    height: 30px;
    background: #dddddd !important;
    font-weight: 400;
    text-transform: uppercase;  
    color: #000;
    text-shadow: none;
    box-shadow: none;
    line-height: 24px;
    font-family: Montserrat, arial;
  }
  
  .KLogTabButton_Unselected:hover 
 {
    color: #fff; 
    background: #0081D2 !important;   
 }
  
  td .Button {
    display: inline-block;
    
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px 5px 5px 0;
    padding: 0 10px;
    font-size: 12px;
    height: 30px;
    background: transparent !important;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #444;
    color: #000;
    text-shadow: none;
    border-radius: 5px  !important;;
     width: auto !important;
    box-shadow: none;
    line-height: 24px;
    font-family: Montserrat, arial;     
    vertical-align: middle;
}
  
 td .Button:hover 
 {
    color: #fff; 
    background: #0081D2 !important;
    border: 2px solid #0081D2;
 }
 
 .FundoBody
 {
    background: #EAEAEA;
 }
 
  .MargemSubHeader
 {
    background: #EAEAEA;
    Height:50px;
 }
 .LoginInfo
 {
    padding: 15px 0;
    font-size:12px;
 }
 
 .TituloEstado
 {
    font-size: 18px;
    min-width: 200px !Important;
 }
 
 
  .TituloEstadoErro
 {
    font-size: 18px;
    color: red;
    min-width: 200px !Important;
 }
 
   .TituloEstadoOK
 {
    font-size: 18px;
    color: green;
    min-width: 200px !Important;
 }
 
   .TextoErro
 {
    font-size: 10px;   
 }
 
 
    .TituloPedidoRecolha
 {
    font-size: 24px;
 }
 
 .TextoNormal
 {
 }
 
 
 .DocumentMobile 
     {
    background: #EAEAEA ;
}


.GrupoCategoria
{
   background: #bbb;
   font-size:18px;
   color: #000;
}


.CampoOBS
{
    Height: 80px;
}


  .TituloMsgAviso
 {
    font-size: 14px;
    color: red;
    text-transform: none !Important;
 }
 
 
 
 .DocumentPopup
 {
     min-width:800px;
 }