/* Minification failed. Returning unminified contents.
(531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
 */

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Lato',sans-serif; 
    font-weight: 400; 
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
  /*  margin-left: 30px;
    margin-right: 30px;*/
    margin-bottom: 20px;
    margin-top: 70px;
}

/* Override the default bootstrap alert */
.alert {
    padding: 5px !important;
    margin-bottom: 0px !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

/*COMMON*/

.btn.background-dark-blue, .btn.background-dark-green {
    color: white !important;
}

.text-capital{    
    text-transform: uppercase;
}

.color-white {
    color: white;
}

.color-white:hover {
    color: white;
}

.color-gray-lightest{
    color: #E0E3E8;
}

.color-gray-darkest{
    color: #888888;
}

.color-black{
    color: black;
}

.color-dark-blue {
    color:#0F2B5B;
}

.background-mustard{
    background-color: #F6CE74 !important;
}

.background-aqua{
    background-color: #80d2cc !important;
}

.background-dark-blue{
    background-color: #0F2B5B !important;
}

.background-medium-blue{
    background-color: #5472AA !important;
}

.background-ligth-blue{
    background-color: #6CA2D7 !important;
}

.background-dark-green{
    background-color: #108A8D !important;
}

.background-salmon{
    background-color: #EF6F6F !important;
}

.background-naranja {
    background-color: #F9A03F !important;
}

.background-light-gray{
    background-color: #E0E3E8;
}

.background-light-gray-custom{
    background-color: #F7F7F7;
}

.background-light-green {
    background-color: #80D2CC !important;
}

.background-white{
    background-color: white;
}

.background-transparent-shadow {
    background: transparent; /* Fall-back for browsers that don't support rgba */
    background: rgba(54, 25, 25, .1);   
}

.background-header-bar {
    background-color: #80D2CC !important;
}

.expenses-bucket-one {
    background-color: #5472AA !important;
}

.expenses-bucket-two {
    background-color: #F6CE74 !important;
}

.expenses-bucket-three {
    background-color: #EF6F6F !important;
}

.expenses-bucket-four {
    background-color: #108A8D !important;
}

.centered {
    text-align: center;
    font-size: 0;
}

.centered > div {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 13px;
}
.center-login-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.border0{
    border:0;
}

.border1-gray{
    border: 1px solid #ccc;

}

.center {
 float: none;
 margin-left: auto;
 margin-right: auto;
}

.text-align-center{
    text-align: center;
}
.text-align-left{
    text-align: left;
}

.show-on-mobile {
    display: none;
}

.show-on-tablet{
    display: none;
}
    
.show-on-small-tablet{
   display: none;
}

.voffset2 { margin-top: 2px; }
.voffset4 { margin-top: 4px; }
.voffset5 { margin-top: 5px; }
.voffset10 { margin-top: 10px; }
.voffset15 { margin-top: 15px; }
.voffset20 { margin-top: 20px; }
.voffset25 { margin-top: 25px; }
.voffset26 { margin-top: 26px; }
.voffset30 { margin-top: 30px; }
.voffset35 { margin-top: 35px; }
.voffset40 { margin-top: 40px; }
.voffset50 { margin-top: 50px; }
.voffset55 { margin-top: 55px; }
.voffset60 { margin-top: 60px; }
.voffset70 { margin-top: 70px; }
.voffset80 { margin-top: 80px; }
.voffset100 { margin-top: 100px; }
.voffset150 { margin-top: 150px; }

.loffset2 { margin-left: 2px; }
.loffset5 { margin-left: 5px; }
.loffset10 { margin-left: 10px; }
.loffset15 { margin-left: 15px; }
.loffset25 { margin-left: 25px; }
.loffset30 { margin-left: 30px; }
.loffset50 { margin-left: 50px; }

.roffset2 { margin-right: 2px; }
.roffset5 { margin-right: 5px; }
.roffset10 { margin-right: 10px; }
.roffset15 { margin-right: 15px; }
.roffset25 { margin-right: 25px; }
.roffset30 { margin-right: 30px; }
.roffset50 { margin-right: 50px; }

.boffset2 { margin-bottom: 2px; }
.boffset5 { margin-bottom: 5px; }
.boffset10 { margin-bottom: 10px; }
.boffset15 { margin-bottom: 10px; }
.boffset20 { margin-bottom: 20px; }
.boffset30 { margin-bottom: 30px; }
.boffset35 { margin-bottom: 35px; }
.boffset60 { margin-bottom: 60px; }
.boffset200 { margin-bottom: 200px; }

.vtop{ vertical-align: top; }
.vbottom{ vertical-align: bottom; }
.vmiddle{ vertical-align: middle; }

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

.display-in-line{ display: inline-block; }
.display-block{ display: block; }


.text-red{ color: #E17272; }
.text-green{ color: #39a039; }
.font-size20{ font-size: 20px; }

.cursor-pointer{ cursor: pointer; }

.float-right{
    float: right;
}

.col-custom {
    display: table-cell;
    padding-left: 16px;
    min-width: 45px;
}

.row-custom li {
    min-width: 45px;
}

.title-background {
    margin-bottom: 10px;  
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eee;
    border-radius: 3px;   
}

.spinner-background {
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #DBDADA;
    filter: alpha(opacity=70);
    opacity: 0.7;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}

.collapse-sign{
    display: none !important;
}

.panel-plus{  
    float: right;
    color: grey;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
 
.spinner {
    min-width: 24px;
    min-height: 24px;
}
 
.spinner:before {
    content: 'Loading…';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -10px;
    margin-left: -10px;
}
 
.spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .3);
    border-top-color: rgba(0, 0, 0, .6);
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}

.text-box, .single-line {
    color:black !important;
}

.border-bottom{
     border-bottom: 1px solid #E9E8E8;
}

.image {
    position:relative;
}

a, a:hover, a:active, a:visited, a:link, a::after, a:before, a:checked {
    text-decoration:none;
}

h1, h2{
    font-weight: normal;
    color: #C1C0C0;
    font-weight: 300;
}   

h1{
    font-size: 40px;
}

h2{
    font-size: 35px;
}

.lato500{
    font-weight: 500;
}

.lato300{
    font-weight: 300;
}

.latoBold{
    font-weight: bold;
}

/*LOGIN*/

.login-container{
    max-width: 300px;
}

.login-content {
    left: 0;
    position:absolute;
    text-align:center;
    top: 450px;
    width: 100%;
    font-size: 16px;
}

.login-background {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.login-background-half{
    background-color: whitesmoke;
    position: absolute;
    margin-top: 20%;
    width: 100%;
    height: 100%;
    z-index: -10;
}

.login-tb{    
    border: 0;
    outline: 0;
    background: transparent;   
    width: 200px;
    letter-spacing: 1px;
    margin-left: 5px;
}

.login-submit-btn-primary {
    background-color: #F6CE74 !important;
}

.login-submit-btn-secondary {
    background-color: #108A8D !important;
}

.login-submit-btn{
    width: 100%;
    min-height: 40px;   
    border: 0px;
    color: white;
    font-size: 16px;
}

.forgot-pwd-submit-btn{
    width: 100%;
    min-height: 40px;   
    border: 0px;
    color: white;
    font-size: 20px;
}

.login-link{
    color: #6CA2D7;
    font-size: 14px;
    text-align: right;    
    font-family: 'Helvetica Light', 'Helvetica';
}

.login-error{
    font-size: 12px;
    display: block;
    color: #b94a48;
}

.login-footer-text{
    text-align: center;
    color: black;
}

/*FORGOT PASSWORD*/

.container-forgot-pwd{
    max-width: 350px;
    margin-top: 30px;
    border: 2px solid #f5f5f5;
    padding: 45px;
}

/*LAYOUT*/

.header-bar{
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.footer-bar{
    bottom: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    text-align: center; 
    color: white;
    padding-top: 5px;
}

.header-image{    
    vertical-align: middle; 
    margin: 15px;
}

.header-search-left {
    margin-left: 14%;
}

.header-bar-line {
    height: 100px;
    z-index: 1029;
}

.header-btn {
    border: 0px;
    border-radius: 2px;
    color: white;
}

.header-btn > a{
   color: black;
   font-size: 15px;
}

.header-btn > a:hover{  
   text-decoration: none;  
}

.header-user-hello{
    display: inline;
    margin: 15px;
}

.home-greeting {
    margin-left: 8vw;
    margin-bottom: 20px;

    @media (min-width: 768px) {
        margin-left: 85px;
    }

    @media (min-width: 992px) {
        margin-left: 65px;
    }

    @media (min-width: 1200px) {
        margin-left: 100px;
    }
}

.menu-wrapper{
    float:right;
    margin: 20px;
}

.menu-dropdown-btn{
    background-color: transparent;
    border: 0px;
}

.menu-dropdown-box{
    border-radius: 0px;
    border: 0px;
    margin: 10px 8px 0;
}

.arrow_box {
}

.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: white;
	border-width: 17px;
	margin-left: 46px;
}

.input-search-layout{
    height: 46px; 
    width: 300px; 
    border-radius: 3px 0px 0px 3px;
}

.btn-search-on-input{
    border-left: 0px; 
    border-radius: 0px 3px 3px 0px;
}

.a-log-out {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.a-log-out:hover {
    background-color:#e8e8e8;
    background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat:repeat-x
}

/*General Styles from Kendo*/
/*.k-button.k-primary {
    background-color: #0F2B5B !important;
}*/
.k-button.k-button-solid-primary {
    background-color: #0F2B5B !important;
    border-color: #0F2B5B !important;
}

.k-dialog-actions > .k-button.k-button-solid.k-rounded-md {
    border-radius: 0;
}

.k-window-title {
    font-size: 1.4em !important;
}
.k-window-content, .k-prompt-container {
    padding-block: 2.5rem !important;
}

.k-button.k-button-icontext {
    border-radius: 4px;
    border-color: #ccc; 
    padding: 6px 12px;
}
/*.k-state-selected {
    background-color: #0F2B5B !important;
}*/

.k-textbox {
    border-radius: 4px;
    border-color: #ccc;
    padding: 1px 12px;   
    border-style: solid;
    border-width: 1px;
}

.k-input {  
    padding: 1px 12px;
}

.k-checkbox {
    width: 19px !important;
    height: 19px !important;
}

/*Upload Btn from Kendo Upload*/
.k-upload-button {
    font-size: 12px;
    line-height: 1.6;
    background-color: #929497 !important;
    color: white !important;
}

.k-dropzone .k-upload-status {
    color: #0D9C0D !important;
}

#uploadWrapper > .k-upload {
    border-style: dashed !important;
    border-width: 2px !important;
    background-color: white !important;
}

div.k-dropzone em {
    visibility: visible;
}

/*Calendar and Numeric TB Kendo*/

.k-numeric-wrap, .k-state-default{
    background-color: #F7F7F7 !important;
}

.k-numerictextbox .k-formatted-value,
.k-numerictextbox .k-state-focused .k-input{  
   background-color: #F7F7F7;   
}

.k-picker-wrap .k-input { 
    background: #F7F7F7 !important; 
}

/*.k-textbox {
    background-color: #F7F7F7 !important; 
}*/

/*HOME PAGE BEGIN*/

.home-more-info-btn-wrapper {
    padding-right: 87px;
}

.home-more-info-btn{   
    border: 0px;
    border-radius: 0;
    height: 43px;
    width: 191px;
}

.home-more-info-btn-link {
    font-size: 20px;
    color: white;
}

.home-more-info-btn-link:hover{   
 font-size: 20px;
 color: white;
}
   
.homeBox-wrapper {
    width: 190px;
    height: 180px;   
}

.homeBox {
    width: 190px;
    height: 180px;
    padding-top: 45px;
    font-size: 60px;
    font-weight: bold;
    border-radius: 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-left: auto; 
    margin-right: auto;
}

.homeBox-img{
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.homeBox-smaller-font{
    font-size: 30px;
}

.home-more-info-btn-inner-wrapper{
    width:190px; 
    height: 25px;
}

.home-more-info-btn-separator{
    width: 1px; 
    background-color: white; 
    height: 70%; 
    margin-left: 146px; 
    position: absolute; top: 7px;
}

.header-shadow{
    background-image: url(/Content/Content/Images/icon-pending-expenses.png);    
    height: 40px;
    background-repeat: no-repeat;
    z-index: 9999;
}

#container {
  width: 100px;
  height: 100px;
  position: relative;
}

.homeBox-icon-wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-bottom: -145px;
}

/*HOME PAGE END*/

/*SUBMIT EXPENSE*/

.table-bordered tbody tr.highlight td {
    background-color: #ddd;
}

.table-bordered tbody tr:hover{
    background-color: #E0E3E8;
}

.account-box-wrapper{
    border: 1px solid lightgray;
    border-radius: 4px;
    padding: 12px;
}

.assign-btn-wrapper{
    margin-left: 15px;
    margin-right: 15px;
}

.line-box{
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    margin-top: 12px;
}

.is-riding-crew-wrapper{ 
    font-size: 16px;
}

.add-member.btn.btn-sm
{
    padding: 5px 9px;
}



/*SUBMIT EXPENSE END*/

/*VIEW EXPENSE*/

.title-header {
   min-height: 40px;
   padding-top: 10px;
   margin-left: 0; 
   margin-right: 0; 
}

/*VIEW EXPENSE END*/

/*YOUR EXPENSES PAGE BEGIN*/

#yourexpenseswrapper {width: 100%;margin-top: 40px; min-height:525px;}

#yourexpensesleftcolumn, #yourexpensesrightcolumn, #yourexpensescentercolumn { border: 1px solid white; float: left; min-height: 500px; }
#yourexpensesleftcolumn { width: 49.35%; background-color: white; font-style:normal }
#yourexpensesrightcolumn { width: 49.35%; background-color: white; }

#yourexpensescentercolumn { width: 0.3%; background-color: black; }

#yourexpensesleftUpSide, #yourexpensesleftDownSide { border: 1px solid white; float: left; min-width: 100%; }
#yourexpensesleftUpSide { height: 500px; background-color:white; margin-bottom:15px; }
#yourexpensesleftDownSide { height: 500px; background-color:white; }

#yourexpensesrightUpSide, #yourexpensesrightDownSide { border: 1px solid white; float: left; min-width: 100%; }
#yourexpensesrightUpSide { height: 500px; background-color:white; margin-bottom:15px; margin-left:10px; }
#yourexpensesrightDownSide { height: 500px; background-color:white; margin-left:10px; }

.yourexpensesLeftSideH4 { margin-left: 0px; margin-bottom: 20px; }
.yourexpensesRightSideH4 { margin-left: 50px; margin-bottom: 20px; }

.yourexpensesPageTitleH3 { margin-top: 50px; }

#yourexpensesleftUpSideTable, #yourexpensesleftDownSideTable, #yourexpensesrightUpSideTable, #yourexpensesrightDownSideTable { width:90%; min-height:450px }
#yourexpensesrightUpSideTable, #yourexpensesrightDownSideTable { margin-left:50px }

.yourexpensesleftTableHeader { text-decoration:underline }

.panel-plus-on-mobile {
   display: none;
}

.your-expenses-panel-content {
    height: 455px;
}

.col-text-l-align{
    text-align: left;
}
.col-text-r-align {
    text-align: right;
}
.table-layout-fixed {
    table-layout: fixed;
}
.col-width-30{
    width: 30%;
}
.col-width-40 {
    width: 40%;
}
/*YOUR EXPENSES PAGE END*/

/*APPROVALS PAGE*/

.approvals-col-crew-id{
    min-width: 120px;
}
    
.approvals-col-employ-name{
   display: none;
}

.approvals-col-expenese-number{
    display: none;
}

.approvals-notification-wrapper {
    font-size: 16px;
}

/*COLLECTIONS PAGE*/

.collections-expense-number{
    min-width: 120px;
}

/*USER ADMINISTRATION PAGE BEGIN*/

#administrationpageusersDb {
    width: 100%;
    height: 500px;
    margin-bottom: 30px;
    margin-top:0px; 
}

/*USER ADMINISTRATION PAGE END*/


/*EDIT POPUP FOR USER ADMINISTRATION BEGIN*/

#useradminpopupwrapper {
    width:95%; 
    min-height: 450px;
    /*height:690px;*/ 
    margin-left:10px;
}
#useradminpopupleftcolumn, #useradminpopuprightcolumn { 
    border:1px; 
    float: left; 
    margin-left:20px;
}
.useradminpopupLabels { 
    margin-bottom:5px; 
    margin-top:5px; 
}

