/* WEBSITE CUSTOM STYLES */

/* Replace user-splash-screen.png with your own splash screen image */
#msls-id-app-loading .msls-app-loading-img {
  background-image: url(Images/user-splash-screen.png);
}

/* Font families for screen and dialog headers.  Font families for content inside a screen 
  or dialog are determined by the theme's global font family setting. */
.msls-header .ui-title {
  font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe UI', 'Segoe WP Light', 'Roboto Light','Frutiger','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 200;
}

/* Customizable font styles for screen controls */
.msls-font-style-large {
}

.msls-font-style-normal {
}

.msls-font-style-small {
}

/* Uncomment the following lines if you want to use certain jQuery Mobile listview features such as 
  count bubbles and icons inside LightSwitch lists. jQuery Mobile relies on list items using 
  position:relative for these features.  However, this setting performs poorly on certain mobile 
  devices (webkit based in particular) when there are large numbers of items in the list. */
/*
.msls-ctl-list .ui-listview > .ui-li,
.msls-ctl-list .ui-field-contain.ui-li {
  position: relative;
}
*/

hr {
color: #123455;
}

/* Phone media query (portrait and landscape) */
@media 
screen and (max-width: 400px) and (orientation: portrait), 
screen and (max-width: 640px) and (max-height: 400px) and (orientation: landscape) {
.msls-column {
  width: 98% !important;
}
.home-icon-logo {
      margin: 1px	43%;
}
  .fixed-save {
    position:fixed;
    top: 20px;
  right: 0px;
  -webkit-box-shadow: 0 0 10px 0 #363636;
  box-shadow: 0 0 10px 0 #363636;
  background-color: #FFF;
  border-left: solid 3px #666;
  z-index: 99999;
}


}
/* END Phone media query (portrait and landscape) */



/*  Application specific mods    */

.home-icon-span {
  display: inline-block; vertical-align: middle; line-height: normal;
}
.buttonBackground .ui-btn {
  -webkit-border-radius: 0.2em /*{global-radii-buttons}*/;
border-radius: 0.2em /*{global-radii-buttons}*/;
  -webkit-background-clip: padding;
background-clip: padding-box;
  border: none;

font-weight: normal;
color: #FFF /*{a-bup-color}*/;
text-shadow: none;
background: #3f6ab5;
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiM2UwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
/* background: -moz-linear-gradient(top, rgba(187,62,0,1) 0%, rgba(136,44,0,1) 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,62,0,1)), color-stop(100%,rgba(136,44,0,1))); */
/* background: -webkit-linear-gradient(top, rgba(187,62,0,1) 0%,rgba(136,44,0,1) 100%); */
/* background: -o-linear-gradient(top, rgba(187,62,0,1) 0%,rgba(136,44,0,1) 100%);
background: -ms-linear-gradient(top, rgba(187,62,0,1) 0%,rgba(136,44,0,1) 100%); */
/* background: linear-gradient(to bottom, rgba(187,62,0,1) 0%,rgba(136,44,0,1) 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e00', endColorstr='#882c00',GradientType=0 ); */
}

.red-small-bold {
  color: red;
  font-size: 10px !important;
  font-weight: bold;
}

.green-bold {
  color: green;
  font-weight: bold;
}

.blue-bold {
  color: blue;
  font-weight: bold;
}

/* NEW STYLES - 07-02-2015 */

html, body { height: 100%; width: 100%; margin: 0; }

body {
background: url(Images/large-faded-compass.png) no-repeat right top !important;
}

