/*layout by sharif*/

 html,body{ 
 	overflow-x:hidden;
}

.button-alignment{
  	padding-left: 5px;
  }

@media (max-width: 768px) {
  .button-alignment{
  	padding-left: 0px;
  }
  html,body{ 
	overflow-x:scroll;
  }
}

.container-fluids {
        width: 50%;
        padding-right: 0px;
        padding-left: 0px;
}

.container-fluid {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

.wrapper-table {
    display: table;
    height: 100%;
    width: 100%;
}
.head-row {
    display: table-row;
}
.table-row {
    display: table-row;  /* height is dynamic, and will expand... */
    height: 100%;        /* ...as content is added (won't scroll) */
}
.table-cell{
	display: table-cell;
	height: 100%; 
}
.footer-row {
    display: table-row;
}
/* end of layout*/
	
@media ( max-width : 368px) {
	.container-fluid {
		width: 98%;
		margin: 0px auto;
		padding: 0px;
	}
	.wrapper-table{
		width: 98%;
		margin: 0px 3px;
	}
	.wrapper {
		padding: 0px 3px;
	}
	html {
		font-size: 10px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
		padding-left: 40%;
	}
	
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
	  float: left;
	}
	.col-xxs-12 {
	  width: 100%;
	}
	.col-xxs-11 {
	  width: 91.66666667%;
	}
	.col-xxs-10 {
	  width: 83.33333333%;
	}
	.col-xxs-9 {
	  width: 75%;
	}
	.col-xxs-8 {
	  width: 66.66666667%;
	}
	.col-xxs-7 {
	  width: 58.33333333%;
	}
	.col-xxs-6 {
	  width: 50%;
	}
	.col-xxxs-5 {
	  width: 41.66666667%;
	}
	.col-xxs-4 {
	  width: 33.33333333%;
	}
	.col-xxs-3 {
	  width: 25%;
	}
	.col-xxs-2 {
	  width: 16.66666667%;
	}
	.col-xxs-1 {
	  width: 8.33333333%;
	}
	.col-xxs-offset-0-5{
		margin-left: 4.166666665%;
	}
	
	.mtop5-xxs {
		margin-top: 5px;
	}
	.mtop10-xxs {
		margin-top: 10px;
	}
}

@media ( max-width : 567px) {
	.container {
		width: 98%;
		margin: 0px auto;
		padding: 0px;
	}
	html {
		font-size: 10px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
		padding-left: 40%;
	}
	.col-xs-offset-0-5 {
		margin-left: 4.166666665%;
	}
	
	.mtop5-xs {
		margin-top: 5px;
	}
	.mtop10-xs {
		margin-top: 10px;
	}
}

@media ( min-width : 568px) {
	.container {
		width: 98%;
	}
	html {
		font-size: 10px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
		padding-left: 20%;
	}
	.plL10{
		padding-left:10px;
	}
	.col-sm-offset-0-5 {
		margin-left: 4.166666665%;
	}
	.mtop10-sm {
		margin-top: 10px;
	}
}

@media ( min-width : 768px) {
	.container {
		width: 98%;
	}
	html {
		font-size: 12px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
	}
	.col-md-1-2 {
	 	width: 9.999999996%;
	}
	
	.col-md-1-3 {
		 width: 10.833333329%;
	}
	.col-md-1-5 {
		 width: 12.499999995%;
	}
	.plL10{
		padding-left:10px;
	}
	.col-md-offset-0-5 {
		margin-left: 4.166666665%;
	}
	.mtop10-md {
		margin-top: 10px;
	}
}

@media ( min-width : 992px) {
	.container {
		width: 98%;
	}
	html {
		font-size: 13px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
	}
	.col-lg-1-2 {
	 width: 9.999999996%;
	}
	
	.col-lg-1-3 {
		 width: 10.833333329%;
	}
	.col-lg-1-5 {
		 width: 12.499999995%;
	}
	.col-lg-2-2 {
		 width: 18.000000095%;
	}
	.col-lg-7-8 {
		 width: 63.599999995%;
	}
	}
	.plL10{
		padding-left:10px;
	}
	
	.col-lg-offset-0-5{
		margin-left: 4.166666665%;
	}
	.mtop10-lg {
		margin-top: 10px;
	}
}

