.top-margin {
    margin-top: 70px;
}

.navbar-brand img {
    height: 28px;
    border: none;
}

body {
    font: "Trebuchet MS", Verdana, sans-serif;
    /*background-color: #5c87b2;*/
    background-color: azure;
    color: #696969;
    position: relative;
    overflow-x: hidden;
}

body,
html {
    height: 100%;
}

.clickableicon  {
    cursor: copy;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
}

h1 {
    border-bottom: 3px solid #cc9900;
    font: Georgia, serif;
    color: #996600;
}

h2 {
    border-bottom: 3px solid #cc9900;
    font: Georgia, serif;
    color: #696969;
}

hDriver {
    font-size: 18px;
    text-align: left;
    color: #696969;
}



h10 {
    font-size: 20px;
    border-bottom: 3px solid #cc9900;
    text-align:center;
    font: Georgia, serif;
    color: #696969;
}

#main {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
}

a {
    color: #034af3;
}
/* Menu Styles ------------------------------*/
ul#menu {
    padding: 0px;
    position: relative;
    margin: 0;
}

    ul#menu li {
        display: inline;
    }

        ul#menu li a {
            background-color: #e8eef4;
            padding: 10px 20px;
            text-decoration: none;
            line-height: 2.8em;
            /*CSS3 properties*/
            border-radius: 4px 4px 0 0;
        }

            ul#menu li a:hover {
                background-color: #ffffff;
            }


/* Horizantal control override Bootstrap-----------------------------------------*/
.dl-horizontal dd {
    margin-left: 120px;
}

.dl-horizontal dt {
    width: 120px;
    margin-left: -20px;
}

/* Fields Validation error message format -------------------------------------*/
.field-validation-error {
    color: Red;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}


/* Forms Styles ------------------------------*/
fieldset {
    padding-left: 12px;
}

    fieldset label {
        display: block;
        padding: 4px;
        white-space: nowrap;
    }

input.datepicker[type="text"] {
    padding-left:12px;
    width: 120px;
    white-space: nowrap;
    z-index: 99999;
}

input.datepicker.date-time[type="text"] {
    padding-left:12px;
    width: 400px;
    white-space: nowrap;
    z-index: 99999;
}


input.longname[type="text"] {
    width: 400px;
    white-space: nowrap;
    padding-left: 4px;
}

input.shortname[type="text"] {
    width: 200px;
    white-space: nowrap;
    padding-left: 4px;
}

input.text-box[type="number"].period
{
    width: 55px;
    padding-left: 0px;
    padding-right: 5px
    
}


input.text-box.shortnumber
{
    width: 100px;
    padding-left: 0px;
    padding-right: 5px;
    text-align:right;
    
}
input.text-box[type="number"] {
    width: 120px;
    text-align: right;
    color: black;
}

input.text-box.decimal {
    width: 120px;
    text-align: right;
    color: black;
}

input.text-box.decimal.Negative {
    width: 120px;
    text-align: right;
    color: red;
}

input.text-box.number.Negative {
    width: 120px;
    text-align: right;
    color:red;
}

input.text-box[type="number"].table-input {
    width: 65px;
    height: 25px;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    text-align: right;    
}

input.text-box[type="text"].table-input {
    width: 65px;
    height: 25px;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    text-align: right;
    
}

input.text-box.agebox {
    width: 60%;
}

input.text-box[type="text"].shortname
{
    width: 80px;
    text-align:center;
    padding-left: 0px;
    padding-right: 5px
    
}

input.text-box[type="text"].longname {
    width: 210px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 5px
}

input[type="text"], input[type="password"], input[type="tel"],input[type="email"] {
    width: 75%;
    white-space: nowrap;
}

input[type="text"].full-width {
    width: 100%;
    white-space: nowrap;
}

input[type="search"] {
    width: 200px;
    white-space: nowrap;
}

input[type="submit"] {
    padding: 4px;
    color: blue;
}

.text-highlight{
    background-color:#e1f1f4 !important;
}

.text-search  {
    background-color:lightblue !important;
}

