/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 2.3
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
* {
  margin: 0;
}
html, body {
  height: 100%;
}
.body-color{
	background: #fcfcfc;
}
.edit, .delete, .config, .excel, .pdf, .audit, .traz {
	cursor: pointer;
}
.error{
	color: #FF6D00;
}
 #logo.brand-logo{
    margin: 0px 0px !important;
    padding: 0 0px !important;
}
.brand-logo img{
    height: 63px !important;
    width: 101% !important;
}
#main {
    min-height: 100%;
    margin-bottom: -50px;
    margin-top: -64px;
    padding-top: 64px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 900px){

	main {
	    flex: 1 0 auto !important;
	    margin-left: 0px !important;
	}

	.brand-logo img {
		width: 80% !important;
    	height: 56px !important;
    }

    table{
    	overflow: hidden;
    	font-size: smaller;
    }

    table th{
		height: 25px;
    }

    button, .btn{
    	font-size: smaller;
    	padding: 0 0.5rem;
    }

    #data-table-simple_filter.dataTables_filter{
    	    width: 75%;
		    float: right;
		    margin: 0;
    }

    #data-table-simple_filter input{
    	margin-top: 16px;
    }

    .dataTables_length .select-dropdown{
    	text-align: center;
    	margin-bottom: 0;
    }

    #data-table-simple_length.dataTables_length{
    	    width: 25%;
		    margin: 0;
		    float: left;
    }

     #data-table-simple_length .select-wrapper{
    	    float: left;
    }

    .s-dialog-wrapper.s-dialog-skin-block{
		top: 34% !important;
    }

    .s-dialog-wrapper.s-dialog-skin-red, .s-dialog-wrapper.s-dialog-skin-green{
    	top: 36% !important;
    }

    .spacebottom{
        margin-bottom: 3.5em;
    }
}

@media only screen and (max-width: 768px) {
    .responsive-table th{
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .responsive-table tbody tr:first-child th{
        border-top: 1px solid #ddd !important;
    }
}

.dropdown-content{
    max-height: 200px !important;
}

td.textleft {
    text-align: right;
}

.message {
    color: white;
    padding: 5px;
}

.card-client {
    background-color: #ff9999 !important;
}

.card-sale {
    background-color: #5b9bd5 !important;
}

.card-purchase {
    background-color: #cc3399 !important;
}

.card-max {
    background-color: #92d050 !important;
}

.card-text {
    text-align: center;
}

.hidden {
    visibility: hidden !important;
}

.no-uppercase {
    text-transform: none !important;
}

.color-disable input{
    color: #111111 !important;
}

.color-disable label{
    color: #A6A6A6 !important;
}

.image-menu {
    line-height: inherit;
    width: 2rem;
    font-size: 1.6rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem;
    margin-top: 0.4rem;
}

label {
    font-size: 0.8rem;
    color: #333 !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
    text-align: left !important;
}

.dataTables_wrapper .dataTables_length {
    float: right !important;
}

.login-bg{
    height: auto;
    text-align: center !important;
    margin-top: 150px;
    width: 100% !important;
    background: url(../images/bg_login.jpg) no-repeat !important;
}

@media screen and (min-width: 319px) and (max-width: 414px) {
    .login-bg{
        margin-top: 60px;
    }
}

@media screen and (min-width: 415px) and (max-width: 515px){
    .login-bg{
        margin-top: 100px;
    }
}

@media screen and (max-width: 720px) and (orientation: landscape) {
    .login-bg{
        margin-top: 10px !important;
    }
}

@media screen and (min-width: 721px) and (max-width: 1024px) and (orientation: landscape){
    .login-bg{
        margin-top: 50px;
    }
}