/*EDIT POPUP FOR USER ADMINISTRATION END*/


/*SEARCH EXPENSE PAGE BEGIN*/

#searchPageUpperPanel { 
    height:160px; 
    width:942px; 
    margin-bottom:30px;
}

#searchPagegridSection { 
    height:560px; 
    width: 100%;
    margin-bottom: 50px; 
    margin-top:30px;
}

.HorizontalLineSeparator {}

/*SEARCH EXPENSE PAGE END*/

/*TOP VISAS PAGE BEGIN*/
#topVisasWrapper {
    width: 100%;
    height: 396px;
    margin: 20px auto 0;
    margin-bottom: 100px;
    margin-top:10px; 
    padding: 51px 4px 0 4px;
}

/*TOP VISAS PAGE END*/

/*EDIT POPUP FOR TOP VISAS PAGE BEGIN*/

.topVisaPopupLabels {
    margin-bottom:5px; 
    margin-top:5px;
}

#topVisaPopupWrapper {
    margin-left:10px;
}

/*EDIT POPUP FOR TOP VISAS PAGE END*/

/*POLICY PAGE*/
#SavePositionsAndShips{

}

/*POLICY PAGE END*/

/*POSITION GROUP PAGE*/
.edit-command-grid{
    width: 100px!important;
    margin: 2px !important;
}
/*POSITION GROUP END*/

