/* here you can put your own css to customize and override the theme */
@charset "UTF-8";
/******************************
 CUSTOM FMI CUSTOMIZATION 
******************************/
table.dataTable tbody th, table.dataTable tbody td {padding:6px 8px;}
.table td, .table th{font-size: 13px}
table.dataTable.table-condensed>thead>tr>th{padding-right: 10px}
    .m-r-0{margin-right: 0px !important;}
    .m-r-5{margin-right: 5px !important;}
    .m-r-10{margin-right: 10px !important;}
    .m-r-20{margin-right: 20px !important;}
    .m-r--5{margin-right: -5px !important;}
    .m-r--10{margin-right: -10px !important;}
    .m-r--20{margin-right: -20px !important;}    

    .m-l-0{margin-left: 0px !important;}
    .m-l-5{margin-left: 5px !important;}
    .m-l-10{margin-left: 10px !important;}
    .m-l-20{margin-left: 20px !important;}    
    .m-l--5{margin-left: -5px !important;}
    .m-l--10{margin-left: -10px !important;}
    .m-l--20{margin-left: -20px !important;}        

    .m-t-0{margin-top: 0px !important;}
    .m-t-5{margin-top: 5px !important;}
    .m-t-10{margin-top: 10px !important;}
    .m-t-15{margin-top: 15px !important;}
    .m-t-20{margin-top: 20px !important;}
    .m-t--5{margin-top: -5px !important;}
    .m-t--10{margin-top: -10px !important;}
    .m-t--20{margin-top: -20px !important;}    

    .m-b-0{margin-bottom: 0px !important;}
    .m-b-5{margin-bottom: 5px !important;}
    .m-b-10{margin-bottom: 10px !important;}
    .m-b-20{margin-bottom: 20px !important;}
    .m-b-30{margin-bottom: 30px !important;}

    .m-b--5{margin-bottom: -5px !important;}
    .m-b--10{margin-bottom: -10px !important;}
    .m-b--20{margin-bottom: -20px !important;}
    .m-b--30{margin-bottom: -30px !important;}

    .p-t-0{padding-top: 0px !important;}    
    .p-t-5{padding-top: 5px !important;}
    .p-t-10{padding-top: 10px !important;}

    .p-b-0{padding-bottom: 0px !important;}    
    .p-b-5{padding-bottom: 5px !important;}

    .p-r-0{padding-right: 0px;}
    .p-r-10{padding-right: 10px;}
    .p-r-30{padding-right: 30px;}

    .p-l-0{padding-left: 0px !important;}
    .p-l-5{padding-left: 5px !important;}
    .p-l-10{padding-left: 10px !important;}
    .p-l-20{padding-left: 20px !important;}

    .font10{font-size:10px;}
    .font11{font-size:11px;}
    .font12{font-size:12px;}
    .font13{font-size:13px;}
    .font14{font-size:14px;}
    .font15{font-size:15px;}
    .font16{font-size:16px;}
    .font17{font-size:17px;}
    .font18{font-size:18px;}
    .font19{font-size:19px;}
    .font20{font-size:20px;}
    .font21{font-size:21px;}
    .font22{font-size:22px;}
    .font24{font-size:24px;}
    .font26{font-size:26px;}

    .full-width{width:100% !important;}
    
    @font-face{font-family:'ptsans'; src:url(../font/calibril.ttf);}
    .valign-center{vertical-align: middle !important;}

    .no-text-decoration{text-decoration: none !important}
        
    .page-header.navbar .page-logo {
        padding-left: 10px;
        padding-right: 0px;
    }

    .page-header.navbar .page-top{
        background-color: #26344B;
    }

    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover{
        background-color: #1f2b3d !important;
        color: #26344B !important;
    }

    .page-footer .page-footer-inner{
        float: right;
    }

    .bg-green-same-as-header{
        background-color: #17c4bb;
    }

