body {
	/*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-family: Arial, sans-serif;
	font-size: 13px;*/
}

.logo {
	background-color: blue; /*testing purposes*/
	background-image: url("../img/logo-bk.jpg");
}

.logo-text {
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
}

.top-most {
	height: 19px;
	text-align: right;
	padding: 3px;
}

.login-div {
	/*background-color: #EEEEEE;
	width: 300px;
	min-height: 150px;
	padding: 4px;
	position: absolute;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	margin-left: -156px;
	margin-top: -81px;
	border: 1px solid #DDDDDD;*/
}

.login-header {
	/*background-color: #F6AF39;
	color: white;
	padding: 0.4em 1em;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #E78F08;
	margin-bottom: 10px;*/
}

.login-table {
	/*font-size: 1em;*/
}

.login-table td {
	/*padding: 2px;*/
}

.form-title {
	/*font-weight: 600;
	width: 110px;*/
}

.text-form {
	/*height: 20px;
	width: 140px;*/
}

.login-form-content {
	/*margin: 15px;
	overflow-x: scroll;
	overflow-y: hidden;*/
}

.custom-btn {
	/*text-decoration: none;
	font-weight: 600;
	margin-top: 6px;
	cursor: pointer;
	color: black;
	border: 1px solid #ACACAC;
	background-color: #EDEDED;
	padding: 3px 6px;*/
}

.custom-btn:hover {
	/*text-decoration: none;
	color: black;
	background-color: #DCDCDC;*/
}

/*custom from login forms start*/

.div-form {
	/*background-color: #EEEEEE;
	min-width: 300px;
	min-height: 150px;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #DDDDDD;*/
}

.div-header {
	/*background-color: #F6AF39;
	color: white;
	padding: 0.4em 1em;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #E78F08;
	margin-bottom: 10px;*/
}

.div-table {
	/*font-size: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;*/
}

.div-table tr{
	/*text-align: left;*/
}

.div-table td {
	/*padding: 2px;
	text-align: left;*/
}

.div-form-title {
	/*font-weight: 600;
	min-width: 150px;
	vertical-align: top;*/
}

/*custom from login forms end*/

.nav {
	/*background-color: blue;*/
	/*width: 16%;
	height: 2500px;
	float: left;
	padding: 2%;
	padding-top: 1%;
	font-weight: bold;
	border-right: 1px solid #d1d1d1;*/
}

.nav a {
	/*color: black;
	cursor: pointer;*/
}

.nav-red {
	color: red;
}

.content-page {
	/*background-color: red;*/
	/*width: 84%;
	height: 2500px;
	float: right;
	padding: 2%;
	padding-top: 1%;*/
}

.green-fixed{
	/*color: #8FC563;*/
}

.red {
	color: red;
}

.green {
	/*color: green;*/
	color: #8FC563;
}

textarea {
	/*resize: none;
	width: 250px;
	height: 125px;*/
}

.tree {
	/*margin-bottom: 10px;*/
}

.tree .active{
	/*text-decoration: underline;*/
}

.spinner {
	display: none;
}

.data-table td{
	/*border: 1px solid black;
	vertical-align: middle;*/
}

.table-no{
	/*min-width: 25px;*/
}

.table-port{
	/*min-width: 40px;*/
}

.table-delete{
	/*min-width: 80px;*/
}

.pagination {
	/*text-decoration: none;
	font-weight: 600;
	margin-top: 6px;
	cursor: pointer;
	color: black;
	border: 1px solid #ACACAC;
	background-color: #EDEDED;
	padding: 3px 6px;*/
}

.pagination:hover {
	/*text-decoration: none;
	color: black;
	background-color: #DCDCDC;*/
}

.div-table tr:nth-child(odd){
	/*background-color: #CCCCCC;*/
}

.div-table thead tr:first-child{
	/*background-color: #AAAAAA;*/
}

.div-form-title{
	/*vertical-align: middle;*/
}

select{
	/*margin-top: 5px;*/
}

.filter-tab{
	/*margin-top: 5px;*/
}

a.remove-filter{
	/*cursor: pointer;*/
}

a.remove-filter:hover{
	/*color: red;*/
	/*font-weight: bold;*/
}

.black-pop{
	opacity: 0.8;
	position: fixed;
	background-color: black;
	min-height: 100%;
	min-width: 100%;
	z-index: 1;
	display: none;
}
	
.white-pop{
	min-width: 240px;
	min-height: 150px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-left: -120px;
	background-color: #EEEEEE;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	display: none;
}