/*RECEIPT STORE PAGE*/

.left-col-receipts{
    max-height: 600px;
    width: 30%;
}

.rigth-col-receipts {
    /*max-height: 600px;*/
    width: 68%;
    vertical-align: top;
}

.delete-link {
    width: 18px;
    height: 18px;
    /*background: transparent url(/Content/theme/~/Content/Images/icon-rejected-expenses.png) no-repeat 50% 50%;*/
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 0;
    vertical-align: top;
    margin: 0px 0 0 3px;
    -webkit-border-radius: 5px;
    -mox-border-radius: 5px;
    border-radius: 5px;
}

.info-icon{
    color: #428bca;
    vertical-align: bottom;
    margin-left: 10px;
}

.blue-tooltip + .tooltip > .tooltip-inner {
    background-color: #428bca;
}
.blue-tooltip + .tooltip > .tooltip-arrow { 
    border-right-color:#428bca; 
}

.treeInlineEdit > input {
    font-size: 1.2em;
    min-width: 10em;
    min-height: 2em;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border: 0px solid #ffffff;
    color: black !important;
}

.valign{
    margin-top:25px!important;
}

.required:after {content:" *"; color:red;}

.input-validation-error {
    /*background-color: #f2dede;*/
    /*color: #a94442;*/
    border: 2px solid #a94442;
    font-size: 14px;
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    .input-validation-error {
        font-size: 40px;
    }
}
/*RECEIPT STORE END*/
.custom-link, .custom-link div { font-size: 17px; font-weight: 500; text-transform:uppercase }
.create-expense-link.disabled, .create-expense-link.disabled div { cursor: not-allowed; opacity: 0.6; }
.top-15 { top: 15% !important }

