/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

.black-link {
	color: rgb(62, 77, 92) !important;
	text-decoration: underline !important;
}

.black-link:hover {
	color: #ff7302 !important;
	text-decoration: underline !important;
}

.page-header.navbar .page-logo .logo-default {
	margin: 7px 0 0 0;
}

.page-title i {
	font-size: 30px;
}

.page-breadcrumb.breadcrumb > li {
	color: #666;
	font-size: 14px;
}

.custom-button {
	margin: 2px;
}

.custom-button .input-icon .form-control {
	border: solid 1px #cecece;
}

.btn-badge {
  background-color: #ed4e2a;
  border-radius: 9px !important;
  padding: 0px 5px;
}


.btn.green {
  border: solid 1px green;
}

.btn.red {
  border: solid 1px maroon;
}

.btn, .btn:hover {
  -moz-box-shadow: inset 0 1px 1px white !important;
  -webkit-box-shadow: inset 0 1px 1px white !important;
  box-shadow: inset 0 1px 1px white !important;
  font-size: 13px;
}

.large-margin {
  margin-top: 40px;
  margin-bottom: 40px;
}

.large-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* text alignment */

.align-left {
	text-align: left;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

a.white {
	text-decoration: none;
	color: white !important;
}

div.form .form-group {
	margin-bottom: 5px;
}

.tag {
	line-height: 2;
}

.tag a.white:hover {
	text-decoration: underline;
}

.panel-heading {
	padding: 5px 15px;
}

.more {
      color: #E84D1C !important;
}

.toast-message a.more {
      color: yellow !important;
}

.tag a:hover {
	color: white;
}

.label {
    border-radius: 3px !important;
    padding: 2px 5px 3px;
}

.big, .big i {
	font-size: 14pt;
}

/* Titles */

h2.title {
	margin-bottom: 5px;
}

h1.title {
	color: #E02222;
	border-bottom: 1px solid #ddd !important;
	margin-bottom: 10px;
}

h2 a {
	color: #E02222 !important;
	text-decoration: none;
}

h2 .fa {
    font-size: 27px;
}

h2 a:hover {
	text-decoration: underline;
}

h3.form-section {
	color: #E02222;
	border-bottom: 1px solid #ddd !important;
}

h3.form-section i {
	font-size: 20px;
}

.alert.no-bottom {
	margin-bottom: 0;
}

/* Tables */

hr {
	border-top: solid 1px #ccc;
}

hr.separator {
	margin: 20px 0;
}

hr.separator.first {
	margin: 10px 0 20px 0;
}

hr.separator.last {
	margin: 20px 0 10px 0;
}

/* Ajax Loading */
.ajax-modal {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../../../img/ajax-loader.gif')
                50% 200px
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .ajax-modal {
    display: block;
}

.help-block {
	font-style: italic;
}

.badge-red {
  background-color: #f3565d;
  background-image: none;
}

.short-username {
	width: 110px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

.user-bid {
	margin-top: 5px;
	margin-bottom: 20px;
}

.no-left-padding {
	padding-left: 0;
}

.front-section {
	margin-bottom: 20px;
	border-bottom: solid 1px silver;
}

.one-liner {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.front-testi-box {
	max-width: 250px;
}

.front-testi-proj {
	white-space: nowrap;
	overflow: hidden;
	max-width: 220px;
	display: inline-block;
	text-overflow: ellipsis;
}
 
.bootbox .modal-content {
   top: 100px;
}