/* --- Begin default CSS - defaults and screens under 650px wide (phones and tablets in portrait. Mobile-first design) --- */
.ui-autocomplete-loading {
    background: white url('../Content/img/ajax-loader.gif') center no-repeat !important ;
}
table.paddedTable 
{
    border-width: 0px;
	/*border-spacing: 2px;
	border-style: outset;
	border-color: gray; */
	border-collapse: collapse;
	padding: 10px;
	/*margin-bottom: 10px;	*/
}

table.paddedTable th
{
    border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
	background-color: #BBB;
	text-align: center;
}

table.paddedTable tr:nth-child(odd) {
    background-color: #BBB;
    background-image: -webkit-linear-gradient(#ddd,#ccc);
    background-image: -moz-linear-gradient(#ddd,#ccc);
    background-image: -ms-linear-gradient(#ddd,#ccc);
    background-image: -o-linear-gradient(#ddd,#ccc);
    background-image: linear-gradient(#ddd,#ccc);
}

table.paddedTable tr:nth-child(even) {
    background-color: #FFF;   
}


table.paddedTable td
{
    border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: gray;
}

.ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {
    padding-right: 50px !important;
}
.ui-li-aside {
    width: 25% !important;
}

.ui-select {
    vertical-align: top !important;
}

.smallButton
{
    max-width: 250px;
}

.edit
{
    display: none;
}

li.debit > div
{
    background-color:#F2DFE2 !important;
}

li.credit > div
{
    background-color:#D6F0D3 !important;
}

.ui-grid-c .block-info
{   
   font-weight: normal;    
}

/* Styles for validation helpers */
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}
.success-summary
{
    font-weight: bold;
    color: #009900;
}

.media-grid::before,
.media-grid::after {
    display: table;
    content: " "; 
}
.media-grid::after {
    clear:both;
}

.media-block-left,
.media-block-right {
    float: left;
}

.media-block-left {
    width: 25%;
}

.media-block-left  * {
    width: 75% !important;
}

.media-block-right {
    width: 75%;
}
/* ___ End default CSS ___ */


/*___ Begin Override jquery gradients ___*/
.ui-bar-a
{
    background: #4a4d50 !important;
}
.ui-bar-b
{
    background: #497bae !important;    
}
.ui-btn-up-a
{
    background: #333 !important;
}
.ui-btn-up-b
{
    background: #396b9e !important;
}
.ui-btn-up-c
{
    background: #eee !important;
}
.ui-btn-up-c.ui-btn-active
{
    background: #497bae !important;
}
.ui-body-b
{
    border-color: #ccc !important;
}
/*___ End Override jquery gradients ___*/
 
.home-icon {
   width: 80px;
   Height: 80px;   
   position:static;   
   margin: 10px;
   text-decoration: none;
   background-position: center;
   margin-left: auto;
   margin-right: auto;
}

.home-icon .count {
    background:#ff0000;
    color:#ffffff;
    position: relative;     
    top: -68px;
    right: -72px;
    text-decoration: none;

    padding: 0 4px;
    line-height: 15px;
    text-shadow: none;
    font-size: 12px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    box-shadow: 1px 1px 1px #4a4d50;
}

.home-icon i {
    position:relative;
    top:9px;    
}

.icon-title {    
    font-weight: bold;    
    text-align: center;
}

.count a {
    text-decoration: none;
}

@media all and (min-width: 1000px)
{
	.ui-content 
	{	
		width: 80%; 	
		margin-right: auto;
		margin-left: auto;
	}

    .media-block-left {
        width: 12.5%;
    }

    .media-block-right {
        width: 87.5%;
    }
}

@media only screen and (max-width: 450px) 
{
    .hide-for-phone
    {
        display:none;
    }
    #searchBar{
        border-bottom-width: 0px; 
        border-bottom-style:none;        
        font-size: 10px;        
        margin: 0 5% 0;
    }
    .ui-content {
        padding: 2px;
    }
    .ui-collapsible-content {
        padding: 0px 5px;
    }
    .ui-header .ui-title, .ui-footer .ui-title {margin: .4em 0 .4em;}
    input.ui-input-text, textarea.ui-input-text {
        width: 95%;
    }
    .ui-listview input.ui-input-text, .ui-listview textarea.ui-input-text {
        width: 90%;
        min-width:15px;
    }
    
    .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
        padding-left: 90px;
    }
    .ui-li-static.ui-li {
        padding: .7em 5px .7em 5px;
    }
    .ui-btn-icon-left .ui-btn-inner {
        padding-left: 30px;
    }
    .ui-mini {
       margin: 0;
    }
    .ui-dialog .ui-content {
       padding: 0; 
    }
    .ui-content .ui-listview-inset {
        margin: 2px 0 0 0;
    }
    .ui-listview-filter-inset, .ui-listview-filter {
        margin: 0;
    }
    .ui-btn-inner {
        padding: .6em 10px;
    }

    .media-block-left {
        width: 100%;
        padding-bottom: 10px;
    }

    .media-block-left  * {
       width: 50% !important;
    }

    .media-block-right {
        width: 100%;
    }
}
@media only screen and (min-width: 451px) {
    #searchBar {margin:0}
}
.ui-li-heading {
    overflow: visible;
    white-space: normal;
}

.ui-shadow, .fc-view-container {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ui-shadow.ui-btn {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.fc-day-grid-event .fc-time {
  font-weight: normal;
}

.fc-day-grid-event { 
    padding: 2px 1px;
}

.fc-event {
    font-size: 14px;
    text-shadow: none;
}

#searchBar .ui-input-search{border:0px;}
#searchBar .ui-btn-inner{padding: 0 0 0 0;}

#calendar {        
    margin: 0 auto;
}
.fc-view-container{
    background-color: white;
}

.pageBottom {     
    position: fixed; 
    bottom:1.5%;
    left:85%;
    width:100%;             
    font-size: .75em;        
}

.ui-listview .ui-li-icon.fa {
    position: absolute;
    font-size: 18px;
    margin-top: -5px;
    left:12px;   
}

.fa-li-link {
    margin-left: 26px;
}
.fa-button-icon {
    float: left;
    margin-top: 1px;
    left: -8px;
    position: inherit;
    padding-left:4px;
}
.fa-shopping-cart {
    color:#b13a3a
}
.fa-pencil {
    color: darkorange;
}
.fa-map-marker {
    color:red;
}
.fa-phone{
    color:#1c70ef;
}
.fa-envelope{
    color:#34495e;
}
.fa-globe{
    color:darkgreen;
}
.fa-plus-circle{
    color: green;
}
.fa-thumb-tack{
    color:#0b7bff;
}
.fa-times-circle{
    color:red;
}

/* --- popover menu css for phones and portrait orientation, modified from http://www.cagintranet.com/archive/create-an-ipad-like-dropdown-popover/ --- */
#popover .popover_triangle {right:5px;}
#popover 
{      
	color: black;
	display:none;
	font-weight: normal;
	line-height: 1;
	cursor: auto;
	position: fixed;
	top:50px;
	right: 47px;
	background-color: white;
	z-index:5000000;
	/*border: 3px solid #254F7A;*/
	border: 1px solid #000;    	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.25s linear;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-transition: opacity 0.25s linear;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transition: opacity 0.25s linear; 
}
#popover > .popover_triangle {
  position: absolute;
  top: -34px;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-top: 16px solid rgba(0,0,0,0);
  border-left: 16px solid rgba(0,0,0,0);
  border-right: 16px solid rgba(0,0,0,0);
  /*border-bottom: 16px solid #254F7A; */
  border-bottom: 16px solid #000; 
}
#popover > .header {
  font-weight: bold;
  margin: 0;
  padding: 3px;
  height: 27px;
  line-height:25px; 
  text-align: center; 
}
#popover > .content {
  width: 190px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size:12px;
}
#popover > .content ul {
	list-style:none;
	margin:0;	
	padding:0;
}
#popover > .content ul li {
	line-height:25px;
	border-bottom:#ccc 1px solid;
	padding: 2px;
}
#popover > .content ul li.item:hover {/*border-bottom:#000 1px solid;*/ }
#popover > .content ul li h6 {padding:0 10px;color:#000;font-size:13px;display:block;background:#f3f3f3;text-shadow:rgba(255, 255, 255, 1) 0 -1px 0;}
#popover > .content ul li a {padding:0 14px;display:block;}
#popover > .content ul li a:link, #popover > .content ul li a:visited {text-decoration:none;color:#333;}
#popover > .content ul li a:focus, #popover > .content ul li a:hover {
	text-decoration:none;
	color:#000;
	background:#C6C6C6;
	text-shadow:rgba(255, 255, 255, .55) 0 -1px 0;
}
/* ___ End Popover menu ___ */

