@keyframes dtb-spinner {
    100%{transform:rotate(360deg)}
    }
    @-o-keyframes dtb-spinner {
    100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
    }
    @-ms-keyframes dtb-spinner {
    100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}
    }
    @-webkit-keyframes dtb-spinner {
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
    }
    @-moz-keyframes dtb-spinner {
    100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
    }
    div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:#fff;border:0px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}
    div.dt-button-info h2{padding:.5em;margin:0;font-weight:400;border-bottom:1px solid #ddd;background-color:#f3f3f3}
    div.dt-button-info>div{padding:1em}
    div.dt-button-collection-title{text-align:center;padding:.3em 0 .5em;font-size:.9em}
    div.dt-button-collection-title:empty{display:none}
    button.dt-button,div.dt-button,a.dt-button,input.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-right:.333em;margin-bottom:.333em;padding:.5em 1em;border:none;border-radius:2px;cursor:pointer;font-size:.8em;line-height:1em;color:#000;white-space:nowrap;overflow:hidden;background-color:rgba(0,0,0,0.1);background:-webkit-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(230,230,230,0.1)',EndColorStr='rgba(0,0,0,0.1)');-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;outline:none;text-overflow:ellipsis}
    button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled,input.dt-button.disabled{cursor:default;opacity:.4}
    button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled),input.dt-button:active:not(.disabled),input.dt-button.active:not(.disabled){background-color:rgba(0,0,0,0.1);background:-webkit-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(179,179,179,0.1)',EndColorStr='rgba(0,0,0,0.1)');box-shadow:inset 1px 1px 3px #999}
    button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled),input.dt-button:active:not(.disabled):hover:not(.disabled),input.dt-button.active:not(.disabled):hover:not(.disabled){box-shadow:inset 1px 1px 3px #999;background-color:rgba(0,0,0,0.1);background:-webkit-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(128,128,128,0.1)',EndColorStr='rgba(0,0,0,0.1)')}
    button.dt-button:hover,div.dt-button:hover,a.dt-button:hover,input.dt-button:hover{text-decoration:none}
    button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled),input.dt-button:hover:not(.disabled){border:none;background-color:rgba(0,0,0,0.1);background:-webkit-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-moz-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-ms-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);background:-o-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(153,153,153,0.1)',EndColorStr='rgba(0,0,0,0.1)')}
    button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled),input.dt-button:focus:not(.disabled){border:none;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#79ace9;background:-webkit-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);background:-moz-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);background:-ms-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);background:-o-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);background:linear-gradient(to bottom,#d1e2f7 0%,#79ace9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d1e2f7',EndColorStr='#79ace9')}
    .dt-button embed{outline:none}
    div.dt-buttons{position:relative;float:left}
    div.dt-buttons.buttons-right{float:right}
    div.dataTables_layout_cell div.dt-buttons{float:none}
    div.dataTables_layout_cell div.dt-buttons.buttons-right{float:none}
    div.dt-button-collection{position:absolute;top:0;left:0;width:150px;margin-top:3px;padding:8px 8px 4px;border:0px solid #ccc;border:0px solid rgba(0,0,0,0.4);background-color:#fff;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.3);box-sizing:border-box}
    div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{position:relative;left:0;right:0;width:100%;display:block;float:none;margin-bottom:4px;margin-right:0}
    div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){background-color:#dadada;background:-webkit-linear-gradient(top,#f0f0f0 0%,#dadada 100%);background:-moz-linear-gradient(top,#f0f0f0 0%,#dadada 100%);background:-ms-linear-gradient(top,#f0f0f0 0%,#dadada 100%);background:-o-linear-gradient(top,#f0f0f0 0%,#dadada 100%);background:linear-gradient(to bottom,#f0f0f0 0%,#dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0',EndColorStr='#dadada');box-shadow:inset 1px 1px 3px #666}
    div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}
    div.dt-button-collection.fixed.two-column{margin-left:-200px}
    div.dt-button-collection.fixed.three-column{margin-left:-225px}
    div.dt-button-collection.fixed.four-column{margin-left:-300px}
    div.dt-button-collection>:last-child{display:block!important;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}
    div.dt-button-collection>:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}
    div.dt-button-collection.two-column{width:400px}
    div.dt-button-collection.two-column>:last-child{padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}
    div.dt-button-collection.three-column{width:450px}
    div.dt-button-collection.three-column>:last-child{padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}
    div.dt-button-collection.four-column{width:600px}
    div.dt-button-collection.four-column>:last-child{padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}
    div.dt-button-collection .dt-button{border-radius:0}
    div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial,center center,0,center center,497,color-stop(0,rgba(0,0,0,0.3)),color-stop(1,rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);z-index:2001}
    @media screen and (max-width: 640px) {
    div.dt-buttons{float:none!important;text-align:center}
    }
    button.dt-button.processing,div.dt-button.processing,a.dt-button.processing{color:rgba(0,0,0,0.2)}
    button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:' ';border:0px solid #282828;border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}@keyframes dtb-spinner {
        100% {
        transform:rotate(360deg)
        }
        }
        
        @-o-keyframes dtb-spinner {
        100% {
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
        }
        }
        
        @-ms-keyframes dtb-spinner {
        100% {
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
        }
        }
        
        @-webkit-keyframes dtb-spinner {
        100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
        }
        }
        
        @-moz-keyframes dtb-spinner {
        100% {
        -moz-transform:rotate(360deg);
        transform:rotate(360deg)
        }
        }
        
        div.dt-button-info {
        position:fixed;
        top:50%;
        left:50%;
        width:400px;
        margin-top:-100px;
        margin-left:-200px;
        background-color:#fff;
        border:0px solid #111;
        /* box-shadow:3px 3px 8px rgba(0,0,0,0.3); */
        border-radius:3px;
        text-align:center;
        z-index:21
        }


        
        div.dt-button-info h2 {
        padding:.5em;
        margin:0;
        font-weight:400;
        border-bottom:1px solid #ddd;
        background-color:#f3f3f3
        }
        
        div.dt-button-info>div {
        padding:1em
        }
        
        div.dt-button-collection-title {
        text-align:center;
        padding:.3em 0 .5em;
        font-size:.9em
        }

        label {
            margin-bottom: 0.2rem !important;
        }

        tfoot {
            display: table-header-group;
        }

        tfoot input{
            width: 90%;
    font-size: 13px;
    border: 1px solid #ccc !important;
    padding: 4px 8px;
    border-radius: 0px;
        }
        tfoot tr > th > input:active,tfoot tr > th > input:focus,tfoot tr > th > input:link{border: 1px solid #055f00 !important; border-radius: 0 !important;}

        /* table#reportdatatable>thead>tr>th {} */

        table > thead > tr > th {
            font-size: 1.1em !important;
            font-weight: 500 !important;
            border: 0;
        }

        .loaderbox{z-index: 9;
            position: absolute;
            width: 90%;
            margin: 29px auto;
            text-align: center;
            color:#ccc;
        }
        .loaderbox span{display:inline-block; margin: 0 5px;}
        .loaderbox span:last-child{line-height: 30px; position: absolute;
            top: -4px;} 

        .filterbox{width:100%; margin:0px; position: relative;
            padding: 10px 15px;
            border-bottom: 1px solid #055f00;
            }
        .filterboxInnerbox{width:100%; margin:0px;}
        .filterboxInnerbox .form-group.row{margin:0px}
        .filterboxInnerbox button{margin:0px !important}
        .filterboxInnerbox .datetext{font-size: 15px;
            line-height: 35px;
            text-align: right}
        .padright0{padding-right:0px !important;}
        .padleft0{padding-left:0px !important;} 
        .pad0{padding:0px !important;} 
        button.btn.checkbtn{margin: 0px;
            border: 1px solid #055f00!important;
            line-height: 26px;
            position: absolute;
            right: 0;}
        .brraddius_1{border-radius: 30px 0 0 30px !important;}
        .brraddius_2{border-radius: 0px 30px 30px 0px !important;}
        .text-green{color: rgb(9, 230, 9);}
        .mrgbtm30{margin-bottom: 30px !important;}
        .lgborderradius{border-radius: 0 30px 30px 0 !important;}
        .monthyear.has-success:after{right: 50px;}
        .input-group.monthyear .input-group-addon.dateboxicon{padding: 4px 8px !important;}

        .loginmsg{position: relative;}
       
            .loginmsg div.alert.alert-warning strong, .loginmsg div.alert.alert-warning p{display: inline-block; margin:0px}

        .pageminheight{min-height: 75vh;}    

        span.photobox{display: table;
            width: 40px;
            height: 40px;
            overflow: hidden;
            border-radius: 100%;
            border: 1px solid #f2f2f2;}
        span.photobox img{max-width: 100%;}
        .instruction{color: #000;}
        .instruction:hover{color: #000; opacity: 0.7;}

        table#reportdatatable.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table#reportdatatable.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{left:-25px !important}

        .card .card-body.ledgerview{padding-left: 34px !important;}
        
        .modal-header.customheaderbox{
            padding: 8px 24px;
    background: rgba(5,95,0,0.1);
    font-size: 10px;
    border-bottom: 1px solid rgba(5,95,0,0.1);
        }
        .modal-header.customheaderbox button.close{top:8px;}    

        
        div.dt-button-collection-title:empty {
        display:none
        }
        div.toast{max-width:70%; margin: 0px auto; color: #856404;
            background-color: #fff3cd;
            border-color: #ffeeba;}
        div.toast strong{ margin:0 10px;} 
        div.toast button.close{color: #856404 !important;}

        div.toast.success{color: #fff; max-width:100%;}
        div.toast.success button.close{color: #fff !important;}

        div.toast.error{color: #f00; max-width:100%;}
        div.toast.error button.close{color: #f00 !important;}

        .warningclr{color: #ad6f0a !important;}
        .errorclr{ color: #BD2133 !important;}

        button.dt-button.buttons-pdf{background-color: #0a0152 !important; color: #fff;}
        button.dt-button.buttons-excel{background-color: #ad6f0a !important; color: #fff;}
        button.dt-button.buttons-copy{background-color: #055f00 !important; color: #fff;}
        button.dt-button.buttons-print{background-color: #BD2133 !important; color: #fff;}
        button.dt-button.buttons-pdf:hover,
        button.dt-button.buttons-excel:hover,
        button.dt-button.buttons-copy:hover,
        button.dt-button.buttons-print:hover
        {opacity: 0.8;}
        
        button.dt-button,div.dt-button,a.dt-button,input.dt-button {
        position:relative;
        display:inline-block;
        box-sizing:border-box;
        margin-right:.333em;
        margin-bottom:.333em;
        padding:.5em 1em;
        border:none;
        text-transform: uppercase;
        border-radius:2px;
        cursor:pointer;
        font-size:.8em;
        line-height:1em;
        color:#000;
        white-space:nowrap;
        overflow:hidden;
        background-color:rgba(0,0,0,0.1);
        background:-webkit-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-moz-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-ms-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-o-linear-gradient(top,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:linear-gradient(to bottom,rgba(230,230,230,0.1) 0%,rgba(0,0,0,0.1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(230,230,230,0.1)',EndColorStr='rgba(0,0,0,0.1)');
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        text-decoration:none;
        outline:none;
        text-overflow:ellipsis
        }
        
        button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled,input.dt-button.disabled {
        cursor:default;
        opacity:.4
        }
        
        button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled),input.dt-button:active:not(.disabled),input.dt-button.active:not(.disabled) {
        background-color:rgba(0,0,0,0.1);
        background:-webkit-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-moz-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-ms-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-o-linear-gradient(top,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:linear-gradient(to bottom,rgba(179,179,179,0.1) 0%,rgba(0,0,0,0.1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(179,179,179,0.1)',EndColorStr='rgba(0,0,0,0.1)');
        box-shadow:inset 1px 1px 3px #999
        }
        
        button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled),input.dt-button:active:not(.disabled):hover:not(.disabled),input.dt-button.active:not(.disabled):hover:not(.disabled) {
        box-shadow:inset 1px 1px 3px #999;
        background-color:rgba(0,0,0,0.1);
        background:-webkit-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-moz-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-ms-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-o-linear-gradient(top,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:linear-gradient(to bottom,rgba(128,128,128,0.1) 0%,rgba(0,0,0,0.1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(128,128,128,0.1)',EndColorStr='rgba(0,0,0,0.1)')
        }
        
        button.dt-button:hover,div.dt-button:hover,a.dt-button:hover,input.dt-button:hover {
        text-decoration:none
        }
        
        button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled),input.dt-button:hover:not(.disabled) {
        border:none;
        background-color:rgba(0,0,0,0.1);
        background:-webkit-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-moz-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-ms-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:-o-linear-gradient(top,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);
        background:linear-gradient(to bottom,rgba(153,153,153,0.1) 0%,rgba(0,0,0,0.1) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(153,153,153,0.1)',EndColorStr='rgba(0,0,0,0.1)')
        }
        
        button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled),input.dt-button:focus:not(.disabled) {
        border:1px solid #426c9e;
        text-shadow:0 1px 0 #c4def1;
        outline:none;
        background-color:#79ace9;
        background:-webkit-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);
        background:-moz-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);
        background:-ms-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);
        background:-o-linear-gradient(top,#d1e2f7 0%,#79ace9 100%);
        background:linear-gradient(to bottom,#d1e2f7 0%,#79ace9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d1e2f7',EndColorStr='#79ace9')
        }
        
        .dt-button embed {
        outline:none
        }
        
        div.dt-buttons {
        position:relative;
        float:left
        }
        
        div.dt-buttons.buttons-right {
        float:right
        }
        
        div.dataTables_layout_cell div.dt-buttons {
        float:none
        }
        
        div.dataTables_layout_cell div.dt-buttons.buttons-right {
        float:none
        }
        
        div.dt-button-collection {
        position:absolute;
        top:0;
        left:0;
        width:150px;
        margin-top:3px;
        padding:8px 8px 4px;
        /* border:1px solid #ccc;
        border:1px solid rgba(0,0,0,0.4); */
        background-color:#fff;
        overflow:hidden;
        z-index:2002;
        border-radius:5px;
        box-shadow:3px 3px 5px rgba(0,0,0,0.3);
        box-sizing:border-box
        }
        
        div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button {
        position:relative;
        left:0;
        right:0;
        width:100%;
        display:block;
        float:none;
        margin-bottom:4px;
        margin-right:0
        }
        
        div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled) {
        background-color:#dadada;
        background:-webkit-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
        background:-moz-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
        background:-ms-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
        background:-o-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
        background:linear-gradient(to bottom,#f0f0f0 0%,#dadada 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0',EndColorStr='#dadada');
        box-shadow:inset 1px 1px 3px #666
        }
        
        div.dt-button-collection.fixed {
        position:fixed;
        top:50%;
        left:50%;
        margin-left:-75px;
        border-radius:0
        }
        
        div.dt-button-collection.fixed.two-column {
        margin-left:-200px
        }
        
        div.dt-button-collection.fixed.three-column {
        margin-left:-225px
        }
        
        div.dt-button-collection.fixed.four-column {
        margin-left:-300px
        }
        
        div.dt-button-collection>:last-child {
        display:block!important;
        -webkit-column-gap:8px;
        -moz-column-gap:8px;
        -ms-column-gap:8px;
        -o-column-gap:8px;
        column-gap:8px
        }
        
        div.dt-button-collection>:last-child>* {
        -webkit-column-break-inside:avoid;
        break-inside:avoid
        }
        
        div.dt-button-collection.two-column {
        width:400px
        }
        
        div.dt-button-collection.two-column>:last-child {
        padding-bottom:1px;
        -webkit-column-count:2;
        -moz-column-count:2;
        -ms-column-count:2;
        -o-column-count:2;
        column-count:2
        }
        
        div.dt-button-collection.three-column {
        width:450px
        }
        
        div.dt-button-collection.three-column>:last-child {
        padding-bottom:1px;
        -webkit-column-count:3;
        -moz-column-count:3;
        -ms-column-count:3;
        -o-column-count:3;
        column-count:3
        }
        
        div.dt-button-collection.four-column {
        width:600px
        }
        
        div.dt-button-collection.four-column>:last-child {
        padding-bottom:1px;
        -webkit-column-count:4;
        -moz-column-count:4;
        -ms-column-count:4;
        -o-column-count:4;
        column-count:4
        }
        
        div.dt-button-collection .dt-button {
        border-radius:0
        }
        
        div.dt-button-background {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.7);
        background:-ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);
        background:-moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);
        background:-o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);
        background:-webkit-gradient(radial,center center,0,center center,497,color-stop(0,rgba(0,0,0,0.3)),color-stop(1,rgba(0,0,0,0.7)));
        background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);
        background:radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.7) 100%);
        z-index:2001
        }
        
        @media screen and (max-width: 640px) {
        div.dt-buttons {
        float:none!important;
        text-align:center
        }
        }
        
        button.dt-button.processing,div.dt-button.processing,a.dt-button.processing {
        color:rgba(0,0,0,0.2)
        }
        
        button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after {
        position:absolute;
        top:50%;
        left:50%;
        width:16px;
        height:16px;
        margin:-8px 0 0 -8px;
        box-sizing:border-box;
        display:block;
        content:' ';
        /* border:2px solid #282828; */
        border-radius:50%;
        border-left-color:transparent;
        border-right-color:transparent;
        animation:dtb-spinner 1500ms infinite linear;
        -o-animation:dtb-spinner 1500ms infinite linear;
        -ms-animation:dtb-spinner 1500ms infinite linear;
        -webkit-animation:dtb-spinner 1500ms infinite linear;
        -moz-animation:dtb-spinner 1500ms infinite linear
        }


   /*--wallet section---*/   
   .balancebox{width:100%; margin:0px 0 8px 0; padding: 0px;}
   .balancebox ul{list-style: none; margin: 0px; padding: 0px;}
   .balancebox ul li{display: inline-block; margin: 0 5px;}
   .balancebox ul li:first-child{margin: 0 8px 0 0; width: 93px;}
   .balancebox ul li input[type="radio"]{width:18px; height: 18px; cursor: pointer;}
   .balancebox ul li span{margin: 0px; position: relative; display: inline-table;}
   .balancebox ul li span:first-child{position: relative; padding-right: 18px; cursor: pointer;}
   .balancebox ul li span:first-child input[type="radio"]{position: absolute; top: -14px;}

   .balancebox p{font-size: 10px;
    font-style: italic;
    margin: 0px;
    line-height: 18px;}
    .fontsize.loaderfont{font-size: 11px; font-weight: 400;}
    .fontsize.loaderfont span{margin-left: 3px;}
    .mrgleft0{margin-left: 0px !important;}
    .mrgright0{margin-right: 0px !important;}
    .mrgleft10{margin-left: 10px;}

    /*---financial-dashboard----*/
    .findashboardblock{background: rgba(73, 73, 73, 0.05); padding: 15px; margin: 0 0 12px 0; border-radius: 10px;
        box-shadow: 0px 0px 2px rgba(5,89,0,0.3); min-height: 123px;} 
    .findashboardblock h4{margin: 0 0 10px 0;
        font-size: 14px;
        font-weight: 600;}   
   .table.tablefdasboard{margin: 0px;}   
   .table.tablefdasboard thead tr th{padding: 0;} 
   .table.tablefdasboard tbody tr td{padding: 0; border: none !important;}
   .mrgtop20{margin-top:20px;} 
   
   /*-------Deposit-Funds-------*/
   .wallet_heading h4{margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;}
    .leftbox h4.panel-title{margin:0px; font-size: 16px;}
    .leftbox h4.panel-title label{margin: 0px;
        font-size: 13px;
        font-weight: 600;}
    .leftbox input[type="checkbox"], .leftbox input[type="radio"]{width: 16px;
        height: 16px; cursor: pointer;
        margin-top: 3px;
        float: left;
        margin-right: 8px;}

    .leftbox .panel-heading{
        padding: 10px;
        margin: 0px 0 0px 0;
          }
    .paneldesign{background: rgba(39, 39, 39, 0.1);
        border: 1px solid rgba(5,89,0,0.1);
        }      
    .leftbox p{margin: 0px;}      
    .leftbox .panel.panel-default.borderBox{border:1px solid green; background: rgba(73, 73, 73, 0.05)} 
    .findashboardblock.depositfundright{border-radius: 0 !important; box-shadow: 0px 0px 1px rgba(5,89,0,0.7) !important;}

    .leftbox .panel.panel-default{margin-bottom: 5px; margin-top: 5px; border:1px solid rgba(5,89,0,0.1);}

    .leftbox .borderBox .panel-heading{border-bottom: 1px solid rgba(5,89,0,0.07);}
    
    .totalinput{position: relative;} 
    .totalinput input{font-weight: 600;} 
    .totalinput:before{content:'$'; position: absolute;
        left: 22px;
        top: 8px;
        font-weight: 600;
        font-size: 12px;}
    .totalinput:after{content:'USD'; position: absolute;
        right: 30px;
        top: 8px;
        font-weight: 600;
        font-size: 12px;}  
    .totalinputdeposit{position: relative;}
    .totalinputdeposit:before{content:'$'; position: absolute;
        left: 22px;
        top: 8px;
        font-size: 12px;}
    .panelBodyBox{padding: 0 12px 12px 12px;}  
    
    .paddingbtm{padding-bottom:30px;}

    .cardblock span{display: block; float: left;}
    .cardblock span img{max-width: 100%; position: absolute; padding: 0px; border-radius: 0px; height: 100%;}
    .cardblock span.lefti{width: 78%;}
    .cardblock span.righti{width: 22%; position: relative; height: 36px; overflow: hidden;
        border: 1px solid #E3E3E3; border-left: none !important; 
        }
    .cardblock span.lefti input{border-right: none !important;}

     .card-wizard .columnselection .nav-pills>li>a{color: #000 !important;}
    .columnselection button.btn{background-color: transparent;
        color: #000;
        border: 1px solid #ccc;
        border-radius: 0;}
    .card-wizard .columnselection .nav-pills{background: rgba(5,89,0,0.1);}
    .columnselection .show>.btn.dropdown-toggle, .columnselection .show>.btn.dropdown-toggle:focus, .columnselection .show>.btn.dropdown-toggle:hover{background-color: #E3E3E3;
        color: #404040; border-color: #055f00;}
    button.btn.payslipbtn{font-size: 9px;
        padding: 3px 5px;
        width: 120px;
        text-align: left;
        margin: 2px 0;}  
        
   .adddollar{position: relative;}
   .adddollar::before{content:'$'; position: absolute;
    top: 8px;
    right: 7px}
    
    #alertDataBox{width: 350px; word-wrap: break-word; padding: 15px;}
    #alertDataBox ul{margin: 0px; padding: 0px;}
    #alertDataBox ul li{display: block;
        font-size: 12px;
        margin-bottom: 0px;}
    #alertDataBox ul li a{color: #444;
        display: block;
        border-bottom: 1px solid rgba(5,89,0,0.3);
        padding: 6px 5px 5px 5px;} 
    #alertDataBox ul li a:hover{background: rgba(5,89,0,0.1);}    
    #alertDataBox ul li > a span{display: inline-block;}
    #alertDataBox ul li > a span:first-child{margin-right: 10px;} 
    #alertDataBox ul li > a span:last-child{font-style: italic;
        font-size: 8px;
        background: rgba(5,89,0,0.2);
        padding: 2px 8px;
        border-radius: 20px;
        margin-left: 5px;
        float: right;} 
        
    .payrollledgeraction ul{margin: 0px; padding: 0px;}
    .payrollledgeraction ul li{display: inline-block;
        float: left;
        width: 120px;
        overflow: hidden;display: inline-block;
    }
    .payrollledgeraction ul li:first-child{width: 102px; padding: 7px 0;} 
    .btn-blue{background: #0a0152 !important;} 

    .popuploader{margin: 20vh auto;
        width: 100px;
        display: block;
        text-align: center; font-size: initial;}

    .walletInstruction p{font-size: 13px; line-height: 18px;} 
    .input-group-addon.dateboxicon{border: 1px solid #E3E3E3;
        padding: 0px 8px;
        background: #E3E3E3;
        font-size: 18px;} 
    .bootstrap-datepicker-widget{background: #ccc;}      
    .lineheight34{line-height: 34px;}
    .withdraambox.totalinputdeposit:before{left: 7px;}
    .withdraambox.totalinputdeposit input{text-align: right;}
    .processingf.totalinput:before, .processingf.totalinput:after, .processingf.totalinput input{font-weight: 400; font-style: italic;}
    .depositfieldOTP,.depositfieldOTPBACK,.withdrawfieldOTP, .payfieldOTP, .escrowpayfieldOTP{display:none;}
    .alert.walletMsgbox{line-height: normal; position: relative; min-height: 33px;
        border-radius: 0; margin: 0px;
        padding: 5px;}
    .alert.walletMsgbox a{position: absolute;
            right: -14px;
            bottom: 18px;
            color: #f00 !important;}
    .alert.walletMsgbox.alert-success a{color: #055f00 !important;} 
    .alert.walletMsgbox.alert-info a{color: #034472 !important;} 
    .walletdepositHeading{margin-bottom: 10px;} 
    .walletdepositHeading .wallet_heading h4{ margin: 0px; line-height: 37px;} 
    span.balancebox{display: inline-block !important;
        width: auto;
        border: 1px solid #fff;
        font-size: 15px;
        margin: 0 0 0 5px;
        padding: 1px 5px;
        letter-spacing: 2px;} 
        
        span.balanceboxtext{display: inline-block !important;
            width: auto;
            font-size: 12px;
            margin: 0 0 0 5px;
            padding: 0;
            text-transform: uppercase;} 
    .row.paymentscrow{padding-top:0px;}
    .row.paymentscrow i.fa{font-size: 12px !important;}
    .paymentscrow p{font-size:15px; font-weight: 400; font-style: italic; margin: 0px; line-height: 42px;} 
    .paymentscrow ul{list-style: none; margin: 0px; padding: 0px;} 
    .paymentscrow ul li{display: inline-block; margin:0 3px; padding:7px 0}      
    .paymentscrow span{display: inline-block; position: relative; width: 25px; height: 15px; font-weight: 600;}
    .paymentscrow span input[type="radio"]{width:18px; height: 18px; top:0px; position: absolute;}
    .form-control.dashbalance{font-weight: 600;
        letter-spacing: 2px;
        font-size: 20px;
        padding: 7px;
    }
    .tddashboard{font-weight: 600;
        letter-spacing: 1px;
        font-size: 16px}
    .form-control.touch-select{padding:10px 18px 10px 18px !important} 
    .btnCustom, .btnCustom:hover, .btnCustom:focus{background: transparent; border: 1px solid #E3E3E3; border-radius: 0;} 
    .bootstrap-select .dropdown-toggle.btnCustom .filter-option-inner-inner {
        color: #000;
        font-size: 12px;}
    .dropdown-toggle.btnCustom:after, .btnCustom .bootstrap-switch-label:before, .btnCustom .caret{color:#333;}
    .invdetail{display: block;
        border: 1px solid #E3E3E3;
        height: 38px;
        overflow: hidden;
        padding: 5px 8px;}
    div.card .alert strong{color: #f2f2f2 !important;}  
    .fileinput .thumbnail.img-circle{width: 100px; height: 100px;} 
    button.btn.pwdhideshow{margin: 0;
        border: 0; display: block !important;
        border-radius: 0;
        line-height: 23px;
        padding: 7px 7px 8px 7px;} 
       
    table.table.userpayrolltable{margin: 0px; padding: 0px; position: relative; width: 100%;} 
    table.table.userpayrolltable thead > tr > th{font-weight: 600 !important; font-size: 15px !important;}
    table.table.userpayrolltable thead > tr > th, table.table.userpayrolltable tbody > tr > td, table.table.userpayrolltable tfoot > tr > td{padding: 5px 10px; width: 33.33%;
        border: 1px solid #ccc;
        line-height: normal;}
    .brdright0{border-right: 0px !important;} 
    .brdleft0{border-left: 0px !important;}  
    .utablePayroll{width: 100%;
        margin: 0px;
        overflow-y: overlay;
        max-height: 110px;}     
    .pendingescrow p{margin:0px; padding:13px 0px; font-size: 20px;}
    .pendingescrow p span{
        font-weight: 600;
        letter-spacing: 2px;
        font-size: 20px;
        padding: 7px;}  
    button.btn.escrowbtn{padding: 4px 12px;
        text-align: left;
        margin: 2px 0;}        
  
    /*---Print-section-----*/
    .printbuttoninpopup{position: fixed;
        right: 13%;
        top: -4px;
        max-width: 170px;
        height: 80px;
        margin: auto;
        z-index: 9;
        background: #DDD;
        padding: 4px;
        box-shadow: 0 0 5px #555;
        border-radius: 5px}
    .printbuttoninpopup button.btn.payslipbtn{padding: 5px 8px;
        font-size: 12px;
        width: 146px;
        margin: 5px 0;
        box-shadow: 0 0 3px #333}    
    div.printBoxLi ul{margin:0px; padding:0px;}
    div.printBoxLi ul li{display: inline-block;
        width: 48.6%;
        border: 1px solid #000;
        padding: 20px;
        margin: 5px;}
    div.printBoxLi .prdatabox{margin: 0px; width: 100%;}
    div.printBoxLi h3{margin: 0 0 10px 0;
        font-size: 18px;
        border-bottom: 0;
        padding: 0;
        font-weight: 600;}
    div.printBoxLi table{width:100%; margin:auto}
    div.printBoxLi table > tbody > tr > td, div.printBoxLi table > tbody > tr > th{padding: 0 6px;
        word-wrap: break-word;
        width: 33%;
        line-height: 20px;
        font-size: 12px;
        color: #000;}
    div.printBoxLi table > tbody > tr > td.midtd, div.printBoxLi table > tbody > tr > th.midtd{width:5%; text-align:center}
    div.printBoxLi table > tbody > tr.bordertd > td, div.printBoxLi table > tbody > tr.bordertd > th{background:rgba(7,89,0,0.07);}
    div.printBoxLi table > tbody > tr.borderbtm > td, div.printBoxLi table > tbody > tr.borderbtm > th{border-bottom:0;}
    div.printBoxLi table > tbody > tr.spcblank > td, div.printBoxLi table > tbody > tr.spcblank > th{padding:8px;}
    @media print {
        div.printBoxLi ul li{padding:100px; margin: 15px; width: 46.6%;}
        div.printBoxLi table > tbody > tr.spcblank > td, div.printBoxLi table > tbody > tr.spcblank > th{padding:12px;}
    }