.msls-header .msls-header-area {
      padding: 6px 25px;
      /* background: url(images/home/header-bg.png) repeat-x; */
      background-color: #e4e3e3;
}
.home-icon-logo {
      background: url(Images/home/nomad-logo.png) no-repeat;
      width: 186px;
      text-indent: -9999px;
      float: left;
  height: 89px;
}
.home-icon {
      width: 100px !important;
      height: 100px !important;
      background-color: #565656 !important;
      text-indent: -9999px;
      float: left;
      margin-right: 30px;
      margin-bottom: 25px;
      cursor: pointer;
      border: solid 3px #FFF;
      -webkit-box-shadow: 0 0 7px 0px #8F8F8F;
  box-shadow: 0 0 7px 0px #8F8F8F;
}
.reservation {
      background: url(Images/home/reservations.png) no-repeat;
}
.products {
      background: url(Images/home/products.png) no-repeat;
}
.travel-agencies {
      background: url(Images/home/travel-agencies.png) no-repeat;
}
.tours-other {
      background: url(Images/home/tours-other.png) no-repeat;
}
.contacts {
      background: url(Images/home/contacts.png) no-repeat;
}
.groups {
      background: url(Images/home/groups.png) no-repeat;
}
.master-groups {
      background: url(Images/home/master-groups.png) no-repeat;
}
.marketing {
      background: url(Images/home/marketing.png) no-repeat;
}
.occasions {
      background: url(Images/home/occasions.png) no-repeat;
}
.opportunities {
      background: url(Images/home/opportunities.png) no-repeat;
}
.suppliers {
      background: url(Images/home/suppliers.png) no-repeat;
}
.organization {
      background: url(Images/home/organization.png) no-repeat;
}
.custom-fields {
      background: url(Images/home/custom-fields.png) no-repeat;
}
.queues {
      background: url(Images/home/queues.png) no-repeat;
}

.administration {
      background: url(Images/home/administration.png) no-repeat;
}

.package {
      background: url(Images/home/package.png) no-repeat;
}

/* to use the actual checkbox */

.ui-bar-a {
background-color: transparent !important;	
}
.ui-checkbox input,.ui-radio input { position:relative; left:0px; top:50%; width: 10px; height: 10px; margin:2px 7px 0 0; outline: 0 !important; z-index: 1; }
.ui-checkbox,.ui-radio { clear:none;}

div.ui-input-text {
/* -webkit-box-shadow:inset 0 0 7px 0px #8F8F8F;
box-shadow:inset 0 0 7px 0px #8F8F8F; */
}
.msls-ctl-details-modal-picker .ui-input-search {
margin: 0;
/* -webkit-box-shadow: inset 0 0 7px 0px #8F8F8F;
box-shadow: inset 0 0 7px 0px #8F8F8F; */
}
.msls-clear.msls-presenter-content.msls-font-style-normal.msls-vauto {
min-width: 110px;
}
.msls-large-icon .ui-icon, .msls-large-icon .ui-icon-searchfield:after {
border-color: #cecece !important; 
}
.msls-large-icon .ui-icon-msls-home {
background-image: url(Images/user-logo.png)!important;
border-radius: 0;
border-width: 0;
border-style: none;
width: 32px;
height: 24px;
margin-right: 8px!important;
}
.msls-header .titles-bar {
margin-bottom: -10px !important;
}
.msls-header .ui-title {
font-size: 30px;
line-height: 48px;
display: inline-block;
position: relative;
max-width: 100%;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
background: #4f73df;
/* background: -moz-linear-gradient(top, #bb3e00 0%, #882c00 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb3e00), color-stop(100%,#882c00)); */
/* background: -webkit-linear-gradient(top, #bb3e00 0%,#882c00 100%); */
/* background: -o-linear-gradient(top, #bb3e00 0%,#882c00 100%);
background: -ms-linear-gradient(top, #bb3e00 0%,#882c00 100%); */
/* background: linear-gradient(to bottom, #bb3e00 0%,#882c00 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e00', endColorstr='#882c00',GradientType=0 ); */
color: #FFF;
}  
/* NEW MENU - 07072015 */