.new-request-btn {
    display: block;
    width: 100%; /* Make it take full width of the column */
    text-align: center;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 10px; /* Space between button and boxes */
}

.new-request {
    margin-bottom:20px;
}


 /******************** For tablets, phones, etc: ************************/
 
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

    /*LOGIN*/

    .login-container {
        max-width: 600px;
    }

    .login-background {
        width: 100%;
        font-size: 35px !important;
        height: auto;
        margin-top: 115px;
    }

    .login-content {
        top: 750px;
        font-size: 40px;
    }

    .login-submit-btn {
        min-height: 60px;
        font-size: 28px !important;
        max-width: 100%;
    }

    .login-link {
        font-size: 30px;
        margin-top: 30px;
    }

    .login-background-half {
        margin-top: 50%;
    }

    .login-footer-text {
        font-size: 25px;
    }

    .login-tb {
        width: 100%;
        letter-spacing: 0px;
    }

    .login-error {
        font-size: 25px;
    }

    /*COMMON*/

    .show-on-mobile {
        display: block;
    }
    
    .hide-on-mobile {
        display: none;
    }

    .display-block-on-mobile {
        display: block;
    }

    .display-in-line-on-mobile {
        display: inline-block;
    }

    .body-content {
        margin-top: 0px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h4, h3 {
        font-size: 14px;
    }

    .wide-site-on-mobile{
        width: 100%;
    }

    .font-size12-on-mobile{
        font-size: 12px;
    }

    .boffset5-on-mobile{
        margin-bottom: 5px;
    }

    .offset-on-mobile-0 {
        margin-top: 0px;
    }

    .collapse-on-phone {
        display: none;
    }
    
    .panel-plus-on-mobile {
        float: right;
        color: white;
        display: block;
    }

    /*Kendo Upload - Drop Zone Class*/
    .k-dropzone-hint
    {
        display: none;
    }

    /*LAYOUT*/
    .breadcrumbs-container {
        margin-top: 20px;
    }
    .menu-wrapper {
        margin: 8px 8px 0 3px;
    }

    .header-bar-inner-wrapper {
        width: 25%;
    }

    .header-image {
        width: 100%;
    }

    .header-bar-green {
        height: 62px;
    }
    
    .container-forgot-pwd {
        max-width: 250px;
        margin-top: 0px;
        padding: 22px;
    }

    .forgot-pwd-submit-btn {
        min-height: 40px;
        font-size: 20px !important;
        max-width: 100%;
    }

    .forgot-pwd-tb {
        width: 85%;
    }

    /*HOME*/

    .homeBox {
        width: 130px;
        height: 120px;
        font-size: 20px;
    }

    .homeBox-smaller-font {
        font-size: 16px;
    }

    .homeBox-img {
        width: 50px;
    }

    .homeBox-icon-wrapper {
        margin-bottom: -157px;
    }

    .home-box-row-mobile {
        margin-bottom: 5px;
        padding: 0px;
    }

    .home-more-info-btn {
        width: 150px;
    }

    .home-more-info-btn-link {
        font-size: 17px;
    }

    .home-more-info-btn-wrapper {
        margin-bottom: 5px;
        padding-right: 0px;
    }

    .home-more-info-btn-inner-wrapper {
        width: 140px;
        height: 14px;
    }

    .home-more-info-btn-separator {
        height: 50%;
        margin-left: 110px;
    }       

    /*YOUR EXPENSES*/
       
    .your-expenses-row-margin-on-mobile {
        margin-bottom: -20px;
    }
     
    .your-expenses-row-wrapper {
        margin-bottom: 0px;
    }

    .table-striped {
        font-size: 12px;
    }

    .your-expenses-panel-content {
        height: auto;
    }

    /*SUBMIT EXPENSE*/

    .float-right-on-mobile {
        float: right;
    }
    
    .is-riding-crew-wrapper {
        font-size: 12px;       
        margin-top: 10px;
    }

    .expenses-wrapper{
        margin-top: 5px;
    }

    .k-upload-button{
     width: 100%;
    }

    div.k-widget.k-window {
        width: 310px !important;
        font-size: 12px;
    }

    #memberOnRide, #memberOnExpense {
        min-width: 290px !important;
    }

    /*SEARCH*/

    #searchPagegridSection{
       margin: 0px;
    }

    .container-search {
        padding: 0px;
    }

    .date-input-on-mobile{
        width: 120px !important;
    }
    
    .k-grid-header table, .k-grid-content table { 
       font-size: 12px;
    }

    #searchPagegridSection table tr td:nth-child(2), #searchPagegridSection table tr td:nth-child(3), #searchPagegridSection table tr td:nth-child(6){
        display: none;
    }

    #searchPagegridSection table tr th:nth-child(2), #searchPagegridSection table tr th:nth-child(3), #searchPagegridSection table tr th:nth-child(6){
        display: none;
    }

    #searchPagegridSection table colgroup col:nth-child(2), #searchPagegridSection table colgroup col:nth-child(3), #searchPagegridSection table colgroup col:nth-child(6){
        display: none;
    }

    /*APPROVALS*/
    
    .approvals-col-crew-id{
        min-width: 95px;
    }
    
    .approvals-col-employ-name{
        display: inline-block;
        min-width: 135px;
    }

    .approvals-col-expenese-number{
        min-width: 95px;
    }

    .approvals-notification-wrapper{
        font-size: 13px;
    }

    /*COLLECTIONS*/

    .collections-expense-number{
        min-width: 90px;
    }
    
    .collections-table-font-mobile{
        font-size: 11px;
    }

    .collections-content{
        padding: 10px;
    }
 }

