.logo {

  background-image: url(/images/logo.png);

  background-repeat: no-repeat;

  background-position: left;

  height: 100px;

}



/* only visible on desktops */

@media screen and (min-width: 992px) {

.logo-click {

    width: 507px;

	}

}



/* make responsive on small and medium devices */

@media screen and (max-width: 992px) {

.logo {

  background-size: contain;

  background-position: center;

  height: 60px;

	}

}



.thumb {

  position: relative;

  margin-left: auto;

  margin-right: auto;

}



.shadow {

  -webkit-box-shadow: 3px 3px 3px #7c7c7c;

  box-shadow: 3px 3px 3px #7c7c7c;

}



/* add top margin on small devices */

@media only screen and (max-width: 768px) {

.mrgn-tp-md-max-xs {

        margin-top: 15px;

    }

}



/* center text on small devices */

@media only screen and (max-width: 768px) {

.text-center-max-xs {

        text-align: center;

    }

}



/* resize text on small devices */

@media only screen and (max-width: 768px) {

.small-max-xs {

		font-size: 85%;

    }

}



blockquote {

  border-left: none;

  padding: 0;

}



.whiteBG {

  background-color: #fff;

}



.lightblueBG {

  background-color: #d4ecff;

}



.lightgreyBG {

  background-color: #f0f0f0;

}



.medgreyBG {

  background-color: #707070;

}



.white {

  color: #fff !important;

}



.medgrey {

  color: #707070;

}



.grey {

  color: #555;

}



.avatar1 {

    border-left: 2px solid #e67e22;

    border-bottom: 1px dotted #e67e22;

}

.avatar2 {

    border-left: 2px solid #f39c12;

    border-bottom: 1px dotted #f39c12;

}

.avatar3 {

    border-left: 2px solid #d35400;

    border-bottom: 1px dotted #d35400;

}

.avatar4 {

    border-left: 2px solid #bdc3c7;

    border-bottom: 1px dotted #bdc3c7;

}

.avatar5 {

    border-left: 2px solid #3498db;

    border-bottom: 1px dotted #3498db;

}



.well-lightblueBG {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #ebf2fc;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)

}



.width150 {

	width: 150px !important;

}



.width300 {

	width: 300px;

}



.smallest {

	font-size: 0.7em;

	font-weight: normal;

}



.no-strong {

	font-weight: normal;

}



/* start speech bubble */



.speech-odd

{

	background-color: #fff;

	border: 10px solid rgba(0,0,0,0.095);

	border-radius: 10px;

	color: #666;

	margin: 3em;

	moz-border-radius: 10px;

	padding: 10px;

	position: relative;

	webkit-border-radius: 10px;

	width: auto;

}

.speech-odd p

{

	font-size: 1.25em;

}

.speech-odd:before,

.speech-odd:after

{

	border: solid 20px transparent;

	border-bottom-color: #fff;

	border-top: 0;

	content: "\0020";

	display: block;

	height: 0;

	left: 20px;

	overflow: hidden;

	position: absolute;

	top: -20px;

	width: 0;

	z-index: 2;

}

.speech-odd:before

{

	border-bottom-color: rgba(0,0,0,0.095);

	top: -30px;

	z-index: 1;

}



.speech-even

{

	background-color: #fff;

	border: 10px solid rgba(220,222,225,1);

	border-radius: 10px;

	color: #666;

	margin: 3em;

	moz-border-radius: 10px;

	padding: 10px;

	position: relative;

	webkit-border-radius: 10px;

	width: auto;

}

.speech-even p

{

	font-size: 1.25em;

}

.speech-even:before,

.speech-even:after

{

	border: solid 20px transparent;

	border-bottom-color: #fff;

	border-top: 0;

	content: "\0020";

	display: block;

	height: 0;

	left: 20px;

	overflow: hidden;

	position: absolute;

	top: -20px;

	width: 0;

	z-index: 2;

}

.speech-even:before

{

	border-bottom-color: rgba(220,222,225,1);

	top: -30px;

	z-index: 1;

}



.reviewBody p, blockquote p{

  word-break: break-word;

}



div.apiList.form-control{

  height: 300px;

  overflow: auto;

  text-align: left;

  position: absolute;

  left: 0;

  z-index: 1;

  display:none;

}

.apiList div{

  padding:5px;

}

.apiList div:hover{

  background:#707070;

  color:#fff;

  cursor:pointer;

}



#right-panel img.shadow{

  margin:5px auto 0;

}



#right-panel .mfp-close {

  display: none !important;

}



.dataTables_wrapper .dataTables_paginate .ellipsis {

    background-color: #eaebed;

    border: 1px solid #dcdee1;

    color: #335075;

    cursor: pointer;

    display: inline-block;

    line-height: 1.4375;

    margin-bottom: .5em;

    margin-left: -1px;

    padding: 10px 16px;

    position: relative;

    text-decoration: none;

}



.capitalize{

  text-transform: capitalize;

}



.fancyContainer .modal-title{

  text-align:left;

}



.overlay-def .fancyContainer header{

  padding:0 1em;

}

/* end speech bubble */



.wb-menu details summary{

  color:#fff;

}



#mb-pnl .wb-menu details[open]{

  color:#fff;

}



.opct-40:last-child .mrgn-tp-md.mrgn-bttm-md.brdr-bttm{

  display:none;

}

.leftPanel{

  margin-left: 5px;

}

.hotpot{

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  height: 0;

  width: 0;

  z-index: -1;

}



.g-recaptcha > div{

  margin:0 auto;

}


.exceptionsList{
  display: none;
}

.badge-blueBG{
  background-color: #007bff !important;
}


/* only visible on desktops */

@media only screen and (min-width: 992px) {



  .height200 {

      height: 200px;

  }



  .transformed {

  	transform: rotate(315deg);

  	width: 30px;

  	white-space: nowrap;

  	padding:5px;

  }



  .table tbody>tr>td.vert-align {

      vertical-align: middle;

  }



  #top-bar .mfp-close {

  	color: #707070 !important;

  	opacity: 1;

  }



  /* end search results classes */



  blockquote .small:before, blockquote footer:before, blockquote small:before{

    content:'';

  }



}