.msls-screen-tab>div {
margin-right: 6px;
padding: 0 12px;
background: #6ca23a;
/* background: -moz-linear-gradient(top, #bb3e00 0%, #882c00 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb3e00), color-stop(100%,#882c00)); */
/* background: -webkit-linear-gradient(top, #bb3e00 0%,#882c00 100%); */
/* background: -o-linear-gradient(top, #bb3e00 0%,#882c00 100%);
background: -ms-linear-gradient(top, #bb3e00 0%,#882c00 100%); */
/* background: linear-gradient(to bottom, #bb3e00 0%,#882c00 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e00', endColorstr='#882c00',GradientType=0 ); */
color: #FFF !important;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}
.msls-tabs-container.ui-controlgroup {
margin: 5px 0 0 0;
padding: 1px;
/* background-color: red; */
padding: 0 10px;
}

/* 
.msls-tabs-container.ui-controlgroup {
margin: 0;
padding: 1px;
padding: 0 10px;
background: #45484d;
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%);
background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
color: #FFF !important;
}
*/

.msls-screen-tab .ui-btn-text {
color: #fff;
font-weight: normal;
text-shadow: rgb(0, 0, 0) 0px 0px 0px;
font-size: 16px;
}
.msls-control-header {
font-size: 20px;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 10px;
background: #757575;
/* background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); */
/* background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); */
/* background: -o-linear-gradient(top, #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); */
/* background: linear-gradient(to bottom, #45484d 0%,#000000 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); */
color: #FFF !important;
border-radius: 5px;
}
.ui-body-a,
.ui-overlay-a {
text-shadow: none !important;
}
.generic-button a {
  -webkit-border-radius: 0.2em /*{global-radii-buttons}*/;
border-radius: 0.2em /*{global-radii-buttons}*/;
  -webkit-background-clip: padding;
background-clip: padding-box;
  border: none;

background: #ffffff /*{a-bup-background-color}*/;
font-weight: normal;
color: #FFF /*{a-bup-color}*/;
text-shadow: none;
/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #944500 0%, #FFB759 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #944500 0%, #FFB759 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #944500 0%, #FFB759 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #944500), color-stop(100, #FFB759));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #944500 0%, #FFB759 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #944500 0%, #FFB759 100%);
}

.fixed-save {
position:fixed;
top: 20px;
right: 0px;
-webkit-box-shadow: 0 0 10px 0 #3636364d;
box-shadow: 0 0 10px 0 #3636364d;
background-color: #FFF;
border-left: solid 3px #666;
z-index: 99999;
}
.generic-button.save a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,65aa16+100 */
background: #6ca239; /* Old browsers */
/* background: -moz-linear-gradient(top,  #b4e391 0%, #65aa16 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(100%,#65aa16)); Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  #b4e391 0%,#65aa16 100%); Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  #b4e391 0%,#65aa16 100%); Opera 11.10+ */
/* background: -ms-linear-gradient(top,  #b4e391 0%,#65aa16 100%); IE10+ */
/* background: linear-gradient(to bottom,  #b4e391 0%,#65aa16 100%); W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#65aa16',GradientType=0 ); IE6-9 */
}

.generic-button.back a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #757575;
/* background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); */
/* background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); */
/* background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); */
/* background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); */
}

