/*
  Template for
  INCOGRAF ®
  Designed by Inês Barreiros
  Developed by FF
*/
#container.myQuiteriosContainer{
    margin-top: 25px;
    display: inline-block;
    width: 900px; 
}
#container.myQuiteriosContainer *{
    font-family: 'Oswald',sans-serif; 
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 0px solid white;
    /*-webkit-text-fill-color: white;*/
    -webkit-box-shadow: 0 0 0 30px white inset;
    transition: background-color 5000s ease-in-out 0s;
}

input[type=text] , 
input[type=search] , 
input[type=email] , 
input[type=password] { 
    padding: 2px 10px;
    height: 20px;
    margin-bottom: 15px;
    border: 0;
    margin-right: -3px;
    outline: none;
}
input[type=submit] { 
    width: 190px;  
    height: 30px;
    border-radius: 25px;
    border: 2px solid transparent;
    text-transform: uppercase;
    background-color: rgb(60,68,75);
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: Arial !important;
    outline: none;
}
input[type=submit]:disabled{ 
    background-color: #999;
    color: #ccc;
    cursor: not-allowed;
}

#DEBUG_USERS{
    position: absolute;
    width: 200px;
    line-height: 30px;
    font-size: 16px;
    padding: 20px;
    top: 200px;
    left: 0;
    background-color: #eee;
}
#myQuiteriosDEBUG {
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    line-height: 16px;
}
div.buttonStyle {
    width: 130px;
    height: 30px;
    border-radius: 25px;       
    text-transform: uppercase;
    background-color: rgb(60,68,75);
    color: #fff;        
    cursor: pointer;
    line-height: 31px; 
    padding-left: 20px;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loaderModal{
    display: none; 
    width: 100%;
    max-width: 900px;
    height: 300px;
    height: 100%;
    /*background-color: #555;*/
    position: absolute;
    opacity: 1;
    cursor: not-allowed;
}
#loaderModal>div {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #57983e; /* cor dia nas notícias */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;

    position:absolute; 
    left:0; right:0;
    top:4px; 
    /*bottom:0;*/
    margin:auto;
}

#container.myQuiteriosContainer{
    /*background-color: #CCC;*/
    position: relative;
}


/* Alert Popup*/
.jc-bs3-container{
    /*width: 300px;*/
    width: 325px;
    margin: 0 auto;
}

/*******************************************************************************
                                    PAGE STRUCTURE
*******************************************************************************/
/* ________________ BLOCK HEADER ________________ */
#myQuiteriosHeader{
    display: inline-block;
    width: 100%;
    height: 135px;
    /*background-color: #006699;*/
}
/* ________________ BLOCK PAGE CONTENT ________________ */
#myQuiteriosPage{
    display: inline-block;
    width: 100%;
    min-height: 230px;
    padding-top: 17px;
    /*background-color: #005555;*/ 
}
/* ________________ BLOCK FOOTER ________________ */
#myQuiteriosFooter{
    display: inline-block;
    width: 100%;
    min-height: 30px;
    margin-top: 30px; 
    padding-top: 10px;
    border-top: 1px solid rgb(60,68,75);
    /*background-color: #003366;*/ 
} 




/* ________________ TABLES ________________ */

#myQuiteriosPage table{
    width: 100%;
}
#myQuiteriosPage>div>table>thead>tr>th{
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 68, 75);
    padding: 2px 10px;
}
#myQuiteriosPage>div>table>tbody>tr>td{
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    color: rgb(60, 68, 75);
    padding: 2px 10px;
}
/*#myQuiteriosPage table>tbody>tr:hover{*/
/*#myQuiteriosPendingOrders>table>tbody>tr:hover,*/
#myQuiteriosSClients>table>tbody>tr:hover{
    background-color: #ddd;
    cursor: pointer;
}
#myQuiteriosPage table>tfoot>tr{
    color: rgb(60, 68, 75);
}

th.code, td.code,
th.batch, td.batch,
th.price, td.price,
th.priceNet, td.priceNet,
th.discount, td.discount,
th.date, td.date,
th.quantity, td.quantity,
th.code, td.code{
    /*width: 70px;*/
    width: 80px;
    /*border: 1px solid red;*/
}
th.batch, td.batch,
th.date, td.date,
th.discount, td.discount,
th.price, td.price,
th.priceNet, td.priceNet,
th.quantity, td.quantity{
    text-align: right !important;
}
th.qty, td.qty, input.qtyInput{
    width: 25px !important;    
}
th.button, td.button{
    width: 10px;    
}
th.clientCode, td.clientCode{
    width: 150px;    
}
th.clientName, td.clientName{

}
th.clientCity, td.clientCity{
    width: 200px;    
}


th.description, td.description{
    /*border: 1px solid blue;*/
}

div.actionButtons{
    float: right;
    margin-top: 30px;
}

/*******************************************************************************
                                    PAGE BLOCKS
*******************************************************************************/