@media ( min-width : 1280px) {
	.container {
		width: 98%;
	}
	html {
		font-size: 17px;
		font-family: "Verdana", "Arial", "Helvetica";
	}
	.logo {
		padding-bottom: 2%;
		padding-top: 2%;
	}
	
	.col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
	  float: left;
	}
	.col-xlg-12 {
	  width: 100%;
	}
	.col-xlg-11 {
	  width: 91.66666667%;
	}
	.col-xlg-10 {
	  width: 83.33333333%;
	}
	.col-xlg-9 {
	  width: 75%;
	}
	.col-xlg-8 {
	  width: 66.66666667%;
	}
	.col-xlg-7 {
	  width: 58.33333333%;
	}
	.col-xlg-6 {
	  width: 50%;
	}
	.col-xlg-5 {
	  width: 41.66666667%;
	}
	.col-xlg-4 {
	  width: 33.33333333%;
	}
	.col-xlg-3 {
	  width: 25%;
	}
	.col-xlg-2 {
	  width: 16.66666667%;
	}
	.col-xlg-1 {
	  width: 8.33333333%;
	}
	
	.col-xlg-1-2 {
	 width: 9.999999996%;
	}
	
	.col-xlg-1-3 {
		 width: 10.833333329%;
	}
	.col-xlg-1-5 {
		 width: 12.499999995%;
	}
	.col-xlg-2-2 {
		 width: 18.000000095%;
	}
	.col-xlg-9-8 {
		 width: 82.000000005%;
	}
	.plL10{
		padding-left:10px;
	}
	
	.col-xlg-offset-0-5{
		margin-left: 4.166666665%;
	}
	.mtop10-xlg {
		margin-top: 10px;
	}
	
}

.header-backgroundcolor {
	background-color: #6495ed;
}
.header_time{
	 color:white; 
	 font-size: 11px;
}
.header_logo{
	width:150px;
	height:50px;
	padding-left: 10px;
	margin:0;
}
.welcomeback_pin{
	background-color: #4682b4; 
	border-top: 2px solid #FFFFFF;
}
.m_top_6{
	margin-top: 6px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-lg-1-2, .col-lg-1-3, .col-lg-1-5,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 0px; 
padding-left: 0px; 
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    line-height: 1.42857;
    padding: 0px;
    vertical-align: middle;
    height:30px;
}
.table_view > thead > tr > th, .table_view > tbody > tr > th, .table_view > tfoot > tr > th, .table_view > thead > tr > td, .table_view > tbody > tr > td, .table_view > tfoot > tr > td {
    line-height: 1.42857;
    padding: 0px;
    vertical-align: middle !important;
   text-align: center !important;
    height:30px;
}

.table {
    border-collapse: separate;
    border-spacing: 2;
}


div.div_menu {
	border-left:1px solid #C0C0C0; 
	border-right:0px none; 
	border-top:0px none;
	border-bottom:0px none;
	padding-top: 5px;
	vertical-align:top;
	font-family:"Verdana","Arial","Helvetica"; 
	height: auto;
	min-height: 600px;

}

div.div_main {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0; 
	padding: 0;
	background-color:#FFFFFF;
}

div.title {
  font-family: "Verdana","Arial","Helvetica";
  font-weight: bold;
  font-size: 11px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 0px;
  float: left;s
  height: 30px;
  vertical-align: sub;
  display: table-cell;
  margin-top: 20px;
  font-style: italic;
  text-align: center;
  color: rgb(0,0,0);
  border-bottom: 1px solid #cccccc;
  background-color: #F0F8FF;
}

div.searchBox {
	font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	padding-left: 5; 
	padding-right: 2; 
	padding-top: 2; 
	padding-bottom: 2;
	background-color: #DCDCED;
	text-align: left;
	color: black;
}

div.infoBox {
	text-align: left;
	font-family: Verdana; 
	font-size: 8pt; 
	font-weight: bold; 
	padding-left: 3px;
	min-height: 25px;
	height: auto;
    line-height: 25px;
    vertical-align: middle;
}

div.backAsh {
	background-color: #EFEFEF;
}

input[type="radio"]{
    vertical-align: bottom;
}

