/*--------Gridview--------*/
.gridStyle {
    /**/
}

    .gridStyle tr th {
        padding: 8px;
        border: 1px solid #eeeeee;
        background: #404040;
        color: white;
        text-align:center;
    }

    .gridStyle.horizontalGridLine tr th, .gridStyle.horizontalGridLine td {
        border : 1px solid #eeeeee;
        border-left:none;
        border-right:none;
    }

    .gridStyle.padding12px td{
        padding:12px;
    }

    .gridStyle.horizontalGridLine td:first-child {
        border : 1px solid #eeeeee;
        border-right:none;
    }

    .gridStyle.horizontalGridLine td:last-child {
        border : 1px solid #eeeeee;
        border-left:none;
    }

    .gridStyle tr:nth-child(even) {
        background-color: #ffffff;
    }

    .gridStyle tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .gridStyle td {
        border: solid 1px #eeeeee;
        padding: 4px; /*border:1px solid yellow; Use when you want to hide last row border (before it make ShowGridlines=None*/
    }

    .gridStyle tr:last-child td {
    }

    .myGridStyle {
    /**/
}

    .myGridStyle tr th {
        padding: 8px;
        border: 1px solid black;
        background: #333 ;
        color:white;
    }


    .myGridStyle tr:nth-child(even) {
        background-color: #ffffff;
                border: 1px solid black;

    }

    .myGridStyle tr:nth-child(odd) {
        background-color: #ffffff;
                border: 1px solid black;


    }

    .myGridStyle td {
        padding: 8px; /*border:1px solid yellow; Use when you want to hide last row border (before it make ShowGridlines=None*/
            border: 1px solid black;

        }

    .myGridStyle tr:last-child td {
    }
/*--------Gridview--------*/

/*--------Pager--------*/
.formPager {
    padding: 5px 0 5px 0;
    text-align: center;
}

.buttonPager {
    width: 40px !important;
    height:25px;
    background: #fff;
    color: #000;
    border: 0;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-bottom: solid 2px #fff;
}

    .buttonPager:hover {
        background: #e5e5e5;
        font-weight: bold;
    }

    .buttonPager:disabled {
        border-bottom: solid 2px #852b99;
    }

/*--------Pager--------*/

.popupTable {       
    background:#ffffff;
    box-shadow: 0 0 4px #888888;
    font-size: 12px; 
    width:200px;
}

.popupTable tr td{
    padding:0 1px;
}

.treeTable {       
    background:#ffffff;
    font-size: 12px; 
}

.treeTable tr td{
    padding:0 1px;
}

/*--------Loading--------*/

.loadingPage {
    opacity: 0.8;
    background-color: #ccc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
    text-align: center;
}

.loadingPage img{
    top: 40%;
    position: relative;
}

@media print{
    .btnprint{
        display:none !important;
    }
}


/*@media (max-width: 991px) top menu toggler button*/
.page-header.navbar .menu-toggler {
    /*opacity: inherit !important;
    filter: inherit !important;
    width: inherit !important;
    height: inherit !important;*/
}

    /*@media (max-width: 991px) top menu toggler button position*/
    .page-header.navbar .menu-toggler.responsive-toggler {
        /*margin: 0 5px !important;*/
}

    .page-header.navbar .menu-New.responsive-toggler {
     /*display: none;*/ 
    /*float: right;*/
    margin: 0 6px 0;
}

@media (max-width: 991px) {
    .page-header.navbar .menu-New.responsive-toggler {
        display: inline-block;
    }
}

.page-header.navbar .menu-New {
    display: none;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70);
    background-repeat: no-repeat;
    background-position: center center;
}

.page-title {
    color:white !important;
}

@media (max-width: 991px) {
    .divLanguage {
        margin-top: 50px !important;
        margin-right: 5px !important;
        float: right !important;
    }
}