<style type="text/css">    
    .bold {
        font-weight: bold;
    }               

    .btn-mini {
        padding: 2px 6px;
        font-size: 11px;
        line-height: 12px;
    }

    .bg-color-black {
        background-color: black !important;
    }

    .bg-color-yellow {
        background-color: #F8F673 !important;
    }

    .bg-color-bluepal {
        background-color: #D9E6FA !important;
    }

    .btn-primary-animated  {
       // width: 100px;
       //  height: 100px;
        background-color: blue;
        -webkit-animation-name: btn-primary-animated; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
        animation-name: btn-primary-animated;
        // animation-duration: 5s;
        animation: btn-primary-animated 7s infinite;
    }
                            
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes btn-primary-animated {
        0%   {background-color: blue;}
        25%  {background-color: black;}
        50%  {background-color: blue;}
        75%  {background-color: black;}
        100% {background-color: blue;}
    }

    /* Standard syntax */
    @keyframes btn-primary-animated {
        0%   {background-color: blue;}
        25%  {background-color: black;}
        50%  {background-color: blue;}
        75%  {background-color: black;}
        100% {background-color: blue;}
    }

    .btn-danger-animated  {
       // width: 100px;
       // height: 100px;
        background-color: red;
        -webkit-animation-name: btn-danger-animated; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
        animation-name: btn-danger-animated;
        // animation-duration: 5s;
        animation: btn-danger-animated 7s infinite;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes btn-danger-animated {
        0%   {background-color: red;}
        25%  {background-color: black;}
        50%  {background-color: red;}
        75%  {background-color: black;}
        100% {background-color: red;}
    }

    /* Standard syntax */
    @keyframes btn-danger-animated {
        0%   {background-color: red;}
        25%  {background-color: black;}
        50%  {background-color: red;}
        75%  {background-color: black;}
        100% {background-color: red;}
    }

    .btn-success-animated  {
       // width: 100px;
       //  height: 100px;
        background-color: green;
        -webkit-animation-name: btn-success-animated; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
        animation-name: btn-success-animated;
        // animation-duration: 5s;
        animation: btn-success-animated 7s infinite;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes btn-success-animated {
        0%   {background-color: green;}
        25%  {background-color: black;}
        50%  {background-color: green;}
        75%  {background-color: black;}
        100% {background-color: green;}
    }

    /* Standard syntax */
    @keyframes btn-success-animated {
        0%   {background-color: green;}
        25%  {background-color: black;}
        50%  {background-color: green;}
        75%  {background-color: black;}
        100% {background-color: green;}
    }


    .btn-warning-animated  {
       // width: 100px;
       //  height: 100px;
        background-color: orange;
        color: yellow;
        -webkit-animation-name: btn-warning-animated; /* Safari 4.0 - 8.0 */
        -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
        animation-name: btn-warning-animated;
        // animation-duration: 5s;
        animation: btn-warning-animated 7s infinite;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes btn-warning-animated {
        0%   {background-color: orange;}
        25%  {background-color: black;}
        50%  {background-color: orange;}
        75%  {background-color: black;}
        100% {background-color: orange;}
    }

    /* Standard syntax */
    @keyframes btn-warning-animated {
        0%   {background-color: orange;}
        25%  {background-color: black;}
        50%  {background-color: orange;}
        75%  {background-color: black;}
        100% {background-color: orange;}
    }

    .container-fluid {
        max-width: 100% !important; 
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: auto !important;
        margin-left: auto !important;  
    }

    .font-size-80 {
        font-size: 80% !important;
    }

    .font-size-85 {
        font-size: 85% !important;
    }

    .font-size-90 {
        font-size: 90% !important;
    }

    .font-size-95 {
        font-size: 95% !important;
    }

    .font-size-100 {
        font-size: 100% !important;
    }

    .font-size-105 {
        font-size: 105% !important;
    }

    .font-size-110 {
        font-size: 110% !important;
    }

    .font-size-115 {
        font-size: 115% !important;
    }

    .font-size-120 {
        font-size: 120% !important;
    }

    .font-size-125 {
        font-size: 125% !important;
    }

    .font-size-130 {
        font-size: 130% !important;
    }        
    .font-size-135 {
        font-size: 135% !important;
    }   

    .font-size-140 {
        font-size: 140% !important;
    }   

    .font-size-145 {
        font-size: 145% !important;
    }   

    .font-size-150 {
        font-size: 150% !important;
    }       

    .text-color-black {
        color: black !important;
    }

    .text-color-orange {
        color: orange !important;
    }

    .text-color-purple {
        color: #8B4FF9 !important;
    }

    .text-color-red {
        color: red !important;
    }
    
    .text-color-yellow {
        color: yellow !important;
    }

    .text-strikethrough {
        text-decoration: line-through !important;
    }

    .height-30px {
        height: 30px !important;
    }

    .margin-bottom-1 {
        margin-bottom: 1px !important;
    }

    .margin-bottom-2 {
        margin-bottom: 2px !important;
    }

    .margin-bottom-3 {
        margin-bottom: 3px !important;
    }

    .margin-bottom-4 {
        margin-bottom: 4px !important;
    }

    .margin-bottom-5 {
        margin-bottom: 5px !important;
    }
	
    .margin-top-1 {
        margin-top: 1px !important;
    }

    .margin-top-2 {
        margin-top: 2px !important;
    }

    .margin-top-3 {
        margin-top: 3px !important;
    }

    .margin-top-4 {
        margin-top: 4px !important;
    }

    .margin-top-5 {
        margin-top: 5px !important;
    }

    .margin-top-10 {
     
        margin-top: 10px !important;
    }

    .margin-top-18 {
     
        margin-top: 18px !important;
    }  

    .margin-top-20 {
     
        margin-top: 20px !important;
    }    

    .margin-top-30 {
     
        margin-top: 30px !important;
    }    

    .mt-button {
     
        margin-top: 30px !important;
    } 

    .padding-left-1 {
     
        padding-left: 1px !important;
    }

    .padding-left-5 {
     
        padding-left: 5px !important;
    }

    .padding-right-1 {
     
        padding-right: 1px !important;
    }

    .padding-right-5 {
     
        padding-right: 5px !important;

    }

    .padding-20 {
     
        padding: 20px 20px 20px 20px !important;

    }    

    .sidebar-bg-dark {
        background-image:url(http://10.18.60.250/e-inventory/public/assets/images/bg/block-2.jpg);background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .sidebar-bg-light {
        background-image:url(http://10.18.60.250/e-inventory/public/assets/images/bg/keyboard-3.jpg);background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .strikethrough {
        text-decoration: line-through !important;
    }

    .text-left {
        text-align: left !important;
    }      

    .text-center {
        text-align: center !important;
    }

    .text-right {
        text-align: right !important;
    }

    .text-color-black {
        color: black;
    }

    .text-color-blue {
        color: blue;
    }

    .text-color-gray {
        color: gray;
    }

    .text-color-red {
        color: red;
    }

    .text-color-white {
        color: white;
    }

    .text-right {
        text-align: right;
    }     

    .text-justify {
        text-align: justify;
    }

    .width-10 {
        width: 10px !important;
    } 

    .width-20 {
        width: 20px !important;
    } 

    .width-30 {
        width: 30px !important;
    } 

    .width-40 {
        width: 40px !important;
    } 

    .width-50 {
        width: 50px !important;
    }  

    .width-60 {
        width: 60px !important;
    }  

    .width-70 {
        width: 70px !important;
    }  

    .width-80 {
        width: 80px !important;
    }  

    .width-90 {
        width: 90px !important;
    }  

    .width-100 {
        width: 100px !important;
    }  

    .width-110 {
        width: 110px !important;
    }  

    .width-120 {
        width: 120px !important;
    }  

    .width-130 {
        width: 130px !important;
    }          

    .width-200 {
        width: 200px !important;
    } 

    .width-250 {
        width: 250px !important;
    } 

    .width-100-proc {
        width: 100% !important;
    } 

    /* Text Effects */
    #solid {
        -moz-text-decoration-color: red;
        -moz-text-decoration-style: solid;
    }
    #double {
        -moz-text-decoration-color: blue;
        -moz-text-decoration-style: double;
    }
    #dotted {
        -moz-text-decoration-color: green;
        -moz-text-decoration-style: dotted;
    }
    #dashed {
        -moz-text-decoration-color: purple;
        -moz-text-decoration-style: dashed;
    }
    #wavy {
        -moz-text-decoration-color: red;
        -moz-text-decoration-style: wavy;
    }

    .cross {
        position: relative;
        display: inline-block;
    }
    .cross::before, .cross::after {
        content: '';
        width: 100%;
        position: absolute;
        right: 0;
        top: 50%;
    }
    .cross::before {
        border-bottom: 2px solid green;
        -webkit-transform: skewY(-10deg);
        transform: skewY(-10deg);
    }
    .cross::after {
        border-bottom: 2px solid blue;
        -webkit-transform: skewY(10deg);
        transform: skewY(10deg);
    }

    .strike-red {
        position: relative;
        display: inline-block;
    }

    .strike-red::before {
        content: '';
        border-bottom: 2px solid red;
        width: 100%;
        position: absolute;
        right: 0;
        top: 50%;
    }

    .strike-blue {
        position: relative;
        display: inline-block;
    }

    .strike-blue::before {
        content: '';
        border-bottom: 2px solid blue;
        width: 100%;
        position: absolute;
        right: 0;
        top: 50%;
    }
    /* ./Text Effects */

    .vertical-middle {
        vertical-align: middle;
    }
    
    table.dataTable tbody td {
      vertical-align: middle;
    }

</style>    