﻿/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/

    padding: 0;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}*/


.requiredField{
    color: red;
}

.noLeftRightPadding{
    padding-left:0;
    padding-right:0;
}

.disable_prevent {
    background-color: #CCC;
    pointer-events: none;
}

label {
    font-size: 13px;
}

.paddingLeft0{
    padding-left:0;
}

.paddingRight0{
    padding-right:0;
}

.font12{
    font-size:12px;
}

.marginBottom20{
    margin-bottom:20px;
}

.marginBottom0{
    margin-bottom:0;
}

.padding0{
    padding: 0;
}

table{
    width: 100%!important;
    overflow-x:auto;
}

.dataTables_info, .pagination{
    font-size: 11px;
}

.pagination > li > a {
    padding: 5px 10px;
}

.pagination{
    margin: 0!important;
}

.displayNone{
    display:none;
}

@media screen and (max-width: 992px){
    .dataTables_wrapper input[type=search], .dataTables_wrapper input[type=text], .dataTables_wrapper select {
        /*width: 100%;*/
        margin: 0;
    }
}

.loaderModal {
    z-index: 1055;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    position: fixed;
}

.modalImg {
    top: 38%;
    left: 45%;
    width: 10%;
    position: absolute;
}

@media screen and (max-width: 380px) {
    .dataTables_wrapper input[type=search], .dataTables_wrapper input[type=text], .dataTables_wrapper select {
        width: 90%;
    }
}

@media screen and (min-width: 992px) {
    .footer .footer-inner .footer-content {
        left: 199px;
    }
}

.modal-dialog {
    top: 38%;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop150 {
    margin-top: 150px;
}

.indexPosition {
    position: relative;
    z-index: 99999 !important;
}
.HiddenColumn{
    display:none;
}

.image-responsive {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    border: none;
    display: block;
    padding: 5px 0;
}

.ui-autocomplete {
    max-height: 200px;
    width:180px;
    overflow: auto;
}



