@import 'fonts.css';
@import 'icons.css';
@import 'icons-will.css?20200912a';
@import 'carter-custom.css';
@import 'responsive.css';

body,
input,
select,
textarea,
button,
.ui-btn {
    /*font-size: 20px;*/
    line-height: 1.3;
    font-weight:300;
    font-family: Roboto; 
    text-shadow:none;
    
}

h1, h2,h3,h4,h5 {
    font-weight:300;
}

h1.bold{
    font-weight: 300;
    font-size: 2rem;
}

h2{
    font-size: 1.2rem;

}

.input-sub-label{display: none !important;}


/*[data-role="page"] {
    background: url(img/background.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}*/

.scrollable.ui-content {
    margin-top: 48px;
}


[data-role="button"]{
	text-transform: uppercase;
	font-weight: 300 !important;
}

a.ui-link{text-decoration: none;}


.btn-large{
    width: 51px;
    height: 51px;
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
}
.btn-large:after{
	background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    /* left: 0px !important; */
    top: 0px;
    right: 0px;
    left: 0px;
    width: initial;
    height: initial;
    bottom: 0px;
    margin: 1px;	
}

.btn-medium{
    width: 33px !important;
    height: 33px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
    padding:0px !important;
}
.btn-medium:after{
	background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    /* left: 0px !important; */
    top: 0px;
    right: 0px;
    left: 0px;
    width: initial;
    height: initial;
    bottom: 0px;
    margin: 1px;	
}



.btn-small{
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: none !important;
    padding:0px !important;
}
.btn-small:after{
    background-size: cover;
    background-position: center;
    margin: 0px;
    padding: 0px;
    /* left: 0px !important; */
    top: 0px;
    right: 0px;
    left: 0px;
    width: initial;
    height: initial;
    bottom: 0px;
    margin: 1px;    
}


/*.ui-page-theme-a .ui-input-text,.ui-page-theme-a .ui-input-search {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #fff;
    background: #f5f3f4;
    border-radius: 0px;
}

.greyunderline .ui-input-text, .greyunderline .ui-input-search {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #ccc;
    background: #transparent;
    border-radius: 0px;
}
*/
.ui-input-search:after{
    display: none;
}
.ui-input-search input {
    padding-left: 0.7em;
}

.page-header  .ui-input-text, .page-header  .ui-input-search {
    border-bottom: 1px solid #9f9d9e;   
}
.page-header .nounderline .ui-input-text, .page-header .nounderline .ui-input-search{
    border-bottom: none;   
}




.ui-page-theme-a .ui-input-text, .ui-page-theme-a .ui-input-search {
  background: transparent;
}
.ui-page-theme-b .ui-input-text, .ui-page-theme-b .ui-input-search {
  background: transparent;
}
.ui-page-theme-c .ui-input-text, .ui-page-theme-c .ui-input-search {
  background: transparent;
}

.ui-page-theme-a .ui-input-search .ui-input-clear.ui-icon-delete:after {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23606366%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}


/*html{background: #46903C !important;}
body{background: #ccc !important;}
*/
#intro {
/*    background: url(img/login-background.jpg);
    background-size: contain;
    background-position: top center;
*/
    background: #fff;
    /*overflow: hidden;*/


}

#intro #splash {
    max-width: 90%;
    width: 99% !important;
    height: auto;
    max-height: 100%;
    opacity: 0;
    margin: auto;
    display: block;
}

/*#intro #main-logo{
	background-image: url('../../splash_anim.gif'); 
	background-repeat: no-repeat; 
	background-position:top center; 
	background-size: contain;
}
*/

/*#intro > div[data-role="content"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #46903C;
}
*/

/*#login {
    background: url(img/login-background.jpg);
    background-size: cover;
    background-position: top center;
}
*/
/*#login #login-logo {
    background-image: url('../logo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 54%;
    height: 7rem;
    margin-top: 1em;
    text-align: center;
    color: white;
    font-weight: 300;
    font-size: 18px;
}
*/

.xxsmall{font-size: 0.5rem;}
.xsmall{font-size: 0.6rem;}
.small{font-size: 0.7rem;}
.small.NB{font-size: 0.7rem !important;}
.small-med{font-size: 0.75rem;}
.medium{font-size: 0.8rem;}
.medium-large{font-size: 0.9rem;}
.large{font-size: 1rem !important;}
.xlarge{font-size: 1.25rem !important;}
.xxlarge{font-size: 1.5rem !important;}