/* --- Custom Icons ---*/
.home-icon > .fa {
    color: white;
    margin-top: 7px;
    width: 80px;
    text-align:center;
}

.red-alert {
    width: 18px;
    height: 18px;    
    background-color:#ff0000;
    background-image: url("images/icons-18-white.png");
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding-left:14px;
}

.yellow-warning {
    width: 18px;
    height: 18px;    
    background-color:#ffcb00;
    background-image: url("images/icons-18-white.png");
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    padding-left:14px;
}

.ui-icon-mobile-pencil {
	background-image: url("../Content/img/pencil.png") !important ; 	
	 background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-accept {
	background-image: url("../Content/img/accept.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-cancel {
	background-image: url("../Content/img/cancel.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui-icon-mobile-flagyellow {
	background-image: url("../Content/img/flag_yellow.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-flagfinish {
	background-image: url("../Content/img/flag_finish.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-vcard {
	background-image: url("../Content/img/vcard.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-add {
	background-image: url("../Content/img/add.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-next {
	background-image: url("../Content/img/resultset_next.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-prev {
	background-image: url("../Content/img/resultset_previous.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-mailbox {
	background-image: url("../Content/img/mail_box.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-cart {
	background-image: url("../Content/img/cart.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-cart_go {
	background-image: url("../Content/img/cart_go.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-history {
	background-image: url("../Content/img/clock_history_frame.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-update {
	background-image: url("../Content/img/update.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-radar {
	background-image: url("../Content/img/radiolocator.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-barcode {
	background-image: url("../Content/img/barcode.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-world {
	background-image: url("../Content/img/world.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}

.ui-icon-mobile-delete {
	background-image: url("../Content/img/delete.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
.ui-icon-mobile-activity {
	background-image: url("../Content/img/sheduled_task.png") !important ; 	
	background-color: transparent !important;
	-moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;  
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  	
}
/* ___ End Custom Icons ___ */