﻿

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
}
div.dataTables_paginate {
    margin: 10px!important;
}

 .panel-right {
    border: none; 
    margin-top: -0.40em; 
    /*padding: 0.3em;*/
    /*font-size: 0.9em;*/
    float: right;
  }


.btn-primary .btn-default {
    background-color: #1B90C4 !important;
}

.nav > li > a {
    font-size: 16px;
}

a.EditDetails {
    background: url(../Images/Edit_icon.png) no-repeat top left;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px; /* hides the link text */
}

.maintabcolor {
    background-color: green !important;
}

/*Table Tr and TD*/

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 3px !important;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}


/* For Sweet Alert*/


.btn-default {
    background-color: #1B90C4 !important;
    border-color: #357ebd !important;
    color: white !important;
}

    .btn-default:hover {
        background-color: #285e8e !important;
        border-color: #285e8e !important;
    }

.btn-default2 {
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
    color: black !important;
    border: 1px solid;
    border-color: #DDD;
    width: 100%;
}


    .btn-default2:hover {
        background-color: #eeeeee !important;
        border-color: #eeeeee !important;
    }

.btn-warning {
    background-color: #3276b1 !important;
    border-color: #3276b1 !important;
}

    .btn-warning:hover {
        background-color: #285e8e !important;
        border-color: #285e8e !important;
    }

.btn-primary, .swal2-confirm, .swal2-styled {
    background-color: #1B90C4 !important;
    border-color: #357ebd;
}

.container {
    width: 100% !important;
}

@media (min-width: 1200px) {
    .container {
        width: 98% !important;
    }
}

.container
{
    /*padding-right: 15px;
    padding-left: 15px;
    margin-right: auto; 
    margin-left: auto;*/
    /*padding-right: 5px !important;
    padding-left: 5px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;*/
}




.HideClass {
    display: none !important;
}

.model {
    width: 80% !important;
    height: 70% !important;
    overflow: hidden !important;
}

.tablesorter-bootstrap .tablesorter-header {
    cursor: default !important;
}

.tablesorter-bootstrap tr {
    cursor: pointer !important;
}

.thead-primary {
    background-color: #1B90C4 !important;
    color: #fff !important;
    font-weight: bold;
}

/*table Style 

table {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
        width: 99% !important;
        max-width: 99% !important;
    }

        table th {
            
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #999999;
        }

        table td {
           
            border-width: 1px;
            padding: 4px;
            border-style: solid;
            border-color: #999999;
        }

    End table Style*/
/*For Validition

 .ng-valid[required], .ng-valid.required  {
  border-left: 5px solid #42A948; 
}

.ng-invalid:not(form)  {
  border-left: 5px solid #a94442; 
}*/
/* Styles for validation helpers*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    outline: 1px solid #ff0000 !important;
    /*background-color: #ffeeee !important
      background-image: url(exclamation.png)!important;;*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAADkV0rhWEzjV0ziVk3/AADhV0viV0ziV0ziV03jV03hV0ziWEvkUVHiVkzhV03iV03jVkzhVkviV0wAAABj5ig8AAAAE3RSTlMAJoCz5gFw9vjLmbWpE2hM+n9ErqmhdwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAhoIGxEfqU5iAAAAdklEQVQY02VP7RKAIAhDJb+yNHn/d00Qr674sZPJ2AAYZaxDdNbArM2HmHJOMfhN+p3KwY+j0M6Mp3NgrQNO8kMfCn+3xliCARtlnkhU8QKX4CEgOcD8JjIuYu5gQiXiIhJd2vtaqraIy1aDyYQE+0f/Hfc5/waYKgTZbmh4oAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMi0yNlQwODoyNzoxNyswMTowMGEhrr0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDItMjZUMDg6Mjc6MTcrMDE6MDAQfBYBAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==) !important;
    background-position: right center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
.validation-summary-errors {
    font-weight: bold !important;
    color: #ff0000 !important;
}

.validation-summary-valid {
    display: none;
}

.panel-primary > .panel-heading {
    color: white !important;
    background-color: #1B90C4 !important;
    border-color: #1B90C4 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #1B90C4 !important;
    border-color: #1B90C4 !important;
}