input[type="text-search"] {
    width: 150px;
    white-space: nowrap;
}

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.input-group-unstyled .input-group-addon {
    border-radius: 0px;
    border: 0px;
    background-color: transparent;
    color: blue;
}

.input-group .form-control {
    width: 250px;
    white-space: nowrap;
}

.input-group .form-control  {
    width: 250px;
    white-space: nowrap;
}

.input-group.form-control.large-box {
    width: 500px;
    white-space: nowrap;
}


.input-group-addon, .date-time {
    width: 0%;
}

input.dropdown1 {
    width: 210px;
    text-align: center;
    padding-left: 0px;
    padding-right: 5px
}

.row.date-time {
    margin-left: -30px;
}
.form-control.w250 {
    width: 250px;
}

.form-control.w200 {
    width: 200px;
}

.form-control.w100 {
    width: 100px;
}

.form-control.w-halfscreen {
    width: 100% !important;
}

.large-box {
    line-height: 50px;
    width: 100%;
    color: blue;
}

textarea.form-control.halfarea {
    max-width: 100%;
    width: 80%;
}

input.form-control.halfarea {
    resize:none;
    background-color:lightgray;
    padding:0;
    font-family: monospace;
    overflow:hidden;
    width: 80ch;
}


/* image control for add and subtracting from lists*/
img.addToList {
    background: url('Images/short-arrow-right.png') no-repeat top right;
    display: block;
    width: 80px;
    height: 60px;
    background-size: 30px;
    text-indent: -9999px; /* hides the link text */
    background-position-x:bottom;
}

img.removeFromList {
    background: url('Images/short-arrow-left.png') no-repeat top right;
    display: block;
    width: 80px;
    height: 60px;
    background-size: 35px;
    text-indent: -9999px; /* hides the link text */
    margin: 0px;
}

img.waiting {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -20px;
}


/*------------- Form Display only controls ---------------------*/
/*.date-display {
}*/

/*Select Contorls-----------------------*/
select {
    height: 30px;
    /*width: 100%;*/
    max-width: 100%;
}

/* Data Styles for Tables------------------------------*/
table {
    table-layout: fixed;
    white-space: nowrap;
    /*word-wrap: break-word;*/
}

.tablereports {
    table-layout: fixed;
    width: 100%;
    height:50px; 
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #000000;
}

tablereports.data tbody{
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
    width: 100%;
    padding: 20px;
}

tablereports.data td {
    background-color: #e8eef4;
    border: 1px solid #c3c3c3;
    padding: 25px;
}

tablereports.data td {
    border: 1px solid #c3c3c3;
    padding: 25px;
}

.table-responsive {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #000000;
}

.header-right {
    text-align: right;
}

.header-centre {
    text-align: center;
}

table.data {
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    border-collapse: collapse;
    width: 100%;
}

    table.data th {
        background-color: #e8eef4;
        border: 1px solid #c3c3c3;
        padding: 3px;
    }

    table.data td {
        border: 1px solid #c3c3c3;
        padding: 3px;
    }




