@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css")
body{background-color:#ffffff;}
.glyphicon-circle-arrow-left {     margin-top: 10px; }
.logo {
    background: -webkit-linear-gradient(bottom, #25406B, #25406B 20%, #25406B 100%, rgba(255,255,255,0));
    /* padding-bottom: 10px !important; */
}
body{background-color:#fff;}
.inner-right-container {     margin-top: 20px; }
.content{min-height:100%;}
.bg-nav {  width: 13% !important;  display: block !important;  margin: 0 auto !important;  }
/*backarrow-3 font-size:20px;color:#777777;font-size:38px;*/
.reg_main_bg{padding:2%;}
.center_img{ margin:0 auto;display:block;}
.reg_row{background-color:#fff;}
.margin_2 { margin-top:2%; }
.lh-35{line-height:35px;} .lh-25{line-height:25px;}
.font-size-24 {font-size:24px;font-weight:100;}
.font-family-lato-light{ font-family:'lato-light';}
.margin-8-inline-flex {  width:8% !important; display:inline-flex !important;  }
.padding-left-right-3 { padding-left:3% !important; padding-right:3% !important; }
.border-fields { border:2px solid rgba(51, 51, 51, 0.72) !important;  }

.reg_second_div {background-color:#fff;margin-left:10%;width:80%;margin-right:10%;}
.reg_logo_div {padding-top:2%;}
.reg_logo_div img{  margin:0 auto;display:block; }
.reg_second_div_h3 {    font-size: 22px;font-weight: 100;font-style: normal;text-decoration: underline; }


@font-face {
    font-family: "Lato-Regular"; /*a name to be used later*/
    src: url("..//fonts/Lato-Regular.ttf"); /*URL to font*/
}

.bg
{
    background-color:#ffffff;
}

.hea {
    font-family: "'Titillium Web', sans-serif"!important;
    font-size: 30px;
	text-align:justify;
    /* padding-left: 35px; */
    /* padding-right: 20px; */
}
p{
	font-family: "'Titillium Web', sans-serif" !important;
	font-size:15px;
}
b{font-family: "'Titillium Web', sans-serif"; 
}
.banner
{
    /* background-image: url("..//image/banner2.jpg"); */
	/* background-repeat: no-repeat; */
	/* background-size:cover; */
    /* width:100%; */
	/* height:410px; */
}
.banner1
{
  background-image: url("..//image/banner1.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  width:100%;
  height:600px;
}
.banner2
{
  background-image: url("..//image/banner3.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  width:100%;
  height:410px;
}
.banner3
{
  background-image: url("..//image/banner4.jpg");
  background-repeat: no-repeat;
  background-size:cover;
  width:100%;
  height:410px;
}
@media all and (min-width: 1920px) and (max-width:2560px)  {
    .banner
{
    /* background-image: url("..//image/banner1.jpg"); */
	/* background-repeat: no-repeat; */
	/* background-size:cover; */
    /* width:100%; */
	/* height:450px; */
}
}
@media only screen and (max-width: 768px) {
    
}


.row {
     margin-right: 0px !important;
     margin-left: 0px !important;
}

.form-group
{ 	width:92%;
}
 .frm
{ 	width:80%;
	padding-left: 15%;
}

.btn
{
	font-size:20px;
	background-color:#A8AAAD;
	color:white;border-radius:8px;
	letter-spacing: 2px;
  font-family: "Lato-Regular";
}

.maincontrol
{
	margin:0;
	margin-left: 0;
	margin-right: 0;
}

.md-checkbox .md-default-theme .md-checked .md-icon {
    background: green;
}




.contentdemoBasicUsage div.demo-content {
  height: 450px; }

.contentdemoBasicUsage div[ng-controller] {
  height: 100%;
  padding-bottom: 15px; }

.contentdemoBasicUsage md-content {
  padding: 24px; }


.file {
  visibility: hidden;
  position: absolute;
}


input:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    font-size:15px;
    font-family: "'Titillium Web', sans-serif";

}
input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    font-size:15px;
    font-family: "'Titillium Web', sans-serif";

}
input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    font-size:15px;
    font-family: "'Titillium Web', sans-serif";

}
input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
    font-size:15px;
    font-family: "'Titillium Web', sans-serif";

}
 .form-control {
     cursor: auto;
}

.md-datepicker-input-container
{
     position: absolute !important;
      width: 100%;
    float: right;


}
.md-datepicker-calendar-icon {
    margin-top: -18px;
    margin-left:-3px;
    position: absolute;
    right: 8px;
}
.form-control[disabled] {
  cursor: default !important;
}
.md-datepicker-triangle-button{
  display:none !important;
}
.md-icon-button{
  float:right !important;
}
.pick
{
  padding-right: 0px !important;
}

.fi {
  display: none !important;
}
.la{
  margin-bottom:0px !important;
}
.md-datepicker-input-container {
border-bottom-style: none !important;
  }

.contt{
 
  text-align:justify;
  /* line-height: 35px; */
  font-size:18px;
  font-family: "'Titillium Web', sans-serif";
  color:#fff;
}
.text{
text-align:justify;
   line-height: 1.6; 
   font-weight:normal;
  font-size:14px;
  font-family: "'Titillium Web', sans-serif";
  color:#000;
  /* padding-left:35px; */
  /* padding-right:20px; */
}
.btn-group {
	margin-top:20px;
	
}
  input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#loginbtn{
	background-color:#337ab7;
	color:#fff;
}
.footer
{
  font-family: 'Titillium Web', 'sans-serif';
 /* background: -webkit-linear-gradient(bottom, #25406B, #25406B 20%, #25406B 100%, rgba(255,255,255,0)); */
 background: -webkit-linear-gradient(bottom, #777, #777 20%, #777 100%, rgba(255,255,255,0));
  color:#fff;
}
 .back{
    color: #777777;
    position: absolute !important;
    font-size: 38px;
    top: 10px !important;
    left: 5px !important;
}
/* .btn-primary { */
    /* color: #fff; */
    /* background-color: #254068; */
     /* border-color: #254068;  */
/* } */
.dis .back{
display: none;
}
.disp .d{
display: none;
}
.disp .footer{
/* display: none; */
}

.btn:hover
{

    background-color:#777777 !important;
}
.back:hover
{

    color:#A8AAAD !important;
}
.accordion
{
  /* width:60%; */
  /* margin-left:20%; */
}
.collapsible-item {

  margin-bottom: 10px;
}

.collapsible-item .title {
  padding: 10px;
  color:#777777;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  cursor: pointer;
}

.collapsible-item .title .icon {
  float: right;
  height: 20px;
  width: 20px;
  font-size: 19px !important;
  padding-right: 1px;
}

.collapsible-item .title .iconleft {
  float: left !important;
}

.collapsible-item .title.disabled {
  background: #eee;
  color: #999;
  cursor: text;
}

.collapsible-item .body {
  position: relative;
  top: -4px;
  max-height: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-top: 0;
  z-index: -1;
  -webkit-transition: max-height 0.5s ease;
     -moz-transition: max-height 0.5s ease;
       -o-transition: max-height 0.5s ease;
          transition: max-height 0.5s ease;
}

.collapsible-item .body .content {
  padding: 20px 15px 5px 15px;
}

.collapsible-item.open .body {
  max-height: 1500px;
  z-index: 1;
}

.collapsible-item.open .title {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.conttt{
  color:#000;
  line-height:33px;

}

.b{
    position: absolute !important;
    top: 10px !important;
    right: 5px !important;
}
.bt{
    position: absolute !important;
    top: 12px !important;
    right: 10px !important;
}

   .Box:focus
        {
            border: thin solid #FFD633;
            -webkit-box-shadow: 0px 0px 3px #F7BB2E;
            -moz-box-shadow: 0px 0px 3px #F7BB2E;
            box-shadow: 0px 0px 3px #F7BB2E;
        }
        .Box
        {
            height: 15px;
            width: 4%;
            text-align: justify;
            letter-spacing: 1px; /*CSS letter-spacing Property*/
            padding: 10px;
        }



.hideit{display: none}
label{
	color:#000;
    font-weight: normal; 
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	.logo-img{width: 70%;    margin-top: 10%;
    margin-bottom: 0.5%;}
	.hea{font-weight: 600; font-family: "'Titillium Web', sans-serif";font-size: 20px;}
	span.provider {
	
	color:#000;
    font-size: 18px;
    font-weight: 600;
    font-family: "'Titillium Web', sans-serif";
}
.pp-tab5-inner{margin-left:-5%;}
    input.fiveinputnumber {
    padding-top: 7%;
}
.five-add-number{margin-top:-6px;}
button.btn{font-size:10px;}
#carouselimg{margin-top:260%;}
#banner{width:100%;height:150px;}
} 


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
button.btn{font-size:10px;}
	.logo-img{width: 70%;    margin-top: 10%;
    margin-bottom: 0.5%;}
	.hea{font-weight: 600; font-family: "'Titillium Web', sans-serif";font-size: 20px;}
	span.provider {
	
	color:#000;
    font-size: 20px;
    font-weight: 600;
    font-family: "'Titillium Web', sans-serif";
}
#carouselimg{margin-top:260%;}
.pp-tab5-inner{margin-left:-5%;}
    input.fiveinputnumber {
    padding-top: 7%;
}
.five-add-number{margin-top:-6px;}
#banner{width:100%;height:150px;}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	button.btn{font-size:12px;}
	.logo-img{width: 30%;    margin-top: 10%;
    margin-bottom: 0.5%;}
	.hea{font-weight: 600; font-family: "'Titillium Web', sans-serif";font-size: 20px;}
	span.provider {
	
	color:#000;
    font-size: 20px;
    font-weight: 600;
    font-family: "'Titillium Web', sans-serif";
}
.pp-tab5-inner{margin-left:-5%;}
    input.fiveinputnumber {
    padding-top: 28%;
}
.five-add-number{margin-top:36px;}
input#fileTab1{    margin-top: 14%;}
button.btn.btn-primary.add-more-tab1.add-more-btn {
    margin-top: 24px;
    float: right;
}
#carouselimg{margin-top:130%;}
#banner{width:100%;height:225px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.logo-img{width: 17%;}
	.hea{font-weight: 600; font-family: "'Titillium Web', sans-serif";font-size: 20px;}
	span.provider {

	color:#000;
    font-size: 20px;
    font-weight: 600;
    font-family: "'Titillium Web', sans-serif";
}
.pp-tab5-inner{margin-left:-1%;}
    input.fiveinputnumber {
    padding-top: 17%;
}
.five-add-number{margin-top:36px;}
input#fileTab1{    margin-top: 9%;}
#carouselimg{margin-top:85%;}
#banner{width:100%;height:300px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.logo-img{width: 17%;}
	.hea{font-weight: 600; font-family: "'Titillium Web', sans-serif";font-size: 20px;}
	span.provider {

	color:#000;
    font-size: 20px;
    font-weight: 600;
    font-family: "'Titillium Web', sans-serif";
}        
.pp-tab5-inner{margin-left:-1%;}
    input.fiveinputnumber {
    padding-top: 17%;
}
.five-add-number{margin-top:36px;}
input#fileTab1{    margin-top: 9%;}
#carouselimg{margin-top:85%;}
#banner{width:100%;height:300px;}
}

/* register */
div.user_room_div_box .panel-info {
    height: 650px;
}
.panel-info {
    border-color: #bce8f1;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
md-toolbar{
	min-height:30px;
}
.necessaryfield{
  color:red;
  font-weight: bolder;
      font-size: 16px;
}