body
{
    background-image: url(../img/texture.png);
    
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 38px;
}

.sidenav b
{
    font-size: 11px;
}

.sidenav hr
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.sidenav a {
    /*padding: 12px 8px 12px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;*/
    
    padding: 7px 8px 5px 32px;
    text-decoration: none;
    font-size: 11px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

span#navMenuBtn
{
    position: fixed;
    left: 10px;
    top: 1px;
}

div.header h4
{
    margin-top: 7px;
    text-align: center;
    font-weight: bold;
}

div.header{
    background-color: #3bacff; 
    color: #fff;
    padding: 3px 0;
}

#mySidenav
{
    background-color: rgba(252, 252, 252, 0.95);
    margin-left: -300px;
    width: 290px;
    z-index: 10;
}

#mySidenav hr
{
    border-top: 1px solid #3bacff;
}

#mySidenav i
{
    font-size: 15px;
    color: #3bacff;
}

#mySidenav span
{
    display: inline-block;
    width: 20px;
}

.sidenav a{
    color: #000000;
}

.sidenav .closebtn 
{
    position: absolute;
    top: -14px;
    right: 10px;
    color: #3bacff;
}

#agent-name
{
    font-weight: bold;
    margin-top: 15px;
}

span.titleSep
{
    display: inline-block;
    background: #3bacff;
    width: 100%;
    height: 1px;
    top: -10px;
    position: relative;
}

div.mseb-tile{
    border-radius: 10px;
    color: #fff;
    border: 1px solid #3bacff;
    background: #75c5ff; /* Old browsers */
    background: -moz-linear-gradient(top, #75c5ff 0%, #3bacff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #75c5ff 0%,#3bacff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #75c5ff 0%,#3bacff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c5ff', endColorstr='#3bacff',GradientType=0 ); /* IE6-9 */
    
    min-height: 130px;
    margin-bottom: 5px;
}

div.mseb-tile i{
    font-size: 45px;
}

div.mseb-tile div{
    padding-top: 5px;
}

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 2.5px;
  padding-left: 2.5px;
}

div.bg-black
{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}

.btnAccept
{
    border: 1px solid #3bacff;
    background: #75c5ff; /* Old browsers */
    background: -moz-linear-gradient(top, #75c5ff 0%, #3bacff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #75c5ff 0%,#3bacff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #75c5ff 0%,#3bacff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c5ff', endColorstr='#3bacff',GradientType=0 ); /* IE6-9 */
    
}

.well-table
{
    background-color: #ffffff;
    border: 1px solid #3bacff;
}

.well-table td
{
    padding: 6px;
}

/* My Profile */

img.user-img
{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid #3bacff;
}

table.profileTable td
{
    padding: 6px;
}


/*  End My Profile */

.btnSubmit
{
    border: 1px solid #3bacff;
    background: #75c5ff; /* Old browsers */
    background: -moz-linear-gradient(top, #75c5ff 0%, #3bacff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #75c5ff 0%,#3bacff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #75c5ff 0%,#3bacff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c5ff', endColorstr='#3bacff',GradientType=0 ); /* IE6-9 */
}

.btnSubmit:hover,
.btnSubmit:active,
.btnSubmit:focus,
.btnAccept:hover,
.btnAccept:active,
.btnAccept:focus
{
    border: 1px solid #3bacff;
    background: #75c5ff; /* Old browsers */
    background: -moz-linear-gradient(top, #75c5ff 0%, #3bacff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #75c5ff 0%,#3bacff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #75c5ff 0%,#3bacff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c5ff', endColorstr='#3bacff',GradientType=0 ); /* IE6-9 */
}

.sidenav a:hover {
    color: #000;
}

div.pre-loader
{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background-image: url(../img/pre-loader.gif);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 9999;
    background-position: center center;
    background-color: rgba(255, 255, 255, 0.95);
    background-size: 61px;
}

.page-pre-loader{
    display: none;
}

.ip-chk
{
    width: 21px;
    height: 21px;
}

.search-result-div,
.div-balance,
.div-min-bal,
.transtable,
.no-trans,
.commtable,
.no-comm,
.span-comm,
.profile
{
    display: none;
}


.search-result-div .dd{
    display: inline;
    width: 30%;
}

div.datepicker input
{
    background: #fff !important;
}

.total-comm{
    font-size: 21px;
}

.loader-bar{
    height: 10px;
    background-color: #3bacff;
    width: 0%;
    border-radius: 7px 7px 0 0;
}

.auto-refresh-text{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.form-input-error
{
    border: 1px solid red;
}


/* Image Popup */

.imgPopup
{
    display: none;
    position: fixed;
    z-index: 99999999;
    background-color: rgba(0,0,0,0.87);
    width: 100%;
    height: 100%;
}

img.imgClick
{
    cursor: pointer;
    height: 80px;
    top: 10px;
    position: relative;
    left: -300px;
}

/* End Image Popup */

i.icon-import
{
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 21px !important;
}

button.multiselect
{
    width: 100%;
    text-align: left;
}

button.multiselect b.caret
{
    right: 10px;
    position: absolute;
    top: 14px;
}

div.btn-group
{
    display: block;
}

.btnLogout
{
   cursor: pointer; 
}

img.map-locate
{
    cursor: pointer;
}

.no-padding
{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.table tbody
{
    font-size: 11px;
}