@charset "UTF-8";

:link,:visited {text-decoration: none}
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0}
a img,:link img,:visited img, img, input, div, a{border: none; outline: none}
address {font-style: normal}
body, input, select {font-family: Arial, Helvetica, sans-serif}
input[type=submit] {
    -webkit-appearance: none;
 -webkit-border-radius:0; 
    border-radius:0;}
* { -webkit-tap-highlight-color:transparent; }

/*================================================================================
  BODY AND HTML
  ==============================================================================*/

html, body {margin: 0; padding: 0; width: 100%; min-height: 100%}
body {
	position: relative; 
	text-align: center;
	    max-width: 550px;


}
.active{
/*text-decoration: underline;
  color: white;*/
}
#header { height: 45px;  background: #104D6C;}
#header a {
	float: left; 
	display: inline-block; 
  line-height: 45px;
	font-weight: bold; 
	width: 27.3%; 
	color: black; 
	
	font-size: 15px;
	text-align: center;
color: white;
 background: #0064B1; 
}
#header .logo{
  margin-left: 5px;
  margin-right: 5px;
  float: left;
  margin-top: 2.5px;
      height: 40px;
}

#header .pts{
  width: 8px;
  height: 30px;
  margin-right: 5px;
  float: right;
  margin-top: 7.5px;
}


#bodysz{position:relative; background: #fff; 
		width:100%;
		height:300px;
		margin-top:15px}
		

#bodysz h1 span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: left center;
}

#wall{position:relative; 	background: url(../images/wall.png) center repeat-x ;
		width:100%;
		height:300px;
		    margin: 0;
		margin-top:15px;}


#bg2 {width: 200px; margin-top: -200px; position: relative}


/*rbt*/
#bodyszebt{position:relative; background: #fff; 
		width:100%;
		height:300px;
		}
		
#headertitle{
    background-color: #008AA8;
    height: 15px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

#bodyszrbt h1 span {
  font: 26px Monaco, MonoSpace;
  height: 200px;
  position: absolute;
  width: 20px;
  left: 0;
  top: 0;
  transform-origin: left center;
}
#wall2{position:relative; 	    background-color: #CDCFD0;
 ;
		width:100%;
		    }
#wall22{position:relative; 	
		width:100%;
		    }
#assignnbr{position:relative; 	
   /* background: url(../images/contacts.jpg);
    background-size: 100% 100%;*/
	background-color:white
		width:100%;
		height:135px;
		    }
#wall3{position:relative; 	background: url(../images/wall2.jpg) center repeat-x ;
		width:100%;
		height:22px;
		    }
			
#wall005{position:relative;
		background-color: #CDCFD0;
		width:100%;
		height:22px;
		    }
#mob-wrapper-2, #mob-wrapper-3, #mob-wrapper-4 , #mob-wrapper-5{color: white; width: 100%; height: 15%; margin: 20px 5% 0 0; position: relative;margin:0 auto;}
#mob-wrapper-3, #mob-wrapper-4 {display: none}

#loader, #loader-2{display: none; position: absolute; top: 5px; left: -23px}

#mob, #code,#code1,#code2,#code3, #mob-964 {
	    position: absolute;
    height: 30px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: black;
    font-size: 18px;
    line-height: 30px;
}
#mob-964 {display: block; right: auto;     right: auto;
    left: auto;
    margin-left: 19%;    line-height: 32px;
 width: 50px}
#mob{padding:0 0px 0 30px;border:1px solid black;}
#code,#code1,#code2,#code3 {padding: 0 20px;border:1px solid black;position: relative;
   width: 50%;
    text-align: center;}

#mob-sub-btn, #code-sub-btn {
	position: relative;
	background-color: #206C94;
	top: 0;
	left: 0;
	width: 85px; 
	height: 30px;
	margin-top:40px;
	line-height: 25px; 
	cursor: pointer;
	
	color: white;
font-size: 18px;
}

 #code-alert,#mob-alert{color: #206C94; padding: 0 5px; font-size: 12px;margin-top: 10px;	font-weight: bold; height: 10px;
}

#lbl_playback{
	position:relative; 	
    background-color: white;
	/*width:80%;*/
	    color: #58595B;
	/*height:135px;*/
	text-align: left;
    margin: 20px;
    margin-top: 10px;}
#lbl_playback input{	height:auto;
}
.styleSelect select {
    background: transparent;
    padding: 5px;
    padding-top: 0;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 26px;
    -webkit-appearance: none;
    color: #58595B;}

.styleSelect {
	width: 80%;
    height: 22px;
    overflow: hidden;
    background: url("../images/downArrow.png") no-repeat right #fff;
    background-size: 13px 12px;
    background-position-x: 96%;
    border: 1px solid grey;
margin-left: 10%;
    margin-top: 3px;
    margin-bottom: 3px;
}	

#wall4{position:relative; 	background: url(../images/wall3.jpg) center repeat-x ;
		width:100%;
		    }
#submit_btn{
}/*
#save_btn{
    width: 80%;
    height: 25px;
    margin: 5px;
    background-color: #30C0DA;
		color: white;
    font-size: 14px;
    font-weight: bold;
}
#save1_btn{
    width: 80%;
    height: 25px;
    background-color: #206C94;	color: white;
    font-size: 14px;
    font-weight: bold;
}	*/		
#top_btn,#save_btn{
    width: 40%;
    height: 25px;
    margin-top: 5px;
    background-color: #30C0DA;
		color: white;
    font-size: 14px;
    font-weight: bold;
}
#latest_btn,#save1_btn{
    width: 40%;
    height: 25px;
    margin-top: 5px;
    background-color: #008AA8;
	color: white;
    font-size: 14px;
    font-weight: bold;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel]
{    margin-right: 22px;
    width: 200px;
}

.intl-tel-input {
    color: #58595B;
}

/* my rbt- no melody */
#bodynomelody{
	
}
#clickhere P{
color: #58595B	
}

#dark-layer {position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; display: none}
#dark-layer img {margin: 50% auto}