.white-pop2, .white-pop2a{
	min-width: 240px;
	min-height: 150px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-left: -120px;
	background-color: #EEEEEE;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	display: none;
	/*vertical-align: middle;*/
}
.white-pop3{
	min-width: 240px;
	min-height: 150px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-left: -120px;
	background-color: #EEEEEE;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	display: none;
	/*vertical-align: middle;*/
}

.white-pop4{
	/*min-width: 240px;
	min-height: 150px;*/
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -250px;
	background-color: #EEEEEE;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	padding: 15px;
	width: 500px;
	height: 200px;
	display: none;
	/*vertical-align: middle;*/
}

.white-pop5{
	/*min-width: 240px;
	min-height: 150px;*/
	position: fixed;
	display: none;
	/*vertical-align: middle;*/
	background-color: #EEEEEE;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	
	padding: 15px;
	

	left: 50%;
	top:  50%;
	margin-top:-155px;
	margin-left: -265px;
	width: 500px;
	height: 280px;
}

.white-pop6{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -150px;
	background-color: #EEEEEE;
	border-radius: 3px;
	border: 1px solid #DDDDDD;
	z-index: 1;
	padding: 15px;
	width: 300px;
	height: 100px;
	display: none;
	color: #150A64;
}

.add-more-credit-usage{
	/*min-width: 100px;*/
}

.credit-usage-title{
	/*vertical-align: top;*/
}

[name='assign-send-api-account']{
	/*width: 200px;*/
}

.margin{
	/*margin-bottom: 7px;*/
}

.narrow-td{
	/*font-weight: 600;
	vertical-align: middle;*/
}

a.darklink{
	/*color: blue;
	font-weight: 600;
	cursor: pointer;*/
}
a.darklink:hover{
	/*color: blue;
	font-weight: 600;*/
}

.table-max{
	/*width: 100%;*/
}
ol.number{
	list-style-type: decimal;
	margin-left: 15px;
}

/*fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  }*/
/*label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }*/

fieldset {
/*-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-bottom: 15px;*/
}

legend {
/*background: #FF9;
border: solid 1px black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 6px;*/
}

.space{
	margin-top: 10px;
}

.underline{
	border-bottom: 1px dashed grey;
}

.underline a{
	text-decoration: none;
	color: #dedede !important; 
	font-style: underline;
}
.underline a:hover{
	background: #191818 !important;
}
.paginate_button{
	/*text-decoration: none;
	font-weight: 600;
	margin-top: 6px;
	cursor: pointer;
	color: black;
	border: 1px solid #ACACAC;
	background-color: #EDEDED;
	padding: 3px 6px;*/
}

a{
	/*cursor: pointer;*/
}

.multiple{
	/*width: 300px;*/
}

.message{
	/*text-indent: 20px;*/
}

.no-scroll{
	/*overflow-x: hidden;
	overflow-y: hidden;*/
}


.nav-red{
	display: none;
}

.remove-p{
	display: none;
}

.hundred{
	width: 100%;
}

.header{
	
}

#menu{
	/*display: none;*/
}

.submit-form-search{
	margin-bottom: 20px;
}

.no-max-content{
	max-width: 2500px;
	overflow-x: scroll;
}

.table-new-format{
	
}
a[class^=paginate_button]{
	padding: 5px;
	cursor: pointer;
}

.pure-button{
	margin-top: 10px;
}

.no-design{
	border: 0 !important;
	box-shadow: 0px 1px 3px #FFF inset !important;
}

.text-input-design{
	border: 1px solid #CCC !important;
	box-shadow: 0px 1px 3px #DDD inset !important;
	border-radius: 4px !important;
	cursor: text;
}
.text-added{
	padding: 5px;
	background: grey;
	color: white;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
}

.text-added:hover{
	border: 1px solid white;
	color: red;
	border-radius: 8px;
}
.focus{
	outline: 0px none !important;
	border-color: #129FEA !important;
}
.text-input-design textarea{
	resize: none;
}

.pointer{
	cursor: pointer;
}


#main{
	width: 75%;
	margin: auto auto;
	margin-top: 200px;
}


.result{
	display: none;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	background: #DFF0D8; 
	height: 180px; 
	width: 300px; 
	padding: 15px;
	margin: 15px;
}
.fin, .file{
	display: none;
}

.grey-seperator{
	background: #efefef;
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: .5px 15px 5px;
	margin-bottom: 8px;
}

.border-red{
	border: 1px solid red;
}
.valid{
	display: none;
}

.hide{
	display: none;
}

.bold{
	font-weight: bold;
}

.whitespace{
	white-space: nowrap;	
}