/*
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 : 20/02/2018, 1:22:49 PM
    Author     : Daniel
*/
body{
    font-size: 12px;
    line-height: 20px;
}

.panel hr{
    margin: 2px 0px;

    border-bottom: 1px solid #fff;
}

.badge, .dropdown-header, .label, .pagination>li.active>a, .pagination>li.active>span, .table th, .table-caption, label, optgroup, .panel hr {
    font-weight: 100;
}

.logo{
     padding-top:5px;
    max-width:100%; 
    max-height: 40px;      
}
.logo-footer{
    max-width:100%; 
    max-height: 35px;      
}
.navbar-header{
   
    height:50px;
    vertical-align:middle;
}

.px-navbar .navbar-nav>li>.dropdown-toggle
{
    padding:2px!important;
}
.profileemp{
    padding:3px;
    max-height:120px;
    max-width:80px;
    margin:0px 0px 0px 0px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;

}
.profileemp img {
    min-width: 80px;
    max-width: 100%;
    height: auto;
    max-height:72px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    display: block;
}
.profilemy{
    display:relative;
    text-align: center;
    height:50px;
    width:50px;

    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-radius: 50%;
    text-shadow: 0px 1px #fff;
    border-bottom: 3px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;

}

.profilemy img {
    max-height:46px;
    max-width: 46px;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    display: block;
}

.profilemyw{
    display:relative;
    max-height:50px;;
    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    background-color: #f8f8f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
    background: linear-gradient(top, #f8f8f8, #f2f2f2);
    border-radius: 3px;
    text-shadow: 0px 1px #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding: 2px !important;
}

.profilemyw img {
    max-height:44px;
    max-width: 100% !important;
    width: auto;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    display: block;
}

.dropdown-menu hr
{
    margin:2px;
    padding:0px;
}
.fa-likeapp {
    padding: 20px;
    font-size: 30px;   
    text-align: center;
    text-decoration: none;
    background: #3B5998;
    min-width:70px;
    min-height:70px;
    border-bottom: 1px solid #ccc;

    color: white;
    border-radius: 16%;
}
.div-likeapp
{   
    padding-top:10px;
    width:100%;
    text-align: center;
    background:white;
    border-bottom: 1px solid #ccc;

    border-radius: 10%;
}
.a-likeapp{
    display: block;
}

.panel-heading
{
    padding: 9px 9px;
}
.panel-heading-icon
{
    right: 13px;
}
/* Process Detail */
.displayboard{
    min-height: 400px;
}

/*Data Tables*/

/*Input Table*/
.table-input table td {
    padding:0px 0px !important;
}
.table-contract td {
    padding:3px !important;
}
.table-supercondensed>tbody>tr>td
{
     padding:2px !important;
     font-size: 10px;
}
.table-supercondensed th
{
     padding:1px !important;
     font-size: 11px;
}
select:focus, input:focus, button:focus { 

    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border-color: rgba(81, 203, 238, 1) !important;
}

.table-input input{
    width: 100%;
    border: 1px solid lightslategrey;
    padding-left:2px;
    padding-right:0px;
}
.table-input select{
    padding: 4px;
    display:inline;
    width:100%; 
    color:#666;
    border: 1px solid  lightslategrey;
}

/*END Input */


table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
    border-bottom: 1px solid lightgray;
}

.remove-sorting{
    background:none !important;
}

.dataTable thead th:before, .dataTable thead th:after {
    display:none !important;
}

.dataTables_length {
    float:right !important;
    margin-top:10px;
}
.dataTables_filter {
    float:right !important;
    margin:7px;
}
a#data-table_last
{
    display:none;
}

a#data-table_next
{
    display:none;
}
a#data-table_previous
{
    display:none;
}
a#data-table_first
{
    display:none;
}

#data-table_info
{
    display:none;
}
#data-table_paginate {
    margin-top: 10px;
}

/*datatable 2*/
a#data-table2_last
{
    display:none;
}

a#data-table2_next
{
    display:none;
}
a#data-table2_previous
{
    display:none;
}
a#data-table2_first
{
    display:none;
}

#data-table2_paginate {
    margin-top: 10px;
}


#data-table2_info
{
    display:none;
}



/* datatable 3*/
a#data-table3_last
{
    display:none;
}

a#data-table3_next
{
    display:none;
}
a#data-table3_previous
{
    display:none;
}
a#data-table3_first
{
    display:none;
}
#data-table3_paginate {
    margin-top: 10px;
}

#data-table3_info
{
    display:none;
}
/*datatable 4*/
a#data-table4_last
{
    display:none;
}

a#data-table4_next
{
    display:none;
}
a#data-table4_previous
{
    display:none;
}
a#data-table4_first
{
    display:none;
}
#data-table4_paginate {
    margin-top: 10px;
}

#data-table4_info
{
    display:none;
}
/* datatable 5*/
a#data-table5_last
{
    display:none;
}

a#data-table5_next
{
    display:none;
}
a#data-table5_previous
{
    display:none;
}
a#data-table5_first
{
    display:none;
}
#data-table5_paginate {
    margin-top: 10px;
}

#data-table5_info
{
    display:none;
}

/* datatable 6*/
a#data-table6_last
{
    display:none;
}

a#data-table6_next
{
    display:none;
}
a#data-table6_previous
{
    display:none;
}
a#data-table6_first
{
    display:none;
}
#data-table6_paginate {
    margin-top: 10px;
}

#data-table6_info
{
    display:none;
}

/*datatable 7*/
a#data-table7_last
{
    display:none;
}