label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px;
    max-width: 100%;
    text-align:left;
}

.tooltiplocal {
	border: 0px;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
	

}

.tooltiplocal span {
	display: none;
	position: absolute;
}

.tooltiplocal:hover span {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 3em;
	top: 0em;
	z-index: 99999;
	margin-left: -5px;
	width: 220px;
	display : block;
}

.tooltiplocal img{
	border: 0px;
}
.info {
	background: #EBF2FE;
	border: 1px solid #2BB0D7;
	padding: 5px;
	font-size: 12px;
	color: #0066CC;
}

.m_0{
	margin: 0px 15px;
}

.inputform{
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	width:100%;
}

.gatewayname{
	font-size:14px;
	padding: 10px 0px;
	
}


 // sharif css start here
 
 
.admin-navbar-info {
	font-weight: normal;
	font-size: 14px; 
	border-top: 2px solid #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
}
 .tooltip > .tooltip-inner {
    background-color: #ebf2fe;
    color: #FFFFFF;
    width: 250px;
    right: 35%;
    font-family: Calibri,Tahoma,Geneva,sans-serif;
	border: 1px solid #2bb0d7;
	color: #0066cc;
	font-size: 12px;
	text-align: right;
	position: relative;
}
.tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid #2bb0d7;
  }

 .navbar {
    border-radius: 1px;
}
.nav-justified > li {
	padding: 0 4px;	
}
.nav-justified-pin > li{
	width: auto;
}
.navbar-collapse{
	padding: 0px;
}
.navbar-nav > li > a {
    line-height: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.nav > li > a {
    display: block;
    padding: 5px 2px;
    position: relative;
    color: #0033ff;
}
.nav-pin-right-bottom > li > a {
    padding: 0px 2px 5px;
}
.nav-pin-right-bottom{
	margin: 0px;
	padding: 0px;
}
.nav-pin-right-bottom > li > a:hover {
     color: #0033ff;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #0033ff;
}

.nav > li a:hover {
    background-color: #ffffff;
}

.navbar-toggle {
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 7px 7px;
}


hr{
    margin-bottom: 0px;
    margin-top: 0px;
}

//nav css

.nav-justified li  {
    height: auto;
    margin: 0px;
    padding: 0px;
}
.nav-justified li a {
    height: auto;
    padding-top: 2px;
    margin-top: 2px
}

.panel_body{	
	background-color: #efefef;
}
.form_body{	
	background-color: #efefef;
}
.total_clients{
	font-size: 11px; 
	color: #666666; 
	text-align: right;
}

.nav-parent {
   position: relative;
}

.nav-child {
   position: relative;
   top: 0;
}

.infoBox_add {
    font-family: "Verdana","Arial","Helvetica";
    font-size: 11px;
    color: black;
    padding-left: 3px;
    padding-top: 7px;
    text-align: left;
}
.div_menu table{
    width: 100%;
}
.navbar-brand{
    float: left;
    font-size: 18px;
    height: auto;
    line-height: 30px;
    padding: 0px 15px;
}
.monitor_search {
    font-family: arial;
    font-size: 10pt;
    padding-left: 3px;
    text-align: left;
    color:#000084;
}

.ajax_dropdown{
	background-color: #cccccc;
    border: 1px solid #cccccc;
    color: #000000;
    height: auto;
    left: 0px;
    display: none;
    min-height: 25px;
    overflow-y: hidden;
    position: absolute;
    top: 23px;
    visibility: visible;
    z-index: 999;
    border-radious: 3px;
} 

#advertiseDiv *{
	margin:1% auto;
}

@media (max-width: 768px) {
	 .pull-auto {
	  text-align: center;
	}
	.pull-left-center{
		text-align: center;
	}
	.pull-right-center{
		text-align: center;
	}
	.nav > li > a, .nav-pin-right-bottom > li > a {
    	padding: 5px 2px;
    	margin: 5px 2px;
	}
	.navbar-nav{
		margin: 0px auto;
		padding: 0px;
	}
	.tooltip > .tooltip-inner {
	  right: 8%;	 
	}
	
	.tooltiplocal:hover span{
		margin-top: 25px;
		margin-left: -150px;
		width: 150px;
	}
	
 }

