﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
	padding-top: 30px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.left-list, .right-list {
	display: inline-block;
	height: 600px;
	width: 500px;
	margin: 10px;
	vertical-align: top;
}

ul.user-selection {
	border: solid black 1px;
	overflow-y: auto;
}

.user-selection li:hover {
	background: #AAA;
	cursor: pointer;
}
	

ul.boxy 
{
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0;
	font-size: 13px;
	font-family: "Trebuchet-MS", Arial, sans-serif;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	background: #CCC;
}

.page-description {
	margin-top: 10px;
}

.table-layout td {
	-moz-min-width: 200px;
	-ms-min-width: 200px;
	-o-min-width: 200px;
	-webkit-min-width: 200px;
	min-width: 200px;
}

div.left, div.right {
	width: 49%;
	display: inline-block;
}

div.center {
	margin-left: auto;
	margin-right: auto;
	width: 30%;	
}

.update-header {
	margin-bottom: 20px;	
}


.user-name {
	background-color: lightblue;
}

.user-email {
	background-color: lightblue;
}
.user-company {
	background-color: lightblue;
}

.user-info {
	display: inline-block;
}

.user-table {
	width: 100%;
}

.user-table, .user-table td, .user-table th {
	border: 1px solid black;
	padding-left: 2px;
	padding-right: 2px;
}

.user-container {
	overflow: hidden;
	overflow-y: scroll;
	height: inherit;
	background-color: lightblue;
}

.list-container {
	-moz-min-width: 1200px;
	-ms-min-width: 1200px;
	-o-min-width: 1200px;
	-webkit-min-width: 1200px;
	min-width: 1200px;
}

.header {
	font-weight: bold;
}

.header div {
	display: inline-block;
	padding-left: 2px;
	padding-right: 2px;
}


.company-logo span {
	width: 179px;
	height: 37px;
	background: transparent url(../Content/Images/company-logo.png) no-repeat scroll left center;
	margin-right: 10px;
	float: left;
	text-indent: -1000px;
}

.poweredby-logo span {
	width: 179px;
	height: 37px;
	background: transparent url(../Content/Images/poweredby-logo.png) no-repeat scroll left center;
	margin-right: 10px;
	float: left;
	text-indent: -1000px;
}


#headerbar {
	background-color: blue
}

/*
body {
	background: url(../Content/Images/cloud.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

.col-centered{
    float: none;
    margin: 0 auto;
}


.intro-top {
	background: url(../Content/Images/globe.jpg) no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
	padding-bottom: 90px;
}

.intro-top h1, .intro-top h3 {
	color: white;
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

.intro-top p {
	color: white;
	text-align: center;
}

.intro-top a {
	margin-left: auto;
}


.intro-top div.well {
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;
}


#drimages img {
	margin-top: 10px;
	width:102%;
	margin-left: -1%;
}

.registration-step {
	border: 1px solid lightgray;
	padding: 5px;
}

.account-setup-image  {
	border: 1px solid lightgray;
	padding: 5px;
}

.divider{
    top:10%;
    bottom:10%;
    border-left:1px solid black;
	margin-left: 10px;
	height: 100%;
}

.left-panel {
	border-right: 1px solid lightgray;
	
}

.left-panel .row {
	margin-right: 10px;
}

.has-default {
	color: lightgray;
}

.registration div.row input, .registration div.row select {
	/*margin: 5px;
	height: 23px;
	font-size: 11.5px;*/
	margin-bottom: 5px !important;
}

.registration div.row input[disabled] {
	height: 28px;
	font-size: 11px;
	margin-bottom: 5px !important;
}

div.row input.missing {
	color: red;
}


 div.row select {
	 line-height: normal;
 	 height: 20px;
	 padding: 0;
	 padding-left: 5px;
 }

 .btn.single,  .btn.first  {
	 margin-left: 30px;
	 margin-top: 20px;
 }

