@charset "utf-8";
/* CSS Document */

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 0px 0px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

#test > table td {
    border: none !important;
    padding: 6px;
    text-align: left;
    line-height: normal !important;
}
img {
    height: auto;
    max-width: 100px !important;
}
table.dataTable thead .sorting {
    background-image: url(../png/sort_both.png) !important;
}
/* DatatTable CSS start*/

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #ccc !important; 
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dcdcdc !important; 
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em;
    border: 1px solid #ccc !important;
}
.dataTables_wrapper label input, .dataTables_wrapper label select {
    display: inline;
    margin: 2px;
    width: auto;
    border: 1px solid #ccc !important;
}
 /* DatatTable CSS End*/
 
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden !important
}
 
.modal-backdrop {
    position: relative !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: Inherited !important;
}
.modal-backdrop.in {
    /*filter: alpha(opacity=50);*/
    opacity: .0 !important;
}
#myModal{
	margin-top: 10%;
}


@media (min-width: 768px){
.modal-dialog {
    width: 900px !important;
    margin: 32px auto !important;
}
 
} 
table.dataTable.no-footer {
    border-bottom: 1px solid #fff !important;
}