.longcell {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.smallcolumn {
    max-width: 25%;
    min-width: 10%;
    width: 140px;
}

.tooltip {
    position: absolute;
    color: white;
    background-color: tan;
    text-align: center;
    border: 1px solid #000;
}

.longcell:hover {
    max-width: initial;
}


form-control {
    width: 150px;
    white-space: nowrap;
}
/*Labels for standard form Group */
/*.form-group {
}*/

/*.form-control {
}*/
/*style for dropdown box*/
.form-dropdown {
    height: 25px;
    /*color:green;*/
}
/*Labels for Form on dropdown fields*/
.form-group-dropdown {
    /*display: inline;*/
    width: 100px;
    color: green;
}

.text-control {
    /*color:red;*/
    height: 25px;
}


/*----------------------------------*/
/*glyphicon format settings*/
.modal-link.glyphicon {
    font-family: "Helvetica Neue","Helvetica","Arial","sans-serif";
    font-size: 18px;
}

a.modal-link.documentimage {
    background: url('Images/Blue-file.png') no-repeat top left;
    display: block;
    width: 80px;
    height: 60px;
    background-size: 60px;
    text-indent: -9999px; /* hides the link text */
}

.modal-open {
  overflow-y: scroll;
}

.nodocumentimage {
    background: url('Images/document-text.png') no-repeat top left;
    display: block;
    width: 80px;
    height: 60px;
    background-size: 60px;
    text-indent: -9999px; /* hides the link text */
}

.vfpimage {
    background: url('Images/vfp-source.png') no-repeat top left;
    display: block;
    width: 80px;
    height: 60px;
    background-size: 60px;
    text-indent: -9999px; /* hides the link text */
}

.documentloading {
    background: url('Images/ajax-loader.gif') no-repeat top left;
    /*background-image: url('Images/ajax-loader(4).gif');*/
    display: block;
    width: 80px;
    height: 60px;
    background-size: 60px;
    text-indent: -9999px; /* hides the link text */
}


.phoneIcon {
    background: url('Images/phoneIcon.png') no-repeat;
    color: #2a6496;
    display: block;
    width: 50px;
    height: 30px;

    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

.email {
    background: url('Images/send-mail-blue.png') no-repeat top left;
    color:#2a6496;
    display: block;
    width: 100px;
    height: 30px;
    background-position: right; 
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

.email.disabled-Anchor {
    background: url('Images/send email.png') no-repeat top left;
    background-position: right; 
    background-size: 25px;
    pointer-events: none;
    cursor:none;
}

#first-col {
    margin-bottom: 120px;
}

th.header {
    background-image: url('Images/bg.gif');
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 20px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}

th.headerSortUp {
    background-image: url('Images/asc.gif');
    background-color: #a8bbc2;
}

th.headerSortDown {
    background-image: url('Images/desc.gif');
    background-color: #b6d2ed;
}

/* Set the colour striping tables*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #d9e7f5;
}

/* Set table hover colour*/
.table-hover tbody tr:hover td {
    background: aqua;
}


/* well colour - used in Search forms */
.well {
    background: #b6d2ed;
}

/* well colour - used in Search forms */
.well-light {
    padding: 19px;
    margin-bottom: 20px;
    background-color: #e1f1f4;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

/* well colour - used in SP form for Children */
.well-SP {
    padding: 19px;
    margin-bottom: 20px;
    background-color: #ecf5f2;
    border: 1px solid black;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}



.PaddLeft20 {
    margin-left: 20px !important;
}
.PaddLeft60 {
    margin-left: 60px !important;
}

/* DashBoard well */
.DashBoardwell_Internal {
    /*background: #eef2f7;*/
    opacity: 1;
    padding: 2px;
    width: 80%;
    height: 100%;
    font-size: 90%;
    border-style: ridge;
    border-color: cadetblue;
    border-width: 5px;
    padding-left: 15px;
}

.DashBoardwell_External{
    background: #ffffff;
    opacity: 1;
    padding: 2px;
    width: 80%;
    height: 100%;
    font-size: 90%;
    border-style: ridge;
    border-color: blue;
    border-width: 5px;
    padding-left: 15px;
}

.modal-backdrop {
    /*background-color: #e9edec;*/
    z-index: 0;
}

/*.modal-content {
    width: 1400px !important;
    margin: 2px auto !important;
}*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #555555;
    margin: 1em 0;
    padding: 0;
    opacity: 1;

}

.small-modal {
    margin-top: 15px;
    width: 890px;
    left: 5%;
    margin: 0px;

}

.small-modal .modal-header  {
        /*align-items: center;*/
        background-color: #e9edec;
        width: 890px !important;
        /*margin: 0px  !important;*/
        margin-top: 0px;
}
.small-modal .modal-body {
        background-color: #d9e7f5;
        width: 890px;
        /*margin: 0px !important;*/
        left: 0px;
}

.small-modal .modal-footer {
    background-color: #e9edec;
    width: 890px !important;
    /*margin: 0px  !important;*/
    margin-top: -10px;

}



.medium-modal {
    width: 1200px;
    left: 0%;
    margin: 0px;
}

    .medium-modal.modal-body {
        background-color: #d9e7f5;
        width: 1200px;
        margin: 0px;
        left: 0%;
    }

    .medium-modal.modal-content {
        background-color: #e8eef4;
        width: 1200px !important;
        /*margin: 2px auto !important;*/
        margin-top: 0px;
        margin-left: 25px;
        margin: 0px;
    }

    .medium-modal.modal-header {
        /*align-items: center;*/
        background-color: #e9edec;
        width: 1200px !important;
        margin: 0px !important;
        margin-top: 3px;
        margin-left: 1px;

    }

    .medium-modal.modal-footer {
        background-color: #e9edec;
        width: 1200px !important;
        /*margin: 2px auto !important;*/
        margin-top: 0px;
        margin-left: 1px;
    }


.large-modal {
    width: 1450px;
    /*height: 100%;*/
    /*height: 650px;*/
    left: 0%;
    margin: 0px;
}

    .large-modal.modal-body {
        background-color: #d9e7f5;
        /*height: 550px;*/
        height: 100%;
        width: 1450px;
        margin: 0px;
        left: 0%;
    }

    .large-modal.modal-content {
        background-color: #e8eef4;
        width: 1450px !important;
        /*margin: 2px auto !important;*/
        margin-top: 0px;
        margin-left: 25px;
        margin: 0px;
    }

    .large-modal.modal-header {
        /*align-items: center;*/
        background-color: #e9edec;
        width: 1450px !important;
        height:100px;
        margin: 0px !important;
        margin-top: 3px;
        margin-left: 1px;
    }

    .large-modal.modal-footer {
        background-color: #e9edec;
        width: 1450px !important;
        /*height:100px;*/
        /*margin: 2px auto !important;*/
        margin-top: 0px;
        margin-left: 1px;
    }

#SearchTerms {
    padding-top: 0px;
}

.imagelink {
    background: url('Images/small dollar.png') no-repeat top left;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
}

.searchvalue {
    width: 100px;
}

.rowbutton {
    float: right;
    align-items: center;
    margin-right: 25px;
}

.btn-sm, .btn-group-sm > .btn {
    width:100px;
    padding-left:20px;
}


.DisabledLink {
    pointer-events: none;
    cursor: wait !important;
    color: grey;
}

.DisabledButton {
    color: blue;
}

.TextBox30 {
    height: 30px;
    width: 200px;
}
#Value {
    height: 30px;
    width: 200px;
}

