html, body, form {
    height: 100% !important;
}

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;
}

/* Set widths on the form inputs since otherwise they're 100% wide 
input,
select,
textarea {
    max-width: 280px;
}*/


.pt55 { padding-top:55px; }

.padL5 { padding-left: 5px;  }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/* Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.exampleRadComboBox.RadComboBoxDropDown .rcbHeader {
    padding: 5px 27px 4px 7px;
}

.rcbScroll {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

/*************************************
*   Images
**************************************/
.img-responsive.img-login-logo {
    max-height: 171px !important;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width: 767px) {
    .img-responsive.img-login-logo {
        margin-left: 20px;
        margin-bottom: 20px;
        text-align:left;
    }
}

/*************************************
*   column layout
**************************************/
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10 {
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
    float: left;
}

.col1 {
    width: 10%;
}

.col2 {
    width: 20%;
}

.col3 {
    width: 30%;
}

.col4 {
    width: 40%;
}

.col5 {
    width: 50%;
}

.col6 {
    width: 60%;
}

.col7 {
    width: 70%;
}

.col8 {
    width: 80%;
}

.col9 {
    width: 90%;
}

.col10 {
    width: 100%;
}

/* Multiple rows and columns */
.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 195px;
}

.results {
    display: block;
    margin-top: 20px;
}

/*===============================================
  Widget Tiles
================================================= */
.icon-bg .bottom-left {
  left: 10px;
  bottom: 10px;
}
.icon-bg .bottom-right {
}
.icon-bg .top-right {
}

.tile-right {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: -2px;
    left: auto;
}

.cdlogo {
    position: absolute;
    right: 20px;
    left: auto;
}


.icon-bg.bottom-right-dashboard {
  top:auto;
  right: 30px;
  bottom: 90px;
}

.smallicon-bg {
    position: absolute;
    opacity: 0.75;
    right: 0;
    top: 0;
    line-height: 95px;
}
    .smallicon-bg.bottom-right {
        top: auto;
        right: 10px;
        bottom: 10px;
    }


::-webkit-scrollbar{
width:5px;
} 
::-webkit-scrollbar-thumb{
background-color:#5993df;
border-radius:0px;
}
::-webkit-scrollbar-thumb:hover{
background-color:#005BC3;
border:1px solid #333333;
}
::-webkit-scrollbar-thumb:active{
background-color:#005BC3;
border:1px solid #333333;
}


/* Responsive: Portrait tablets and up */
@media screen and (max-width: 1080px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
      padding-left: 0px;
      padding-right: 5px;
    }

    .panel-body-edit {
        padding-left:15px;
    }

    .grid-footer{
        padding-left:10px;
    }    
}

.topMenuLeftSpace {
    font-family: Arial;
    font-size: 16pt;
    width: 144px;
    display: inline-block;
}

@media screen and (max-width: 1080px) {
    .topMenuLeftSpace {
        position: relative;
        left: 8px;
        font-family: Arial;
        font-size: 14pt;
    }
}