@media (min-width: 768px) {
	
	.pull-left-center{
		text-align: left;
	}
	.pull-right-center{
		text-align: right;
	}
	.pull-auto {
	  text-align: left;
	}
	.tooltip > .tooltip-inner {
	  right: 15%;	 
	}
}

@media (min-width: 980px) {
	.tooltip > .tooltip-inner{
		right: 35%;
	}
}

/* css added by saddam*/

.tooltip > .tooltip-inner{
			right: 20px;
			
	}
   @media(max-width : 360px) {
			.tooltip > .tooltip-inner{
				right: 10px;
			}
	}
	@media(min-width : 1281px) {
			.tooltip > .tooltip-inner{
				right: 70px;
	}
} 
/* end of css added by saddam*/

.form-property{
	border-collapse: collapse;
    font-family: "Verdana","Arial","Helvetica";
    font-size: 11px;
    padding: 0;
}
.table_header_back img{
	float: left;
}
 input[type=text], input[type=password], input[type=reset], input[type=submit], input[type=file], select[size]{
	margin: 3px 0px 1px 0px;
    min-height: 25px;
    height: auto;
}
 input[type=button]{
 	margin: 1px 0px 1px 0px;
    min-height: 25px;
    height: auto;
 }
input, textarea, select {
  margin: 3px 0px 1px 0px;
}

.vertical-td-table {
    width:100%;
    display: table;
}
.vertical-td-table td, .vertical-td-table  td, .vertical-td-table  td {
        display: inline-block;
        text-align: center;
        float: left;
        width: 15%;;
}
@media (max-width:768px) {
 	.vertical-td-table  td, .vertical-td-table  td,   .vertical-td-table  td {
        width:100%;
        display: inline-block;
 	}
 }
 		 

 /* sharif css end here*/
 
 /* wide table responsive css added by saddam*/
 @media (max-width: 1050px) {
    .table-responsive {
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: atuo;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #DDD;
        -webkit-overflow-scrolling: touch;
    }
}

/*css for search box added by saddam \m/*/
@media(max-width:767px){
	.searchBoxWidthSmall{
		width:100%;
	}				
	div.searchBoxTitleSmall{
		width:100%;
		text-align: center;
		min-height: 25px;
	}
	.searchBoxLabelSmall{
		width:100%;
		font-weight:bold;
		font-size:12px;
		text-align:left;
	}
	.searchBoxElementSmall{
		width:100%;
		min-height:25px;
	}
	.searchBoxDateElemSmall{
			width:89%;
			float:left;
			
	}
	.searchBoxSubmitWidthSmall{
		width:100%;
		text-align: right;
	}
	.inlineBlockInSmall{
		display: block;
	}
	.smallMarginTop10{
	   	margin-top:10px;
	}
	.setAjaxDivForSmall{
		top:50px;
	}
	.setMarginForAjax{
		margin-top:26px;
	}
}

@media (min-width: 768px){
	.searchBoxWidthLarge{
		width:360px;
		margin:auto;
	}
		.searchBoxWidthActiveCall{
		width:430px;
		margin:auto;
	}
	.searchBoxWidthLargePlus{
		width:375px;
		margin:auto;
	}
	.searchBoxTitleLarge{		
		text-align: left;
		min-height: 25px;
	}

	.searchBoxLabelLarge{
		width:130px;
		font-weight:bold;
		font-size:12px;
	}
		.searchBoxLabelActiveCall{
		width:200px;
		font-weight:bold;
		font-size:12px;
	}
	.searchBoxLabelLargePlus{
		width:145px;
	}
	.searchBoxElementLarge{
		width:221px;
		min-height:25px;
	}
	.searchBoxSubmitWidthLarge{
		width:350px;
		text-align:right;
	}
	.searchBoxSubmitWidthLargePlus{
		width:375px;
	}
	.searchBoxSubmitWidthActiveCall{
		width:430px;
		text-align:right;
	}
	.searchBoxDateElemLarge{
			width:200px;
	}
	.inlineBlockInLarge{
		display:inline-block;
	}
	.setActiveCallSuggestionDiv{
		margin-left: 206px;
	}
	

	
}

@media (min-width: 960px){
	.addPadding{
		padding-left: 16.6667%;
	}
}

			
/* end of css added by saddam*/

