/* USED IN CURRENT PROJECT ---------------------------------------- */

body {
/*	font:13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    font-family:'Open Sans', sans-serif;
	position:relative;
}
html, body { 
	height:100%;
        margin:0;
        padding:0;
}

.divheader { min-width: 100%; height: 55px; display: inline-block; background-color: #fff; border-bottom: 1px solid; }


/* ------------------- for-control textbox etc format ------------------------*/

.form-control {

  height: 34px;
/*  width:  300px;*/
  padding: 2px 2px;
  font-size: 16px;
  line-height: 1.42857143;
  margin-bottom: 10px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 4px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #B40431;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.text-white {
    color:#fff;
    font-weight: bold;
    padding: 2px 0px 2px 40px;
}


.btn {
  display: inline-block;
  padding: 0px 5px 0px 5px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 4px solid transparent;
  border-radius: 4px;
  width:100%;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #7091bf;
  border-color: #adadad;
}

.btn-login {
        background-color: lavender;
	min-width:200px;
        height: 40px;
}

.btn-continue {
        background-color: #006bb3;
	min-width:100px;
        height: 30px;
}

/* ----------------------- Text, h1, h2 etc label ------------------------------------ */

h1, h2, h3, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	color:#2f2f2f;
}

h4 {
	font-size:10px;
	margin: 0px 0px 0px 0px;
	color:#ffffff;
}

h5 {
	font-size:30px;
	margin: 15px 0px 10px 0px;
        font-family: "Arial", Gadget, sans-serif;
        color:#ffffff;
}
h6 {
	font-size:14px;
	margin: 0px 0px 0px 0px;
	color:#ffffff;
}



a {
	color:#303030;
	outline:none;
	cursor:pointer;
	text-decoration:none
}
a:focus {
	outline:none;
}
a:hover {
	color:#87c7d5;
	text-decoration:strong;
}



/* ----------------------- Seting up media screen size for mobile / tablet / desktop ------------------------------------ */

 
    .divlogin{
        width: 350px;
        margin:0 auto;
        padding: 5px;
        background-color:rgba(66, 21, 99, 0.7);
        border-radius: 10px;
        box-sizing: border-box;
        
    }
    .homelink
    {
        color:#488AC7;
        font-size: 16px;
    }

    
@media (min-width: 992px) {
    .divlogin{
        margin-top: 100px;
    }
    .container3{
        width: 880px;
    }
    .container2{
       width: 700px;
    }
    .menumobile
    {
        display: none;
    }
    .menupc
    {
        display: block;
        width: 250px;
    }

}

@media (min-width: 480px) and (max-width: 991px) {
    .divlogin{
        margin-top: 40px;
    }
    .container3{
        width: 880px;
    }
    .container2{
       width: 700px;
    }
    .menumobile
    {
        display: none;
    }
    .menupc
    {
        display: block;
        width: 250px;
    }
    
h5 {
	font-size:22px;
	margin: 5px 0px 2px 0px;
        font-family: "Arial Black", Gadget, sans-serif;
 }

}


@media (max-width: 479px) {
    .divlogin{
        margin-top: 60px;
    }
    .container3{
        width: 280px;
    }
    .container2{
       width: 320px;
    }
    .menumobile             /*----------- show menu icon if its mobile phone ------------- */
    {
        display: block;
    }
    .menupc                 /*----------- hide main menu if its mobile phone ------------- */
    {
        display: none;
        width: 250px;
    }
h5 {
	font-size:18px;
	margin: 5px 0px 2px 0px;
        font-family: "Arial Black", Gadget, sans-serif;
}
.middle_column
{ float:left; width: 400px; padding: 1px;  }

}







/* NOT-USED IN CURRENT PROJECT ---------------------------------------- */
/* NOT-USED IN CURRENT PROJECT ---------------------------------------- */
/* NOT-USED IN CURRENT PROJECT ---------------------------------------- */
/* NOT-USED IN CURRENT PROJECT ---------------------------------------- */
/* NOT-USED IN CURRENT PROJECT ---------------------------------------- */








.width100 { width:100px; }
.width150 { width:150px; }

.divmenuG1
{
    cursor: pointer;
    height:40px;
    display: table-cell;
    vertical-align: top;
    line-height: 40px;
}

#parent {position: relative;}

#child {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -15% 0 0 -25%;
}


/* Global Structure---------------------------------------- */
.main {
	margin:0 auto;
	width:950px;
	position:relative;
}
.container_24 {
	position: centre;
}


label {
  display: inline-block;
  padding: 2px 20px 2px 20px;
  font-size: 14px;
  font-weight: bold;
}

