@import '../fonts/open-sans-family/stylesheet.css';

html {
    height: 100%;
}

body {
    height: 100%;
    font: normal 100% OpenSansRegular, Arial, sans-serif;
}

.hidePage {
    display: none;
}
.page {
    height: 70vh;
}

.btnGroup {
    max-width: 300px;
    margin: 1em auto 0;
    clear: both;
    display: block;
    padding: 1em;
}
.btnGroup a {
    font-size: 1.5em;
    color: rgb(255,255,255);
    cursor: pointer;
    display: block;
    text-align: center;
    padding: .5em;
    margin-top: 1px;
    background:rgb(70,70,70);
}
.btnGroup a:visited {
    color: rgb(255,255,255);
}
.btnGroup input[type="submit"]:hover,
.btnGroup a:hover {
    color: rgb(255,255,255);
    text-decoration: none;
    background: rgba(70,70,70,0.8);
}

a.btnNext:after,
a.btnPrev:before {
    font-family: FontAwesome;
    font-size: inherit;
    font-style: inherit;
    font-weight: normal;
    color: inherit;
    display: inline-block;
}

a.btnNext:after {
    content: "\f101";
    margin-left: 0.5em;
}
a.btnPrev:before {
    content: "\f100";
    margin-right: 0.5em;
}

.btnGroup input[type="submit"] {
    width: 100%;
    padding: 1em;
    display: block;
}




p,
.register label,
input {
    font-size: 1.5em;
}
input[type="submit"] {
    font-size: 1em !important;
}


.iframeContainer {
    height: calc(100% - 10px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

form,
.registerPage {
    padding: 1em;
}
.confirmPage {
    padding: 1em;
    text-align: center;
}
.confirmPage .btnBack {
    margin-left:2em;
}

.successMessage:before {
    content: "\f05d";
    font: normal 4em FontAwesome;
    color: rgb(172,209,77);
    text-align: center;
    display: block;
    margin-bottom: 0.1em;
}


#txtVoiceCall,
#txtTextMessage,
#txtTextMessage2  {
    background: url(../Content/img/1.jpg) 12px 16px no-repeat !important;
}

#lblTextMessageNum:before,
#lblVoiceCallNum:before {
    content: normal !important;
}

ul#chkListGroups,
ul#chkListGroups > li {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul#chkListGroups {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border: 1px solid rgb(210,210,210);
    font-size: 1.5em;
}
ul#chkListGroups > li {
    position: relative;
    padding: 0.5em 0.5em 0.5em 0.1em;
    border-bottom: 1px solid rgb(210,210,210);
    background: rgb(249,249,249);
}
ul#chkListGroups > li:last-child {
    border-bottom: none;
}
ul.checkListCalendar input[type=checkbox] {
    /*display: none;*/
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}
ul.checkListCalendar label {
    position: relative;
    display: inline-block;
    color: #000;
    cursor: pointer;
    text-indent: 2em;
    white-space: nowrap;
}

ul.checkListCalendar input[type=checkbox] + label {
    position: relative;
    display: block;
    width: 2.2em;
    height: 2.2em;
    border: none;
    padding-left: 1em;
    vertical-align: middle;
    line-height: 2.2em;
    font-size: inherit;
    background: url(../Content/img/bgGreyBox.jpg) 0 center no-repeat;
}

ul.checkListCalendar input[type=checkbox]:checked + label:before {
    content: "\2714";
    position: absolute;
    top: 50%;
    left: -1.45em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgb(255,255,255);
}


.iframeContainer .header a:hover {
    color:rgb(200, 200, 200);
    text-decoration: none;
}
.successMessage {
    font-size: 1.3em;
}
.iframeContainer .loginPage input[type="submit"],.forgotPage  input[type="submit"]{
       
           background: rgb(70, 70, 70);
}
.iframeContainer .loginPage input[type="submit"]:hover,.forgotPage  input[type="submit"]:hover {
   background: rgb(101, 101, 101);
}

.loading-div-background 
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        /*background:black;*/
        width:100%;
        height:100%;
     }

 .loading-div
    {
         width: 300px;
         /*height: 200px;*/
         background-color: #FFFFFF;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
        font-family: Arial;
        font-size: 10pt;
        color: black;
        border: 5px solid rgb(172,209,77);
     }

 /*Auto Complete*/
.ui-widget-content.ui-autocomplete li.ui-menu-item:not(:last-child){
    border-bottom: 1px solid #eee;
}
.ui-widget-content.ui-autocomplete .ui-state-focus{
    background: #e8e8e8;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom: 1px solid #eee;
}
.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper{
    padding: 4px 5px;
    font-size: 1.4em;
}
 
.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
    background-color:rgba(172, 209, 77, 0.7) ;
}
.ui-widget-content.ui-autocomplete {
    background-color:#d3d3d3;
}

/*Auto Complete end*/