.xxsmallNB{font-size: 0.5rem !important;}
.xsmallNB{font-size: 0.6rem !important;}
.smallNB{font-size: 0.7rem !important;}
.small.NB{font-size: 0.7rem !important;}
.small-medNB{font-size: 0.75rem !important;}
.mediumNB{font-size: 0.8rem !important;}
.medium-largeNB{font-size: 0.9rem !important;}
.largeNB{font-size: 1rem !important;}
.xlargeNB{font-size: 1.25rem !important;}
.xxlargeNB{font-size: 1.5rem !important;}

.italic{font-style: italic;}

.narrow{font-weight:400;}
.thin{font-weight:300;}

.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}

.top{vertical-align: top;}
.mid{vertical-align: middle;}
.bot{vertical-align: bottom;}

.fright{float:right !important;}
.fleft{float:left !important;}
.clear{clear: both;}

.tight{margin:0px !important;}
.nopad{padding:0px !important;}
.lopad{padding:0.25em !important;}
.medpad{padding:0.5em !important;}
.pad{padding:0.5em !important;}

.white.title {
    color: #fff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.white.shadow{text-shadow: 0px 0px 1px #ccc;}

.lower{text-transform: lowercase !important;}
.upper{text-transform: uppercase !important;}

.white{color:#fff;}
.ui-group-theme-c .ui-btn-active p.white {color: #eee;}
.grey{color:#9c9a9b;}
.ui-group-theme-c .ui-btn-active p.grey {color: #eee;}
.orange{color:#46903C;}
.ui-group-theme-c .ui-btn-active p.orange {color: #eee;}

.square{border-radius: 0px !important;}
.noborder{border:none !important;}
.nobg{background-color:transparent !important;}

.near{z-index:1;}
.nearer{z-index:10;}
.far{z-index:0;}

.bold {font-weight: 500;}
.xbold {font-weight: 700;}


legend, .ui-mobile label{color: #606366; padding-left:0.6em; 
    font-size: 1rem;   
    font-weight: 300;
  /*text-transform: lowercase;*/
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari  */
  color: #606366 ;
  font-size: 1rem;
  font-weight: 300;
  /*text-transform: lowercase;*/
}
::-moz-placeholder { /* Firefox 19+  */
  color: #606366 ;
  font-size: 1rem;
  font-weight: 300;
  /*text-transform: lowercase;*/
}
:-ms-input-placeholder { /* IE 10+ */
  color: #606366 ;
  font-size: 1rem;
  font-weight: 300;
  /*text-transform: lowercase;*/
}
:-moz-placeholder { /* Firefox 18- */
  color: #606366 ;
  font-size: 1rem;
  font-weight: 300;
  /*text-transform: lowercase;*/
}


label.input-sub-label{
    font-size: x-small;
    color: #aaa;
    position: absolute;
    margin-top: -5.5em;    
}
.page-header label.input-sub-label{
    font-size: x-small;
    color: #606366;
}



.ui-radio label{font-weight: 300; text-shadow: none; font-size: 1rem;}
.ui-select span{font-weight: 300; text-shadow: none; /*text-transform: lowercase;*/ font-size: 1rem;}
.ui-select .ui-btn>span:not(.ui-li-count){white-space: initial;}

.ui-page-theme-a .ui-btn {
    text-shadow: none;
    font-weight: 300;
}



.page-header .underline {border-bottom: 1px solid #9f9d9e !important; margin-bottom:0.333em;}
.underline {border-bottom: 1px solid #fff !important; margin-bottom:0.333em;}



/*a.ui-link {color: #46903C; text-decoration: underline;}*/
h3 a.ui-link, h4 a.ui-link, h5 a.ui-link {color: inherit !important; text-decoration: none;}



.error{box-shadow:0px 2px 0px -1px red;}


input[type="number"]{text-align:right;}


.currencysymbol{
    position: absolute;    
    margin-top: 0.5em;
    margin-left: 0.5rem;
    z-index: 1;
}

.space{
    margin:0.5rem;
}

.halfwidth{ width:50%; }



a.ui-collapsible-heading-toggle.ui-btn.added {
    background-color: green;
}

a.ui-collapsible-heading-toggle.ui-btn {
    font-size: 1.2rem;
}

.ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed{
    border-bottom: 3px solid #fFE;
}




[type="file"]::after {
    content: "upload";
    position: absolute;
    display: block;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* width: 100%; */
    /* height: 2rem; */
    /* border: 1px solid green; */
    opacity: 1;
    color: #333;
    border: 2px solid #ccc;
    text-align: center;
    line-height: 2rem;
    border-radius: 0.5rem;
    margin: 0 -0.25rem;
}

[type="file"] {
    opacity: 1;
    position: relative;
    height: 2rem;
}


.istest iframe#iframePayment {
    top: -400px;
    height: 860px;
}