/* ________________ BLOCK MENU   ________________ */
#myQuiteriosMenu{
    width: 60%;  
    height: 135px;
    float: left;
}

#myQuiteriosMenu li{
    list-style: none;
    padding: 0px;  
}
#myQuiteriosMenu li>a{
    font-family: 'Oswald';
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    color: rgb(60,68,75);
}
#myQuiteriosMenu li.active>a,
#myQuiteriosMenu li.active,
#myQuiteriosMenu li:hover>a,
#myQuiteriosMenu li:hover{
    color: #fff;   
}
#myQuiteriosMenu li.disabled>a,
#myQuiteriosMenu li.disabled{
    color: #999;
    cursor: not-allowed;
}


/* ________________ BLOCK USER   ________________ */
#myQuiteriosUserinfo{
    width: 40%;  
    height: 135px;
    /*background-color: #fef;*/
    float: left;
}
#myQuiteriosUserinfo .logo{
    float: right;
    /*margin-right: 10px;*/
}
#myQuiteriosUserinfo .userName,
#myQuiteriosUserinfo .relatedName,
#myQuiteriosUserinfo .userNotLoggedIn,
#myQuiteriosUserinfo .relatedNameNotFound{
    float: right;
    width: 100%;
    text-align: right;
    font-size: 17px;
    margin-top: 0px;
    padding: 5px 10px;
}
#myQuiteriosUserinfo .relatedName,
#myQuiteriosUserinfo .relatedNameNotFound{
    font-size: 13px;
    color: rgb(60,68,75);
}
#myQuiteriosUserinfo .relatedNameNotFound{
    color: #999;
}

/* ________________ BLOCK SLOGAN ________________ */
#myQuiteriosSlogan{
    /*height: 135px;*/
    text-align: left;
    /*display: grid;*/
    display: table;
    padding-left: 0px;
    width: 300px;
}
#myQuiteriosSlogan img{
    margin-left: -5px;
    margin-bottom: 15px;
}
#myQuiteriosSlogan span{
    font-size: 17px;
    text-transform: uppercase;
    font-family: Arial !important;
    border-top: 1px solid #bbb;
    width: 228px;
    margin-left: -4px;
    padding: 6px 4px;
    margin-top: 15px;
}

/* ________________ BLOCK UNAVAILABLE ___________ */
#myquiteriosUnavailable{
    width: 100%;
    min-height: 250px;
    /*background-color: #eff;*/  
}
#myquiteriosUnavailable p{
    display: table-cell;
    vertical-align: middle;
    height: 250px;
    text-align: center;
    width: 900px; 
}

/* ________________ BLOCK FOOTER LEFT ___________ */
#myQuiteriosFooter div.left{
    width: 75%;
    float: left; 
}
#myQuiteriosFooter div.left > span{
    /*padding: 10px 10px 0px 10px;*/
    display: block;
    text-align: left;
    color: rgb(60,68,75);
}

/* ________________ BLOCK FOOTER RIGHT ___________ */
#myQuiteriosFooter div.right{
    width: 25%;
    float: left; 
    text-align: center;
}
#myQuiteriosFooter div.right input#editPass,
#myQuiteriosFooter div.right input#logout{
    float: right; 
    margin-top: 5px;
}

/* ________________ BLOCK FILTER _________________ */
#myQuiteriosFilter{
    float: right;
    margin-bottom: 30px;
}
#myQuiteriosFilter span{ /* = #myQuiteriosQuotation div.totals,*/
    text-transform: uppercase;
    color: rgb(60,68,75);
    font-size: 15px;
    margin: 0px 10px 0px 30px;
}
#myQuiteriosFilter  input[type=text]{ 
    /*height: 20px !important;*/ 
}
#myQuiteriosFilter  input#filterCode { 
    width: 130px;
}
#myQuiteriosFilter  input#filterText{ 
    width: 200px;
}
#myQuiteriosFilter input#searchProducts{
    float: right; 
    margin-top: 5px;

}
#myQuiteriosFilter input#searchOrders {
    display: none;
}

/* === @2019/07 === */

#resetClients {
    float: right;
    width: 80px;
}

#myQuiteriosFilter input#searchClients {
    display: none;
}
#myQuiteriosSClients #myQuiteriosFilter input#filterCode { 
    width: 80px;
}
#myQuiteriosSClients #myQuiteriosFilter  input#filterText{ 
    width: 250px;
}

/*******************************************************************************
                                    PAGES
*******************************************************************************/