.dropdown-setwidth {
    max-width: 80%;
}

.dropdown-setsmallwidth {
    max-width: 30%;
}


.navbar-text {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    margin: auto;
}

.navbar-company {
    position: absolute;
    width: 80%;
    left: 150px;
    text-align: center;
    margin: auto;
}

.name-banner {
    margin-top: auto;
    color: black;
    font-size: x-large;
    position: relative;
    background: #b6d2ed;
    text-align: center;
}

.referral-banner {
    margin-top: auto;
    color: black;
    font-size: x-large;
    position: relative;
    background: #b6d2ed;
    text-align: center;
}

.plan-banner {
    margin-top: auto;
    color: black;
    font-size: x-large;
    position: relative;
    background: #9eed9e;
    text-align: center;
}

.border-right {
    border-right: 1px solid black;
}

.border-left {
    border-left: 1px solid black;
}


/*Modal form size and position control*/
body.modal-open .datepicker {
    z-index: 1200 !important;
}


/*Bootstrap column setting no-padding removes margin from around column*/
.no-padding {
    padding-left: 0px !important;
}

/*#expenseHeaderModal .modal-footer {
    float: left;
}

#expenseHeaderModal .modal-header {
    float: left;
}*/


/*Changing formatting of Bootstrap tabs*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    color: #555555;
    background-color: lightgray;  
} 


/* make anchor tag look like a button*/
.likeabutton {
    text-decoration: none; font: menu;
    display: inline-block; padding: 2px 8px;
    background: ButtonFace; color: ButtonText;
    border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.menu-button {
    display: inline-block;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height:1.4285;
    text-align:center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;

}


.menu-option {
    cursor: pointer;
}

/* standard modal save button*/
.btn-save {
    background-color: aqua;
    background-position: 0-15px;
    color: #000000;
    border-color:#285e8e ;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    width:75px;
    height:40px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height:1.4285;
    text-align:center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

.btn-save:hover {
    color: #fff;
}



/* standard modal delete button*/
.btn-delete {
    background-color: lightgray;
    background-position: 0-15px;
    width:75px;
    height:40px;
    color: #000000;
    border-color:#285e8e ;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height:1.4285;
    text-align:center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

.btn-delete:hover {
    color: Red;
}

/* standard add button*/
.btn-add {
    background-color:#cc9900;
    background-position: 0-15px;
    color: #000000;
    border-color:#285e8e ;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    width:75px;
    height:40px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height:1.4285;
    text-align:center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

.btn-add:hover {
    color: Red;
}


/* standard change button*/
.btn-change {
    background-color: #2d6ca2;
    background-position: 0-15px;
    color: white;
    border-color: #285e8e;
    border: 1px solid transparent;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    width: 85px;
    height: 40px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

    .btn-change:hover {
        color: red ;
    }


.btn-lg-add {
    background-color: #cc9900;
    background-position: 0-15px;
    color: #000000;
    border-color: #285e8e;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    width: 110px;
    height: 40px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

    .btn-lg-add:hover {
        color: Red;
    }
/* standard copy button*/
.btn-copy {
    background-color: #42b92e;
    background-position: 0-15px;
    color: #000000;
    border-color: #285e8e;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    width: 75px;
    height: 40px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

    .btn-copy:hover {
        color: Red;
    }

.btn-print {
    background: url('Images/printer-icon-998.png') no-repeat top left;
    color: #2a6496;
    display: block;
    width: 75px;
    height: 40px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

/* standard print button*/
.btn-printsmall {
    background: url('Images/Crystal.png') no-repeat top left; 
    color:#2a6496;  
    display: block;
    width:30px;
    height:20px;
    background-position: center; 
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}



/* standard Show Keyboard button*/
.btn-kybShow {
    background-image: url('Images/keyboard_show.png');
    background-color: #e1f1f4;
    color: #2a6496;
    display: block;
    width: 30px;
    height: 20px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

/* standard Hide Keyboard button*/
.btn-kybHide {
    background-image: url('Images/keyboard_hide.png');
    background-color: #e1f1f4;
    color: #2a6496;
    display: block;
    width: 30px;
    height: 20px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

.btn-crystal {
    background: url('Images/crystal-icon.png') no-repeat top left;
    color: #2a6496;
    display: block;
    width: 75px;
    height: 40px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

.btn-print:hover {
    color: Black;
}


/* Email to Drivers button*/
.btn-email {
    background: url('Images/send email.png') no-repeat top left;
    color: #2a6496;
    display: block;
    width: 75px;
    height: 40px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

/* Email Info to Drivers button*/
.btn-emailInfo {
    background: url('Images/sendDriveInfo.png') no-repeat top left;
    color: #2a6496;
    display: block;
    width: 75px;
    height: 40px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

.btn-map {
    background: url('Images/googlepin.png') no-repeat top left;
    color: #2a6496;
    display: block;
    width: 75px;
    height: 40px;
    background-position: center;
    background-size: 25px;
    text-indent: -9999px; /* hides the link text */
}

    .btn-print:hover {
        color: Black;
    }

.btn-colHeader {
    /*background: url('Images/bg.png') no-repeat top left;*/
    /*background-image: url('Images/bg.gif');*/
    /*background-color: #e9edec;
    background-position: 0-15px;*/
    color: #000000;
    border-color: #285e8e;
    border: 1px solid;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    padding: 0px 0px;
    width: 30px;
    height: 20px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
}

.inline-navbar-btn {
    margin-top: 0px;
    margin-bottom: 8px;
}


.modal-header .close {
    margin-top: -20px;
    color: black;
    font-weight: 400;

}

.small-icon {
    width: 20px !important;
    height: 20px !important;
}

.large-icon {
    width: 35px !important;
    height: 35px !important;
}

.reliefcount {
    color: Red !important;
    /*animation: blinker 1s linear infinite;*/
}

#drivemap {
    height: 400px;
    width: 100%;
}

.emaildrive {
    margin-top: 120px;
}