a#data-table7_next
{
    display:none;
}
a#data-table7_previous
{
    display:none;
}
a#data-table7_first
{
    display:none;
}
#data-table7_paginate {
    margin-top: 10px;
}

#data-table7_info
{
    display:none;
}
/*end data table*/
@media print {


    @page{margin:4px 10px 40px 10px;}


    thead{
        width:100%;
        display: table-header-group;
        overflow: visible !important;
    }
    tr { page-break-inside: avoid !important;}

    body{

        font-size:10pt !important;
        margin:0px !important;
    }

    .container
    {
        width:100% !important;
    }


    .matter, .container-fluid, .px-content{
        border-top: none !important;
        padding: 0px !important;
        margin:10px !important;
    }
    .noprint {display:none;}
    #printable { display: block; }
    .widget{
        border:0px !important;
    }
    .totop{
        display:none !important;
    }
    footer{
        display:none !important;
    }
    .padd{
        padding:0px !important;
    }


    a:link:after, a:visited:after {  
        display: none;
        content: "";    
    }

    .px-nav{
        display:none !important;
    }
    .navbar{
        display:none !important;
    }
    .panel-secondary, .panel{
        border:none;
        padding:0px !important;
    }
    .panel-body, .panel {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

}


/*Color highlight w/ bootstrap*/

.colsuccess {
    background-color: rgba(127,63,191,1);
}
.colerror{
    background-color: #dff0d8;
}
.colwarning {
    background-color: rgba(252, 248, 227,1);
}
.colinfo {
    background-color: rgba(127,63,191,0.1);
}


.colmagenta {
    background-color: rgba(127,63,191,0.1) !important;
}
.colblue {
    background-color:  rgba(8,96,211,0.1) !important;
}
.colred{
    background-color: rgba(191,62,62,0.1) !important;
}
.colgreen{
    background-color: rgba(62,191,62,0.1) !important;
}
.colorange{
    background-color: rgba(255,102,0,0.1) !important;
}
.colyellow{
    background-color: rgba(210,194,7,0.1) !important;
}
.colacua{
    background-color: rgba(62,191,191,0.1) !important;
}
.colpink{
    background-color: rgba(255,20,147,0.1) !important;
}
.colmagentastrong  {
    background-color: rgba(127,63,191,0.8) !important;
    color:white !important;
}
.colbluestrong  {
    background-color: rgba(8,96,211,0.8) !important;
    color:white !important;
}
.colredstrong {
    background-color: rgba(191,62,62,0.8) !important;
    color:white !important;
}
.colgreenstrong {
    background-color: rgba(62,191,62,0.8) !important;
    color:white !important;
}
.colorangestrong{
    background-color: rgba(255,102,0,0.8) !important;
    color:white !important;
}
.colyellowstrong {
    background-color: rgba(210,194,7,0.8) !important;
    color:white !important;
}
.colacuastrong {
    background-color: rgba(62,191,191,0.8) !important;
    color:white !important;
}
.colpinkstrong{
    background-color: rgba(255,20,147,0.8) !important;
    color:white !important;
}

.colmagentapanel {
    background-color: rgba(127,63,191,0.8) !important;
    border-bottom: 2px rgba(127,63,191,1);
}
.colbluepanel{
    background-color: rgba(8,96,211,0.8) !important;
    border-bottom: 2px rgba(8,96,211,1);
}
.colredpanel{
    background-color: rgba(191,62,62,0.8) !important;
    border-bottom: 2px rgba(191,62,62,1);
}
.colgreenpanel{
    background-color: rgba(62,191,62,0.6) !important;
    border-bottom: 2px rgba(62,191,62,1);
}
.colorangepanel{
    background-color: rgba(255,102,0,0.8) !important;
    border-bottom: 2px rgba(255,102,0,1);
}
.colyellowpanel{
    background-color: rgba(210,194,7,0.8) !important;
    border-bottom: 2px rgba(210,194,7,1);
}
.colacuapanel {
    border-bottom: 2px rgba(62,191,191,1);
    background-color: rgba(62,191,191,0.8) !important;

}
.colpinkpanel{
    border-bottom: 2px rgba(255,20,147,1);
    background-color: rgba(255,20,147,0.8) !important;

}

.px-nav{
    font-size: 13px;
    line-height: 22px;
}
.px-nav li i {
    display: inline-block !important;
    margin-right: 3px !important;
    background: #eee ;
    color: #888 ;
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    text-align: center !important;

    border: 1px solid #ccc;
}
.px-nav-item .active  i{

    background: #e7357a !important;    
    color: #fff !important;
}
.px-nav-item .active  i{

    background: #e7357a !important;    
    color: #fff !important;
}
.px-nav-collapse .active  i{

    background: #e7357a;    
    color: #fff !important;
}
tr.border_bottom_blue td {
    border-bottom:1pt solid rgba(8,96,211,1) !important;
}
tr.border_bottom_green td {
    border-bottom:1pt solid rgba(62,191,62,1) !important;
}
tr.border_top_blue td {
    border-top:1pt solid rgba(8,96,211,1) !important;
}
tr.border_top_green td {
    border-top:1pt solid rgba(62,191,62,1) !important;
}

table.border-left td{
    border-left: 1px solid rgba(0,0,0,.05) !important;

}

.signature-container {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-container-img {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
    width: 300px;
    height: 150px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width:400px;
    height:200px;
}
.signature-pad-img {
    position: absolute;
    left: 0;
    top: 0;
    width:300px;
    height:150px;
}

.suma-login
{
    padding:48px 0px;
    float: right;
    text-align: right;
}
.mobile-menu-area{
    margin-top: 118px;
}