@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }

body{
	padding-top: 70px;
	font-family: 'Roboto', sans-serif;
}
fieldset > div.radioInline-block *{
	display: inline-block;
	float: none;
}
 .custom-combobox {
	position: relative;
	display: inline-block;
	width: 95%;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
  height: 150px;
  max-width: 478px;
  overflow-y: scroll;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}
.select-wrapper{
		float: left;
		display: inline-block;
		border: 1px solid #d8d8d8;
		background: url("../img/dropdown.png") no-repeat right center;
		cursor: pointer;
}
.select-wrapper, .select-wrapper select{
		width: 100%;
		height: 26px;
		line-height: 26px;
}
.select-wrapper:hover{
		background: url("../img/dropdown.png") no-repeat right center;
}
.select-wrapper .holder{
		display: block;
		margin: 0 35px 0 5px;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
		position: relative;
		z-index: 1;
}
.select-wrapper select{
		margin: 0;
		position: absolute;
		z-index: 2;
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
}
.Notification {
    /*background: rgba(0,0,0,0.7);*/
    min-height: 100px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 250px;
    /*color: #ffffff;*/
    padding: 5px 5px;
    line-height: 12px;
    z-index: 9999;
}
.Notification span.Notificationclose{
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.Notification strong{
    font-weight: bold;
    border-bottom: 0.05em solid #ffffff;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.ui-flat{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}
#gotoTop {
    bottom: 50px;
    display: none;
    height: 30px;
    position: fixed;
    right: 25px;
    transition: none 0s ease 0s ;
    width: 30px;
    z-index: 10;
}
span.label + span.label {
    margin-left: 10px;
}
.HideStep{
    display: none;
}
#wrapper{
	min-height: 530px;
}
.progress{
	height: 35px;
}
.progress-bar{
	padding: 0px;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
/** Paging **/
.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;
}

form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 95%;
}
fieldset {
	border: none;
	margin-bottom: 1em;
	padding: 16px 10px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	/*clear: both;*/
	/*margin-bottom: 1em;*/
	padding: .5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "Roboto", "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1%;
	width:98%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin:3px 6px 7px 2px;
    position: none;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}

/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	margin-bottom: 1px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none repeat scroll 0 0 #357ebd;
    background-color: #357ebd;
    color: #fff;
}
.navbar-default .navbar-nav > .active > a {
    background: none repeat scroll 0 0 #357ebd;
	background-color: #357ebd;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a{
    color: #c9c9c9;
}
.navbar-brand{
    padding: 2px 10px;
}
.navbar-brand > img {
    height: 45px;
    padding-top: 0px;
    width: 150px;
}
/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}
.bs-callout-danger h4 {
  color: #b94a48;
}
.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.bs-callout-warning h4 {
  color: #8a6d3b;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.bs-callout-info h4 {
  color: #34789a;
}
.bs-callout-success {
  background-color: #F0FFEA;
  border-color: #d6e9c6;
}
.bs-callout-success h4 {
  color: #3c763d;
}

.WidgetToggle{
    cursor: pointer;
}

.bg-primary {
    background-color: #CCCCCC;
	 color: #666666;
    padding: 15px;
    border: none;
}
.bg-primary h4, .bg-primary .title{
    color: #444444;
}
a.bg-primary:hover {
    background-color: #3071a9;
}
.bg-success {
    background-color: #dff0d8;
    padding: 15px;
    border:3px solid #f4f8fa;
}
.bg-success h4, .bg-success .title{
    color: #3c763d;
}
a.bg-success:hover {
    background-color: #c1e2b3;
}
.bg-info {
    background-color: #d9edf7;
    padding: 15px;
    border:3px solid #f4f8fa;
}
.bg-info h4,.bg-info .title{
    color: #34789a;
}
a.bg-info:hover {
    background-color: #afd9ee;
}
.bg-warning {
    background-color: #fcf8e3;
    padding: 15px;
    border:3px solid #f4f8fa;
}
.bg-warning h4,.bg-warning .title{
    color: #8a6d3b;
}
a.bg-warning:hover {
    background-color: #f7ecb5;
}
.bg-danger {
    background-color: #f2dede;
    padding: 15px;
    border:3px solid #f4f8fa;
}
.bg-danger h4,.bg-danger .title{
    color: #b94a48;
}
a.bg-danger:hover {
    background-color: #e4b9b9;
}



/* Common Css */
.ajax-alert{
	display: none;
}
#loginbox,#forgotbox{
	width: 50%;
	margin: auto;
	float: none;
}
/*88888888888 Footer 88888888888*/
footer{
	border: none;
	margin-top: 15px;
	padding: 5px;
	min-height: 50px;
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  	background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  	background-repeat: repeat-x;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
#map-canvas { height: 200px; }
.page-header{
	margin-top: 20px;
}
.subscribeSection{
	display: none;
}
strong.NumberScore{
	font-size: 100px;
}
.ter_n_cond{
	height: 100px;
	overflow-y:scroll;
	border:1px solid #c9c9c9;
}
#History .help-block {
    color: #737373;
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 0;
}
@font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
    url("../fonts/flaticon.woff") format("woff"),
    url("../fonts/flaticon.ttf") format("truetype"),
    url("../fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
}.flaticon-horse18:before {
     content: "\e000";
 }

 /* useful */

