/*
	This CSS taken from raw main.css (or main.min.css) which sent by Zehner
	We split this to specified style for the COASTGUARD Site only
*/

.layout.coast-guard {
	/**
	*
	* TWS SKINS DEFINITION
	*
	*/
	/*
	|
	| MAIN HEADER
	|
	*/
	/* Main Navigation */
	/* Main User Nav Menu */
	/* Main Navigation Search Form */
	/*
	 |
	 | ALL GLOBALS ELEMENTS STYLES
	 |
	 */
	/* Panels */
	/*
	 |
	 | ALL GLOBALS BUTTONS STYLES
	 |
	 */
	/*
	 |
	 | Before Content Section
	 |
	 */
	/*
	 |
	 | HOMEPAGE
	 |
	 */
	/* Carousel */
	/* The Last On TWS */
	/*
	 |
	 | INTERIOR PAGES
	 |
	 */
	/*
	 |
	 | PROFILE PAGES
	 |
	 */
	/* Profile Table */
	/* Profile Detail Pages */
	/* MODAL */
}
.layout.coast-guard header {
	background-color: #383838;
}
.layout.coast-guard nav.navbar-default {
	background-color: transparent;
}
@media (min-width: 767px) {
	.layout.coast-guard nav.navbar-default {
		background-color: #507b9d;
	}
}
@media (max-width: 991px) {
	.layout.coast-guard nav .navbar-collapse {
		background-color: #507b9d;
	}
}
.layout.coast-guard nav .navbar-collapse .nav .dropdown .dropdown-menu {
	background-color: #002a50;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li a:hover ,
.layout.coast-guard .active > .bg-color-on-parent-active,
.layout.coast-guard .bg-color-on-hover:hover,
.layout.coast-guard .bg-color-on-focus:focus {
	background-color: #507b9d;
	color: white;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.title a:hover {
	color: black;
	background-color: transparent;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert dl dd .contact-info,
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.message dl dd .contact-info {
	color: #507b9d;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover {
	background-color: #507b9d;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover:before {
	background-color: transparent;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover + li:before {
	background-color: transparent;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover dl dd p.contact-info,
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover dl dd p.message-excerpt {
	color: white;
}
.layout.coast-guard ul.user-nav li.dropdown ul.dropdown-menu li.alert:hover dl dd a i {
	color: white;
}
.layout.coast-guard form.navbar-form button {
	text-transform: none;
}
.layout.coast-guard form.navbar-form ul.dropdown-menu li a:hover {
	background-color: #507b9d;
	color: white;
}
.layout.coast-guard .panel.panel-with-borders {
	border-color: #507b9d;
}
.layout.coast-guard .panel.panel-default .panel-heading {
	background-color: #507b9d;
}
.layout.coast-guard .facebook-likes i {
	color: #507b9d;
}
.layout.coast-guard .add-content {
	color: #507b9d;
}
.layout.coast-guard .btn-add-content-circle i {
	color: #507b9d;
}
.layout.coast-guard a.like-button {
	color: #507b9d;
}
.layout.coast-guard a.comment-button {
	color: #507b9d;
}
.layout.coast-guard a.reflection-button {
	color: #507b9d;
}
.layout.coast-guard .collapse-animation i {
	color: #507b9d;
}
.layout.coast-guard .btn-plus-circle {
	color: #507b9d;
	border-top-color: #507b9d;
	border-bottom-color: #507b9d;
}
.layout.coast-guard .btn-plus-circle i {
	color: #507b9d;
}
.layout.coast-guard .back-to-previos-page {
	color: #507b9d;
}
.layout.coast-guard .before-content {
	background-color: #507b9d;
}
.layout.coast-guard .carousel {
	background-image: url(../../../images/singlepage/carousel/bg.jpg);
}
.layout.coast-guard .carousel .carousel-control {
	background-color: #507b9d;
}
.layout.coast-guard .carousel .carousel-control.left span:after {
	border-right-color: #507b9d;
}
.layout.coast-guard .carousel .carousel-control.right span:after {
	border-left-color: #507b9d;
}
.layout.coast-guard .carousel.carousel-home-right {
	background-image: none;
}
.layout.coast-guard .the_latest_on_tws dl dd p.posted-by {
	color: #507b9d;
}
.layout.coast-guard .the_latest_on_tws .thumbnail .caption p a {
	color: #507b9d;
}
.layout.coast-guard .interior-pages dl dd a {
	color: #507b9d;
}
.layout.coast-guard .profile-page {
	/* Main Profile Pages Nav */
}
@media (min-width: 768px) {
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active > a {
		color: white;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active a {
		border-right-color: #507b9d;
		border-top-color: #507b9d;
		border-bottom-color: #507b9d;
		background-color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active + li a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active + li a {
		border-top-color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active.with-sub-menu + li a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active.with-sub-menu + li a {
		border-top-color: #CCC;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active ul.sub-menu li a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active ul.sub-menu li a {
		border-right-color: #CCC;
		border-top-color: #CCC;
		border-bottom-color: #CCC;
		background-color: white;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active ul.sub-menu li a:hover,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active ul.sub-menu li a:hover,
	#sidebar-edit .nav li.active li:not(.active) > a:hover, #sidebar-edit .nav li.sub-menu-item-active li > a:hover {
		color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active ul.sub-menu li.active a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active ul.sub-menu li.active a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.active ul.sub-menu li.sub-menu-item-active a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li.sub-menu-item-active ul.sub-menu li.sub-menu-item-active a {
		border-right-color: white;
		color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li a:hover {
		border-right-color: #507b9d;
		border-top-color: #507b9d;
		border-bottom-color: #507b9d;
		background-color: #507b9d;
		color: white;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li:hover + li a {
		border-top-color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li ul.sub-menu li a {
		border-right-color: #CCC;
		border-top-color: #CCC;
		border-bottom-color: #CCC;
		background-color: white;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li ul.sub-menu li a:hover {
		color: #507b9d;
	}
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li ul.sub-menu li.active a,
	.layout.coast-guard .profile-page .profile-nav .dropdown > ul.dropdown-menu li ul.sub-menu li.sub-menu-item-active a {
		border-right-color: white;
		color: #507b9d;
	}
}
.layout.coast-guard .profile-table .table-cell a {
	color: #507b9d;
}
.layout.coast-guard .profile-detail-pages dl dd ul li a {
	color: #507b9d;
}
.layout.coast-guard .profile-detail-pages .edit a i {
	color: #507b9d;
}
.layout.coast-guard .profile-detail-pages .back-to-profile {
	color: #507b9d;
}
@media (max-width: 992px) {
	.layout.coast-guard .profile-detail-pages .back-to-profile {
		background-color: #507b9d;
	}
}
.layout.coast-guard .profile-detail-pages .back-to-profile i {
	color: #fedd84;
}
.layout.coast-guard .modal-body .right-col .post-description p a {
	color: #507b9d;
}
.layout.coast-guard .btn-show-more i {
	background-color: #507b9d;
}
.layout.coast-guard .sign-in .panel .panel-body .forgot-login strong u a {
	color: #507b9d;
}
.layout.coast-guard .sign-in .panel .panel-body u {
	color: #507b9d;
}
.layout.coast-guard .sign-in .panel .panel-body u a {
	color: #507b9d;
}
.layout.coast-guard .sign-up .panel .panel-body .log-in {
	color: #507b9d;
}
.layout.coast-guard .sign-up .panel .panel-body .log-in u a {
	color: #507b9d;
}

/*
	KEEP ABOVE AREA CLEAN
	JUST COPY RELATED STYLE FROM UPDATED MAIN.CSS WITHOUT MODIFY ANYTHING
	---------------------------------------------------------------------
	STYLE ADJUSTMENTS START BELOW
*/

.feed-like i.i-like,
.twslike i.i-like, .like-btn i.i-like,
.layout.coast-guard .home-detail-pages .back-to-home,
.layout.coast-guard .home-detail-pages .back-to-home i,
.btn i.brand-text-color,
.brand-text-color, .brand-text-color:focus,
a.brand-text-color, a.brand-text-color:focus,
.brand-text-color a, .brand-text-color a:focus,
.layout.coast-guard .unit-excerpt a,
.site-message a,
.excerpt-info dd a,
.feed-like > span.tc_like_text.i-like,
.main-content-panel .the_latest_on_tws .tab-content a,
.main-content-panel .person-list a,
.main-content-panel .pins-list ul > li > div a,
.forum-thread-message a {
	color: #507b9d;
}
a.brand-text-color:hover,
.brand-text-color a:hover,
.layout.coast-guard .unit-excerpt a:hover,
.site-message a:hover,
.excerpt-info dd a:hover {
	color: #2F6791 !important;
}
.brand-text-color-important,
a.brand-text-color-important,
.brand-text-color-important a,
.brand-text-color-important .add-feed-action i {
	color: #507b9d !important;
}
.layout.coast-guard .bg-brand-color,
.layout.coast-guard .bg-brand-hover:hover,
.layout.coast-guard .bg-brand-color:after,
.layout.coast-guard .bg-brand-color:before,
#add-feed-form .tab-pane .btn,
.layout.coast-guard .home-body .panel .panel-heading,
.pager li > a,
.pager li > span,
.upload-photo-table button.upload-photo-delete.close:before,
.upload-photo-table button.upload-photo-delete.close:after,
.autocomplete-option:hover,
.boxNewsfeed .SlidesNF .itemNF div.bg {  
	background: #507b9d;
}
.boxNewsfeed .SlidesNF .itemNF div:hover, 
.boxNewsfeed .SlidesNF .itemNF .bg.selected{
	background: #1f4d70;
}
.pager li > a:hover, .pager li > a:focus {
	background-color: #2F6791;
}
.layout.coast-guard nav .navbar-collapse .nav .dropdown .dropdown-menu {
	background-color: #07385e;
}
.layout.coast-guard .dropdown-ul-single .dropdown-menu .active > a,
.layout.coast-guard .select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.layout.coast-guard .shadow-box .dropdown-menu li a,
.layout.coast-guard .dropdown-menu-wrapper ul > li > *:not(div),
.nav.dropdown-menu > .active > a, .nav.dropdown-menu > .active > a:hover, .nav.dropdown-menu > .active > a:focus {
	background: #5385aa none repeat scroll 0 0;
}
.header-panel h3 {
	color: #426987;
}
.underline {
    -moz-text-decoration-color: #507b9d;
    text-decoration-color: #507b9d;
}
.profile-completion-container,
.panel-footer.profile-completion-button {
	background: #e5ecf1;
}
.layout.coast-guard .table.responsive-table-cards .table-row .table-cell {
	padding: 0.75em 0.5em;
	vertical-align: middle;
	border-bottom: 1px solid #507b9d;
	border-color: #507b9d;
}
.forum-btn {
	background-color: #507b9d !important;
	color: white !important;
}
.forum-btn i {
	color: white !important;
	opacity: 1 !important;
}
.white-on-brand-color,
.list-with-brand-color .list-item-with-brand-color.list-item-active {
	background-color: #507b9d;
	color: white;
}
.brand-color-on-white,
.list-with-brand-color .list-item-with-brand-color {
	background-color: white;
	color: #507b9d;
}
.brand-color-on-before:before {
	color: #507b9d;
}
.brand-color-on-after:after {
	color: #507b9d;
}
.brand-bg-on-before:before {
	background-color: #507b9d;
}
.brand-bg-on-after:after {
	background-color: #507b9d;
}
.layout.coast-guard .btn.bg-color-brand-primary {
	background-color: #507b9d !important;
}
.layout.coast-guard .btn-brand-four {
	background-color: #507b9d;
	transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
 	-o-transition: background-color .3s ease-in-out
}
.layout.coast-guard .btn-brand-four:hover {
	background-color: #507b9d;
}
.layout.coast-guard .input-group-addon, .layout.coast-guard .bg-color-brand-primary,
.layout.coast-guard #profile-page-edit #profile-body-panel > .row > .main-wrapper-2 .main-inner-wrapper .btn-default-tws,
.layout.coast-guard #profile-page-edit #profile-body-panel > .row > .main-wrapper-2 .main-inner-wrapper .btn.bg-color-brand-primary {
	background-color: #507b9d !important;
}
.edit-profile-page.album-page .list-inline .dropdown-menu li.hover {
	background-color: #507b9d;
}

/*------------------------------------------------------------------
		Media Queries MIN-WIDTH
-------------------------------------------------------------------*/
@media (min-width: 768px) {
	.layout.coast-guard nav.navbar-default {
		background-color: #507b9d;
	}
}

/*------------------------------------------------------------------
		SMS Verification Code 
-------------------------------------------------------------------*/
.forgotPass .forgot-password .row{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}

.forgotPass #modal-mobile{
	display: none;
}

.forgotPass .verify-code .row{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.forgotPass #form_verify_code .pincode-input-container input {
    border:none;
    box-shadow:none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    margin:3px;
}

.forgotPass #form_verify_code .pin-code-clear,
.forgotPass #form_verify_code .pin-code-verify{
	display:none;
}

.forgotPass #form_verify_code .pin-code-clear{
	outline: none;
    width: 25px;
    height: 25px;
    border-radius: 0;
    background-color: transparent;
    position: absolute;
    z-index: 100;
    opacity: 1;
    top: 23px;
    right: 0px;
    border: none;
    cursor: pointer;
    
}

.forgotPass #form_verify_code .pin-code-clear:before {
    content: '';
    width: 15px;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 6px;
    background-color: #a94442;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.forgotPass #form_verify_code .pin-code-clear:after {
    content: '';
    width: 15px;
    height: 1px;
    position: absolute;
    top: 19px;
    left: 6px;
    background-color: #a94442;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.forgotPass #form_verify_code #pincode-callback button{
	outline: none;
}

.forgotPass #form_verify_code #pincode-callback{
	margin-top: 20px;
}

.forgotPass #form_verify_code .pin-code-verify{
	color: #28a745;
}

.forgotPass #modal-mobile .resend_sms{display:none;}
.forgotPass #modal-mobile .resend_sms .resend_code,
.forgotPass #modal-mobile .btn.btn-link.reset_option{color: #507b9d;text-decoration:underline;outline:none;}
.forgotPass #modal-mobile .resend_sms .resend_code:hover{color: #507b9d;opacity:0.8}
.forgotPass .text-center.or{
	margin-top:30px;
}

.forgotPass #modal-reset-info{display:none;}

#appendResult>.col-md-5>div{
    margin:0 auto 10px;
    padding-right:10px;
}

#appendResult>.col-md-5>div>a{
	display: list-item;
    list-style-type: disc;
    line-height: 1.3;
    list-style-position: outside;
    word-break: break-word;
}

#appendResult li:before{
	content: none;
}

.form-manage-panel.form-manage-panel-unit-assignment .info-bar li:before {
    content: '-';
    margin-left: -5px;
    position: relative;
    left: -15px;
}
#MedalGalleryForm .medal-items .medal-item{
	border-top: 1px solid #C2C2C2;
}
/*------------------------------------------------------------------
		Media Queries MAX-WIDTH
-------------------------------------------------------------------*/
@media (max-width: 991px) {
	.layout.coast-guard .home-detail-pages .back-to-home {
		background-color: #507b9d;
	}
	.forgotPass .text-center.or{
		margin-top:10px;
		margin-bottom:10px;
	}
}
@media (max-width: 767px) {
	.layout.coast-guard .table.responsive-table-cards .table-row {
		border: 2px solid #507b9d;
	}
	.layout.coast-guard .table.responsive-table-cards .table-row .table-cell {
		border-bottom: 1px solid #507b9d;
	}
	.layout.coast-guard .table.responsive-table-cards .table-row .table-cell.card-header {
		background-color: #507b9d;
	}
	.layout.coast-guard .section-statistics .section-row.row.with-table .table-cell.statistics-table-count {
		border-right: 1px solid #507b9d;
	}
	
	.forgotPass .pincode-input-container.touch .touchwrapper .pincode-input-text {
	    top: -12px !important;
	    letter-spacing: 27px !important;
	    font-size: 25px !important;
	}
	
	.forgotPass .pincode-input-container.touch .touchwrapper.touch6 {
    	width: 250px !important;
	}
	
	.forgotPass #form_verify_code .pincode-input-container input {
	    height: 46px !important;
	}
	
	.forgotPass table.touchtable {
	    border-collapse: separate !important;
	    border-spacing: 5px !important;
	}
	
	.forgotPass .pincode-input-container.touch .touchwrapper .touchtable td {
	    border-right: none !important;
	    border-bottom: 3px solid #ddd;
	}
	.forgotPass .pincode-input-container.touch .touchwrapper.touch6 {
	    margin: 0 auto;
	}
	.forgotPass #form_verify_code .pin-code-clear{
		top:15px;
	}
	.forgotPass .modal-open .modal.forgotPass{
		position:fixed !important;
	}
}

div.thread-title h5 {
    font-size: 16px;
}