.btn.last {
	 margin-top: 20px;
}

 #recaptcha_table{ table-layout: auto !important; }

 .registration-step, .search-panel {
  background: -webkit-linear-gradient(#FFFFFF, #EEEEEE); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FFFFFF, #EEEEEE); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FFFFFF, #EEEEEE); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FFFFFF, #EEEEEE); /* Standard syntax */
}

div.row p.checkbox {
	top: -7px;
}


.dest-header {
	background: -webkit-linear-gradient(darkgray, black); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(darkgray, black); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(darkgray, black); /* For Firefox 3.6 to 15 */
	background: linear-gradient(darkgray, black); /* Standard syntax */
	color: white;
}

tr.actual-header td {
	background-color: white !important;
	font-style: oblique !important;
	font-weight: bold !important;
}

.search-panel {
	padding-bottom: 10px;
}

.search-result  {
	margin-top: 10px;
	margin-left: 15px !important;
	margin-right: 15px !important;
	display: none;
}

.search-result .row {
	margin-left: 15px !important;
	margin-right: 15px !important;

}

div.verify .form-group {
	margin-bottom: 0 !important;
}

div.verify .form-group label {
	font-weight: normal;
	color: darkgray;
}

div.verify .form-group input {
	font-weight: normal;
	color: darkgray;
}


.container.body-content {
	margin-bottom: 25px;
}

.poweredby-text {
	float: right !important;
}

.overview-item {
	height: 125px;
	border: outset 2px lightgray;
	background: -webkit-linear-gradient(white, #EEEEEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #EEEEEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #EEEEEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #EEEEEE); /* Standard syntax (must be last) */
	margin: 10px;
}

.overview-item .box {
	height: 105px;
	width: 105px;
	border: outset 2px lightgray;
	background: -webkit-linear-gradient(white, #DDDDDD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #DDDDDD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #DDDDDD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #DDDDDD); /* Standard syntax (must be last) */
	margin: 10px;
	float: left;
}

/*#manage.btn, 
#profile.btn, 
#storage.btn, 
#billing.btn, 
#download.btn {
	margin-top: 45px;
	width: 200px;
}*/

.notice {
	background-color: #D9EDF6
}

.close-notice {
	float: right;
}

.close-notice:hover {
	cursor: pointer;
}

.notice-padding {
	padding-bottom: 20px;
	padding-top: 20px;	
}


.doximity-image {
	margin: 10px;
	width: 300px;
	height: 55px;
}


.navbar-inverse {
padding:0;
margin:0;
border-bottom: 5px solid #428bca;
}

.navbar-inverse .nav {
margin-top:0;
}   
   
.navbar .navbar-inverse {
	background-image: none !important;
background: none !important; 
border: 0 !important;
	-ms-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-moz-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-o-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
padding:0;
margin:0;
}

.navbar-inverse .nav > li > a {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
padding: 5px 10px 5px 10px;
margin: 5px 5px 0 5px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	-ms-text-shadow: none;
	text-shadow: none;
color: white;
font-size: 12px;
text-decoration: none;
vertical-align: middle;
}

.navbar-inverse .nav > li > a:hover {
color: #ffffff;
text-decoration:underline;
}

.navbar-inverse .nav  > .active > a, .navbar-inverse .nav > .active > a:hover {
	background: #1d81a6;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d81a6), to(#87bed5));
background: -webkit-linear-gradient(#1d81a6, #87bed5); 
background: -moz-linear-gradient(#1d81a6, #87bed5); 
background: -ms-linear-gradient(#1d81a6, #87bed5); 
background: -o-linear-gradient(#1d81a6, #87bed5); 
background: linear-gradient(#1d81a6, #87bed5);
/*IE7-*/
	-webkit-filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d81a6', endColorStr='#87bed5', GradientType=0);
	-moz-filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d81a6', endColorStr='#87bed5', GradientType=0);
	-o-filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d81a6', endColorStr='#87bed5', GradientType=0);
	/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d81a6', endColorStr='#87bed5', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1d81a6', endColorStr='#87bed5', GradientType=0);
	border:none;
color: #ffffff;
}

.intro-top {
	background: url(../Content/Pics/globe-bw2.png) no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	width: 100%;
	height: 400px;
}

.ui-dialog { z-index: 1000 !important ;}

.ui-dialog .ui-dialog-titlebar-close {
	display: none !important;	
}

.panel-default>.panel-heading {
	color: #333;
	background-color: transparent !important;
	border-color: white !important;
	border-color: rgba(0, 0, 0, 0) !important;
	border: none !important;
}

.panel {
	margin-bottom: 0 !important;
	background-color: transparent !important;
	border: none !important;
	-ms-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.panel-title>a {
	color: #428bca !important;
}

.panel-heading {
	padding: 3px 15px !important;
}

.globe {
	background-image: url("../content/images/globe.jpg");
	-ms-background-size: 100% 100%;
	background-size: 100% 100%;
	height: 660px;
	padding-top: 100px;
}

.white {
	color: white;
}


.panel, .panel-group .panel-heading+.panel-collapse>.panel-body {
	outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
}

.accordion-group {
  border: none;
}

.flex-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
}

.billing-type-box {
	-moz-min-width: 400px;
	-ms-min-width: 400px;
	-o-min-width: 400px;
	-webkit-min-width: 400px;
	min-width: 400px;
	max-width: 500px;
    flex-direction: column;
	flex-wrap: wrap;
    margin: 10px;
    padding: 10px;
}

.billing-flex-container {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.billing-type-explanation {
	min-height: 100px;
}

.profile-container {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.profile-pane {
	-moz-min-width: 400px;
	-ms-min-width: 400px;
	-o-min-width: 400px;
	-webkit-min-width: 400px;
	min-width: 400px;
	padding: 5px;
}


.password-pane {
	-moz-min-width: 400px;
	-ms-min-width: 400px;
	-o-min-width: 400px;
	-webkit-min-width: 400px;
	min-width: 400px;
	padding: 5px;
}

#changepassword {
	border: none;
	height: 400px;
}

.top-header > th {
	text-align: center;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: none !important;
}

.bottom-header > th {
	border-top: none;
	border-bottom: 1px solid #dddddd;
	
}

.first {
	border-left: 1px solid #dddddd;
}

.last {
	border-right: 1px solid #dddddd;
}	

#registerLink {
    height: 25px;
}