.brandcolor { color: #78776D !important; }
.white { color: #FFFFFF !important; }
.black { color: #000000 !important; }
.dark { color: #444444 !important; }
.green { color: #82C82A !important; }

.bgw { background-color: #FFFFFF; }
.bgb { background-color: #000000; }

.w300 { font-weight: 300; }
.w700 { font-weight: 700; }

.tsh { text-shadow: 0 0 5px #000000; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt-5 { margin-top: -5px !important; }
.mt-10 { margin-top: -10px !important; }
.mt-15 { margin-top: -15px !important; }
.mt-20 { margin-top: -20px !important; }
.mt-30 { margin-top: -30px !important; }
.mt-40 { margin-top: -40px !important; }
.mt-50 { margin-top: -50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb-5 { margin-bottom: -5px !important; }
.mb-10 { margin-bottom: -10px !important; }
.mb-15 { margin-bottom: -15px !important; }
.mb-20 { margin-bottom: -20px !important; }
.mb-30 { margin-bottom: -30px !important; }
.mb-40 { margin-bottom: -40px !important; }
.mb-50 { margin-bottom: -50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml-5 { margin-left: -5px !important; }
.ml-10 { margin-left: -10px !important; }
.ml-15 { margin-left: -15px !important; }
.ml-20 { margin-left: -20px !important; }
.ml-30 { margin-left: -30px !important; }
.ml-40 { margin-left: -40px !important; }
.ml-50 { margin-left: -50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr-5 { margin-right: -5px !important; }
.mr-10 { margin-right: -10px !important; }
.mr-15 { margin-right: -15px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-30 { margin-right: -30px !important; }
.mr-40 { margin-right: -40px !important; }
.mr-50 { margin-right: -50px !important; }


.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt-5 { padding-top: -5px !important; }
.pt-10 { padding-top: -10px !important; }
.pt-15 { padding-top: -15px !important; }
.pt-20 { padding-top: -20px !important; }
.pt-30 { padding-top: -30px !important; }
.pt-40 { padding-top: -40px !important; }
.pt-50 { padding-top: -50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb-5 { padding-bottom: -5px !important; }
.pb-10 { padding-bottom: -10px !important; }
.pb-15 { padding-bottom: -15px !important; }
.pb-20 { padding-bottom: -20px !important; }
.pb-30 { padding-bottom: -30px !important; }
.pb-40 { padding-bottom: -40px !important; }
.pb-50 { padding-bottom: -50px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl-5 { padding-left: -5px !important; }
.pl-10 { padding-left: -10px !important; }
.pl-15 { padding-left: -15px !important; }
.pl-20 { padding-left: -20px !important; }
.pl-30 { padding-left: -30px !important; }
.pl-40 { padding-left: -40px !important; }
.pl-50 { padding-left: -50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr-5 { padding-right: -5px !important; }
.pr-10 { padding-right: -10px !important; }
.pr-15 { padding-right: -15px !important; }
.pr-20 { padding-right: -20px !important; }
.pr-30 { padding-right: -30px !important; }
.pr-40 { padding-right: -40px !important; }
.pr-50 { padding-right: -50px !important; }


.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  .responsive-invisibility();
}
.visible-xs {
  @media (max-width: @screen-tablet) {
    .responsive-visibility();
  }
}
.visible-sm {
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-visibility();
  }
}
.visible-md {
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-visibility();
  }
}
.visible-lg {
  @media (min-width: @screen-large-desktop) {
    .responsive-visibility();
  }
}

.hidden-xs,
.hidden-sm,
.hidden-md,
.hidden-lg {
  .responsive-visibility();
}
.hidden-xs {
  @media (max-width: @screen-tablet) {
    .responsive-invisibility();
  }
}
.hidden-sm {
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility() !important;
  }
}
.hidden-md {
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
}
.hidden-lg {
  @media (min-width: @screen-large-desktop) {
    .responsive-invisibility();
  }
}


@media (max-width: 480px) {

        .modal {
            height: 500px; /* Set a default max height of the modal (adjusted later)*/
            position: fixed; /* Display modal in the centre of your screen */
            overflow-y: scroll; /*  Ensure that the modal is scroll-able */
            -webkit-overflow-scrolling: touch; /* Avoid having to use 2 finger scroll on iOS    */
        }
        .modal.fade.in{
            top: 5px; /* Use more screen real estate */
        }
        .modal-body{
            /* Increase the max height of the modal body to try & avoid both it,
             * and the modal container having scroll bars which results in odd behavior */ 
            max-height: 2400px; 
        }   
    }

    /* Now adjust the height so it handles various screen sizes & orientations */
    /* You could make this as granular as you like, or have it more granular at common screen sizes
     * but it should start at the height we set on .modal (i.e. 500px) & work down */
    @media (max-width: 480px) and (max-height: 500px){.modal{ height: 450px}}
    @media (max-width: 480px) and (max-height: 450px){.modal{ height: 400px}}
    @media (max-width: 480px) and (max-height: 400px){.modal{ height: 350px}}
    @media (max-width: 480px) and (max-height: 350px){.modal{ height: 300px}}
    @media (max-width: 480px) and (max-height: 300px){.modal{ height: 250px}}
    @media (max-width: 480px) and (max-height: 250px){.modal{ height: 200px}}
    @media (max-width: 480px) and (max-height: 200px){.modal{ height: 150px}}

    @media screen and (min-width: 992px) and (max-width: 1199px) {
	
	 .canvas-container, .canvas-container canvas {  width: 100%!important; } 
	
	} 

	.upper-canvas  {
		/* pointer-events: none!important; */
	}