/*
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 : Sep 8, 2017, 11:23:45 AM
    Author     : Jin
*/

.marginLRAuto{
    margin-left: auto;
    margin-right: auto;
}

.square-widget{
    border-radius: 0;
}

.pad-top-10{
    padding-top: 10px;
}

.no-pad{
    padding: 0 !important;
}

.custom-login-box{
    background: rgba( 255, 255, 255, .8);
    padding: 40px;
    padding-bottom: 20px;
}

#login-container{
    width: 400px;
    margin-left: -210px;
}

.login-title{
    font-size: 24px;
    line-height: 1.5em;
}

/* always show spinner for input type number */
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.btn-whatsapp{
    background-color: #25D366;
    color: #FFFFFF;
}

.btn-whatsapp:hover,
.btn-whatsapp:active,
.btn-whatsapp:focus
{
    background-color: #075E54;
    color: #FFFFFF;
}

textarea { 
    resize: none; 
    overflow: auto; 
} 

.table-responsive{
    max-width: 100%;
    overflow-x: auto;
}

#general-table tfoot tr td{
    font-size: 18px;
}

@media screen and (min-width: 1200px){
    .modal-lg{
        width: 1124px;
    }
}

@media screen and (max-width: 1200px){
    #login-container{
        width: 300px;
        margin-left: -150px;
    }
}

.paper-cut:after{
    content: " ";
    display: block;
    position: relative;
    top: -20px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 36px;
    background: -webkit-linear-gradient(#FFFFFF 0%, transparent 0%), -webkit-linear-gradient(135deg, #e8ebf1 33.33%, transparent 33.33%) 0 0%, #e8ebf1 -webkit-linear-gradient(45deg, #e8ebf1 33.33%, #FFFFFF 33.33%) 0 0%;
    background: -o-linear-gradient(#FFFFFF 0%, transparent 0%), -o-linear-gradient(135deg, #e8ebf1 33.33%, transparent 33.33%) 0 0%, #e8ebf1 -o-linear-gradient(45deg, #e8ebf1 33.33%, #FFFFFF 33.33%) 0 0%;
    background: -moz-linear-gradient(#FFFFFF 0%, transparent 0%), -moz-linear-gradient(135deg, #e8ebf1 33.33%, transparent 33.33%) 0 0%, #e8ebf1 -moz-linear-gradient(45deg, #e8ebf1 33.33%, #FFFFFF 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 14px 27px, 14px 27px;
}

.dataTables_wrapper > div{
    background-color: #ffffff;
}
