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


/* Custom CSS for BLU HORSE */

#body {
    /* Location of the image *//*JD 9/31/2015 test 2.png is a revised background image*/
    background-image: url("../img/test 2.png");
    /* Image is centered vertically and horizontally at all times */
    background-position: center center;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: cover;
    /* Pick a solid background color that will be displayed while the background image is loading */
    background-color: #464646;    
    /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}


/* For mobile devices */
@media only screen and (max-width: 767px) {
    #body {
        /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
      /*  background-image: url("../img/bg.png");  old line of code for original background*/ 
       background-image: url("../img/test 2.png"); /* New background tweaked by Jonathan*/
    }
}


#left-side a {
    color: #fff;
    font-size: 16px;
    padding: 0px;
}

#right-ad a {
    color: #fff;
    font-size: 16px;
    padding: 0px;
}

    #left-side a:hover {
        color: #6099d6;
    }

.breadcrumb > li {
    height: 33px;
    line-height: 33px;
    background: url("../img/strip-line.png") repeat-x;
    float: left;
    margin-bottom: 15px;
    padding: 0 0 0 2px;
    font-size: 14px;
}

    .breadcrumb > li > a {
        color: #ffffff;
    }

    .breadcrumb > li > .divider {
        display: inline-block;
        padding: 0px;
        width: 23px;
        height: 33px;
        line-height: 33px;
        background: url("../img/divider-1.jpg") no-repeat;
    }


.second > li {
    height: 26px;
    line-height: 26px;
    background: url("../img/header-strip.png") repeat-x;
    float: left;
    margin-bottom: 15px;
    padding: 0 0 0 8px;
    font-size: 11px;
}

    .second > li > a {
        color: #ffffff;
        margin: 0px 17px;
    }

    .second > li > .divider {
        display: inline-block;
        padding: 0px;
        width: 5px;
        height: 26px;
        line-height: 26px;
        background: url("../img/divider.jpg") no-repeat;
    }



.middle-main-content {
    background: url(../img/content-bg.png) repeat;
    padding: 0px;
}

.left-sidebar {
    padding: 0px;
    border: 1px solid #466e98;
    
}

.right-sidebar {
    padding: 0px;
}

.rounded-textbox {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    height:28px;
    margin-bottom: 3px;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;
    font-style: italic;
    width: 100%;
    font-size: 12px;
}

.round-btn {
    background: url("../img/strip-line.jpg") repeat;
    padding: 0 5px;
    width: 100px !important;
	
}

.round-btn:focus , .round-btn:active { outline:none;}
.img-centered {
    margin: 0 auto;
}

.user-info {
    width: 100%;
    background: url(../img/content-bg.png) repeat;
}

.user-name {
    height: 24px;
    background: url(../img/strip-line.jpg) repeat;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    padding: 2px;
}

.halfp {
    width: 100%;
    color: #fff;
    font-style: italic;
    font-size: 13px;
    text-align: left;
    float: left;
    margin-bottom: 5px;
    padding-left: 50px;
}

.backward {
    background: url("../img/strip-line.jpg") repeat;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0px;
    border-right: 2px solid #3f77ad;
}

.forward {
    background: url("../img/strip-line.jpg") repeat;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5px;
    border-left: 2px solid #3f77ad;
}

.charges-detail {
    padding: 0px;
    border: 1px solid #466e98;
    margin: 1px;
}

.custom_scrollbar {
 
    height: 467px;
    background: url(../img/content-bg.png) repeat;
    overflow-y: scroll;
    margin: 16px;
    overflow-y: scroll;
    padding: 5px;
    width: 91%;
}


.custom_scrollbar1 {
  margin: 20px;
  height: 383px;
  width: 82%;
  background: url(../img/content-bg.png) repeat;
  overflow-y: scroll;
  padding: 20px;
}

    .custom_scrollbar::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .custom_scrollbar::-webkit-scrollbar-track {
        background-color: rgba(113,112,107,0.1);
        -webkit-border-radius: 5px;
    }

    .custom_scrollbar::-webkit-scrollbar-thumb:vertical {
        background-color: #6598d2;
        -webkit-border-radius: 6px;
    }

        .custom_scrollbar::-webkit-scrollbar-thumb:vertical:hover,
        .custom_scrollbar::-webkit-scrollbar-thumb:horizontal:hover {
            background: #4879c0;
        }

         .custom_scrollbar1::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .custom_scrollbar1::-webkit-scrollbar-track {
        background-color: rgba(113,112,107,0.1);
        -webkit-border-radius: 5px;
    }

    .custom_scrollbar1::-webkit-scrollbar-thumb:vertical {
        background-color: #6598d2;
        -webkit-border-radius: 6px;
    }

        .custom_scrollbar1::-webkit-scrollbar-thumb:vertical:hover,
        .custom_scrollbar1::-webkit-scrollbar-thumb:horizontal:hover {
            background: #4879c0;
        }

.list {
    list-style: none;
    color: #fff;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    font-size: 12px;
    font-style: italic;
    width: 100%;
}

    .list li {
        padding: 2px 4px;
    }

        .list li:hover {
            background: #5b86bb;
        }

#ipad {
    display: none;
}

#left-side {
    min-width: 10%;
    max-width: 10%;
    max-height: 1128px;
    min-height: 1128px;
    background: url(../img/ipadsidebg.png) repeat;
    float: left;
}


#right-side {
    width: 80%;
    max-width: 80%;
    max-height: 1024px;
    min-height: 1024px;
    float: left;
}

#right-ad {
    min-width: 10%;
    max-width: 10%;
    max-height: 1128px;
    min-height: 1128px;
    background: url(../img/ipadsidebg.png) repeat;
    float: left;
}

#mobile {
    display: none;
    max-width: 740px;
    width: 100%;
}

#body a {
    text-decoration: none;
}

#mheader {
    width: 100%;
    height: 57px;
    background: url(../img/mtopheaderbg.png) repeat;
    border-bottom: 3px solid #295691;
    padding: 1px;
}

#togglemenu {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    float: right;
    position: relative;
    top: -9px;
    right: 12px;
    border-bottom: 10px solid #fff;
}

/*@media screen and (max-width:1192px) {
    #desktop {
        display: none;
    }

    #ipad {
        display: block;
    }
}

@media screen and (max-width:740px) {
    #desktop {
        display: none;
    }

    #ipad {
        display: none;
    }

    #mobile {
        display: block;
    }
}

@media screen and (max-width:740px) {
    .breadcrumb > li {
        height: 33px;
        line-height: 33px;
        background: url("../img/strip-line.png") repeat-x;
        float: left;
        margin-bottom: 15px;
        padding: 0 0 0 8px;
        font-size: 14px;
    }
}*/