.siteName {
    font-size: 20px;
    float: left;
    margin-top: 7px;
    margin-left: 7px;
    color: white;
}

.topdarkborder {
    border-top: solid 2px #222;
}

.black {
    color: #000;
}

.red {
    color: red;
}

.txt-color-blueDark {
    color: white !important;
}

#header {
    background-color: #2C3742 !important;
}

/*.input-group-addon {
    padding: 6px 20px !important;
}*/

.input-group .form-control {
    padding: 0 !important;
    padding-left: 10px !important;
}

.smart-form legend, .form-horizontal legend {
    color: #c79121 !important;
}

.jarviswidget-color-darken > header {
    border-color: #1d6188 !important;
    background: #126798;
}

.input-group .form-control {
    z-index: 0 !important;
}

#footerdiv {
    z-index: 20 !important;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}
/*input:focus:required:invalid {border: 2px solid red;}
    select:focus:required:invalid {border: 2px solid red;}*/

/* For Search Form with Search Filters*/
.jarviswidget {
    margin: 0 0 0 !important;
}

.widget-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: 200vh;
    background: rgba(0,0,0,.6);
    z-index: 99999;
}

.widget-box-inner {
    position: absolute;
    width: 300px;
    height: 140px;
    top: 20%;
    left: 42%;
}

.select2-selection.ui-autocomplete-loading {
    background-image: url(../img/select2-spinner.gif) !important;
    background-repeat: no-repeat;
    background-position: 93% 50%;
    padding-right: 27px;
}


.DisabledLink {
    color: white !important;
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .select2-selection.ui-autocomplete-loading {
            background-image: url(../img/select2-spinner.gif) !important;
            background-repeat: no-repeat;
            background-position: 93% 50%;
            padding-right: 27px;
        }
        /*
      Define here the CSS styles applied only to Safari browsers
      (any version and any device)
     */
    }
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    /*
      Define here the CSS styles applied only to the Safari 9 version when
      running in any device
     */
    .select2-selection.ui-autocomplete-loading {
        background-image: url(../img/select2-spinner.gif) !important;
        background-repeat: no-repeat;
        background-position: 93% 50%;
        padding-right: 27px;
    }
}


/*for Report Form*/
#ReportViewer1_ctl13 {
    overflow: hidden !important;
    height: 100% !important;
}

#VisibleReportContentReportViewer1_ctl13 table {
    margin: auto !important;
}

.MenuBarBkGnd {
    background: #126798 !important;
    color: white !important;
}

.glyphui-nextpage,
.glyphui-nextpage,
.glyphui-lastpage,
.glyphui-previouspage,
.glyphui-refresh,
.glyphui-firstpage,
.glyphui-save,
.glyphui-downarrow,
.glyphui-print,
.glyphui-back {
    color: white !important;
}


/* make Select2 readonly*/
.disabled-select {
    background-color: #d5d5d5;
    opacity: 0.5;
    border-radius: 3px;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

@media (min-width: 1024px) and (max-width: 1169px) {
    /*#ReportViewer1_ReportViewer, #ReportViewer1 {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }*/
   
}
#ReportViewer1_ReportViewer {
    margin-bottom: 20px !important;
}
#ReportViewer1_fixedTable {
    table-layout: auto !important;
}
#ReportViewer1_ReportViewer_ReportViewer span.glyphui {
    top: 0 !important;
    font-size: 13px !important;
}

div.ToolbarPageNav, div.ToolbarFind, div.ToolbarExport, div.ToolbarRefresh {
    display: inline-block !important;
}

#ReportViewer1_ReportViewer .ToolbarFind, #ReportViewer1_ReportViewer .ToolbarZoom {
    padding: 5px !important;
}

#ReportViewer1_ReportViewer table tr:nth-child(3) td > div {
    /*width:100% !important;*/
}

#ReportViewer1_ReportViewer table tr:nth-child(3) td .InterWidgetGroup {
    display: none !important;
}

#ReportViewer1_ReportViewer table tr:nth-child(3) td > div.bootstrap-select {
    width: 80px !important;
}

.msrs-printdialog-main {
    width: 75% !important;
    z-index: 100 !important;
}

.ToolbarExport .MenuBarBkGnd {
    position: relative !important;
    left: 0 !important;
   
}
.MenuBarBkGnd {
    width: 100% !important
}

td > div.HoverButton {
    max-width: 80px !important
}
.bs-highlight, .bs-highlight td {
    background-color: #ccc !important
}

/*---------------------------------------*/

/*Account => Vouchers*/
@media only screen and (max-width:1025px) {
    #Grid tbody tr td {
        padding: 0px !important;
    }
    #Grid tfoot tr th {
        padding: 2px !important;
    }
    .btn-accountGrid {
        padding: 5px !important;
        height: 30px !important;
    }
    #td-sr {
        width: 35px !important;
    }
    #td-action {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

/*-------------Accounts End--------------------*/

.clr-white {
    color: white !important;
}
.clr-black {
    color: black !important;
}
.clr-red {
    color: red !important;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mt5 {
    margin-top: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

m0 {
    margin: 0px !important;
}

.pr5 {
    padding-right: 5px;
}

.pl5 {
    margin-left: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

p0 {
    padding: 0px !important;
}