/* ________________ PAGE LOGIN ___________ */
#myQuiteriosLogin{
    margin-top: -55px;
}
#myQuiteriosLogin #loginBlock{
    width: 400px;
    margin-left: 400px;       
}
#myQuiteriosLogin #loginBlock>*{
    width: 100%;
    display: block;
}
#myQuiteriosLogin #userMessage{
    display: none;
    height: 220px;
}
#myQuiteriosLogin #loginBlock h1{
    background-repeat: repeat-x;
}
#myQuiteriosLogin #loginBlock form{
    display: inline-block;
    height: 220px;
}
#myQuiteriosLogin #loginBlock form>input[type=text],
#myQuiteriosLogin #loginBlock form>input[type=password]{
    width: 380px; 
    height: 30px !important;;
}
#myQuiteriosLogin #loginBlock form>div.formButtons{
    float: right;
    margin-left: 50px;
    width: 190px;
    margin-top: 15px;
}
#myQuiteriosLogin #loginBlock form>div.formButtons>input[type=submit]{

}
#myQuiteriosLogin #loginBlock span.options{
    text-transform: uppercase;
    text-align: center;
    font-family: arial;
    font-size: 14.90px;
    line-height: 16px;
    margin: 5px -10px;
    width: 420px;
}
#myQuiteriosLogin #loginBlock span.messages{
    text-align: left;
    font-size: 12.5px;
    line-height: 15px;
    color: rgb(60,68,75);
}

.jconfirm-content div.recoverPassForm{
    display: grid;
    width: 92.5%;
    background-color: #cdced0;
    padding: 10px;
}
.jconfirm-content div.recoverPassForm span{
    padding: 5px 0px;
    font-family: Oswald, sans-serif;
    font-size: 14px;
}

.jconfirm-buttons button{
    border-radius: 25px !important;
}

/* ________________ PAGE STOCKS ___________ */

#myQuiteriosProducts table #notFullyShowed td{
    font-weight: normal;
    color:  #ccced0;/* rgb(255, 255, 255);*/
    background-color:  rgb(60, 68, 75);
    padding: 2px 10px;
}

/* ________________ PAGE CLIENTS ___________ */

/* ________________ PAGE ORDERS ___________ */

#myQuiteriosPendingOrders>table>tbody>tr>td{
    padding: 0px !important;
}
#myQuiteriosPendingOrders>table>tbody>tr{
    cursor: pointer;
}
/*#myQuiteriosPage tr.orderRow table>tbody>tr{
     transition: .5s all ease;
}*/
#myQuiteriosPage tr.orderRow table>thead>tr>th{
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    color: rgb(60, 68, 75);
    background-color: #ddd;
    padding: 2px 10px;
    border-bottom: 1px solid #cdced0;
}
#myQuiteriosPage tr.orderRow table>thead>tr>th span{
    font-size: 20px;
    font-weight: bold;
    line-height: 13px;
    display: block;
}
#myQuiteriosPage tr.orderRow table>tbody>tr>td{
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    color: rgb(60, 68, 75);
    padding: 2px 10px;
    font-size: 12px;
}

/* ________________ PAGE QUOTATION ___________ */

#myQuiteriosQuotation tbody td.code span{
    background-color: #fff;
    display: block;
    height: 20px;
    margin: 0px -10px;
    padding: 2px 10px;
    color: #888;
    cursor: no-drop;
}
#myQuiteriosQuotation tbody input[type=text].qtyInput{
    margin: 0px -10px 0px -6px;
    width: 35px !important;
}
/*#myQuiteriosQuotation tbody span.hiddenCalculationValue{
    display: none;
}*/
#myQuiteriosQuotation tbody td.button{
    padding: 0px;
}
#myQuiteriosQuotation tbody span.btRemoveRow{
    background-color: #fff;
    width: 20px;
    height: 20px;
    padding: 2px !important;
    margin: 0px !important;
    display: block;
    text-align: center;
    cursor: pointer; 
    float: right;
}
#myQuiteriosQuotation tfoot input[type=search].autoComplete{
    height: 24px;
    /*width: 144px;*/
    width: 154px;
    padding: 2px 10px;
    margin-top: 2px;
    text-transform: uppercase;
}


#myQuiteriosQuotation div.totals{
    float: right;
    margin-top: 30px;
    display: flex;
    margin-right: 2px;
}
#myQuiteriosQuotation div.totals span{ /* = #myQuiteriosFilter span ,*/
    text-transform: uppercase;
    color: rgb(60,68,75);
    font-size: 15px;
    margin: 0px 10px 0px 30px;
}
#myQuiteriosQuotation div.quotationButtons{ 
    display: grid;
    float: right;
    margin: 10px 0px 30px 200px; 
}

#myQuiteriosQuotation input[type=text].totals { 
    text-align:right ;
    width: 80px; 
    cursor: no-drop;
}
#myQuiteriosQuotation #quotationSubmited { 
    /*background-color: rgba(87,152,62,0.5);*/
    background-color: rgba(60,68,75,0.7);
/*    color: #fff;
    text-transform: uppercase;*/
    position: absolute;
    width: 100%;
    height: 0px; /* Set on script */
    line-height: 0px; /* Set on script */
    text-align: center;    
}
#myQuiteriosQuotation #quotationSubmited span { 
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 150%;
    display: inline-block;
}