@media only screen and (max-width: 995px), only screen and (max-device-width: 995px) {

    .hide-on-tablet {
        display: none;
    }
    
    .submit-expense-col3-specific {
        width: auto !important;
    }

     .submit-expense-col2-specific {
        width: auto !important;
    }
         
    .view-expense-align-left-on-small-tablet{
        text-align: left;
    }

    .approvals-align-left-on-small-tablet{
        text-align: left;
    }

    .display-in-line-on-small-tablet {
        display: inline-block;
    }

    .approvals-radiobtn-marginleft{
        margin-left: 0px;
    }
    
    .approvals-riding-crew-wrapper{
        margin-top: 5px;
    }
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
        
    div.k-widget.k-window {
        width: 310px !important;
        font-size: 12px;
    }

    .glyphicon-chevron-up-on-mobile:before {
        content: "\e113";
    }

    .glyphicon-chevron-down-on-mobile:before {
        content: "\e114";
    }

    .assign-btn-wrapper{
        display: block;
        text-align: center;
    }   
}

@media only screen and (max-width: 1099px), only screen and (max-device-width: 1099px) {
    .homeBox-wrapper {
        width: auto;
    }

    .hide-on-small-tablet {
        display: none;
    }
    
    .show-on-small-tablet {
        display: block;
    }

    .menu-wrapper {
        margin-left: 0px;
    }

    .home-box-row-mobile-top {
        margin-top: 30px;
    }

     .display-block-on-mobile {
        display: block;
    }

     .float-right-on-mobile {
        float: right;
    }
    
    .view-expense-comments-on-small-tablet{
        margin-bottom: 8px;
    }

    .view-expense-voffset0-small-tablet{
        margin-top: 0px;
    }
    
    .approvals-col-employ-name{
        display: inline-block;
        min-width: 135px;
    }
    .new-request {
        height:auto;
    }
}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
    
    .submit-expense-col4-specific {
        width: 100%;
    }

    .submit-expense-col3-specific {
        width: 33%;
    }

     .submit-expense-col2-specific {
          width: 23.66%;
         /*width: 26.66%;*/
        /*width: 21.66%;*/
    }

     .show-on-tablet {
        display: block;
    }  
}

@media only screen and (max-width: 1230px), only screen and (max-device-width: 1230px) {

    .header-search-left {
        margin-left: auto;
    }
}