.generic-button.delete a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,930202+100 */
background: rgb(255,48,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzAyMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(147,2,2,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(147,2,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(147,2,2,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(147,2,2,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(147,2,2,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(147,2,2,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#930202',GradientType=0 ); /* IE6-8 */
}

.generic-button.download a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf6fc+0,bfe8fc+100 */
background: rgb(237,246,252); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjZmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmU4ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(237,246,252,1) 0%, rgba(191,232,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,246,252,1)), color-stop(100%,rgba(191,232,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(237,246,252,1) 0%,rgba(191,232,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(237,246,252,1) 0%,rgba(191,232,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(237,246,252,1) 0%,rgba(191,232,252,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(237,246,252,1) 0%,rgba(191,232,252,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf6fc', endColorstr='#bfe8fc',GradientType=0 ); /* IE6-8 */
color:#333;
}

.home-icons-container {
padding: 20px 0 0 0;
}
.home-actions-bar {
padding: 26px 24%;
text-align: center;
margin: 60px -2%;
border: solid 3px #FFF;
-webkit-box-shadow: 0 0 10px 0 #363636;
box-shadow: 0 0 10px 0 #363636;
background: #EEEEEF url(Images/small-faded-compass.png) no-repeat 25% center;
}


/* JQuery TD TH Style
----------------------------------------------------------------------*/
.ui-table th, .ui-table td {
line-height: 1.1em !important;
}

/* button inner top highlight
----------------------------------------------------------------------*/

.ui-btn-inner {
border-top: 1px solid transparent;
border-top-color: transparent;
}

/* JQuery Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0px !important;
}


/* LOGIN PAGE */


.accountInfo {
width: 95%;
max-width: 310px;
position: absolute;
top: 30% !important;
margin-top: -144px;
left: 50%;
margin-left: -155px;
text-align: center;
padding: 30px;
background-color: #F2F2F2;
-webkit-box-shadow: 0 0 10px 0 #363636;
box-shadow: 0 0 10px 0 #363636;
border: solid 3px #FFF;
}

div.login-logo {
background: url(Images/home/nomad-logo.png) no-repeat;
width: 186px;
height: 89px;
display: block;
text-indent: -9999px;
margin: 0 0 25px 20%;
}
.accountInfo h1 {
text-align: center;
font-weight: 300 !important;
}
input#LoginUser_Password, input#LoginUser_Username {
-webkit-box-shadow: inset 0 0 7px 0px #8F8F8F;
box-shadow: inset 0 0 7px 0px #8F8F8F;
margin-top: 7px;
background-color: #FFF !important;
border: solid 2px #FFF;
}
input#LoginUser_LoginButton {
background: #bb3e00;
background: -moz-linear-gradient(top, #bb3e00 0%, #882c00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb3e00), color-stop(100%,#882c00));
background: -webkit-linear-gradient(top, #bb3e00 0%,#882c00 100%);
background: -o-linear-gradient(top, #bb3e00 0%,#882c00 100%);
background: -ms-linear-gradient(top, #bb3e00 0%,#882c00 100%);
background: linear-gradient(to bottom, #bb3e00 0%,#882c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3e00', endColorstr='#882c00',GradientType=0 );
color: #FFF !important;
font-weight: 300;
border: none;
-webkit-box-shadow: 0 0 10px 0 #363636;
box-shadow: 0 0 10px 0 #363636;
margin-top: 10px;  
}

/* DROP DOWN */


/* 
.ui-listview {
margin: 0;
-webkit-box-shadow: 0 0 10px 0 #363636;
box-shadow: 0 0 10px 0 #363636;
border: solid 3px #ccc;
}
*/
.tall-list-view {
max-height: 450px;
overflow: hidden;
overflow-y: scroll;
box-shadow: 0 0 8px #333;
border-bottom: 5px solid #d9d9d9;
}

.product-scroll {
max-height: 350px;
overflow: hidden;
overflow-y: scroll;
box-shadow: 0 0 2px #333;
border-bottom: 5px solid #d9d9d9;
}
div#ui-datepicker-div, ui-datepicker-div {
z-index: 99999 !important;
}

select#dc6fdf819-W9OnFile {
min-width: 70px;
height: 26px;
}
/* delete/close */
.ui-icon-delete {
background-position: -97px -127px !important;
}
.ui-icon-back {
background-position: -96px -48px !important;
}
.quick-icon {
width: 27px;
height: 27px;
text-indent: -9999px;
background: url(Images/quick-27x27.png) no-repeat;
}

.room-icon {
  width: 27px;
height: 27px;
text-indent: -9999px;
background: url(Images/rooms.png) no-repeat;
}

.document-icon-small {
text-indent: -9999px;
background: url(Images/icons-png/arrow-r-black.png) no-repeat;
}

select.reports-dropdown::-ms-expand  {
  display: none;
}

select.reports-dropdown  {
-webkit-border-radius: 0 /*{global-radii-buttons}*/;
border-radius: 0 /*{global-radii-buttons}*/;
border: 1px solid #111;
background: transparent;
width: 212px;
padding: 5px 35px 5px 5px;
font-size: 14px;
border: 1px solid #666;
height: 33px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-ms-appearance: none;
-o-appearance: none;
  outline : none;
  overflow : hidden;
  text-overflow : '';
background: url(Images/drop-arrow-24x24.png) 95% / 8% no-repeat #eee;
}

.package-price-row {
font-weight: bold;
color: white;
background-color:#22ACE4 !important;

}

.msls-first-column.msls-presenter.msls-ctl-money-editor.msls-vauto.msls-hstretch.msls-leaf.msls-redraw.ui-disabled {
  opacity: 0.7;
}

.msls-last-column.msls-presenter.msls-ctl-value-custom-control.msls-vauto.msls-hauto.msls-leaf.msls-redraw.ui-disabled {
  opacity: 0.7;
}

.ui-hide-label input.ui-input-text, .ui-hide-label textarea.ui-input-text, .ui-hide-label .ui-input-search, .ui-hide-label div.ui-input-text, .ui-input-search input.ui-input-text, div.ui-input-text input.ui-input-text {
  opacity: 1 !important;
}

.productOption {
  width: 100%;
}

.productOption th {
  text-align: left;
}

.option-icon {
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  background: url('images/icons-png/product-option.png') no-repeat;
}

.package-price-hide-row {
  display: none;
}

.warning {
  color: red;
}

.SR-popup {
  margin:30px;
  width: 400px;
}
.SR-popup th {
  text-align: left;
}
.SR-name {
  white-space:nowrap;
  vertical-align:top;
}
.SR-description {
  padding-left: 10px;
}

.expando:hover {
  text-overflow: inherit;
  overflow:  initial;
  white-space: normal;
  background: #fff;
  padding-right: 10px;
  z-index: 11200;
  word-break:break-all !important;
  width:500px;
  position:relative;
  border:1px solid #CCC;

}

.marginTable {
  width:100%;
}

.marginTable td {
  width: 7.692%
}

.number {
  text-align:right !important;
}

.hidden-price {
  display:none;
}

.hidden {
  display: none;
}

/* NEW HOME PAGE FIXES */

.sidebar-brand-text {
background: url(../assets/img/nomad-logo-reverse.png);
background-size: contain;
width: 150px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
}
.ui-mobile-viewport-transitioning .ui-page {
overflow: scroll;
}
.system-message {
max-width: 90%;
margin: 0 auto;
background: #fff;
padding: 7px 20px;
border-radius: 5px;
vertical-align: middle;
}
#systemMessage {
margin: 0;
}
h6.dropdown-header {
  font-size: 13px !important;
}
.nav-link {
  cursor: pointer;
  font-size: 14px !important;
}
.sidebar-dark .nav-item .nav-link i {
  min-width: 16px;
  text-align: center;
}
table#salesThisMonthTable,
table#salesThisWeekTable,
table#salesTodayTable {
  width: 100%;
  border-collapse: collapse;
  background-color: #f7f7f7;
}
table#salesThisMonthTable tr:nth-child(even) { 
  background-color: #37cb9287; 
}
table#salesThisWeekTable tr:nth-child(even) { 
  background-color: #37b9cb5e; 
}
table#salesTodayTable tr:nth-child(even) { 
  background-color: #37cb9287; 
}  
table#salesThisMonthTable td,
table#salesThisWeekTable td,
table#salesTodayTable td { 
  text-align: left; 
  padding: 3px 10px; 
}
.msls-ctl-details-modal-picker .id-modal-button.msls-has-search .ui-icon,
.msls-large-icon.ui-btn-icon-top .ui-icon,
.msls-large-icon .ui-btn-inner .ui-icon {
  box-sizing: unset;
}
.msls-label label {
  opacity: 1 !important;
}
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner {
  box-sizing: unset;
  min-height: 20px;
}
.msls-modal-picker-clear-container.msls-leaf a.ui-link {
  color: #fff;
}
.ui-icon-arrow-d {
  background-image: url(images/icons-36-black.png) !important;
}