@media (max-width: 830px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        z-index: 9999999;
        background-color: transparent;
	    background-image: none;
	    border-radius: 4px;
	    position: absolute;
	    right: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
     .navbar-collapse.collapse .nav-justified > li, .collapsing .nav-justified > li, .nav-justified > li{
    	width: 100%;
    	display: block;
    }
    .nav-justified > li>a , .navbar-nav > li > a {
    	line-height: 10px;
    	padding-bottom: 10px;
    	padding-top: 10px;
    }
}
@media (max-width: 830px) {
	.minHeightSet{
		min-height: 40px;
	}
}

/* as per requirement even in large screen width must be 100%;
so instead of changing classes in every page these four following 
classes are added */
.col-lg-10.header-backgroundcolor {
    width: 100% !important;
}

.col-lg-offset-1.header-backgroundcolor {
    margin-left: 0% !important;
}

.col-lg-10.div_main {
    width: 100% !important;
}

.col-lg-offset-1.div_main {
    margin-left: 0% !important;
}
/*
* for integration of switch lite dashboard in reseller 
*following css are necessary
*/

.box1 {

    height: 125px;
    float: left;
    padding: 10px;
    margin: 20px;
    background-color: #fff;
}

.box9 {
    background-color: #ecf7fb;
    padding: 10px 10px 40px 10px;
    font-size: 90%;
}


.image_mob {
    float: left;
    padding: 10px;
    text-align: left;
}

.text {
    
    padding: 10px;
    text-align: right;
    font-size: 40px;
    line-height: 95%;
}

.view_info{
	
	background-color:#ecf7fb;
}

/*
*end of dashboard related css
*/

/*
*login page div reordering for hand held devices 
*/
.display_none{
	display:none;
}
@media only screen and ( max-width:800px){
	#itelSwitchIntro1{
		display:none;
	}
	#itelSwitchIntro2{
		display:block;
	}
}

.hamburger_menu_button{
	border:1px solid white;
	border-radius:3px;
	margin-left:5px;
	margin-top:5px;
	background: #424242; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#424242, grey, #424242); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#424242, grey, #424242); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#424242, grey, #424242); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#424242, grey, #424242); /* Standard syntax */
}
.menuOpen{
	overflow-x: hidden;
      overflow-y: scroll;
      height:auto !important;
      position: fixed !important;
      display:block;
      top: 0 !important;
      margin-left: 0 !important;
/*       z-index: 1; */
/*       width: 50%; */
      bottom: 0;
      -webkit-transition: margin .2s linear;
      -moz-transition: margin .2s linear;
      -o-transition: margin .2s linear;
      transition-property: margin .2s linear;
}
.menuDimmer{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:-100;
	background-color:rgba(0,0,0,.45);
    cursor:pointer;
}
.menuDimmerActive{
	z-index:1500;
	display:block;
}
.callShopBalance{
		position:absolute;
		margin-left:44%;
	}
@media only screen and  (max-width: 1024px) {
	.div_menu{
		width: 50%;
	    position: absolute;
	    margin-left: -100%;
	    top: 0;
		-webkit-transition: margin .2s linear;
		 -moz-transition : margin .2s linear;
		  -o-transition : margin .2s linear;
		 transition-property :
		margin .2s linear;
		z-index: 2000;
	}
	.div_content{
		width:90% !important;
		margin-left:5%;
		overflow:hidden;
	}
	.menuIcon{
		display:block !important;
	}
	.callShopBalance{
		position:initial;
		margin:0 auto;
	}
}
body{
 	overflow-y:hidden;
}
@media (max-width:768px){
	input{
		border:1px solid grey;
	}
}
textarea{
	border:1px solid grey;
}
#responsePackage,
#responseClient,
#responseSharedWith,
#client_response,
#Client_response,
#response_reseller,
#response_client,
#response_code,
#responseTer_code,
#response_name,
#response_agent,
#response_did,
#response_pin,
#responsePackage,
#responseClient,
#response_terClient,
#response_orgClient,
#response_country,
#response_orgCountry,
#pin_response,
#destination_response,
#response_orgRatePlans{
	position:absolute !important;
	max-height:250px;
	overflow-y:scroll;
}