/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11/out/2018, 11:33:51
    Author     : Pedro Dias
*/

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.container
{
    margin-left: 10px;
    margin-right: 10px;
    max-width: 99%;
}

.login-page {
  background: url('../img/login-register.jpg') fixed;
  background-size:cover;
}

.login-div {
	width: 500px;
	height: 300px;
	
	
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	
	margin-top: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-left: 10%;
}

/* icons */

.icon-green
{
    font-size: 17px; 
    margin-left: 5px;
    color: green;
}

.icon-blue
{
    font-size: 18px; 
    margin-left: 5px;
    color: #1f6fb2;
}

.icon-red
{
    font-size: 18px; 
    margin-left: 5px;
    color: #bf5329;
}

.icon-orange
{
    font-size: 18px; 
    margin-left: 5px;
    color: orangered;
}


.icon-gray
{
    font-size: 18px; 
    margin-left: 5px;
    color: lightslategray;
}

.hide
{
    display: none;
}

/************ buttons ***************/
.default-button
{
    width: 100px
}

/* tables new button */
.btn-table-new
{
    background-color:#5bc0de !important;
    border-color:#5bc0de !important;
    color: #fff !important;
    width: 100px !important;
}

.btn-shop-search-new
{
    background-color:#5bc0de !important;
    border-color:#5bc0de !important;
    color: #fff !important;
    width: 130px !important;
}

/* tables pdf button */
.btn-table-pdf
{
    background-color: firebrick !important;
    border-color: firebrick !important;
    color: #fff !important;
    width: 100px !important;
}

/* tables excel button */
.btn-table-excel
{
    background-color: green !important;
    border-color: green !important;
    color: #fff !important;
    width: 100px !important;
}

/* back button */
.btn-table-back
{
    background-color: peru !important;
    border-color: peru !important;
    color: #fff !important;
    width: 100px !important;
}

/* save button */
.btn-save
{
    background-color: green !important;
    border-color: green !important;
    color: #fff !important;
    width: 100px !important;
}

/* cancel button */
.btn-cancel
{
    background-color: firebrick !important;
    border-color: firebrick !important;
    color: #fff !important;
    width: 100px !important;
}

/* boxes */
#sum_box h4 {
    text-align: left;
    margin-top: 0px;
    font-size: 25px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#sum_box .icon {
    color: #fff;
    font-size: 3vw;
    margin-top: 7px;
    margin-bottom: 0px;
    float: right;
}


.panel.total.db.mbm{
        background-color: #5bc0de;
        padding: 5px;
}

.panel.totalmonth.db.mbm{
    background-color: #6DD900;
    padding: 5px;
}

.panel.licenses.db.mbm{
        background-color: #f0ad4e;
        padding: 5px;
}

/* forms */
.required:after 
{
    content: '*';
    color: #a94442;
    padding-left: 5px;
}

.row-space
{
    padding-top: 20px;
}

.title-text
{
    font-size: 19px;
    color: darkblue;
}


.card-custom
{
    border:0px !important;
    background-color: transparent !important;
}


/* listbox */
.listbox-section label {
    margin-bottom: 5px;
    display: inline-block;
}

#resellers {
    width: 400px;
}

.listbox-section {
    max-width: none;
    width: 100%;
    background-color: #F8FAFC !important;
}

/*.k-listbox {
    width: 236px;
    height: 310px;
}

.k-listbox:first-of-type {
    width: 400px;
    margin-right: 1px;
}*/

.k-listbox{
    width: 400px !important; 
    height: 400px !important;
}

.listbox-section label {
    padding-left: 8px;
    margin-bottom: 8px;
    display: inline-block;
}

/* dropdown tree */

.k-dropdowntree{
    width: 100% !important;
}

.k-multiselect-wrap{
    display: block !important;
    padding: 0.2rem !important;
    font-size: .9rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

.k-treeview{
    font-size: .9rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.55rem !important;
}

.k-list-container.k-popup-dropdowntree {
    color: #495057 !important;
    background-color: #fff !important;
    border: 0px solid #fff !important;
    border-radius: 0.55rem !important;
}

.k-nodata{
    background-color: #fff !important;
    border: 0px solid #fff !important;
    border-radius: 0.55rem !important;
}

.k-dropdown-wrap .k-readonly, .k-multiselect-wrap .k-readonly{
    color: #495057 !important;
    opacity: 1 !important;
}

.k-multiple-selection .k-in.k-state-selected{
    color: #495057 !important;
    border: 0px !important;
    box-shadow: none !important;
}

.k-multiple-selection .k-in.k-state-focused{
    color: #495057 !important;
    border: 0px !important;
    box-shadow: none !important;
}

/* Style the tab */
.tab 
{
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tab-hidden
{
    display: none;
}
  
/* Style the buttons inside the tab */
.tab button 
{
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover 
{
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active 
{
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent 
{
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/********** Table Blue ***************/
table.blueTable 
{
    
    background-color: #FFFFFF;
    width: 100%;
    text-align: left;
}

table.blueTable td, table.blueTable th 
{
    
    padding: 5px 2px;
}

table.blueTable tbody td 
{
    font-size: 12px;
}

table.blueTable tr:nth-child(even) 
{
    background: #D0E4F5;
}

table.blueTable thead 
{
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}

table.blueTable thead th 
{
    background: #1C6EA4;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}

/*********** dashboard ************/

.dashboard-list-content
{
    background-color: white;
    margin-left: 0px;
    margin-right: 0px
}

.dashboard-list-margins
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}