/* Empty. Add your own CSS if you like */
label { 
    padding: 0; marign: 0; display: block; 
}
textarea { 
     width: 100%; border: 1px solid #333; padding: 4px; 
 }
.the-fix { 
    padding-right: 10px; 
}
i.iconsize90 {
  font-size: 25px;
}
.iconsize10 {
  font-size: 10px;
}

/* change the tab color */
.tabs-custom > .tabs,
.tabs.tabs-custom {
  border-color: #5D3A23;
  background-color: #5D3A23;
  background-image: linear-gradient(0deg, #0c60ee, #0c60ee 50%, transparent 50%);
  color: #fff; }
  .tabs-custom > .tabs .tab-item .badge,
  .tabs.tabs-custom .tab-item .badge {
    background-color: #fff;
    color: #387ef5; }

.tabs-striped.tabs-custom .tabs {
  background-color: #5D3A23; }

.tabs-striped.tabs-custom .tab-item {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1; }
  .tabs-striped.tabs-custom .tab-item .badge {
    opacity: 0.4; }
  .tabs-striped.tabs-custom .tab-item.tab-item-active, .tabs-striped.tabs-custom .tab-item.active, .tabs-striped.tabs-positive .tab-item.activated {
    margin-top: -2px;
    color: #fff;
    border-style: solid;
    border-width: 2px 0 0 0;
    border-color: #fff; }






/**
 * This CSS uses adjacent selectors instead of general sibling (~) selectors
 * for ion radio that are broken in iOS 9 UIWebView.
 *
 * To apply the patch, include this CSS after your ionic.css include.
 */
  .item-radio input:checked + .radio-content .item-content {
    /* style the item content when its checked */
    background: #f7f7f7; 
    
  }
    
  .item-radio input:checked + .radio-content .radio-icon {
    /* show the checkmark icon when its checked */
    visibility: visible;
    
  }

.item-radio .radio-icon {
  color: blue;
}

.item-radio input ~ .radio-icon {
    visibility: visible !important;
}

.item-radio > .radio-icon:before {
    content: "\f3a6" !important; /*deselected - Ionic class = ion-android-radio-button-off */
}

.item-radio > input[type=radio]:checked ~ .radio-icon:before {
    content: "\f3a7" !important; /*selected Ionic class = ion-android-radio-button-on */
}

  
  
  
.centerImage
{
       margin-left: auto;
       margin-right: auto;
       display: block;
}
    
.padding-right30 {
        padding-top: 0px; 
        padding-right: 30px; 
        padding-bottom: 0px; 
       padding-left: 0px; 
}
.padding-left30 {
       padding-top: 0px; 
       padding-right: 0px; 
      padding-bottom: 0px; 
      padding-left: 30px;
}
.platform-android {
     menu-background : #555555;
}
  .menu {
    background-color: menu-background !important;
   }
 .transparent {
          background-color: Transparent;
           background-repeat:no-repeat;
           border: none;
           cursor:pointer;
           overflow: hidden;
           outline:none;
}
/* This is for the list */
.color0 {
        background-color: #FFFFFF;
}
 .color1 {
        background-color:#e6ffcc;
 }
 
 /* Creating a new icon */
 .ion-ios-attach:before {
         content: url('img/ios-icon-attach.png') !important; 
 }
 
.item-icon-left ion-spinner {
          float: left;
          margin-left: -3.2em;
         margin-right: 1em;
          margin-top: -0.2em;
 }

.spinner svg {
         width: 28px;
          height: 28px;
          stroke: #999;
          fill: #444;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url('img/search-icon.png') no-repeat 9px center;
	border: solid 1px #ccc;
	/* padding: 9px 10px 9px 32px; */
                      padding-left:32px;
                      background-color: #fff;
                      	border-color: #004000;
	width: 250px;
	
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	border-radius: 5em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 300px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

.nav-bar-block .title {
   margin: 0;
}

.ng-hide.ng-hide-animate{
     display: none !important;
}
.ng-leave { 
    display:none; 
}
.hiddenClass {
       visibility: hidden
}

.button.button-icon.input-button {
  position: absolute;
  right: 0;
  top: 5px;
  color: #bbb;
}
.full-width {
  width: 100%;
}

/*
.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    color:  #0000CD;
}
*/
a.tab-item {
    color: black;
 }

.red-icon64 {
  font-size: 64px;
  color : red;
}
.item-floating-label .placeholder-icon {
  padding-right: 18px;
  position: absolute;
  bottom: 9px;
  left: 17px;
}

.item-floating-label {
  padding-left: 40px !important;
}
.scroll {
  height: 100%;
}
.labels {
  color: black;

  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 20px;
  text-align: center;
  width: 80px;
  white-space: nowrap;
}
.platform-ios.platform-cordova:not(.fullscreen) .margin-topFix {
    margin-top: 20px;
}
.margin-bottomFix{
    margin-bottom:  20px;
}

.codeQR .popup {
    min-width: 60% !important;
    height: 50px;
}
 .codeQR .popup-head {
          display: none;
 }
 .codeQR .button{
          display: none;
 }
.codeQR .popup-body {
    overflow: inherit !important;
    /* text-align: center; */
    font-size:16px;
    position: relative;
    background-color: #505050;
    color:#FFFFFF;
}
.text_msg{
 font-color: #0000CD
}
/* This is for hiding input */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Item divider */
.custom-item-divider.item-divider {
       background-color: #00CC66;
      /*  color: white; */
}

/*
.col{
      border:1px solid red;
}
*/
/*
Generic Styling, for Desktops/Laptops 
*/
.wrap {
	width: 80%;
	margin: 20px auto 0;
	display: block;
}

table { 
	width: 100%; 
	border-collapse: collapse; 
}

tr:nth-of-type(odd) { 
	background: #eee; 
}

th { 
	background: #333; 
	color: white; 
	font-weight: bold; 
}

td, th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
}

.no-margin {
           margin: 0 !important;
}

.no-padding {
           padding: 0 !important;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
   @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
 
           /* Force table to not be like tables anymore */
           table, thead, tbody, th, td, tr {
	display: block;
           }

            /* Hide table headers (but not display: none;, for accessibility) */
           thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
          }

           tr {
                      border: 0.125em solid #333;
                      /* border-bottom: 0; */
           }
           /* Leave a space between table rows */
           tr + tr {
                      margin-top: 1.5em;
           }

           td {
	/* Behave  like a "row" */
	border: #333;
	position: relative;
                       padding-left: 50%;
                      font-size:   0.9em;                    
                        /* word-spacing: 0.25em; */
                        /*  border-bottom: 1px solid #eee;  */
                       border-bottom: 0.125em solid #333;   
           }

           td:before {
	width: 140%; /* width of LHS in the LHS side 100% is 1/2 we increase by 20 */
	float: left;
                      white-space:pre-wrap;   /* so that new line occurs */  
                      content: attr(data-label) '\A'  attr(data-option);
                      margin: 0%-100% 0%-100%;
	vertical-align:bottom;
           }
	
           td:after {
	content: "";
	clear: both;
	display: block;
          }

	
}