.mobrpt {
  font-size: 1em;
}

button,input,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn-signup {
	min-width:50px;
}
.btn-RegType {
	min-width:200px;
}

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }




/*----- txt,links,lines,titles -----*/	


h1 {
	font-size:32px;
	line-height:34px;
}
h2 {
	font-size:24px;
	line-height:12px; 
	margin: 0px 0px 0px 0px;
        color: #43BFC7;
}
h3 {
	font-size:24px;
	line-height:40px;
        text-align: center;
	text-shadow: 0 0 0.2em #7091bf, 0 0 0.2em #7091bf, 0 0 0.2em #7091bf ;
}



.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
p {
	padding-bottom:7px;
}

.hbox
{
    height: 50px;
    background: #fff;
    font-size: 24px;
    text-align: center;
    padding: 0 20px;
    margin: 0px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.homebox
{
    height: 250px;
    background: #fff;
    font-size: 24px;
    text-align: center;
    padding: 0 0px;
    margin: 0px;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}




/* ----------------------- THREE columns ------------------------------------ */

.left_column
{ float:left; width: 400px; padding: 2px;   
  background-color: #F5F5F5;}

.middle_column
{ float:left; width: 600px; padding: 5px;  }

.right_column
{ float:left; width: 360px; padding: 5px;}


/* ----------------------- THREE column ------------------------------------ */

.container3{
    margin: 0 auto;
    padding: 0px;
    display: table-cell;
}
#one3 {
  float:left; 
  background-color: rgb(34, 177, 76);
  margin:10px 10px;
  min-height:170px;
  width:270px;
  display:inline-block;
}
#two3 { 
  float:left; 
  background-color: rgb(176, 0, 27);
  margin:10px 10px;
  min-height:170px;
  width:270px;
  display:inline-block;
}
#three3 { 
  float:left; 
  background-color: rgb(112, 146, 190);
  margin:10px 10px;
  min-height:170px;
  width:270px;
  display:inline-block;
}

.div3image
{
    max-width: 100%;
    height: 270px;
    
}


/* ----------------------- DIV Menu Side by side ------------------------- */

.divmenusection{
    min-width: 100%; 
    float:left;
    margin: 0px;
    padding: 0px;
    display: table-cell;   
}
.divmenu{
  float:left; 
  padding: 5px 10px 5px 10px;
  margin: 5px;
  cursor: pointer;
  text-align:center;
  display:inline-block;
  border-style: solid;
  border-color: #5DADE2;
}
.divmenusearch{
  float:right; 
  padding: 5px 10px 0px 2px;
  margin: 0px;
  cursor: pointer;
  display:inline-block;
  background-color: #FF9900;
}
.divmenu:hover{
   background-color:#5DADE2;
}

.divmenulabelcounter{
  float:left; 
  padding: 5px 5px 0px 5px;
  margin: 0px;
  line-height: 25px;
  text-align:center;
  vertical-align: middle;
  display:inline-block;
  border-color: #5DADE2;
}
.divmenulabel{
  float:left; 
  padding: 0px 1px 0px 1px;
  margin: 0px;
  width: 135px;
  cursor: pointer;
  text-align:left;
  vertical-align: middle;
  display:inline-block;
  border-style: solid;
  border-color: #5DADE2;
}
.divmenucounter{
  float:right; 
  padding: 0px 2px 1px 2px;
  margin: 3px;
  font-size: 140%;
  font-weight:bold;
  text-align:center;
  color: #5DADE2;
  background-color:#DCDCDC;
  display:inline-block;
  border-style: solid;
  border-color: #DCDCDC;
}
.divmenulabelcounter:hover{
   background-color:#5DADE2;
}
div:focus {
    background-color:red;
}


.divmenulabelupload{
  float:left; 
  padding: 5px 5px 0px 5px;
  margin: 0px;
  line-height: 30px;
  width: 190px;
  text-align:center;
  vertical-align: middle;
  display:inline-block;
  cursor: pointer;
  background-color:#00CC66;
  border-color: #5DADE2;
}
.divmenulabelupload:hover{
   background-color:#5DADE2;
}


.textwidth120 { display: inline-block; width: 135px; height:25px; }


/* ----------------------- TWO column ------------------------------------ */

.container2{
    margin: 0 auto;
    padding: 0px;
    display: table-cell;
}
#one2 {
  float:left; 
  margin:10px 10px;
  padding: 5px;
  width:320px;
  display:inline-block;
}
#two2 { 
  float:left; 
  margin:10px 10px;
  padding: 5px;
  width:320px;
  display:inline-block;
}