/* 	
    * 01 - @font-face implementation
    * 02 - global classes    
    * 03 - override styles
    * 04 - login page 
    * 05 - page styles
    * 06 - more tab styles
    * 07 - Data Table styles
    * 08 - dataTables paginate style
    * 09 - UI Elements
    * 09-01 ON-Off Switch
    * 09-02 Custom pagination
    * 10 - Column Settings 
    * 11 - User rights
    * 12 - Team member list
    * 13 - Custom popover
    * 14 - Sidebar Style
    * 15 - Document page style
    * 16 - fliter style
    * 17 - Forum styles
    * 18 - New personal dashboard and settings
    * 19 - Calendar area colors
    * 20 - Calendar create appointment
 	* 21 - Calendar view list
 	* 22 - Calendar month/week view
    * 23 - Calendar appontment details
	* 24 - Gallery upload
	* 25 - Gallery album settings
	* 26 - Bookmark sorting
	* 27 - Gallery admin wrapper
	* 28 - Filemanager listing
	* 29 - NEWS - editorial editable
	* 30 - NEWS - Create article
	* 31 - NEWS - Time periods modal
	* 32 - News editorial article detail preview
	* 33 - News editorial article detail comments
	* 34 - CMS nav manage
	* 35 - News articledetail
	* 36 - News Overview
	* 37 - Gallery upload modal
    * 38 - Invoice badge 
    * 39 - CMS EVENT ELEMENT
    * 40 - Internal Certificate Preview Section
    * 41 - Internal member offers Preview Section
    * 42 - Internal promocodes Preview Section 
    * 43 - Contact Application Form - Frontend 
    * 44 - calendar list view - frontend
    * 45 - cms formelement edit - form inquiries 
 
/
/* =============================================================================
* 01 - @font-face implementation
========================================================================== */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../../global/fonts/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../../global/fonts/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../../global/fonts/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../../global/fonts/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

/* =============================================================================
* 02 - global classes
========================================================================== */
body {
    font-family: 'Open Sans';
}

/*.page-content{
	font-size: 14px;
}*/
a {
    text-shadow: none;
    color: #428bca;
}

.no-border {
    border: none;
}

.no-border:before {
    border: none !important;
}

.fg-full-width {
    width: 100%;
}

.fg-left-zero {
    padding-left: 0;
}

.fg-common-btm {
    margin-bottom: 20px;
}

.fg-right-zero {
    padding-right: 0;
}

.fg-no-border {
    border: 0;
}

.fg-backbtn-btm i.fa.fg-chevron-left {
    padding-right: 5px;
}

.fg-page-title-block-2 .fg-btn-grey-icon span,
.fg-page-title-block-2 .fg-search-last-block-2 .control2 {
    height: 35px;
}

.fg-page-title-block-2 .fg-btn-grey-icon span {
    padding-top: 8px;
}

.fg-page-title-block-2 .fg-btn-grey-icon i.fa.fa-2x,
.fg-page-title-block-2 .fg-btn-grey-icon i.fa-regular.fa-2x,
.fg-start-new-topic .fg-btn-grey-icon i.fa.fa-2x,
.fg-start-new-topic .fg-btn-grey-icon i.fa-regular.fa-2x {
    font-size: 19px;
    margin-right: 5px;
}

.fg-page-title-block-2 .fg-active-IB {
    vertical-align: bottom;
}

.fg-page-title-block-2 .fg-btn-grey-icon .checker span {
    height: 19px;
    padding-top: 0;
}

.fg-page-title-block-2 .fg-btn-grey-icon.open .dropdown-menu {
    margin-top: 0px;
}

.fg-page-title-block-2 .fg-btn-grey-icon.open .dropdown-menu li {
    padding: 6px 12px;
}

.fg-start-new-topic .fg-btn-grey-icon span {
    height: 35px;
    padding-top: 8px;

}

.fg-page-title-block-2>.fg-active-IB.FL,
.fg-page-title-block-2>.fg-active-IB.FR {
    margin-bottom: 10px;
}

.page-subtitle-01 {
    font-size: 30px;
    color: #444444;
}

.fg-add-link-icon {
    font-size: 15px;
}

.fg-add-link-icon i {
    margin-right: 5px;
    margin-top: 1px;
}

.fg-alert-block {
    background: #f9f9f9;
    border: 1px solid #d8d8d8;
    position: relative;
}

.fg-alert-block button.close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.fg-alert-block .fg-alertbox-btn-wrapper {
    margin: 0 -15px;
}

.fg-alert-block .fg-alertbox-btn-wrapper .form-actions {
    padding: 10px 0 10px 0;
    margin-bottom: -15px;
    margin-top: 10px;
}

.fg-tile-disabled {
    cursor: not-allowed !important;
    border-color: rgba(0, 0, 0, 0) !important;
}

.fg-tile-disabled:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

.fg-tile-disabled .tile:hover {
    border-color: rgba(0, 0, 0, 0) !important;
}

.fg-restore-box {
    display: inline-block;
    padding: 6px 12px 5px 12px;
    color: #666666;
    background-color: #e5e5e5;
    border: none;
    cursor: pointer;
}

.fg-restore-box input[type=checkbox] {
    display: none;
}

.fg-restore-box.fg-disabled,
label.fg-disabled {
    opacity: .5;
    cursor: not-allowed;
}

.fg-restore-box input[type=checkbox]+label {
    margin: 0;
}

.fg-restore-box input[type=checkbox]+label .fg-restored-text {
    display: none;
}

.fg-restore-box input[type=checkbox]+label:before {
    content: "\f0e2";
    color: #7A7A7A;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -1px;
}

.fg-pw-popover.popover.top {
    top: auto !important;
    bottom: 10px;
}

.fg-pw-popover.popover.right {
    width: 100%;
}

.fg-blue-footer {

    font-weight: bold;
    background: #c4dcfb;
    padding: 6px 20px 6px 14px;
}

.fg-pad-right-30 {
    padding-right: 30px;
}

.fg-PR {
    position: relative;
}

.fg-PA {
    position: absolute;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* =============================================================================
* 03 - override styles 
========================================================================== */
.green.btn {
    background-color: #35aa47;
    color: #ffffff;
}

.fg-event-perhaps-btn {
    color: #ffffff !important;
    background-color: #c49f47 !important;
    border-color: #c49f47 !important;
}

.fg-event-perhaps-btn:hover {
    color: #ffffff !important;
    background-color: #8b6c30 !important;
    border-color: #c49f47 !important;
}

.chats li .datetime {
    color: #999;
}

.chats li .body {
    color: #000;
}

.chats li.in .message .arrow {
    border-right: 8px solid #35aa47;
}

.fg-messages-limit {
    overflow: hidden;
    position: relative;
    max-height: 50px;
    height: auto;
}

.fg-messages-limit:before {
    content: "";
    float: left;
    width: 5px;
    height: 56px;
    display: none;
}

.fg-messages-limit>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.dropdown-menu .divider {
    margin: 0;
}

.fg-messages-limit:after {
    /*	content: "..."; 
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	float: right; position: relative;
	top: -23px; left: 98.7%; 
	width: 7em; margin-left: -7em;
	padding-right: 5px;	
	text-align: right;  
  	background-size: 100% 100%;
  	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);*/
    content: "...";
    position: absolute;
    top: auto;
    bottom: -4px;
    right: 0;
    width: 70px;
    text-align: right;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fafafa 50%, #fafafa);
    padding: 0px 5px 1px 0px;

}

.fg-messages-limit img {
    max-height: 50px;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
}

.fg-messages-limit span p {
    margin-bottom: 5px
}

.page-content-wrapper .page-content .page-title {
    font-size: 30px;
    padding-bottom: 8px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    line-height: 100%;
}

.page-content-wrapper .page-content .has-error .form-control.page-title {
    margin-bottom: 10px;
}

.dropdown-menu li>a {
    font-size: 14px !important;
    padding: 6px 12px 6px 12px;
    font-weight: 500;
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 0;
}

.page-title small {
    color: #323232;
    font-weight: 500;
}

.green.btn.disabled,
.green.btn.disabled:hover,
.green.btn.disabled:focus,
.green.btn.disabled:active,
.green.btn.disabled.active,
.green.btn[disabled],
.green.btn[disabled]:hover,
.green.btn[disabled]:focus,
.green.btn[disabled]:active,
.green.btn[disabled].active,
fieldset[disabled] .green.btn,
fieldset[disabled] .green.btn:hover,
fieldset[disabled] .green.btn:focus,
fieldset[disabled] .green.btn:active,
fieldset[disabled] .green.btn.active {
    background-color: #35aa47;
    color: #ffffff;
}

.green.btn:hover,
.green.btn:focus,
.green.btn:active,
.green.btn.active,
.green.btn:active:hover,
.green.btn.active:hover {
    background-color: #2e933d;
    color: #ffffff;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li.active>a>i {
    color: #ffffff;
}

.portlet>.portlet-body.blue,
.portlet.blue {
    background-color: #428bca;
}

.portlet.box.fg-portlet-ash>.portlet-title {
    background-color: #eee;
    border-bottom: 3px solid #428bca;
}

.portlet.box>.portlet-title {
    min-height: 32px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.portlet.box.fg-portlet-ash>.portlet-title>.caption {
    margin: 0;
    min-height: 30px;
    padding-left: 10px;
    padding: 0 10px;
    line-height: 28px;
    color: #444444;
    font-weight: 300;
}

.fg-box-style-01.fg-portlet-ash-green,
.profileContents .portlet.box {

    border: 1px solid #1ba39c;

}

.portlet.box.fg-portlet-ash-green>.portlet-title {
    background-color: #eee;
    border-left: 8px solid #1BA39C;
}

.portlet.box>.portlet-title {
    min-height: 32px;
    padding: 0;
}

.portlet.box.fg-portlet-ash-green .portlet-body {}

.page-breadcrumb.breadcrumb {
    margin-top: 0;
    padding: 5px 10px;
    border-radius: 0;
}

.page-breadcrumb.breadcrumb>li>a {
    color: #444;
    font-size: 13px;
}

.page-title {
    color: #444;
    margin: 0 0 25px;
}

.fg-brdcrb-left .fa-home {
    color: #666666;
}

.breadcrumb>li+li:before {
    display: none;
}

.page-breadcrumb.breadcrumb>li>a {
    color: #ccc;
}

.fg-brdcrb-left>li {
    float: left;
}

.page-breadcrumb li i {
    color: #666;
}

.fg-display-table {
    display: table-cell;
}

ul.page-breadcrumb {
    position: relative;
    min-height: 28px;
}

.btn-arrownew a {
    padding-right: 3px;
}

.fg-back-right ul li {
    list-style: none;
}

.fg-back-right {
    float: right;
    margin-bottom: -5px;
    margin-right: -10px;
}

ul.breadcrumb li a {
    color: #999;
    font-size: 13px !important;
}

.btn-arrownew {
    position: absolute;
    right: 90px;
}

.page-breadcrumb.breadcrumb>li.fg-page-active>a {
    color: #333;
}

.fg-brdcrb-left .fa-angle-right,
.fg-page-header.navbar .hor-menu .navbar-nav>li>a {
    color: #999999;
}

.modal-full.modal-dialog {
    width: 600px;
}

.modal-header {
    padding: 10px;
    /*background: none repeat scroll 0 0 #f5f5f5;*/
}

.modal-footer {
    /*background-color: #f5f5f5;*/
}

.modal-title {
    color: #000;
    font-size: 18px;
}

td .label.label-sm {
    font-size: 10px;
    padding: 0px 4px 1px 4px;
    vertical-align: 1px;
    margin-left: 2px;
}

.fg-lang-dropdown-wrapper {
    right: 0;
    bottom: 15px;
}

.fg-lang-dropdown-wrapper .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: visible;
}

/* =============================================================================
* 04 - login page
========================================================================== */

/* 03-v1. logo page */
.login {
    background-color: #444 !important;
}

.login .logo {
    margin: 0 auto;
    margin-top: 60px;
    padding: 15px;
    text-align: center;
}

.login .content {
    background-color: #fff;
    width: 360px;
    margin: 0 auto;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.login .fg-intern-logo-wrapper {
    width: 360px;
    margin: 60px auto 10px auto;
    padding: 0;

}

.login .fg-intern-logo-wrapper .fg-logo {
    display: inline-block;
    vertical-align: bottom;
    max-width: 145px;
    max-height: 95px;
    margin-right: 5px;
}

.login .fg-intern-logo-wrapper .fg-logo img {
    max-height: 90px;
    max-width: 140px;
    width: auto;
    height: auto;
    display: block;
}

.login .fg-intern-logo-wrapper .fg-logo-text {
    color: #068cc7;
    font-size: 18px;
    display: inline-block;
    vertical-align: bottom;

}

.login .fg-intern-logo-wrapper .fg-logo-text:hover {
    color: #068cc7;

}

.login .content h3 {
    color: #000;
}

.login .content h4 {
    color: #555;
}

.login .content p {
    color: #222;
}

.login .content .login-form,
.login .content .forget-form {
    padding: 0px;
    margin: 0px;
}

.login .content .input-icon {
    border-left: 0;
}

.login .content .input-icon .form-control {
    border-left: 1px solid inherit;
    left: -1px;
}

.login .content .input-icon .form-control:focus {}

.login .content .forget-form {
    display: none;
}

.login .content .register-form {
    display: none;
}

.login .content .form-title {
    font-weight: 300;
    margin-bottom: 25px;
}

.login .content .form-actions {
    background-color: #fff;
    clear: both;
    border: 0px;
    border-bottom: 0px solid #eee;
    padding: 0px 30px 15px 30px;
    margin-left: -30px;
    margin-right: -30px;
}

.login .content .form-actions .checkbox {
    margin-left: 0;
    padding-left: 0;
    margin-top: 8px;
    display: inline-block;
}

.login .content .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.login .content .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
}

.login .content .form-actions .btn {
    margin-top: 1px;
}

.login .content .forget-password {
    margin-top: 25px;
}

.login .content .create-account {
    border-top: 1px dotted #eee;
    padding-top: 10px;
    margin-top: 15px;
}

.login .content .create-account a {
    display: inline-block;
    margin-top: 5px;
}

.fg-login-btn-space {
    margin-top: 20px;
}

.fg-reset-pass {
    overflow: hidden;
}

/* 04-v2. select2 dropdowns */
.login .content .select2-container {
    border-left: 2px solid #35aa47 !important;
}

.login .content .select2-container .select2-choice {
    border-left: none !important;
}

.login .content .select2-container i {
    display: inline-block;
    position: relative;
    color: #ccc;
    z-index: 1;
    top: 1px;
    margin: 4px 4px 0px -1px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.login .content .has-error .select2-container i {
    color: #b94a48;
}

.login .content .select2-container a span {
    font-size: 13px;
}

.login .content .select2-container a span img {
    margin-left: 4px;
}

/* 04-v3. footer copyright */
.login .copyright {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #999;
    font-size: 13px;
}

.login .fg-intern-logo-wrapper .fg-lang-dropdown-wrapper {
    bottom: 0;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle {
    background: #4387cf;
    border: none;
    color: #fff;
    padding: 5px 7px 5px 9px;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle:hover,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle:hover,
.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle:focus,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle:focus {
    background: #3b9aff !important;
    color: #fff !important;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu {
    background: #3f4242;
    border: none;
    left: auto;
    margin: 0;
    max-width: none;
    right: 0;
    width: 200px;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu a,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu a {
    color: #fff;
    background: #3f4242 !important;

}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.active,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.active,
.login .fg-lang-dropdown-wrapper .dropdown-menu li:hover {
    background: none;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li {
    padding: 3px 0;
    background: #3f4242 !important;
}

.fg-intern-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.active a,
.fg-external-page-logo-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.active a,
.login .fg-lang-dropdown-wrapper .dropdown-menu li:hover a {
    background: none;
    color: #4387cf;
}



/* 04-v4. login page @media */
@media (max-width:480px) {
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        width: 280px;
    }

    .login .content h3 {
        font-size: 22px;
    }

    .login .checkbox {
        font-size: 13px;
    }
}

/* =============================================================================
* 05 - page styles
========================================================================== */
.fg-privacy-checkbox {
    color: #000;
    display: block;
    font-size: 14px;
    padding-bottom: 25px;
}

.fg-privacy-checkbox div.checker {
    margin-left: 0px;
}

.fg-portlet-ash {
    border: none;
}

.fg-internal-data-tab {
    display: block;
}

.fg-common-block-layout {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 28px;
    min-height: 29px;
    padding-right: 20px;
    text-align: right;
    width: 33.33%;
}

.fg-common-block-layout-right {
    float: left;
    width: 60%;
    position: relative;
}

.fg-common-block-layout-right label {
    line-height: 26px;
    color: #000;
}

.fg-common-block-layout .mandatory {
    color: #c70000;
}

.fg-clock-blk {
    position: absolute;
    right: -24px;
    top: 8px;
    color: #7A7A7A;
}

.fg-internal-data-tab>.nav-tabs>li.active>a {
    border: none;
    padding: 11px 16px;
}

.fg-internal-data-tab ul li.active {
    border-bottom: 4px solid #c70000;
    margin-bottom: -4px;
}

.fg-internal-data-tab ul li.active:hover {
    padding-bottom: 0;
}

.fg-internal-data-tab ul li.active:hover {
    padding-bottom: 0;
}

.fg-internal-data-tab .nav>li:focus {
    border-bottom: 4px solid #fbcdcf;
    margin-bottom: -4px;
}

.fg-internal-data-tab .nav>li a:focus {
    background-color: transparent;
    border: none;
}

.fg-internal-data-tab ul.dropdown-menu {
    margin-top: 0;
    left: auto;
    right: 0;
}

.fg-common-block-layout-right>.radio-list>label.radio-inline {
    margin-left: 0;
    padding-left: 0;
}

.fg-common-block-layout-right .fileinput input {
    /*display: none;*/
}

.fg-address-div {
    display: inline-block;
    background-color: #EEE;
    width: 100%;
    padding: 4px 10px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.fg-add-block-one,
.fg-add-block-two {
    display: inline-block;
}

.fg-theme-head span.step-title {
    margin-left: 10px;
}

.fg-border-wrap {
    position: relative;
    margin-bottom: 26px;
}

.fg-border-wrap .fg-nav-tab-border:before {
    border: none;
    content: '';
}

.fg-border-wrap:before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: absolute;
    bottom: 1px;
}

.fg-message-table {
    display: block;
}

.fg-message-table table {
    border: 1px solid #ddd;
}

.fg-message-table .table>thead>tr>th {
    border-bottom: none;
}

.fg-box-text {
    color: #fff;
    display: inline-block;
    padding: 1px 6px;
}

.fg-box-text.gren {
    background-color: #008100;
}

.fg-box-text.ash {
    background-color: #cccccc;
}

.fg-table-profile-block {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 35px;
    height: 35px;
    position: relative;
}

.fg-avatar-default {

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #a9a9a9;
    margin: auto;
    width: 45px;
    height: 45px;
    max-width: 100%;
    max-height: 100%;
}

.fg-table-profile-block img {
    /*	border-radius: 50%!important;
  	-webkit-border-radius:50%!important;
  	-moz-border-radius: 50%!important;*/
    width: 100%;
    height: 100%;
}

#profileBoxDiv .fg-profile-img-blk.fg-avatar-empty {
    display: none;
}

.fg-connections-profile-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    width: 65px;
    height: 39px;
}

.fg-connections-profile-block img {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    max-width: 100%;
    max-height: 100%;
}

.fg-connections-profile-block.fg-compony-logo img {
    border-radius: initial !important;
    -webkit-border-radius: initial !important;
    -moz-border-radius: initial !important;
}

.fg-contact-name {
    display: inline-block;
}

.fg-contact-name span {
    clear: left;
    display: block;
    color: #000;
}

.fg-contact-right {
    float: right;
    color: #000;
    font-style: italic;
    padding-top: 10px;
}

span.fg-table-reply {
    display: inline-block;
    vertical-align: middle;
}

.fg-message-table table thead th {
    margin: 0;
    padding: 4px 8px;

}

.fg-message-table .fg-profile-img-blk-CH35,
.fg-message-table .fg-profile-img-blk35 {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    min-width: 35px;
}

.fg-message-table .fg-profile-img-blk-CH35 img,
.fg-message-table .fg-profile-img-blk35 img {
    max-width: none;
    width: auto;
}

.fg-pagination-block .fg-datatable-info {
    display: inline-block;
    height: 30px;
    padding-top: 8px;
}

.fg-pagination-block .fg-datatable-count {
    float: right;
}

.fg-pagination-block .fg-datatable-count ul {
    margin: 0;
}

a.fg-tab-arrow-block {
    display: inline-block;
    font-size: 14px;
    padding-right: 20px;
    vertical-align: bottom;
    padding-top: 13px;
    white-space: nowrap;
    overflow: hidden;

}

.fg-empty-box {
    height: 240px;
    position: relative;
    padding: 20px;
}

.fg-msg-link {
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    right: 20px;
    left: 0;
    text-align: right;
    background-color: #fff;
    padding: 3px 5px;
}

.fg-msg-link .fa-plus-circle {
    font-size: 16px;
    padding-right: 4px;
}

.fg-msg-link a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.fg-msg-link a i {
    margin-right: 5px;
}

.fg-empty-box ul.chats {
    padding-top: 5px;
}

/* 05-v1. switch */
.switch-fg {
    border: 1px solid #e5e5e5;
}

.switch-fg input:checked+label {
    color: #fff;
}

.switch-toggle input+label {
    cursor: pointer;
}

.switch-fg .btn-primary {
    background: #1d943b;
}

.switch-toggle.fg-switch-grey input~label {
    color: #fff;
}

.switch-toggle.fg-switch-grey input:last-of-type:checked~a {
    background: #aaa;
}

.fg-privacy-switch-text {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 28px;
    min-height: 29px;
    padding-right: 20px;
    text-align: right;
    width: 33.33%;
}

.fg-privacy-switch {
    float: left;
    width: 60%;
}

.fg-privacy-switch label {
    line-height: 26px;
    color: #000;
}

.fg-swith-block-div {
    float: left;
    padding-bottom: 10px;
}

.fg-profile-left-block .fg-box-style-01 .portlet-body {

    height: auto;
}

/* 05-v2. Top area */
.fg-navbar-brand,
.fg-page-header.navbar {
    padding: 0;
    min-height: 40px;
}

.page-header-fixed .page-container {
    margin-top: 10px;
}

.page-header-fixed .fg-page-container {
    /*margin-top: -6px;*/
}

/*::::::: Box style ::::: */
.fg-box-style-01.box {

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

.fg-theme-green .portlet.box.fg-box-style-01.box {
    padding: 0;
    background: none !important;
}

.fg-box-style-01.box .portlet-body {

    padding-top: 15px;
    overflow: hidden;
    overflow-y: auto;
    height: 286px;
    position: relative;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.fg-box-style-01.box .portlet-body .col-lg-12 {
    position: static;
}

#messagesBoxDiv .fg-box-style-01.box .portlet-body .col-lg-12.fg-empty-box {
    height: 250px;
}

.fg-box-style-01.box .portlet-body.fg-dashboard-wrap ul {
    overflow: hidden;
    height: auto;
}

#messagesBoxDiv .fg-box-style-01.box .portlet-body {
    overflow: hidden;
    padding: 0;
}

#messagesBoxDiv .fg-box-style-01.box .portlet-body .col-lg-12 {
    overflow: hidden;
    overflow-y: auto;
    height: 250px;
    padding-top: 15px;
    padding-bottom: 25px;
}

.dropdown-menu.animated {
    min-width: 133px;
}

.fg-dropdown-nav li.dropdown {
    width: 133px;
}

.fg-dropdown-nav .nav>li>a {
    padding: 4px 8px;
    color: #fff;
}

.fg-dropdown-nav .fa-angle-down {
    margin-left: 4px;
    float: right;
    padding-top: 3px;
}

.dropdown-menu li>a:hover,
.dropdown-menu .active>a,
.dropdown-menu .active>a:hover {
    background-color: #eeeeee;
}

.fg-dropdown-nav .navbar-nav>li>.dropdown-menu {
    width: 100%;
    min-width: 130px;
}

.fg-dropdown-nav .dropdown:hover .dropdown-menu {
    display: block;
}

.fg-block-right ul li.active ul li a {
    color: #fff !important;
}

#memberlisttable_wrapper .fg-dev-contactname {
    vertical-align: middle;
}

#memberlisttable_wrapper .fg-contact-wrap .fg-profile-img-blk35,
#memberlisttable_wrapper .fg-contact-wrap .fg-profile-img-blk-CH35 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}

.fg-img-height-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/* 05-v3. switch media */
@media only screen and (min-width:768px) and (max-width:1023px) {
    .fg-privacy-switch-text {
        width: 30%;
    }

    .fg-privacy-switch {
        width: 70%;
    }

    .fg-common-block-layout {
        width: 30%;
    }

    .fg-common-block-layout-right {
        width: 70%;
    }

    .fg-tab-block>.fg-nav-tab-border ul>li.active {
        top: 0;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {

    .fg-privacy-switch-text,
    .fg-privacy-switch {
        width: 100%;
    }

    .fg-privacy-switch-text {
        text-align: left;
    }

    .fg-swith-block-div {
        /*padding-left: 0;
		padding-right: 0;*/
    }

    .fg-common-block-layout {
        width: 100%;
        text-align: left;
    }

    .fg-common-block-layout-right {
        width: 100%;
        float: right;
    }

    .fg-portlet-ash-green dl dt {
        word-wrap: break-word;
    }

    .fg-swith-block-div label.control-label {
        padding-left: 0;
    }
}

/*===========================================================================
 05-v4. Top navigation 
 ============================================================================*/
a.navbar-brand.fg-navbar-brand {
    padding: 5px 0;
    height: 40px;
}

.fg-dropdown-nav .navbar-nav>li>a {
    padding-bottom: 4px;
    padding-top: 4px;
    margin-top: 3px;
}

.fg-dropdown-nav .fg-dropdown-head {
    border: 1px solid #999999;
}

.fg-dropdown-nav .navbar-nav {
    margin-left: 5px;
    margin-right: 12px;
    margin-top: 5px;
}

.fg-dropdown-nav .nav .open>a,
.fg-dropdown-nav .nav .open>a:hover,
.fg-dropdown-nav .nav .open>a:focus {
    border-color: #999999;
}

.fg-dropdown-nav .dropdown-menu {
    font-family: 'Open Sans';
}

.fg-dropdown-nav .dropdown-menu li>a {
    color: #434343;
    padding: 6px 0 6px 8px;
}

.fg-block-right {
    padding-right: 14px;
}

.fg-block-right .badge {
    height: 17px;
    color: #fff;
    background: #c70000;
}

.fg-block-right li.active .badge {
    height: 17px;
    color: #000;
    background: #fff;
}

.fg-page-header.navbar .search-form {
    background-color: transparent;
}

.fg-page-header.navbar .fg-block-right .search-form {
    position: relative;
}

.fg-page-header.navbar .search-form,
.fg-page-header.navbar .search-form .input-group .input-group-btn,
.fg-page-header.navbar .search-form .input-group .form-control {
    height: 40px;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li>a.fg-logout-icon,
.fg-page-header.navbar .hor-menu .navbar-nav>li>a.fg-logout-icon:hover {
    padding: 0;
    background-color: transparent !important;
    height: 40px;
    margin-left: 15px;
}

.fg-fa-sign-in:before {
    content: "\f090";
    color: #dcdcdc;
    display: table-cell;
    font-size: 20px;
    height: 40px;
    vertical-align: middle;
}

.fg-logut-block {
    display: none;
    list-style: none;
}

.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li:hover>a,
.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li.open>a {
    background-color: #c70000;
    color: #fff;
}

.fg-topnav-orientation .searchmenudiv input {
    background: none repeat scroll 0 0 #444444;
    border: none;
    color: #bdbdbd;
}

.fg-topnav-orientation .fa-search {
    margin-top: 6px;
}

.page-sidebar-menu.fg-topnav-orientation ul.sub-menu {
    margin-top: 0;
    margin-bottom: 0;
}

.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li:hover>a span.arrow:before,
.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li.open>a span.arrow:before {
    color: #fff;
}

.page-sidebar-menu.fg-topnav-orientation .sub-menu li a {
    color: #222222;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
}

.page-sidebar-menu.fg-topnav-orientation .sub-menu li {
    background-color: #dbdbdb;
    border-bottom: 1px solid #bbbbbb;
    margin-top: 0 !important;
}

.page-sidebar-menu.fg-topnav-orientation .sub-menu>li:hover>a,
.page-sidebar-menu.fg-topnav-orientation .sub-menu>li.open>a {
    background-color: #c70000 !important;
    color: #fff;
}

/*.page-header.navbar .hor-menu .navbar-nav > li.open > a, .page-header.navbar .hor-menu .navbar-nav > li > a:hover{
	background-color: #c70000!important;
	color: #fff;
}*/
.page-header.navbar .hor-menu .navbar-nav>li.open>a i,
.page-header.navbar .hor-menu .navbar-nav>li>a:hover i {
    color: #fff;
}

.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li:hover>a {
    background-color: #c70000 !important;
    color: #fff;
}

.page-header.navbar .hor-menu .navbar-nav>li.active>a,
.page-header.navbar .hor-menu .navbar-nav>li.active>a,
.page-header.navbar .hor-menu .navbar-nav>li.current>a,
.page-header.navbar .hor-menu .navbar-nav>li.current>a {
    background-color: #c70000 !important;
    color: #fff;
}

.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a,
.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.active>a:hover,
.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a,
.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover {
    background-color: #c70000 !important;
    color: #fff;
}

.page-header.navbar .dropdown-menu li>a:hover,
.page-header.navbar .dropdown-menu .active>a,
.page-header.navbar .dropdown-menu .active>a:hover {
    background-color: #c70000 !important;
    color: #fff;
}

.fg-dropdown-nav .dropdown-menu li>a:hover,
.fg-dropdown-nav .dropdown-menu .active>a,
.fg-dropdown-nav .dropdown-menu .active>a:hover {
    background-color: #eee !important;
    color: #434343;
}

.page-header.navbar .fg-dropdown-nav .dropdown-menu li>a:hover {
    background-color: #dbdbdb !important;
    color: #434343;
}

.page-header.navbar .fg-dropdown-nav .dropdown-menu .active>a {
    background-color: #dbdbdb !important;
    color: #434343;
}

.page-header.navbar .dropdown-menu>li>a:focus,
.page-header.navbar .dropdown-menu>li>a:hover {
    background-color: #c70000 !important;
    color: #fff;
}

.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li.active>a,
.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li.active.open>a {
    background-color: #c70000;
}

.page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation .sub-menu>li.active>a {
    background-color: #c70000 !important;
    color: #fff;
}

.page-header.navbar .fg-block-right .fg-right-area-block>li>ul>.dropdown-submenu>ul {
    z-index: -1;
}

.dropdown>.dropdown-menu:before,
.dropdown-toggle>.dropdown-menu:before,
.btn-group>.dropdown-menu:before {
    z-index: -2;
    visibility: hidden;
}

.dropdown>.dropdown-menu:after,
.dropdown-toggle>.dropdown-menu:after,
.btn-group>.dropdown-menu:after {
    z-index: -2;
    visibility: hidden;
}

.fg-sub-icon-off a:after {
    display: none;
}

.fg-member-blk {
    text-align: center;
}

.fg-member-blk span {
    text-align: center;
    background-color: #f4f4f4;
    display: block;
    color: #c70000;
    font-size: 72px;
    font-weight: 300;
    padding: 20px;
}

.fg-member-blk a:hover {
    text-decoration: none;
}

.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a {
    padding: 10px 46px 6px 10px;
}

.page-header.navbar .hor-menu .navbar-nav>li .dropdown-menu li>a>.badge {
    right: 10px;
}

@media only screen and (max-width:992px) {
    .navbar-toggle {
        display: block;
    }

    .fg-page-header .navbar-toggle {
        margin-bottom: 0;
        padding: 4px 8px;
        margin-top: 6px;
    }

    .fg-logut-block {
        display: block;
    }
}

.fg-toast-top-right {
    right: 0;
    top: 40px;
}

.fg-portlet-ash-green dl {
    margin-bottom: 0;
    font-weight: 300;
}

.fg-portlet-ash-green dl dt {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-align: right;
    width: 33.33%;
    margin-right: 20px;
    padding-bottom: 8px;
    vertical-align: top;
}

.fg-portlet-ash-green dl dd {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    width: 51%;
    padding-bottom: 8px;
    font-family: 'Open Sans';
}

.fg-profile-blk {
    border: 1px solid #1ba39c;
    display: block;
    text-align: center;
    font-family: 'Open Sans';
    margin-bottom: 25px;
}

.fg-profile-blk [class^="fg-profile-img"] {
    margin: 10px auto;
}

.fg-comp-profile-img-blk {
    margin: 10px auto;
    text-align: center;
}

.fg-profile-blk .fg-proflie-title-blk {
    font-size: 14px;
    display: block;
    word-wrap: break-word;
    padding: 0 10px;
}

.fg-profile-blk .fg-proflie-title-blk span {
    display: inline-block;
    padding-bottom: 10px;
    /* padding-top: 10px;*/
    width: 100%;
}

.fg-profile-blk .fg-profile-personal span {
    padding-bottom: 0;
    padding-top: 0;
    color: #000;
}

.fg-profile-blk .fg-profile-personal {
    padding: 5px 10px;
    margin-bottom: 10px;
}

.fg-profile-blk .fg-profile-link-blk {
    min-height: 40px;
    display: inline-block;
    padding: 0 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.fg-profile-blk .fg-profile-link-blk a {
    font-size: 14px;
    white-space: pre-wrap;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
}

.fg-profile-blk .fg-profile-link-blk a:after {
    content: "";
    display: block;
    clear: both;
    float: none;
    margin-bottom: 10px;
    width: 0;
    height: 0;
}

.fg-profile-blk .fg-profile-link-blk a {
    padding-bottom: 0;
    word-wrap: break-word;
}

.fg-profile-blk .fg-profile-link-blk a:last-child {
    padding-bottom: 15px;
}

.fg-profile-blk .fg-profile-link-blk .fa-arrow-circle-right {
    margin-right: 5px;
}

.fg-profile-blk .fg-profile-link-blk .fa-arrow-circle-right,
.fg-tab-arrow-block .fa-arrow-circle-right {
    font-size: 16px;
}

.fg-profile-team-blk {
    background: none repeat scroll 0 0 #eeeeee;
    display: block;
    font-size: 13px;
    font-family: 'Open Sans';
    padding: 10px;
    margin-bottom: 8px;
    font-weight: 600;
}

.profileContents .portlet-body .fg-profile-team-blk {
    margin: auto 10px 10px 10px;
}

.profileContents .portlet-body .fg-profile-team-blk:first-child {
    margin-top: 10px;
}

.profileContents .portlet-body .fg-profile-team-blk:last-child {
    margin-bottom: 10px;
}

.profileContents .portlet.box.fg-portlet-ash-green .portlet-body {
    height: auto;
}

.fg-profile-team-blk span {
    display: inline-block;
    width: 100%;
    font-weight: 300;
    color: #000;
}

/*.fg-profile-team-blk:last-of-type{
	margin-bottom: 0
}*/

.fg-profile-img-blk.fg-avatar-empty {
    position: relative;
    min-height: 200px;
}

.fg-profile-img-blk.fg-avatar-empty.fg-avatar-company .fg-avatar-default,
.fg-avatar-company {
    border-radius: 0;
}

.fg-profile-img-blk.fg-avatar-empty .fg-avatar-default {
    margin: 10px;
}

div .portlet.box.fg-theme-head {
    border: 1px solid #1BA39C;
    padding: 0 0 0 0;
    border-radius: 0;
}

.fg-theme-green .fg-theme-head {
    background-color: #1BA39C;
    border: none;
}

.fg-tab-block a.fg-tab-arrow-block .fa-arrow-circle-right {
    padding-right: 6px;
}

.form-wizard .steps>li.active>a.step .number {
    background-color: #ecbc29;
    color: #fff;
}

.form-wizard .steps>li.done>a.step .number {
    background-color: #35aa47;
}

.form-wizard .steps>li>a.step>.desc {
    color: #000 !important;
    font-weight: 500;
    font-size: 17px;
}

.form-wizard .steps>li>a.step>.number {
    color: #000;
}

.fg-theme-panel h3.block {
    margin-bottom: 18px;
}

.fg-tab-list dl dt {
    display: inline-block;
    font-weight: 400;
    margin-right: 20px;
    min-height: 27px;
    padding-top: 0px;
    text-align: right;
    vertical-align: top;
    margin-bottom: 10px;
    width: 30%;
}

.fg-tab-list dl dd {
    display: inline-block;
    width: 63%;
    margin-bottom: 10px;
}

.fg-tab-list dl dt span.required {
    color: #c70000;
}

.help-block {
    margin-top: 0;
    margin-bottom: 0;
}

.fg-theme-panel .help-block {
    padding-top: 0px;
    float: left;
    width: 100%;
}

.fg-tab-list {
    /*    width: 70%;*/
    color: #333;
    font-size: 14px;
}

.fg-tab-list dl dd a.add-all {
    display: inline-block;
    font-size: 13px;
}

.fg-tab-list dl dd .form-control {
    display: inline-block;
    width: 82%;
    margin-right: 6px;
}

.fg-tab-list .checkbox input[type=checkbox],
.fg-tab-list .checkbox-inline input[type=checkbox],
.fg-tab-list .radio input[type=radio],
.fg-tab-list .radio-inline input[type=radio] {
    margin-left: -9px;
}

.fg-display {
    display: inline-block !important;
}

/* File upload*/
.fg-file-upload {
    background-color: #eee;
    padding: 10px;
    height: 37px;
    display: inline-block;
    text-align: center;
    width: 128px;
    position: relative;
    overflow: hidden;
    color: #333333;
}

.fg-file-upload input[type="file"] {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 35px;
    left: 0;
    cursor: pointer;
}

.fg-createmail-fileupload {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    padding-left: 0;
}

.fg-createmail-fileupload .drop {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    padding: 7px 15px;
    min-width: 129px;
    text-align: center;
    position: relative;
}

.fg-createmail-fileupload .drop input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    height: 52px;
    cursor: pointer;
}

.fg-createmail-fileupload ul {
    float: left;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
}

.fg-createmail-fileupload ul li {
    border: 1px solid #dddddd;
    float: left;
    list-style: outside none none;
    margin: 0;
    margin-top: 10px;
    padding: 8px;
    position: relative;
    width: 100%;
}

.fg-createmail-fileupload ul li:last-child {
    margin-bottom: 15px;
}

.fg-createmail-fileupload ul li .deletediv {
    left: -11px;
    position: absolute;
    top: 3px;
}

.fg-createmail-fileupload ul li p {
    color: #333333;
    font-size: 14px !important;
    margin: 0;
    padding: 0;
}

.fg-createmail-fileupload ul li.fg-image-area img {
    float: left;
    padding-right: 10px;
    max-height: 100%;
    max-width: 100%;
}

.fg-createmail-fileupload ul li div.fg-image-thumb-wrap {
    float: left;
    height: 73px;
    width: 117px;
}

.fg-createmail-fileupload ul li.fg-image-area>p {
    color: #333333 !important;
    display: inline-block;
    font-size: 14px !important;
    margin-bottom: 10px;
    padding-left: 11px;
    vertical-align: top;
    width: 68%;
}

.fg-createmail-fileupload ul li.fg-image-area p span.fg-bytes {
    display: inline-block;
    padding-left: 34px;
    text-align: right;
    width: 84%;
}

.fg-createmail-fileupload ul li.fg-image-area textarea {
    border: 1px solid #dddddd;
    clear: left;
    display: inline-block;
    height: 50px;
    margin-left: 10px;
    width: 55%;
}

.fg-createmail-fileupload ul li p .fg-bytes {
    display: inline-block;
    padding-right: 50px;
    float: right;
}

.fg-createmail-fileupload .fg-image-allowed {
    clear: left;
    color: #444444;
    float: left;
    padding-top: 4px;
    width: 100%;
}

label.fg-msg-attachment {
    line-height: 50px;
}

/**/
.timeline>li .timeline-time span.date {
    font-size: 38px !important;
    font-weight: 300;
    line-height: 38px;
    color: #852b99 !important;
    word-wrap: break-word;
}

.timeline>li .timeline-time span.time {
    font-size: 13px !important;
    font-weight: 300;
    line-height: 20px !important;
    color: #747474 !important
}

.timeline>li .timeline-content {
    color: #5d5d5d;
    width: 96%;
    padding-bottom: 0px;
    min-height: 35px;
}

.timeline>li .timeline-body .fg-msg-btn a.btn {
    margin-top: 0;
}

.timeline>li {
    margin-bottom: 20px;
    min-height: 75px;
}

.fg-timeline-footer .form-group.last {
    margin-bottom: 0;
}

.timeline-content .auto-textarea {
    border: none;
    color: #5d5d5d;
    font-size: 14px;
}

.timeline-close-btn {
    position: absolute;
    right: 2px;
    top: 12px
}

.timeline-close-btn a {
    color: #fff
}

.timeline-content p:last-child {
    margin-bottom: 0
}

ul.timeline>li:last-child {
    background: #fff
}

.timeline-page {
    padding-right: 0;
}

.timeline-show-text {
    color: #5d5d5d;
    padding-top: 10px;
    padding-left: 0
}

.timeline-icon img {
    border-radius: 50% !important;
    margin: 0;
    padding-left: 0px !important;
    margin-top: 2px;
    margin-left: 0%;
    width: 45px;
    height: 45px;
}

.no-data {
    background-color: #852b99 !important;
    color: #fff;
    height: 28px;
    line-height: 24px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 1px;
    width: 100%;
}

.no-data:before {
    background-color: #852b99 !important;
}

.page-main-head .page-title {
    line-height: inherit !important
}

div.noteico input[type=checkbox] {
    display: none;
}

div.noteico input[type=checkbox]+label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 19px
}

div.noteico input[type=checkbox]+label:before {
    content: "\f057";
    color: #fff;
    cursor: pointer
}

div.noteico input[type=checkbox]+label:before {
    text-align: right
}

div.noteico input[type=checkbox]:checked+label:before {
    content: "\f01e";
    color: #fff
}

div.noteico input[type=checkbox]:checked+label:before {
    text-align: right
}

.timeline li.timeline-purple div.timeline-body {
    background: #eeeeee;
}

.timeline li.timeline-purple div.timeline-body:after {
    border-right-color: #efefef;
}

.timeline-footer {
    margin-top: 10px;
    margin-bottom: 12px;
}

.timeline-footer a {
    font-size: 14px;
    color: #008cc7;
}

.timeline-footer a .fa-caret-square-o-up:before {
    font-size: 18px;
}

.fg-reply-div {

    background-color: #fff;
    margin: -10px;
    padding-top: 0;
}

.fg-reply-div a {
    font-size: 14px;
}

.fg-reply-div .fa.fa-plus {
    padding-right: 10px;
}

li.timeline-purple.fg-reply-link {
    margin: 0;
    min-height: 0;
}

.timeline>li.fg-reply-wrapper>div.timeline-body {
    background: none;
}

.timeline>li.fg-reply-wrapper>div.timeline-body:after {
    display: none;
}

.timeline>li.fg-reply-wrapper.active>div.timeline-body {
    background: #eeeeee;
}

.timeline>li.fg-reply-wrapper.active>div.timeline-body:after {
    display: block;
}

.fg-msg-text-details {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
    line-height: 33px;
}

.fg-timeline-footer {
    background-color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
    overflow: hidden;
}

/*time line  fix*/
.page-content .timeline>li .timeline-icon {
    width: 55px;
    height: 55px;
    background: #ccc;
    left: 19.4%;
    padding: 3px 0 0 0;
    box-shadow: none;
    margin-top: -2px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.page-content .timeline>li .timeline-body {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

/* autocomplete */
.ui-autocomplete {
    background: none repeat scroll 0 0 #ffffff;
    list-style: outside none none;
    border: 1px solid #ddd;
    width: 21.1%;
    margin-left: -23px;
    padding-left: 0;
    z-index: 999999;
}

.ui-autocomplete li a {
    color: #333;
    font-size: 14px;
    padding: 5px 0;
    display: inline-block;
    padding-left: 10px;
    overflow-wrap: break-word;
}

.ui-autocomplete li:hover {
    background-color: #eee;
}

.removeUpload {
    display: inline-block;
    float: right;
    position: absolute;
    right: 7px;
    top: 9px;
    cursor: pointer;
}

.removeUpload .fa,
.removeUpload .fa-regular {
    color: #666666;
}

a.fg-attachment {
    margin-right: 10px;
    margin-top: 10px;
    display: block;
}

a.fg-attachment .fa-paperclip {
    margin-right: 5px;
}

.fg-dashboard-birthday {

    display: inline-block;
    float: left;
    text-align: left;
    width: 80%;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}

.fg-dashboard-wrap ul li span.fg-birthdate {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    float: left;
}

.portlet-body.fg-dashboard-static-wrap {
    padding: 10px !important;
    overflow: auto;

}

.fg-dashboard-static-img {
    display: inline-block;
    width: 150px;
}

.fg-dashboard-static-teaser {
    display: inline-block;
    width: 75%;
    float: right;
    width: -webkit-calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    width: calc(100% - 170px);
    font-weight: 600;
}

.fg-dashboard-static-maintext {
    margin-top: 10px;
}

.fg-dashboard-static-inline-img img {
    float: left;
    margin: 0 10px 10px 0;
}

.fg-dashboard-static-img-only {
    margin-bottom: 10px;
}

/* =============================================================================
* 06 - more tab styles
========================================================================== */
/* 06.01 - columns of same height styles */

.row-same-height {
    display: table;
    width: 100%;
    position: relative;
}

.row-same-height>div {
    height: 39px;
}

.fg-action-title .page-title {
    margin-bottom: 0;
    padding-bottom: 0 !important;

}

.fg-action-title .fg-cms-stat-badge {
    vertical-align: bottom;
    margin-right: 20px;
    padding: 2px 10px;
}

.fg-action-menu-wrapper .fg-active-IB {
    vertical-align: bottom;
}

.fg-action-tab.fg-tab-block {
    position: static;
}

.fg-tab-block:before {
    border-bottom: 1px solid #ddd;
    content: '';
    position: absolute;
    left: auto;
    width: 100%;
    bottom: 1px;
    right: 0;
    display: block;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

.fg-nav-links li {
    float: left;
    margin-bottom: -0.1026%;
    margin-right: 2px;
}

.fg-tab-block .nav>li>a {
    padding: 10px 15px 8px 15px;
}

.fg-tab-block .fg-nav-tab-border ul>li {
    border-top: 2px solid #fff;
}

.fg-tab-block .fg-nav-tab-border ul>li.active a {
    padding-top: 7px;
    padding-bottom: 10px;
}

.fg-page-title-block-2 {
    margin-bottom: 10px;
}

.fg-tab-block .fg-nav-tab-border ul>li.active.fg-truncate span.fg-dev-tab-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    display: inline-block;
    max-width: 100%;

}

.fg-tab-block .fg-nav-tab-border ul>li.fg-truncate.has-badge-new.active span.fg-dev-tab-text {
    max-width: 65%;
    max-width: calc(100% - 20px);

}

.fg-nav-tab-border ul>li.fg-truncate.has-badge-new.active span.fg-badge-new {
    top: -7px;
    position: absolute;
    right: 5px;
    margin: 0;
    bottom: 0;
    margin: auto;
}

.fg-nav-tab-border ul>li.active.fg-truncate span.badge {
    top: -5px;
    position: relative;
}

#paneltab.data-more-tab>li.show:first-child::before {

    content: '';
    height: 5px;
    width: 24px;
    background: #FFF;
    position: absolute;
    bottom: 0px;
    left: -20px;
    display: none;
}

#paneltab.data-more-tab>li.show.active:first-child::before {
    bottom: -4px;

}

.fg-tab-block .fg-nav-tab-border {
    position: relative;
}

.fg-tab-block .fg-nav-tab-border:before {

    border-bottom: 1px solid #ddd;
    content: '';
    position: absolute;
    left: 0 !important;
    bottom: 1px;
    right: 0 !important;
    margin: 0 !important;
    display: block;
    width: 100% !important;
}

.fg-tab-block .data-more-tab .fg-dropdown-more .active {
    display: none !important;
}

/*----------  Action menu styles  ----------*/

.fg-action-menu-wrapper {
    margin-bottom: 20px;
    position: relative;
}

.fg-action-menu-wrapper-sub .fg-action-menu-wrapper {
    margin-bottom: 0px;
}

.page-content-wrapper .page-content .fg-action-menu-wrapper-sub .fg-action-menu-wrapper .page-title {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3em;
    padding: 0;
    margin: 0;

}

.panel-heading .panel-title {
    font-size: 18px;
}

.fg-action-menu-wrapper-sub .fg-action-menu-wrapper .row-same-height>div {
    height: auto;
    vertical-align: middle;
}

.fg-search-last-block.fg-action-search.fg-active-IB {
    clear: both;
}

.fg-action-calendar-switch {
    width: 255px;
}

.fg-action-language-switch.fg-active-IB {
    float: right;
    margin-top: 3px;
}

.fg-action-language-switch.fg-active-IB .fg-lang-tab button.btn {
    padding: 4px 12px 5px 12px;
}

.fg-lang-tab .btn-group {
    border: 1px solid #ddd;
    padding: 0;
    width: auto;
}

.fg-lang-tab button.btn {
    background-color: #fff;
    color: #333;
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 5px 12px;
    margin-left: 0 !important;
}

.fg-lang-tab button.btn.error {
    color: #c70000 !important;
}

.fg-lang-tab button.btn:last-child {
    border-right: 0;
}

.fg-lang-tab button.btn.active {
    background: #35aa47;
    color: #fff;
}

.fg-action-toggle.fg-active-IB .fa.fg-toggle:before {
    content: "\f196";
    cursor: pointer;
    font-size: 21px;
}

.fg-action-toggle.fg-active-IB.open .fa.fg-toggle:before {
    content: "\f147";
}

.fg-btn-first-block.fg-action-toggle.fg-active-IB {
    vertical-align: middle !important;
    margin-top: 5px;
    margin-right: 10px;
}

.fg-action-thumb {
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

.fg-action-thumb.fg-btn-grey-icon>span {
    padding: 8px 7px 4px 7px;

}

.fg-action-menu-wrapper .fg-action-upload span,
.fg-action-menu-wrapper .fg-action-select-all span {
    padding: 6px 10px;
}

.fg-action-menu-wrapper .fg-action-disabled {
    cursor: not-allowed;
    opacity: .65;
    position: relative;
}

.fg-action-menu-wrapper .fg-action-disabled:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    width: 100%;
}

/* 11.02 - columns of same height media styles */
@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }

}

@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* firefox fix */
.img-responsive {
    width: 100%;
}

/* 11.03 - vertical alignment styles */
.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

.fg-nav-tab-border:first-of-type:before {
    margin-left: 30px;
}

.fg-nav-tab-border ul>li.active {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-top: 0px;
}

.fg-nav-tab-border ul>li.active a {
    top: 2px;
    cursor: text;
    color: #555555;
    background-color: #fff;
}

.fg-nav-tab-border .datahideshow ul>li.active {
    border: 0;
}

.fg-nav-tab-border:last-child:before {
    left: -15px;
    margin-right: -30px;
    box-sizing: border-box;
}

.fg-nav-tab-border .nav-tabs,
.fg-nav-tab-border .nav-pills {
    margin-bottom: 0;
}

.row-same-height .nav-tabs {
    border-bottom: 0;
}

.fg-portlet-div li.datahideshow ul.dropdown-menu li {
    width: 100%;
}

.fg-portlet-div .nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    border-color: #ddd !important;
}

.fg-dropdown-more {
    max-height: 300px;
}

.fg-dropdown-more li {
    clear: left;
    width: 100%;
    margin: 0;
}

.fg-tab-block {
    margin-left: 20px;
}

.fg-title-first-block {
    max-width: 100%;
    vertical-align: top;
}

.fg-text-block {
    max-width: calc(100% - 45px);
}

.fg-text-block h3 {
    margin-bottom: 0;
}

.fg-search-last-block {
    float: right;
    position: relative;
    margin-top: 3px;
}

.fg-search-last-block .tableactionright {
    height: 32px;
}

.fg-search-last-block .tableactionright.fg-col-settings .fa-table {
    margin-top: 6px;
}

.fg-btn-first-block,
.fg-title-first-block,
.fg-btn-search-block,
.fg-tab-block,
.fg-search-last-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.fg-action-menu-wrapper-sub .fg-action-menu i.fa.fa-2x,
.fg-action-menu-wrapper-sub .fg-action-menu i.fa-regular.fa-2x {
    font-size: 20px;
}

.fg-action-menu-wrapper-sub .fg-btn-first-block .tableaction {

    margin-right: 10px;
    height: 25px;
    background-color: #ffffff;
    color: #444444;
    margin-left: -4px;
}

.fg-action-menu-wrapper-sub .fg-btn-first-block.open .tableaction {
    background: #cccccc;
    color: #333333;
}

.fg-action-menu.fg-active-IB {
    margin-right: 10px;
    margin-top: 3px;
    height: 35px;
}

.fg-action-menu-wrapper-sub .fg-action-menu.fg-active-IB {
    height: auto;
}

.fg-action-menu-wrapper .fg-action-counter {
    vertical-align: middle;
}

.fg-btn-first-block ul.dropdown-menu,
.fg-action-menu-wrapper-sub .fg-action-menu ul.dropdown-menu {
    margin-top: 0;
    margin-left: -7px;
}

.fg-action-menu ul.dropdown-menu {
    margin-left: 0;
}

.fg-action-menu i.fa.fa-2x,
.fg-action-menu i.fa-regular.fa-2x {
    font-size: 23px;

}

.fg-title-first-block.fg-test-block.fg-action-title.fg-active-IB {
    margin-right: 15px;
}

.fg-action-menu-wrapper.fg-has-tab .fg-tab-only {
    margin: 10px 0;
}

.fg-action-menu-wrapper.fg-has-tab .fg-tab-only .fg-more-menu-only {
    left: 0;
    right: auto;

}

.fg-action-menu-wrapper.fg-has-tab .fg-more-menu-only li.active.show {
    border: 0;

}

.fg-action-menu-wrapper.fg-has-tab .fg-more-menu-only li.active.show a {

    background-color: #eeeeee;
    border: 0;
}

.fg-btn-first-block .dropdown-menu li>a {
    font-size: 14px !important;
    padding: 6px 12px 6px 12px;
    font-weight: 500;
    font-family: 'Open Sans';
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.fg-text-block {
    max-width: calc(100% - 90px);
}

.fg-text-block span {
    margin-left: 10px;
}

.fg-tab-block .nav>li>a {
    font-size: 14px;
    top: -2px;
}

.fg-tab-block li ul.dropdown-menu li a {
    color: #428bca;
    white-space: normal;
    position: relative;
}

.fg-tab-block ul.dropdown-menu {
    margin-top: 0;
}

.fg-input-icon {
    float: left;
    position: relative;
    right: 2px;
}

.open .tableactionright {
    background: #cccccc;
    color: #333333;
    border: 1px solid #dddddd;
}

.fg-search-last-block .dropdown-menu {
    margin: 0;
    font-family: 'Open Sans';
    border-radius: 0;
    top: 33px;
}

.fg-search-last-block .input-icon>i {
    margin: 9px 2px 4px 10px;
}

.fg-search-last-block .fa-2x {
    font-size: 19px;
}

.fg-action-title-inline-edit .form-control {
    height: 39px;
    position: relative;
    top: -1px;
    min-width: 215px;
    font-size: 26px;
    line-height: 30px;
    padding: 3px 12px;
}

.control2 {
    height: 32px;
}

.tableactionright {
    background: #eeeeee;
    width: 35px;
    height: 35px;
    display: block;
    color: #676767;
    border: 1px solid #eeeeee;
    padding: 0 !important;
    line-height: 4px;
}

.tableaction {
    width: 35px;
    height: 32px;
    display: block;
    color: #666666;
    background: #eeeeee;
    padding: 7px 0 0 0 !important;
    line-height: 4px;
    border-radius: 0;
}

.open .tableaction {
    background: #cccccc;
    color: #333333;
}

.toconfirm {
    color: #3175af;
    font-size: 12px;
}

.fg-megamenu .mega-menu-content .mega-menu-submenu {
    display: block;
    min-width: 200px;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content {
    margin-right: 10px;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a {
    padding: 5px 10px 5px 5px;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu {
    border-right: 1px solid #565656;
}

.fg-page-header.navbar .hor-menu .navbar-nav>li>a {
    padding: 10px 13px;
}

.fg-mega-series {
    display: none;
}

.fg-plus-click,
.fg-minus-click {
    cursor: pointer;
    color: #333;
    margin-left: 10px;
}

.fg-plus-click:hover,
.fg-minus-click:hover {
    text-decoration: none;
    color: #333 !important;
}

.fg-minus-click:before {
    content: "\f147";
    font-family: FontAwesome;
    padding-right: 5px;
}

.fg-plus-click:before {
    content: "\f196";
    font-family: FontAwesome;
    padding-right: 5px;
}

.fg-upload-div .fg-file-text,
.fg-upload-div .fg-file-pdf,
.fg-upload-div .fg-file-word,
.fg-upload-div .fg-file-excel,
.fg-upload-div .fg-file-powerpoint,
.fg-upload-div .fg-file-photo,
.fg-upload-div .fg-file-zip,
.fg-upload-div .fg-file-sound,
.fg-upload-div .fg-file-video,
.fg-upload-div .fg-file-code,
.fg-upload-div .fg-file {
    margin-top: 8px;
    width: 50px;
    margin-left: 8px;
}

.fg-file-text:before {
    content: "\f0f6";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-pdf:before {
    content: "\f1c1";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-word:before {
    content: "\f1c2";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-excel:before {
    content: "\f1c3";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-powerpoint:before {
    content: "\f1c4";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important;
}

.fg-file-photo:before {
    content: "\f1c5";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important;
}

.popover-content .btn-group .btn-xs {
    padding: 6px 13px !important;
    border-width: 1px;
}

.fg-file-zip:before {
    content: "\f1c6";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-sound:before {
    content: "\f1c7";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-video:before {
    content: "\f1c8";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file-code:before {
    content: "\f1c9";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-file:before {
    content: "\f016";
    font-family: FontAwesome;
    font-size: 50px;
    color: #aaa !important
}

.fg-upload-div.fg-document-edit-image i {
    float: right;
    text-align: right;
}

/* upload styles */
.fg-star:before {
    content: "\f005";
    font-family: FontAwesome;
}

.fg-star-half:before {
    content: "\f123";
    font-family: FontAwesome;
}

.fg-star-o:before {
    content: "\f006";
    font-family: FontAwesome;
}

.page-sidebar-menu .fg-star:before,
.page-sidebar-menu .fg-star-half:before,
.page-sidebar-menu .fg-star-o:before,
.page-sidebar-menu .fa-user:before,
.page-sidebar-menu .fa-building-o:before {
    color: #666;
}

.fg-datatable-icon:before {
    font-size: 14px !important;
    margin-right: 10px;
    color: #aaa !important;
}

.action-drop-menu li.disabled,
.fg-dev-table-empty.action-drop-menu li {
    position: relative;
}

.action-drop-menu li.disabled div,
.fg-dev-table-empty.action-drop-menu li div {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.fg-dev-table-empty.action-drop-menu li.fg-visible-always a {
    color: #555;
}

.fg-dev-table-empty.action-drop-menu li.fg-visible-always div {
    display: none;
}

@media (max-width: 992px) {
    .fg-topnav-orientation .input-group-btn {
        background-color: #2b2b2b;
        position: absolute;
        color: #fff;
    }

    .fg-topnav-orientation .input-group-btn a {
        color: #444;
    }

    .page-sidebar:not(.fg-page-new-sidebar) .page-sidebar-menu.fg-topnav-orientation>li:hover>a i:before {
        color: #fff;
    }

    .fg-topnav-orientation input {
        background-color: #2b2b2b;
        color: #fff;
        border: 1px solid #2b2b2b;
    }

    .modal-full.modal-dialog {
        width: 84%;
        margin-left: auto;
        margin-right: auto;
    }

    .fg-topnav-orientation .input-group:before {
        content: "\e090";
        color: #ccc;
        font-family: Simple-Line-Icons;
        position: absolute;
        z-index: 6;
        left: 16px;
        top: 9px;
    }

    .fg-topnav-orientation .input-group {
        width: 100%;
    }

    .fg-topnav-orientation .form-control:focus {
        background-color: #2b2b2b;
        z-index: 7;
        border: none;
    }

    .fg-topnav-orientation .search-form {
        border-top: 1px solid #4c4c4c;
    }

    .page-sidebar:not(.fg-page-new-sidebar) .fg-topnav-orientation>li>a {
        color: #fff;
        font-weight: 500;
    }

    .fg-topnav-orientation .form-control {
        padding-left: 16px;
    }

    .fg-nav-tab-border:before {
        width: 95.7%;
    }

    .fg-search-last-block.case1 {
        margin-top: 3px;
        margin-bottom: 8px;
    }
}

@media only screen and (min-width:992px) and (max-width:1400px) {
    .fg-right-area-block {
        display: none;
    }

    .fg-mega-series {
        display: block;
    }
}

.fg-forum-blk .fa-file-word {
    display: inline-block;
}

.fg-forum-blk a {
    vertical-align: top;
    margin-right: 10px;
}

span.fg-note-block {
    display: inline-block;
    background-color: #edb200;
    color: #fff;
    padding: 0px 5px;
    font-size: 10px;
    margin-right: 5px;
    font-weight: 100;
}

.fg-doc-right-blk {
    float: right;
    width: 38%;
}

span.fg-doc-size {
    float: left;
    text-align: right;
}

.fg-doc-right-blk span {
    float: right;
}

span.fg-doc-size {
    float: left !important;
    text-align: right;
    width: 34%;
}

.fg-member-block {

    margin: 0;
    padding: 0;
    width: 32.5%;
    height: 200px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.fg-member-block .fg-text-area {
    text-decoration: none;
    position: absolute;
    top: auto;
    bottom: 25px;
    right: 0;
    left: 30px;
    margin: auto;
    max-width: 160px;

}

.fg-member-block-graph-area {
    height: 174px;
    width: 150px;
    margin: 10px auto;
}

.fg-member-block-graph-area h4 {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.fg-piechart {
    width: 94%;
    height: 180px;
    text-align: center;
    margin: 0 auto;
}

.fg-dashboard-wrap ul {
    display: inline-block;
    height: 190px;
    list-style: outside none none;
    margin: 0 !important;
    overflow: auto;
    padding: 0;
    width: 100%;
}

.fg-dashboard-wrap ul li {
    background: none repeat scroll 0 0 #f7f7f7;
    margin-bottom: 8px;
    min-height: 30px;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    width: 100%;
    display: table;
}

.fg-dashboard-wrap ul li:first-child {
    margin-top: 10px;
}

.fg-dashboard-wrap ul li span.fg-forum-blk {
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 50%;
}

.fg-dashboard-wrap ul li .fg-profile-img-blk-CH40 {
    display: inline-block;
    min-width: 40px;
    margin-right: 10px;
}

#fg-personal-overview .fg-dashboard-wrap ul li span.fg-forum-blk {
    text-overflow: inherit;
    overflow: hidden;
    max-width: 60%;
    white-space: normal;
    position: relative;
}

span.fg-forum-blk.fg-badge-wrapper {
    padding-left: 25px
}

span.fg-forum-blk.fg-badge-wrapper i.fa,
span.fg-forum-blk.fg-badge-wrapper i.fa-regular {
    position: absolute;
    left: 0;
}

span.fg-forum-blk.fg-badge-wrapper span.fg-note-block {
    margin-left: 0;
    margin-right: 2px;
}

a.fg-long-content {
    display: inline-block;
    width: 84%;
}

.fg-clock-blk a {
    color: #7A7A7A;
}

.fg-clock-blk .popover-content {
    display: none;
}

.fg-clock-blk .popover {
    top: 0;
}

.fg-more-link {
    color: #0e0e0e;
    border-bottom: 1px dotted #ddd;
    position: relative;
    left: 21px;
    bottom: 0;
}

.fg-long-content span.fg-note-block {
    margin-left: 2px;
}

/**/
.fg-contact-data .dropzone {
    min-height: 189px;
    padding: 0;
    border: 10px solid rgba(0, 0, 0, 0.03);
    background-color: white;
}

.fg-contact-data .dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
    bottom: 0;
    height: auto !important;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
}

.fg-contact-data .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
    opacity: 100 !important;
}

.fg-contact-data .dropzone .dz-default.dz-message {
    background-image: none !important;
    margin: 10px !important;
    left: auto !important;
    right: auto !important;
    width: 95% !important;
    text-align: center;
    top: 0 !important;
    padding-top: 66px;
}

.fg-contact-data .dropzone .dz-preview {
    margin: 0;
    width: 100%;
}

.fg-contact-data .dropzone .dz-preview .dz-details,
.fg-contact-data .dropzone-previews .dz-preview .dz-details {
    display: inline-block;
    height: 113px !important;
    padding: 5px;
    position: relative !important;
    vertical-align: top;
    width: 100% !important;
}

@media only screen and (max-width:767px) {
    .fg-dropdown-nav {
        position: relative;
        display: inline-block;
    }

    .fg-dropdown-nav .navbar-nav {
        margin-left: 5px;
        margin-right: 16px;
        margin-top: 5px;
    }

    .fg-dropdown-nav ul.fg-logut-block {
        float: left;
        margin-left: 0;
        padding-left: 0;
        position: absolute;
        top: 0;
        right: -18px;
        padding-bottom: 0;
        margin-bottom: 0;
        height: 40px;
    }

    .fg-dropdown-nav .navbar-nav .open .dropdown-menu>li>a {
        padding: 6px 0 6px 8px;
        line-height: 18px;
    }

    .navbar-inverse .fg-dropdown-nav .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .fg-dropdown-nav .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: #eee;
        color: #434343;
    }

    .navbar-inverse .fg-dropdown-nav .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .fg-dropdown-nav .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .fg-dropdown-nav .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #434343;
        background-color: transparent;
    }

    .fg-tab-block {
        width: 100%;
    }

    .fg-pagination-block .fg-datatable-info {
        width: 100%;
    }

    .fg-pagination-block .fg-datatable-count {
        float: left;
        margin-top: 5px;
    }

    .fg-nav-tab-border ul>li.active {
        top: 0;
    }

    .page-content-wrapper .page-content .page-title small {
        display: inline;
        clear: initial;
    }

    .page-content-wrapper .page-content .page-title {
        padding-bottom: 0;
    }

    .fg-tab-list {
        width: 100%;
    }

    .fg-text-block {
        max-width: calc(100% - 12px);
    }

    .fg-tab-list dl dt {
        width: 100%;
        text-align: left;
    }

    .fg-tab-list dl dd {
        width: 100%;
    }

    .fg-tab-list dl dd .form-control {
        width: 80%;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .fg-tab-list {
        width: 100%;
    }
}

@media only screen and (min-width:320px) and (max-width:992px) {
    .fg-logut-block {
        display: block !important;
    }

    .fg-block-right .search-form,
    .fg-block-right .fg-right-area-block {
        display: none !important;
    }

    .fg-msg-text-details {
        padding-left: 0px;
    }
}


/* =============================================================================
* 09 - UI Elements
========================================================================== */
div.closeico input[type=checkbox] {
    display: none;
}

div.closeico input[type=checkbox]+label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 19px
}

div.closeico input[type=checkbox]+label:before {
    content: "\f057";
    color: #7A7A7A !important;
    cursor: pointer;
    z-index: 99999 !important;
}

.fg-theme-head div.closeico input[type=checkbox]+label:before {
    content: "\f057";
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}

.fg-theme-head div.closeico input[type="checkbox"]+label:hover:before,
.closeico>label:hover {
    color: #fff;
}

div.closeico input[type=checkbox]+label:before {
    text-align: right
}

div.closeico input[type=checkbox]:checked+label:before {
    content: "\f01e";
    color: #666666
}

div.closeico input[type=checkbox]:checked+label:before {
    text-align: right
}

div.closeico input[type="checkbox"]+label:hover:before,
.closeico>label:hover {
    color: #d70000
}

div.closeico input[type="checkbox"]:checked+label:hover:before,
.closeico>label:hover {
    color: #1D943B
}

.fg-label-error {
    color: #E20000;
    margin: 10px 0;
}

.fg-action-counter {
    margin: 0 15px;
}

.fg-action-counter small {
    font-size: 14px;
    color: #888888;
    font-weight: 300;

}

.fg-static-on {
    background: green;
    display: inline-block;
    color: #fff;
    padding: 0px 8px;
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px;
}

.fg-static-off {
    background: #ccc;
    display: inline-block;
    color: #fff;
    padding: 0px 8px;
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px;
}

.fg-lazy-loader {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    min-width: 125px;
    padding: 7px;
    text-align: center;
    color: #333;
    vertical-align: middle;
    text-align: center;
}

.fg-lazy-loader .fg-page-loading {
    display: inline-block;
    font-size: 13px;
    border: 1px solid #ddd;
    background-color: #eee;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    padding: 6px 20px;
}

.fg-page-title-link {
    display: inline-block;

}

.fg-page-title-link a,
.fg-btn-grey-icon>span,
.fg-btn-grey-icon>a {
    display: inline-block;
    background: #eeeeee;
    color: #666666;
    padding: 10px;
    font-size: 14px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: normal;
}

.fg-btn-grey-icon>span:hover,
.fg-btn-grey-icon>a:hover {

    background: #d6d6d6;
    color: #333333;
    text-decoration: none;

}

.fg-page-title-link a i {
    margin-right: 5px;
}

.fg-message-wrapper .form .form-body {
    padding: 10px 15px;
}

.fg-message-wrapper .fg-tab-list {
    width: 100%;
}

.fg-message-wrapper .checker i.fa,
.fg-message-wrapper .checker i.fa-regular {
    font-size: 18px;
}

.fg-message-wrapper .fg-dev-recipients .fbautocomplete-main-div {
    margin-bottom: 10px;
}

.fg-radio-list div.radio {
    margin-top: -2px;
    margin-right: 5px;
    margin-left: 0;
}

body .dataTables_scrollBody .ui-widget-header {
    background: none;
    border: none;
}

.chats li,
.fg-dashboard-wrap .fg-inner-block.fg-thumb {

    position: relative;
}

.chats li .fg-avatar-default {
    width: 45px;
    height: 45px;
    top: 5px;
    margin: 0;
}

.chats li .fg-avatar {
    float: left;
    margin-right: 10px;
    height: 45px;
    width: 45px;
}

.fg-lang-btn-group button.btn {
    background-color: #fff;
    color: #333;
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 6px 12px;
    margin-left: 0 !important;
}

.fg-lang-btn-group {
    border: 1px solid #ddd;
    padding: 0;
    width: auto !important;
}

.fg-lang-btn-group button.btn:last-child {
    border-right: 0 !important;
}

.fg-lang-btn-group button.btn:hover {
    background: #f5f5f5;
    color: #333;
    z-index: 0 !important;
}

.fg-lang-btn-group button.btn.error:hover {
    color: #c70000;
}

.fg-lang-btn-group button.btn.adminbtn-ash,
.fg-lang-btn-group button.btn.adminbtn-ash:hover {
    background: #35aa47;
    color: #fff;
}

.fg-lang-btn-group button.btn.adminbtn-ash.error,
.fg-lang-btn-group button.btn.adminbtn-ash.error:hover {
    color: #c70000;
}

.form-group.required .control-label:after {
    content: "*";
    color: #c70000;
    display: inline-block;
    margin: 0 0px 0 2px;
}

.fg-col-last-icon {
    position: absolute;
    right: 10px;
    top: 12px;
}

.deletediv .ash {
    color: #cccccc;
}

.fg-col-last-icon .fa,
.fg-col-last-icon .fa-regular {
    display: table-cell;
    vertical-align: middle;
    padding-right: 2px;
}

.fg-col-last-icon .deletediv .closeico {
    position: relative;
    top: -5px;
}

.fg-col-last-icon .lockdiv .fa-lock {
    color: #cccccc;
    position: relative;
    top: 3px;
    left: 4px;
}

.placeholder {
    background-color: #eeeeee;
    border: 1px dashed #e5e5e5;
    height: 42px;
    list-style-type: none;
}

.fg-common-add-item {
    font-size: 14px;
    margin: 20px 0;
}

.fg-overlay-no-scroll {
    overflow: hidden !important;
}

.fg-loader-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 999999;
}

.fg-loader-overlay .fg-lazy-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 170px;
    height: 52px;
    margin: auto;
}

.fg-breadcrumb-arrows {
    position: absolute;
    right: 90px;
}

.fg-arrow-disabled {
    color: #cccccc !important;
    cursor: default;
}

#form-reset .fg-pw-popover {

    width: 300px;
    max-width: none;
}

.fg-show-password.fa-eye,
.fg-show-password.fa-eye-slash {
    color: #555;
}

.bootstrap-touchspin .input-group-btn .btn {
    background-color: buttonface;
}

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

    #form-reset .fg-pw-popover {

        max-width: 95%;
    }

    #form-reset .fg-pw-popover .popover-content {
        max-height: 160px;
        overflow: auto;
    }
}

/* =============================================================================
* 09-01 ON-Off Switch
========================================================================== */
.switch-bg span.switch-left {
    background-color: #1d943b;
}

.switch-bg span.switch-left:hover {
    background-color: #36ad54;
}

.switch-light input~span span:last-of-type {
    background-color: #aaa;
}

.switch-light.switch-light-sm.switchhwd span {
    height: 17px;
    top: 0;
    display: block;
}

.switch-light input:checked~span span:first-of-type {
    background-color: #1d943b;
}

.switch-light input:checked~span span:last-of-type {
    color: #fff;
}

.switch-toggle input:checked+label {
    color: #fff;
}

.switch-toggle label {
    cursor: pointer;
}

.switch-light-med>span {
    padding-right: inherit;
    position: absolute;
    top: 0;
}

.switch-light>span span {
    width: 50%;
    line-height: 16px;
    height: 16px;
}

.switch-light-sm>span span {
    line-height: 17px;
    height: 17px;
}

.switch-light a {
    z-index: 9;
}

.switch-light input {
    z-index: 10;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 100%;
}

.switch-bg .switch-left {
    background-color: #1d943b;
}

.switch-bg .switch-left:hover {
    background-color: #36ad54;
}

.switch-bg .has-switch label[disabled] {
    background-color: #1d943b;
}

.switch-light {
    margin-bottom: 0;
    position: relative;
    background-color: #fff;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
}

.switch-light-sm {
    height: 19px;
}

.switch-light-sm>span {
    padding-right: 70px;
    display: block;
}

.switch-light-sm>span span {
    font-size: 11px;
    color: #FFF;
    cursor: pointer;
}

.switch-light-sm label,
.switch-light-sm>span {
    line-height: inherit;
}

.switchmargintop {
    margin-top: 3px;
}

.switch-light-sm .btn-primary,
.switch-light-sm .btn-primary:hover,
.switch-light-sm .btn-primary:focus {
    background: #fff;
}

.fg-switch-inactive input:checked~span span:first-of-type {
    color: #fff;
    background-color: #98c4a4;
}

.fg-switch-inactive input:checked~span span:last-of-type {
    color: #fff;
    background-color: #fff;
}

.fg-switch-inactive input~span span:last-of-type {
    background-color: #e5e5e5;
}

.fg-col-hack .switch-light {
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

span.fg-switch-text {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    padding-top: 1px;
}

.fg-col-hack .row>div.col-md-9 {
    min-height: 28px;
    padding-left: 0;
    padding-right: 10px;
    vertical-align: middle;
}

.switch-light-med {
    width: 130px;
}

.switch-light-med>span span {
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}

.switch-light-med .btn-primary {
    background: #fff;
}

.switch-height-30 {
    height: 30px;
}

/*.switch-toggle {
    border: none;
    display: inline-block;
}*/

.switch-toggle.switch-3 label,
.switch-toggle.switch-3 a {
    line-height: 26px;
}

.fg-switch-inactive input~span span:last-of-type {
    color: #fff;
}

.fg-no-hand {
    pointer-events: none;
}

.fg-user-div .switch-light.switch-light-sm.switchhwd span {
    height: 24px;
}

.fg-user-div .switch-light-sm {
    height: 26px;
}

.fg-user-div .switchhwd {
    width: 90px;
}

.fg-user-div .switch-light input:checked~span span:first-of-type {
    line-height: 24px;
}

.fg-user-div .switch-light input:checked~span span:last-of-type {
    line-height: 24px;
}

.fg-user-div .switch-light>span span {
    line-height: 24px;
}

.fg-user-div .fg-switch-inactive span {
    cursor: default;
}

.fg-user-div .fg-switch-inactive a {
    cursor: default;
    pointer-events: none;
}

.fg-select2-search-enable .select2-search {
    display: block;
}

.switch-light input:checked~a {

    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.switchhwd {
    width: 72px;
}

.switch-light-sm {
    height: 19px;
}

.switch-light-sm a.btn {
    margin-right: 0;
}

/* =============================================================================
* 09-02 Custom pagination
========================================================================== */

.fg-pagination.pagination>li>a,
.fg-pagination.pagination>li>span {
    padding: 4px 10px;
    color: #999999;
}

.fg-pagination.pagination>li.active>a {
    background: none repeat scroll 0 0 #eeeeee;
    color: #333333;
    border: 1px solid #ddd;
}

.fg-pagination.pagination>li i.fa,
.fg-pagination.pagination>li i.fa-regular {
    width: auto;
}

/* =============================================================================
* 10 - Column Settings 
========================================================================== */

.panel-heading .fg-panel-title,
.panel-heading .panel-title,
.portlet.box.blue .portlet-title .caption {
    line-height: 1.3em;
    color: #444444;
    padding: 0;
}

.fg-contact-tables .fg-clear-area {
    line-height: 23px;
    margin-right: 10px;
    float: right;
}

.fg-contact-tables .fg-clear-area a {
    color: #111;
}

.fg-border-line {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    margin-top: -1px;
}

.fg-col-first-icon {
    position: absolute;
    left: 10px;
    z-index: 2;
}

.fg-sort-drag .fg-sort {
    margin-top: 4px;
    margin-left: 1px;
}

.fg-sort {
    visibility: visible;
    width: 24px;
    height: 33px;
    display: inline-block;
    margin-top: -6px;
    margin-bottom: -14px;
    margin-right: -11px;
}

.fg-col-hack {
    padding-left: 30px;
    padding-right: 30px;
    min-height: 28px;
}

.fg-col-hack a {
    font-size: 12px;
}

.input-sm {
    font-size: 14px;
}

.blue .ui-sortable .fg-col-hack {
    padding-top: 4px;
}

.blue .fg-col-hack {
    padding-left: 30px;
}

.col-md-12.fg-col-hack {}

.fg-col-hack {}

.fg-last-icon {
    position: absolute;
    right: 12px;
    top: 5px;
    z-index: 999;
}

.closeico {
    height: 25px;
    cursor: pointer;
}

.fg-dev-user-rights-elements .fg-last-icon {
    min-width: 20px;
    text-align: center;
}

#userRightsForm .fa-lock {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    color: #ccc;
    line-height: 21px;
}

.selectedrow .closeico .fa-minus-circle {
    height: 28px;
    font-size: 19px;
}

.fg-border-line .fa-minus-circle {
    color: #666666;
    display: table-cell;
    vertical-align: middle;
}

.fg-left-exportblk {
    padding-left: 5px;
}

.portlet.box.blue {
    border: 0px;
}

.portlet.box>.portlet-body {
    padding: 0;
}

.portlet.box.fg-portlet-ash-green .portlet-body {
    height: 250px;
}

#groupsBoxDiv .portlet.box.fg-portlet-ash-green .portlet-body {
    max-height: 286px;
    height: auto;
    padding: 0 10px;
}

#groupsBoxDiv .portlet.box .portlet-body .fg-profile-team-blk:first-child {
    margin-top: 10px;
}

.portlet.box.fg-portlet-ash-green .portlet-body.fg-dashboard-wrap {
    padding: 0 10px;
}

.fg-border-line:last-child {
    border-bottom: 1px solid #dddddd;
}

.fg-contact-tables .fg-portlet h4 {
    color: #000;
    font-size: 14px;
    background-color: #eeeeee;
    padding: 8px 15px;
    margin-top: 0px;
}

label.fg-col-settings-label {
    margin-bottom: 8px;
}

.fg-contact-tables .disabled {
    color: #ccc;
}

.fg-contact-tables .fg-itemdisabled {
    color: #666;
}

.fg-portlet .checkbox-list label {
    display: inline-block;
    width: 100%;
}

.fg-contact-tables .checkbox-list label {
    color: #428bca;
}

.fg-col-settings-label i {
    width: 100%;
}

.fa.pull-left,
.fa-regular.pull-left {
    margin-right: .3em;
}

.disabled .fa-minus-circle {
    height: 22px;
}

.fg-contact-tables .checkbox-list label i {
    cursor: pointer;
}

.fg-col-settings-label i:before {
    float: left;
    margin-right: 6px;
    padding-top: 3px;
    height: 22px;
    padding-left: 1px;
}

.fg-label-inner {
    float: left;
    padding-right: 2px;
    width: 80%;
    word-wrap: break-word;
    font-weight: 400;
}

.fg-col-settings-label span.fg-label-inner {
    font-family: "Open Sans";
    font-size: 14px;
    color: #428bca;
    line-height: 18px;
}

.fg-itemdisabled span.fg-label-inner {
    color: #333;

}

.fg-itemdisabled .fa-minus-circle {
    color: #666;
}

.fg-plus-circle:before {
    content: "\f055";
}

i.fa.fa-2x,
i.fa-regular.fa-2x {
    font-size: 19px;
}

.fg-last-col-hack div {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 3px;
}

.fg-last-col-hack .bs-select {
    height: 29px;
}

.fg-arrow-all {
    padding: 6px 0 6px 34px;
}

.bootstrap-select:not(.fg-standalone-lang-dropdown-btn) .btn .filter-option,
.bootstrap-select:not(.fg-standalone-lang-dropdown-btn) .btn .filter-option-inner-inner {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.page-breadcrumb.breadcrumb>li.btn-group {
    right: 15px;
    position: absolute;
    margin-top: -8px;
}

.page-breadcrumb.breadcrumb>li.btn-group button {
    border-radius: 0;

}

.page-breadcrumb.breadcrumb>li.btn-group.backtop {
    right: 0;
}

.fg-chevron-left:before {
    content: "\f053";
    color: #333333;
}

.fg-last-col-hack .bs-select {
    height: 29px;
}

.fg-dropdown-blue .btn {
    background-color: #effaff;
    border-radius: 0;
}

.fg-last-col-hack .dropdown-toggle {
    padding: 4px;

}

.fg-dropdown-blue .bootstrap-select.btn-group .btn .caret {
    right: 10px;
}

.fg-function-txt {
    float: left;
    width: 33%;
}

.fg-function-txt>label {
    padding-top: 6px;
    margin-left: 10px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li>a,
.bootstrap-select.btn-group .dropdown-menu.open.show-tick .dropdown-menu li>a {

    padding-left: 35px;
}

.fg-sort {

    visibility: visible;
    width: 33px;
    height: 28px;
    display: inline-block;
    margin-top: -6px;
    margin-bottom: -14px;
    margin-right: -6px;
    margin-left: -5px;
}

.fg-sort-drag .fg-sort {
    margin-top: 4px;
    margin-left: 1px;
    cursor: url("../img/openhand.cur.ico"), move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.dataTable-dragable td.fghover .fg-sort:before,
.fg-sort-drag:hover .fg-sort:before,
.fg-sort-drag-hover:hover .fg-sort:before {
    content: '\f142';
    font-size: 16px;
    visibility: visible;
    margin-left: 11px;
    padding-top: 5px;
    vertical-align: bottom;
    height: 19px;
    display: inline-block;
    color: #7a7a7a;
}

.fg-sort-drag {
    z-index: 9999;
    width: 26px;
    margin-left: -10px;
    margin-top: -4px;
    height: 37px;
    cursor: url("../img/openhand.cur.ico"), move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.panel-form-title {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 18px;
}

.panel-form-title label {
    font-size: 18px;

}

.form-control {
    border-radius: 0;
    -webkit-appearance: none;
}

.panel-contact-right {
    padding-left: 12px;
    padding-top: 1px;
}

/*div.checker.hover span, div.checker.focus span {
    background-position: -39px -260px;
}*/
.radio-list>label.radio-inline {
    padding-left: 0;
    margin-left: 0;
}

.fg-new-member {
    background-color: #fefec3;
}

.fg-remove-member {
    background-color: #ffe6e6;
}

.fg-input-wrapper-disabled .fa-search {
    display: none;
}

.input-icon>i {
    margin: 9px 2px 4px 8px;
}

.fg-dev-user-rights-elements-team .bootstrap-select .btn,
.fg-dev-user-rights-elements-section .bootstrap-select .btn {
    height: 30px;
    padding: 1px 25px 0 13px;
    margin-top: -3px;
}

.fg-dev-user-rights-elements-team div.bootstrap-select.btn-group,
.fg-dev-user-rights-elements-section div.bootstrap-select.btn-group {
    height: 27px;

}

.default-ash {
    background: #e5e5e5;
    color: #333333;
}

.default-ash:hover {
    background: #d6d6d6;
}

.default-ash .fg-chevron-left {
    padding-right: 5px;
}

.ui-sortable-helper .fg-sort-drag,
.ui-sortable-helper .fg-sort {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("../img/closedhand.cur.ico"), move;
}

.fg-dropdown-blue .open .btn-default.dropdown-toggle,
.fg-dropdown-blue .btn-default:active:hover,
.btn-default.active:hover {
    background-color: #effaff;
}

.tab-content h3.block {
    font-size: 14px;
    background-color: #eeeeee;
    margin: 0 -15px 20px;
    padding: 8px 15px;
    font-weight: 300;
}

/* =============================================================================
* 11 - User rights
========================================================================== */
.fg-common-top {
    margin-top: 20px;
}

.fg-panel-title {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

#fg-dev-user-rights-div .fg-panel-title {
    line-height: 26px;
}

.fg-user-div div {
    color: #333;
}

.fg-user-div .token {
    color: #666666;
    font-size: 13px;
    margin-top: -4px;
    padding-right: 5px;
}

.fg-user-div .fg-border-line {
    padding-left: 0;
    padding-right: 0;
    line-height: 30px;
}

.fg-user-div a {
    line-height: 25px;
}

.fg-add-link {
    color: #008cc7;
}

.fg-add-text {
    float: left;
    line-height: 17px;
    padding-left: 5px;
    font-size: 14px;
}

.fg-add-text>.fa,
.fg-add-text>.fa-regular {
    padding-right: 5px;
}

.fg-dev-add-grp-admin-internal {
    display: inline-block;
    vertical-align: middle;
}

a.fg-dev-add-grp-admin-internal {
    margin-bottom: 10px;
}

.fg-dev-new-contact-div .new_contact_team_right_rmv:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.btn-group.bootstrap-select.show-tick.form-control button {
    border-radius: 0;
}

.bootstrap-select.show-tick div.dropdown-menu {
    margin-top: 0px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    left: 8px;
    top: 5px;
    margin-top: 2.5px;
}

.fg-dev-user-rights-elements-section div.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-left: 0px;
}

.fg-dev-user-rights-elements-section .tokenfield {
    border-radius: 0;
}

.fg-internal-title .page-title {
    margin-bottom: 0;
}

.inactiveblock {
    background-color: #fdf2f2;
}

.input-icon .form-control.input-sm {
    border-radius: 0;

}

/* =============================================================================
* 12 - Team member list
========================================================================== */


/* as per nabila suggestion ---  START */
.fg-contact-with-auto>i.fa-search {

    margin: auto;
    top: 0;
    left: 7px;
    right: auto;
    bottom: 0;
    vertical-align: middle;
    line-height: 34px;
}

.fg-contact-with-auto>span {
    margin-left: 30px;
}

.fg-contact-with-auto input[type="text"] {
    /* text-indent: 30px!important;*/
}

.dataTables_wrapper .dataTables_paginate>a.paginate_button:last-child {
    border-right: 0 !important;
}

.dataTables_paginate a.disabled {
    cursor: not-allowed !important;
}

/* as per nabila suggestion --- END */

.panel.panel-primary>.panel-heading {
    padding: 3px 0 0 8px;
}

.panel.panel-primary>.panel-heading * {
    margin: 0 0 0 0;
}

.panel.panel-primary>.panel-heading .panel-form-title {
    line-height: 22px;
}

.panel.default>.panel-heading {
    padding: 3px 8px;
}

.fg-contact-with-auto.fbautocomplete-main-div {
    min-height: 34px;
}

.fg-contact-with-auto.fbautocomplete-main-div span {
    line-height: 34px;
}

.fg-contact-with-auto.fbautocomplete-main-div span .remove-fbautocomplete {
    padding-left: 5px;
}

#updateMember .fg-edit-teamwg-label-height.required {
    padding-top: 0;
    margin-top: 5px;
    height: 27px;
    line-height: 25px;
}

#fg_field_category_system_contactType {
    margin-top: 6px;
}

/* =============================================================================
* 13 - Custom popover
================================================================================ */

.custom-popup {
    position: absolute;
    display: none;
    z-index: 500;
    margin-top: -35px;
    margin-left: -35px;
    width: 150px !important;
}

.custom-popup .popover {
    display: block;
}

.popover {
    background-color: #f5f5f5;
}

.popover.bottom {
    margin-top: 16px;
}

.popover.bottom>.arrow:after {
    border-bottom-color: #f5f5f5;
}

.popover.left>.arrow:after {
    border-left-color: #f5f5f5;
}

.popover.right>.arrow:after {
    border-right-color: #f5f5f5;
}

.popover.top>.arrow:after {
    border-top-color: #f5f5f5;
}

.popover.bottom>.arrow:after {}

.popover-content {
    color: #666;
}

.fg-form-element-save-button .popover.confirmation {
    width: 270px;
    left: auto !important;
    right: 0px;
}

.confirmation.popover .popover-content .btn-group {
    width: 100%
}

.confirmation.popover .popover-content .btn-group .btn-xs {
    float: left;
    min-width: auto !important;
    width: 46%;
}

/* =============================================================================
* 14 - Sidebar Style
================================================================================ */
/*=========================================================================
=            Drag drop icon and counter style         =
==========================================================================*/

.fg-drag-count {
    background: #0284bc;
    padding: 3px 6px;
    color: #fff;
    font-size: 11px !important;
    font-weight: 300 !important;
    text-shadow: none !important;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    z-index: 999999;
    line-height: 1 !important;
    height: 18px;
    position: absolute;
}

div.fg-dev-grabbing-icon {
    border: 0;
}

.fg-dev-drag-active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("../img/closedhand.cur.ico"), move !important;
}

.fg-grabbing-icon {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("../img/closedhand.cur.ico"), move;
}

.ui-droppable.fg-sidebar-hover a {
    color: #fff !important;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("../img/closedhand.cur.ico"), move;
    /* for ie fix*/
}

.fg-dashboard-wrap .fg-inner-block.fg-thumb {
    text-align: center;
}

.fg-dashboard-wrap .fg-inner-block.fg-thumb .fg-avatar-default {
    width: 40px;
    height: 40px;
}

/*  04.03 Sidebar Lading icon */
.fg-sidebar-loading:before {
    content: "\f1ce";
    /*content: "\f110"*/
    ;
    font-family: FontAwesome;
    color: #777;
}

.fg-sidebar-loading {
    float: right;
    margin-right: 7px;
}

/* =============================================================================
* 15 - Document page style
================================================================================ */

.fg-upload-area {
    margin-top: 10px;
}

.fg-upload-area ul {
    padding: 0;
    list-style: none;
}

.fg-upload-area .fg-border-line {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    background: #f9f9f9;
    border-color: #ECECEC;
}

.fg-upload {
    border: none;
    padding: 0;
}

.fg-upload-wrap {
    min-width: 129px;
    overflow: hidden;
    display: inline-block;
}

.fg-upload-area {
    margin-top: 0px;
}

#document_uploader_form.dirty .fg-upload-area {
    /*	margin-top: 10px;*/
}

.fg-upload-div {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 200px;
    height: 140px;
    max-width: 100%;
}

.fg-upload-div img {
    max-width: 100%;
    max-height: 100%;
}

.fg-upload-area dl {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 96%;
}

.fg-upload-area .deletediv {
    position: absolute;
    top: 12px;
    right: 9px;
    width: 23px;
    z-index: 1;
}

.fg-upload-area .deletediv a i {

    font-family: FontAwesome;
    display: inline-block;
    font-size: 19px;
    color: #7A7A7A;
}

.fg-upload-area dl dt {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    margin-bottom: 10px;
    padding-right: 25px;
    width: 36%;
    padding-top: 6px;
    vertical-align: top;
}

.fg-upload-area dl dd {
    display: inline-block;
    width: 63%;
    margin-bottom: 10px;
}

.fg-upload-description {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 75px;
}

.fg-upload-area dl dd:last-of-type {
    margin-bottom: 0;
}

.fg-upload-area dl dt:last-of-type {
    margin-bottom: 0;
}

.fg-upload-area ul {
    padding: 0;
    list-style: none;
}

.fg-upload-area>ul {
    margin-bottom: 0;
}

.fg-status-bar {
    background: none repeat scroll 0 0 red;
    float: left;
    height: 20px;
    margin-left: 103px;
    margin-top: -28px;
    width: 35%;
}

.fg-upload-profgress .progress {
    margin-bottom: 0;
}

.fg-upload-switch {
    display: inline-block;
    margin-top: 5px;
}

.fg-upload-switch .switch-light-sm {
    height: 28px;
    width: 163px;
}

.fg-upload-switch .switch-light-sm>span {
    top: 0;
}

.fg-upload-switch .switch-light-sm>span span {
    line-height: 25px;
    height: 26px;
    font-size: 14px;
}

.fg-upload-switch .switch-light input:checked~span span:first-of-type {
    line-height: 25px;
}

.fg-upload-switch .switch-light input:checked~span span:last-of-type {
    line-height: 25px;
}

.fg-upload-size-txt {
    display: inline-block;
    font-size: 14px;
    padding-top: 5px;
}

span.fg-pipe {
    font-size: 12px;
    color: #666;
    display: inline-block;
    padding-left: 4px;
}

.fg-upload-profgress {
    width: 76%;
    float: right;
    padding-top: 5px;
}

.fg-upload-area .fg-border-line {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.fg-upload-token dl dt {
    width: 31%;
}

.fg-upload-token .fg-news-radio>span {
    width: 82%;
}

.fg-upload-token dl dd {
    width: 66.9%;
}

.fg-upload-token dl {
    width: 100%;
}

.fg-upload-token .radio-list .radio-inline {
    clear: left;
    float: left;
    position: relative;
    padding-top: 3px;
}

.fg-upload-token .fg-upload-tokenfield {
    position: absolute;
    right: 0px;
    top: 17px;
    display: none;
    width: 70%;
}

.fg-upload-token .radio-list {
    position: relative;
}

.fg-upload-token .form-group {
    margin-bottom: 5px;
}

.fg-upload-token div.fbautocomplete-main-div input[type="text"] {
    height: 23px;
}

.fg-upload-token div.fbautocomplete-main-div span {
    margin-top: 0;
    padding-bottom: 0;
    height: 23px;
    line-height: 20px;
}

.fg-upload-div.fg-document-edit-image {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 99;
}

.fg-upload-save {
    margin-top: -12px !important;
    margin-bottom: 10px !important;
}

.uploadcontent .fg-file-name {
    line-height: 34px;
}

.uploadcontent .fg-file-name .close {
    margin: 15px 10px 0 0;
}


.fg-document-edit-wrapper input.page-title {
    padding: 5px;
}

.fg-document-edit-wrapper .fg-common-btn-lang-top {
    margin-top: 5px;
}

.fg-document-edit-wrapper .fg-common-btn-lang-top .tableaction i.fa.fa-2x {
    font-size: 23px;
}

.fg-document-edit-wrapper .fg-common-btn-lang-top .dropdown-menu {
    margin-top: 0;
}

.form-horizontal .radio-list>label {
    cursor: pointer;
}

.dropdown-menu.selectpicker .divider {
    margin: 0;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder:not(.btn.purple-studio),
.bootstrap-select>.dropdown-toggle.bs-placeholder:not(.btn.purple-studio):active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:not(.btn.purple-studio):focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:not(.btn.purple-studio):hover {
    color: #000;
}

.fg-more-multi-badge.dropdown-menu>li>a {
    padding-right: 70px;
}

.fg-more-multi-badge.dropdown-menu>li>a .badge.fg-badge-new {
    right: 35px;
    margin: auto -5px auto 0;
    top: 0;
    bottom: 0;

}

/*aneesh style*/

.fg-tableimg-hide {
    display: inline-block !important;
    visibility: hidden;
    vertical-align: middle;
}

.fg-dev-td-hover:hover .fg-tableimg-hide,
.fghover .fg-tableimg-hide {
    display: block;
    visibility: visible;
    vertical-align: middle;
}

.fg-color-changed {
    font-size: 12px;
    background-color: #3399ff;
    color: #fff;
}

.fg-color-removed {
    font-size: 12px;
    background-color: #cc0000;
    color: #fff;
}

.fg-color-added {
    font-size: 12px;
    background-color: #00cc33;
    color: #fff;
}

.fg-color-stopped {
    font-size: 12px;
    background-color: #ff6600;
    color: #fff;
}

.fg-assigned-color {
    font-size: 12px;
    background-color: #00cc33;
    color: #fff;
}

.fg-changed-color {
    font-size: 12px;
    background-color: #3399ff;
    color: #fff;
}

.fg-deleted-color {
    font-size: 12px;
    background-color: #cc0000;
    color: #fff;
}

.fg-stopped-color {
    font-size: 12px;
    background-color: #ff6600;
    color: #fff;
}

.fg-rectangle-box {
    background-color: #ccc;
    padding: 2px 8px;
    white-space: nowrap;
}

.fg-document-fileinput-wrapper #upload-button,
.fg-cms-element-upload-btn-span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* =============================================================================
* 16 - fliter style
========================================================================== */
.date-filter {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    float: left;
    width: 100%;
}

.fg-doc-log .input-group {
    float: left;
}

.fg-log-error {
    clear: left;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.filter-alert {
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    margin-top: 15px;
    border-color: #ECECEC;
    background-color: #f9f9f9;
}

.filter-pad {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.filter-top-right {
    padding-top: 15px !important;
    padding-right: 15px !important;
}

.filter-log-from span {
    line-height: 26px;
}

.filter-log-from {
    float: left;
    padding-right: 10px;
}

.filter-log-from span {
    font-size: 13px;
}

.filter-log-input {
    float: left;
    width: 80% !important;
    height: 30px;
}

.filter-log-date {
    float: left;
}

.filter-log-font {
    font-size: 13px;
    line-height: 26px;
}

.fg-panel-label {
    display: inline-table;
    padding-left: 4px;
    padding-top: 0;
    width: 88%;
}

.fg-chk-box-leval {
    float: left;
    margin-right: 4px;
    padding-top: 1px;
}

.fg-dev-fed-wrap {
    float: left;
    clear: left;
}

.sft-template .form-control {
    height: 30px;
    text-align: left;
}

/* =============================================================================
* 17 - Forum styles
========================================================================== */
.fg-forum-topic-wrapper .fg-page-title-block-2 {
    margin-bottom: 20px;
}

.fg-page-title-block-2 .fg-btn-grey-icon span .fa-lock {
    position: relative;
    top: 1px;
    color: #333333;
}

.fg-page-title-block-2 .fg-search-last-block-2 .fa.fa-search {
    top: 2px;
    font-size: 16px;
}

.fg-page-title-block-2 .fg-btn-grey-icon span,
.fg-page-title-block-2 .fg-btn-grey-icon a {
    margin-right: 0;
}

.fg-page-title-block-2>.fg-active-IB>.fg-active-IB {
    margin-right: 5px;
    margin-bottom: 10px;
}

.fg-forum-topic-wrapper .fg-page-title-block-2>.fg-active-IB>.fg-active-IB.fg-page-title-bar-2 {
    margin-right: 15px;
}

.fg-page-title-block-2>.fg-active-IB>.fg-active-IB:last-child {
    margin-right: 0;
}

.page-content-wrapper .page-content .fg-page-title-block-2 h3.page-title {
    margin: 0;
    padding: 0;
}

.fg-page-title-block-2 .label-closed,
.fg-page-title-block-2 .label-important {
    font-size: 12px;
    line-height: 29px;
    padding: 2px 6px;

}

.fg-forum-topic-wrapper {
    max-width: 1200px;
}

.fg-forum-topic-wrapper .fg-page-title-block-2 .fg-btn-grey-icon {
    position: relative;
    top: 5px;

}

.fg-forum-topic-content-wrapper .fg-forum-avatar {
    width: 100px;
    height: 100px;
    margin: 10px 0;
    position: relative;

}

.fg-forum-topic-content-wrapper .fg-forum-avatar .fg-avatar-default {
    width: 100px;
    height: 100px;
    left: 0;
    margin: 0;

}

.fg-forum-topic-content-wrapper .fg-forum-avatar img {
    width: 100%;
}

.fg-forum-topic-content-wrapper .fg-forum-profile-name {
    color: #333333;
    font-size: 14px;
    text-align: left;
}

.fg-forum-topic-content-wrapper {
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 10px;
}

.fg-forum-topic-content-wrapper .fg-forum-profile {
    text-align: center;
    /*padding-right: 60px;*/
    padding: 0 5px;
}

.fg-forum-topic-content-wrapper .fg-forum-post-timestamp {
    color: #999999;
    margin-bottom: 15px;
}

.fg-forum-topic-content-wrapper .fg-forum-post-edit {
    color: #999;
    position: absolute;
    margin: 0;
    bottom: 10px;
    top: auto;
}

.fg-forum-topic-content-wrapper .fg-forum-post-content {
    color: #1f1f1f;
    font-size: 12px;
    padding-bottom: 30px;
}

.fg-forum-topic-content-lists .fg-forum-topic-pagination-left {
    margin-top: 16px;
    margin-left: 10px;
    font-size: 13px;
}

.fg-forum-topic-content-lists {
    margin-bottom: 10px;
}

.fg-forum-topic-content-lists .fg-forum-control-lists {
    list-style-type: none;
    font-size: 14px;
}

.fg-forum-topic-content-lists .fg-forum-control-lists li {
    display: inline-block;
    margin-right: 15px;
}

.fg-forum-topic-content-lists .fg-forum-control-lists li:last-child {
    margin-right: 10px;
}

.fg-forum-topic-content-wrapper {
    position: relative;
}

.fg-forum-post-content-edit {
    margin-bottom: 30px;
}

.fg-forum-topic-content-wrapper .fg-forum-post {
    position: static;
}

.fg-forum-post .fg-forum-post-right-top,
.fg-forum-post .fg-forum-post-right-bottom {
    position: absolute;
    top: 10px;
    right: 0px;
}

.fg-forum-post .fg-forum-post-right-bottom {
    top: auto;
    bottom: 10px;
}

.fg-forum-control-lists {
    margin: 0;
}

.fg-forum-post .fa.fa-2x {
    font-size: 18px;
    margin-right: 2px;
}

.fg-forum-post a.fg-post-delete {
    color: #c70000;
}

.fg-forum-overview-wrapper .fg-page-title-block-2 .fg-active-IB.fg-sorting .select2-container .select2-choice {
    height: 35px;
    margin-top: 0;
}

.fg-forum-overview-wrapper .fg-page-title-block-2 .fg-active-IB.fg-sorting .select2-container .select2-choice>.select2-chosen {
    padding-top: 2px;

}

.fg-forum-overview-wrapper .fg-page-title-block-2 .fg-active-IB.fg-sorting .select2-container .select2-choice .select2-arrow b {
    background: none !important;
}

.fg-forum-overview-wrapper .fg-page-title-block-2 .fg-active-IB .fg-select-label {
    line-height: 25px;

}

.fg-page-title-block-2 .fg-search-last-block-2 .control2 {
    width: 246px;
}

.fg-forum-overview-wrapper .table>thead>tr>th {
    border-bottom-width: 1px;
}

.fg-forum-preview-txt {
    background: #f5f5f5;
    padding: 10px;
    max-height: 280px;
    overflow: auto;
}

.fg-forum-preview-txt blockquote,
.fg-forum-post-content blockquote {
    background: #dddddd;
    margin: 10px 0;
    border-color: #0385b9;
    font-size: 13px;
    padding: 10px 10px 10px 15px;
}

.fg-page-title-block-2.fg-active-IB,
.fg-page-title-block-1.fg-active-IB {
    width: 100%;
    display: block !important;
}

.fg-page-title-block-2>.fg-active-IB>.fg-active-IB.fg-forum-no-reply {
    margin: 0 10px 8px 0;
}

.fg-forum-no-reply .fa-lock {
    font-size: 25px;
    color: #444;
    line-height: 30px;
}


.fg-forum-search-resluts-wrapper {}

.fg-forum-search-resluts-wrapper .fg-forum-search-reslut:first-child {
    border-top: 1px solid #ddd;

}

.fg-forum-search-resluts-wrapper .fg-forum-search-reslut {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.fg-forum-search-resluts-wrapper .fg-forum-search-reslut .fg-forum-result-title {
    font-size: 18px;
    margin: 10px 0;
}

.fg-forum-search-resluts-wrapper .fg-forum-search-reslut .fg-forum-result-content {
    padding: 10px 0;
}

.fg-forum-search-resluts-wrapper .fg-forum-search-reslut .fg-forum-result-footer {
    margin: 10px 0;
    color: #999;
}

.fg-forum-search-resluts-wrapper .fg-no-result {
    font-size: 18px;
    margin: 10px 0;
}

.fg-forum-topic-content-lists .fg-forum-control-lists li a {
    display: block;
    width: auto;
}

#forumlisttable_wrapper .fa-lock {
    vertical-align: 0px;
    margin: 0 3px;
    font-size: 13px;
}

.fg-active-IB.fg-sorting {
    margin-left: 3px;
}

.fg-page-title-block-2 .fg-btn-grey-icon i.fa.fa-cog.fa-2x {
    margin: 0;
}

.fg-active-IB.fg-sorting .select2-container {
    min-width: 150px;
}

.fg-active-IB.fg-sorting .select2-dropdown-open.select2-drop-above .select2-choice {
    background-image: none;

}

.fg-page-title-block-2 .fg-btn-grey-icon span.select2-chosen,
.fg-page-title-block-2 .fg-btn-grey-icon span.select2-arrow {

    height: auto;
    padding: 0 0 0 8px;
}

.fg-page-title-block-2 .fg-btn-grey-icon span.select2-arrow {
    right: 7px;
    top: 1px;

}

#forumlisttable_wrapper div.dataTables_info {
    top: 6px;
}

.form-actions .fg-button-right-wrapper {
    text-align: right;
}

.form-actions .fg-button-right-wrapper #save_changes {
    float: right;
    margin: 0 10px;
}

.fg-page-title-block-2 .fg-btn-grey-icon.open .dropdown-menu .select2-container {
    width: 100%;
}

.fg-page-title-block-2 .fg-btn-grey-icon.open .dropdown-menu {
    min-width: 235px;
}

/* =============================================================================
* 18 - New personal dashboard and settings
========================================================================== */

.fg-profile-link-blk .fg-profile-link-blk-list {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0px -10px;
    font-size: 14px;
}

.fg-profile-link-blk .fg-profile-link-blk-list li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    position: relative;
    padding-left: 33px;
}

.fg-profile-link-blk .fg-profile-link-blk-list li a {
    font-size: 14px;
    padding-bottom: 0 !important;
    display: block;
    text-align: left;
    text-decoration: none !important;
}

.fg-profile-link-blk .fg-profile-link-blk-list li:hover {
    background: #f4f4f4;
}

.fg-profile-link-blk .fg-profile-link-blk-list li a:hover {
    text-decoration: none;
}

.fg-profile-link-blk .fg-profile-link-blk-list li i.fa,
.fg-profile-link-blk .fg-profile-link-blk-list li i.fa-regular {
    font-size: 16px;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: auto;
    vertical-align: middle;
    height: 15px;
}

.fg-profile-link-blk .fg-profile-link-blk-list li.fg-profile-link-overview {
    background: #f4f4f4;
    word-break: break-word;
}

.fg-profile-link-blk .fg-profile-link-blk-list li:last-child {
    border-bottom: 0;
}

.fg-profile-link-blk .fg-profile-link-blk-list li a:after {
    display: none;
}

.fg-profile-link-blk .fg-profile-link-blk-list li a:after {
    display: none;
}

.fg-number-align {
    text-align: right !important;
    padding-right: 40px !important;
}

.fg-forum-pagination-align {
    text-align: right !important;
    padding-right: 40px !important;
}


/* =============================================================================
 * 19 - Calendar area colors
========================================================================== */
.fg-calendar-area-colors-wrapper {
    margin-bottom: 20px;
}

.fg-calendar-area-colors-wrapper .fg-club-label {

    margin: 0;
    line-height: 25px;
}

.minicolors-theme-bootstrap .minicolors-swatch-color {
    cursor: pointer;
    border-radius: 0;
}

.fg-calendar-area-colors-wrapper .minicolors-theme-bootstrap .minicolors-swatch {
    width: 28px;
    height: 20px;
    border-radius: 0;
    outline: 0;
    border: 0;
}

.fg-calendar-area-colors-wrapper .minicolors {
    width: 212px;
    border: 1px solid #93a1bb;
}

.mini-color.minicolors-input {
    height: 25px;
}

/* =============================================================================
 * 20 - Calendar create appointment
========================================================================== */
.fg-create-calendar-appointment .fg-datetime-wrapper .fg-date {
    min-width: 135px;
    margin-bottom: 5px;
}

.fg-create-calendar-appointment .form-control .select2-choice {
    margin-top: 0;
    height: 34px;

}

.fg-create-calendar-appointment .fg-date.input-group .input-group-addon {
    width: 36px;
    position: absolute;
    top: 1px;
    right: -1px;
    z-index: 5;
    bottom: 0;
    z-index: 101;

}

.fg-create-calendar-appointment .fg-date.input-group .form-control {
    float: none;
    z-index: 100 !important;
    padding: 6px 0px 6px 12px;
}

body .datepicker.dropdown-menu {

    z-index: 1000 !important;
}

.fg-create-calendar-appointment .fg-datetime-wrapper .fg-datetime-left {
    padding-right: 0;
    margin-right: -15px;

}

.fg-create-calendar-appointment .fg-datetime-wrapper .fg-datetime-right {
    padding-left: 0;
    margin-left: -15px;

}

.fg-create-calendar-appointment .fg-datetime-wrapper .fg-active-IB {
    vertical-align: middle;
}

.fg-create-calendar-appointment .fg-time {
    width: 90px;
    margin-bottom: 5px;
}

.fg-create-calendar-appointment .fg-text-to {
    padding: 0 10px;
    line-height: 34px;
    margin-left: 30px;
    font-size: 14px;

}

.fg-create-calendar-appointment .fg-repeat-until .fg-date {
    width: 70% !important;
    max-width: calc(100% - 60px) !important;

}

.fg-create-calendar-appointment .fg-active-TC {
    text-align: center;
    vertical-align: middle;

}

.fg-create-calendar-appointment .fg-time.input-icon>.form-control {
    padding-left: 12px;
    text-align: center;
}

.fg-create-calendar-appointment .fg-repeat-type .form-control .select2-choice {
    display: inline-block;
    min-width: 150px;
    padding: 2px 10px 2px 12px !important;
    width: 100%;
}

.fg-create-calendar-appointment .fg-repeat-until label {
    margin: 0 10px;
    line-height: 34px;
}

.fg-create-calendar-appointment div.checker {
    top: -1px;

}

.fg-create-calendar-appointment div.radio {
    min-height: 22px;
}

.fg-create-calendar-appointment .fg-active-IB.fg-extra-col {

    line-height: 22px;
    margin-bottom: 0;
    margin-top: 7px;
    font-size: 14px;

}

.fg-create-calendar-appointment .fg-rule-annualy .fg-year,
.fg-create-calendar-appointment .fg-rule-monthly .fg-month,
.fg-create-calendar-appointment .fg-rule-weekly .fg-week,
.fg-create-calendar-appointment .fg-rule-daily .fg-day {
    width: 50px;
    text-align: center;
    margin: 0 10px;

}

.fg-create-calendar-appointment .fg-rule-monthly .fg-row .fg-radio-wrapper,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-radio-wrapper {
    margin-right: 10px;
    width: 75px;
    cursor: pointer;
}

.fg-create-calendar-appointment .fg-rule-monthly .fg-row .fg-radio-wrapper .radio,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-radio-wrapper .radio {
    margin-top: -2px;
    margin-right: 5px;
    margin-left: 0;
}

.fg-create-calendar-appointment .fg-rule-monthly .fg-row .selectpicker,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .selectpicker {
    min-width: 100px;
    width: 100%;
}

.fg-create-calendar-appointment .fg-repeat-type-wrapper .fg-repeat-until label {
    position: relative;
    left: -10%;
}

.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-annualy-bymonthday .selectpicker,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-annualy-byday-interval .selectpicker,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-annualy-bymonthday.bootstrap-select,
.fg-create-calendar-appointment .fg-rule-annualy .fg-row .fg-annualy-byday-interval.bootstrap-select {
    width: 150px;
}

.fg-create-calendar-appointment .fg-monthly-bymonthday.fg-event-select {
    width: 100px !important;
}

.fg-create-calendar-appointment .fg-date .fa-calendar {
    position: relative;
    top: 2px;
}

.dropzone {
    background: #fff;
    border: 1px dashed #bbb;
    min-height: 200px;
}

.dropzone .dz-default.dz-message {
    opacity: 0;
    display: none;
}

.fg-create-calendar-appointment .fg-calendar-upload-wrapper {
    padding: 15px;
}

.fg-create-calendar-appointment .fg-calendar-upload-items {
    padding: 10px 0;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-file-size {
    margin-left: 20px;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-calendar-upload-item {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #ddd;
    padding: 2px 30px 7px 0px;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-calendar-upload-item:last-child {
    margin: 0;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-uploadcalendar-name {
    margin-top: 6px;
    margin-bottom: 0px;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-calendar-upload-item .progress {
    margin-top: 6px;
    margin-bottom: 0px;
    border-radius: 0;
}

.fg-create-calendar-appointment .fg-calendar-upload-items .fg-calendar-upload-item .fg-delete {
    top: 10px;
    color: #7A7A7A;
    right: 7px;
}

/* =============================================================================
 * 21 - Calendar view list
========================================================================== */
.fg-calendar-viewlist-wrapper {
    max-width: 1500px;
}

.fg-calendar-view-filter-wrapper,
.fg-filter-sidebar-wrapper {
    float: right;
    width: 270px;
    position: relative;
    margin-left: -100%;
    z-index: 100;
}

.fg-calendar-view-content-wrapper {
    float: left;
    width: 100%;
}

.fg-calendar-view-content-wrapper-child {
    margin-right: 322px;
}

.fg-action-calendar-switch.fg-active-IB {
    float: right;
    margin-top: 3px;
    margin-bottom: 0px;
}

.fg-action-calendar-switch .switch-toggle {
    height: 35px;
}

.fg-action-calendar-switch .switch-toggle.switch-3 label,
.fg-action-calendar-switch .switch-toggle.switch-3 a {
    line-height: 33px;
}

.fg-action-article-switch {
    margin-right: 5px;
    float: right;
}

.fg-action-export,
.fg-action-editTitle,
.fg-action-article-switch,
.fg-btn-grey-icon-1 {
    background: #eeeeee;
    padding: 6px 9px 7px 9px;
    vertical-align: bottom;
    float: right;
    margin: 3px 5px 0 5px;
    cursor: pointer;
    height: auto !important;
}

.fg-action-editTitle {
    margin-right: 0;
}

.fg-action-export i,
.fg-action-editTitle i,
.fg-action-article-switch i,
.fg-action-gallery-mode i,
.fg-btn-grey-icon-1 i,
.fg-btn-grey-icon-1 a {
    color: #666666;
    position: relative;
    top: 2px;
}

.fg-action-export:not(.fg-calendar-export-disable):hover,
.fg-action-editTitle:hover,
.fg-action-article-switch:hover,
.fg-btn-grey-icon-1:hover {
    background: #d6d6d6;
    color: #333333;
    text-decoration: none;

}

.fg-btn-grey-icon-1:hover a {
    color: #333333;
    text-decoration: none;
}

.fg-action-delete {
    margin-right: 0;
}

.fg-action-article-switch>span {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.fg-action-export.fg-calendar-export-disable {
    cursor: not-allowed;
    opacity: .65;
    position: relative;
}

.fg-action-export.fg-calendar-export-disable:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.fg-calendar-filter-search {

    margin-top: 4px;
}

.fg-calendar-view-content .portlet.box.fg-portlet-ash {
    padding: 0;

}

.fg-calendar-view-content .portlet.box.fg-portlet-ash .portlet-title {
    border-left: 0;
}

.fg-calendar-filter-title,
.fg-filter-sidebar-title {
    font-size: 22px;
    padding-top: 4px;
}

.fg-calendar-filter-list {
    margin-top: 20px;
}

.fg-calendar-filter-list .fg-filter-menu-option,
.fg-filter-sidebar-list .fg-filter-menu-option,
.fg-filter-sidebar-title .fg-filter-menu-option {
    font-size: 14px;
    padding: 0 10px;
    font-weight: normal;
    line-height: 20px;
}

.fg-calendar-filter-list .fg-filter-menu-option.active,
.fg-filter-sidebar-list .fg-filter-menu-option.active {
    font-weight: bold;
    color: #555555;
    padding-left: 3px;
}

.fg-calendar-filter-list .fg-filter-menu-option.active:hover,
.fg-filter-sidebar-list .fg-filter-menu-option.active:hover {
    text-decoration: none;
}

.fg-calendar-filter-list .fg-filter-menu,
.fg-filter-sidebar-list .fg-filter-menu {
    border-bottom: 1px solid #ddd;
    clear: both;
    float: none;
    margin-top: 25px;
    padding-bottom: 0px;
}

.fg-filter-sidebar-list .fg-filter-menu {
    padding-bottom: 10px;

}

.fg-calendar-filter-list .fg-filter-menu.fg-no-action,
.fg-filter-sidebar-list .fg-filter-menu.fg-no-action {
    padding-bottom: 10px;
    margin-top: 25px;
}

.fg-calendar-filter-list .fg-filter-menu .btn-group,
.fg-filter-sidebar-list .fg-filter-menu .btn-group {
    float: right;
    margin-bottom: 0px;
    top: -3px;

}

.fg-calendar-filter-list .fg-filter-menu .btn-group .btn,
.fg-filter-sidebar-list .fg-filter-menu .btn-group .btn {
    padding: 6px 4px 3px 4px;
    background: #dddddd;
}

.fg-calendar-filter-list .filter-content label,
.fg-filter-sidebar-list .filter-content label {
    margin-bottom: 0;
}

.fg-calendar-filter-list i.fa-empty {

    width: 22px;
}

.fg-calendar-filter-list .fg-filter-menu .btn-group .btn i.fa.fa-bars,
.fg-filter-sidebar-list .fg-filter-menu .btn-group .btn i.fa.fa-bars {
    font-size: 18px;
}

.fg-calendar-filter-list ul,
.fg-filter-sidebar-list ul {
    list-style: none;
    padding-left: 0;
}

.fg-calendar-filter-list .fg-filter-item .filter-content a,
.fg-filter-sidebar-list .fg-filter-item .filter-content a {
    color: #333333;
}

.fg-calendar-filter-list .fg-filter-item .filter-content,
.fg-filter-sidebar-list .fg-filter-item .filter-content {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.fg-calendar-filter-list .fg-filter-item .filter-content .fg-filter-label,
.fg-filter-sidebar-list .fg-filter-item .filter-content .fg-filter-label {
    padding-left: 7px;
}

.fg-calendar-filter-list .fg-filter-item .filter-content .radio,
.fg-filter-sidebar-list .fg-filter-item .filter-content .radio {
    margin-right: 5px;
}

.fg-calendar-filter-list .fg-filter-item .filter-content .badge.fg-badge-grey,
.fg-filter-sidebar-list .fg-filter-item .filter-content .badge.fg-badge-grey {
    float: right;
}

.fg-calendar-filter-list li.fg-filter-item.has-child>.filter-content .arrow,
.fg-filter-sidebar-list li.fg-filter-item.has-child>.filter-content .arrow {
    margin-right: 5px;
}

.fg-calendar-filter-list .fg-filter-items-lvl-1 .fg-filter-item .filter-content span.fg-filter-label,
.fg-filter-sidebar-list .fg-filter-items-lvl-1 .fg-filter-item .filter-content span.fg-filter-label {
    padding-left: 48px;
}

.fg-calendar-filter-list .fa-warning,
.fg-filter-sidebar-list .fa-warning {
    color: #C70000;
    margin-left: 5px;
}

.fg-calendar-filter-list .fg-filter-item.has-child>ul,
.fg-filter-sidebar-list .fg-filter-item.has-child>ul {
    /*	display: none;*/
    height: 0;
    display: block;
    overflow: hidden;
}

.fg-calendar-filter-list .fg-filter-item.has-child.open>ul,
.fg-filter-sidebar-list .fg-filter-item.has-child.open>ul {
    height: auto;
}

.fg-calendar-filter-list .fg-filter-item.has-child .fg-filter-label,
.fg-filter-sidebar-list .fg-filter-item.has-child .fg-filter-label {
    cursor: pointer;
}

.fg-calendar-view-content .portlet.box>.portlet-body {
    padding: 20px 0 0 0;
}

.fg-calendar-view-content .fg-calendar-list-item .col-md-12.fg-col-hack {
    padding-left: 20px;
    padding-right: 10px;
}

.fg-calendar-view-content .fg-calendar-list-item .fg-first-col {
    position: absolute;
    top: 10px;
    bottom: auto;
    margin: auto;
    left: 10px;
    right: auto;
    width: 20px;
    height: 20px;
    z-index: 2;

}

.fg-calendar-view-content .fg-calendar-list-item label {
    margin: 0;
}

.fg-calendar-view-content .fg-calendar-list-item .fg-event-name,
.fg-calendar-view-content .fg-calendar-list-item .fg-event-name a {
    font-size: 16px;
    font-weight: 100;
}

.fg-calendar-view-content .fg-calendar-list-item .fg-event-time,
.fg-calendar-view-content .fg-calendar-list-item .fg-event-name {
    line-height: 28px;
}

.fg-calendar-view-content .fg-calendar-list-item .fg-event-teams .fg-team,
.fg-calendar-view-content .fg-calendar-list-item .fg-event-category .fg-category {
    padding: 2px 3px;
    margin: 3px 1px 1px 1px;
    white-space: nowrap;
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
}

.fg-calendar-view-content .fg-calendar-list-item .fg-event-category .fg-category {
    background-color: #edb200;
    color: #fff;
}

.fg-calendar-view-content-wrapper .fg-action-menu-wrapper .fg-action-menu i.fa:before,
.fg-calendar-view-content-wrapper .fg-action-menu-wrapper .fg-action-menu i.fa-regular:before {
    content: "\f0c9" !important;
}

.row.fg-calendar-list-item:hover,
.row.fg-calendar-list-item.checked {
    background-color: #f5f5f5;
}

/* =============================================================================
* 22 - Calendar month/week view
========================================================================== */
.fg-calendar-popup .fc-daygrid-event.fc-event {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    padding-bottom: 1px;
    border: 2px solid rgba(0, 0, 0, 0.10);
    color: #333;
    margin: 3px auto 0 auto;
    width: 95%;
    width: calc(100% - 10px);
}

.fg-calendar-popup .fc-daygrid-event.fc-event.fg-event-hasteam {
    border-bottom: 0;
}


.fg-calendar-popup .fc .fc-daygrid-more-link:hover {
    background-color: transparent;
}

.fg-calendar-club-logo {
    display: inline-block;
    margin: -2px 5px 0 5px;
    vertical-align: middle;
}

.fg-calendar-list-item .fg-event-teams span.fg-team img {
    margin: -1px 2px 0px 2px;
    vertical-align: middle;
    display: inline-block;
}

.fg-calendar-popup .fc-dayGridMonth-view .fc-daygrid-event .fc-event-main .fg-event-teamcolor,
.fg-calendar-popup .fc-timeGridWeek-view .fc-daygrid-event .fc-event-main .fg-event-teamcolor {
    display: block;
    height: 5px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #DCFFF7;
    margin: 1px -1px 2px -1px;

}

.fg-calendar-popup .fc-timeGridWeek-view .fc-timegrid-event .fc-event-main .fg-event-teamcolor {
    display: block;
    min-height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #DCFFF7;
    margin: 0px 0px 0px -1px;
    position: absolute;
    width: 3px;
    right: 0px;
    top: -1px;
    bottom: -1px;
}

.fg-calendar-popup .fc-timeGridWeek-view .fc-timegrid-event .fc-event-main .fg-event-teamcolor:last-child {
    margin-right: 0;
}

.fg-calendar-popup .fc-timeGridWeek-view .fc-timegrid-event.fc-event {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    padding: 0;
    border: 2px solid rgba(0, 0, 0, 0.10);
    color: #333;

}

.fg-calendar-popup .fc-timeGridWeek-view .fc-timegrid-event.fc-event.fg-event-hasteam {
    border-right: 0;
    margin-right: 0 !important;
}

.fg-calendar-popup .fc-toolbar .fc-button-primary,
.fg-calendar-popup .fc-toolbar .fc-button-primary:not(:disabled):active {
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 2.35em;
    color: #333;
}

.fg-calendar-popup .fc-toolbar .fc-today-button {
    margin-left: 20px !important;
    color: #428bca;
}

.fg-calendar-popup .fc-toolbar .fc-corner-right,
.fg-calendar-popup .fc-toolbar .fc-corner-left {
    color: #428bca;

}

.fg-calendar-popup .fc th {
    font-size: 14px;
}

.fg-calendar-popup .fc-view .fc-row .fc-day-header.fc-widget-header {
    font-size: 14px;
}

.fg-calendar-popup .fc-view .fc-daygrid-day-number {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}

.fg-calendar-popup .fc-view .fc-scrollgrid-shrink-cushion {
    font-weight: bold;
}

.fg-calendar-popup .fc-toolbar .fc-icon {
    color: #428bca;
}

.fg-calendar-popup .fc-view .fc-col-header-cell-cushion,
.fg-calendar-popup .fc-view .fc-event-main {
    color: #333;
    text-decoration: none;
}

.fg-calendar-popup .fc-view .fc-event-main .fc-event-time {
    flex: 0 0 auto;
}

.fg-calendar-popup .fc-view .fc-event-main .fc-event-title-container {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.fg-calendar-popup .fc-view .fc-event-main .fc-event-title-container .fc-event-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fg-calendar-popup .popover.right>.arrow:after {
    border-right-color: #fff;
}

.fg-calendar-popup .popover.top>.arrow:after {
    border-top-color: #fff;
}

.fg-calendar-popup .popover.bottom>.arrow:after {
    border-bottom-color: #fff;
}

.fg-calendar-popup .popover.left>.arrow:after {
    border-left-color: #fff;
}

.fg-calendar-popup .popover-content {
    background: #fff;
    padding: 6px;
    padding-right: 10px;

}

.fg-calendar-popup .popover-content .panel.fg-popover-ext,
.fg-calendar-view-content-wrapper #fg-calender-popover-content {
    min-width: 300px;
}

.fg-calendar-popup .popover,
.fg-calendar-view-content-wrapper .popover {
    max-width: 350px;
}

.fg-calendar-popup .popover-content a[class^='fg-event-'] {
    display: inline-block;
    background: #e5e5e5;
    width: 100px;
    padding: 6px 0;
    text-align: center;
    margin-right: 2px;
}

.fg-calendar-popup .popover-content a[class^='fg-event-']:hover {
    background: #d6d6d6;
    text-decoration: none;
}

.fg-calendar-popup .popover-content .fa-close {
    vertical-align: top;
    top: -2px;
    position: relative;
    left: 2px;
    cursor: pointer;
    color: #aaaaaa;

}

.fg-calendar-modal .modal-body form>.row {
    margin-bottom: 10px;
}

.fg-calendar-modal .modal-body form>.row .btn {
    width: 175px;
    margin-bottom: 5px;
}

.fg-calendar-popup .fc-timeGridWeek-view td.fc-axis {
    font-weight: bold;
}

.fc-popover.fc-more-popover {
    margin-top: -25px !important;
}

#calendarBoxDiv .fg-box-style-01 span.fg-note-block {
    padding: 0px 5px 1px 5px;
}

#calendarBoxDiv .fg-box-style-01 span.fg-note-block img.fa-envelope {
    margin-top: -1px;
}

.fg-calendar-event-popup-footer1 {
    text-align: right;
}

.fg-calendar-event-popup-footer1>a,
.fg-calendar-popup .popover-content .fg-calendar-event-popup-footer1 a[class^='fg-event-'] {

    background: none;
    font-size: 14px;
    width: auto;
    margin-right: 10px;
}

.fg-calendar-event-popup-footer1>a.fg-event-delete:hover {
    color: #c70000;
}

.fg-calendar-event-popup-footer1>a:last-child,
.fg-calendar-popup .popover-content .fg-calendar-event-popup-footer1 a[class^='fg-event-']:last-child {
    margin-right: 0;
}

.fg-calendar-event-popup-footer1>a>.fa,
.fg-calendar-event-popup-footer1>a>.fa-regular {
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.fg-popover-ext .panel-heading {
    margin: -6px -10px 0 -6px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}

.fg-popover-ext .fg-calendar-app-dtls-wrapper.col-lg-12 {
    padding: 0;
}

.fg-popover-ext .panel-body {
    padding: 5px 4px 0px 7px;
}

.fg-popover-ext .panel-heading span.fa.fa-close {
    position: absolute !important;
    top: 5px !important;
    left: auto !important;
    right: 5px !important;
}

.fg-popover-ext .fg-loader-overlay {
    position: relative;
    min-height: 175px;
}

/* =============================================================================
* 23 - Calendar appontment details
========================================================================== */
.fg-calendar-app-dtls-wrapper.col-lg-12 {
    max-width: 1080px;
    margin: 0 auto;
    float: none;
}

.fg-calendar-app-dtls-wrapper .fg-action-menu-wrapper .fg-active-IB {
    vertical-align: middle;
    line-height: 100%;
}

.fg-calendar-app-dtls-wrapper .fg-action-menu-wrapper .fg-title-first-block {
    margin-right: 20px;
}

.fg-calendar-app-dtls-wrapper .fg-action-menu-wrapper .fg-action-edit .fa-pencil-square-o {
    position: relative;
    top: 2px;
}

.fg-calendar-app-dtls-wrapper .fg-action-menu-wrapper .fa-envelope {
    margin-left: 5px;
    vertical-align: middle;
    margin-top: 3px;
}

.fg-calendar-app-dtls-wrapper .fg-event-dtls {
    list-style: none;
    padding: 0;
}

.fg-calendar-app-dtls-wrapper .fg-event-dtls li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
    line-height: 22px;
}

.fg-calendar-app-dtls-wrapper .fg-event-dtls li i.fa,
.fg-calendar-app-dtls-wrapper .fg-event-dtls li i.fa-regular {

    position: absolute;
    left: 0;
    top: 5px;
    font-size: 18px;
    margin: auto;
    height: 15px;
    bottom: auto;
    color: #666666;
}

.fg-calendar-app-dtls-wrapper .fg-event-dtls li i.fa-calendar-days {
    height: 18px;
}

.add-membership .fa-plus-circle {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.fg-calendar-app-dtls-wrapper .fg-calendar-app-dtls-content {
    margin-bottom: 20px;
}

.fg-calendar-app-dtls-wrapper .fg-caledar-event-dtls-map-wrapper {
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    min-height: 250px;
}

.fg-caledar-event-dtls-map-wrapper iframe,
.fg-caledar-event-dtls-map-wrapper object,
.fg-caledar-event-dtls-map-wrapper embed,
.fg-caledar-event-dtls-map-wrapper #googleMap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.fg-caledar-event-dtls-map-wrapper #googleMap .fg-map-info-parent {
    max-width: 90%;
}

.fg-caledar-event-dtls-map-wrapper #googleMap .fg-map-info-parent .gm-style-iw {
    max-width: 90%;
}

.fg-time-filter-hide {
    display: none;
}

.fg-create-calendar-appointment .has-error .help-block {
    display: block;
    clear: both;
    float: none;
    margin: 2px 0;
}

.fg-calendar-userrights-wrapper#userRightsForm .fa-lock {

    display: block;
    height: 24px;
    margin-top: 9px;
}

.fg-multiedit-app-wrapper .fg-event-names {
    padding: 15px;
    background: #f7f7f7;
    margin: 20px 0 0px 0;
}

.fg-multiedit-app-wrapper .fg-event-names ul {
    padding: 0;
    list-style: none;
}

.fg-multiedit-app-wrapper .fg-event-names ul:last-child {
    margin-bottom: 0;
}

.fg-calendar-popup .radio-inline {
    line-height: 27px;
    padding-left: 25px;
}

.fg-calendar-popup .radio-inline .radio {
    min-height: 0;
    margin-top: -3px;
    margin-right: 3px;
}

.fg-calendar-popup .radio-inline input[type=radio] {
    margin-left: -10px;

}

#fg-languageSettingsForm .languageSettingContents .form-group label.control-label,
#fg-newsletterSettingsForm .newsletterSubscriptionContents .form-group label.control-label {
    margin-top: 5px;

}

.fg-create-calendar-appointment .fg-disabled * {
    cursor: not-allowed;
}

/* ==============================================================================================
* 24 - Gallery upload
================================================================================================= */
/*gallery width reset for less than 3 item */
.fg-gallery-wrapper .ug-gallery-wrapper.item-1 {
    width: 300px !important;
}

.fg-gallery-wrapper .ug-gallery-wrapper.item-2 {
    width: 610px !important;
}

.fg-gallery-upload-wrapper {
    background: #f6f6f6;
    border: 1px solid #d8d8d8;
    padding: 15px 10px;
    margin-bottom: 25px;

}

.fg-gallery-upload-items {
    margin: 0;
    list-style: none;
    padding: 0;
}

.fg-gallery-upload-items .form-group {
    margin-bottom: 0;

}

.fg-gallery-upload-item {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin: 0 -10px 10px -10px;
}

.fg-gallery-upload-items label.control-label {

    margin-right: 10px;
}

.fg-gallery-upload-items .fg-gallery-decription {
    max-width: 100%;
}

.fg-gallery-upload-items .fg-gallery-decription textarea {
    width: 400px;
    height: 100px;
    max-width: 100%;
}

.fg-gallery-upload-items .fg-gallery-upload-details .progress {

    margin: 0;
    width: 270px;
    border-radius: 0;
    background: #ebecee;
    vertical-align: middle;
    max-width: 100%;
}

.fg-gallery-scope-wrapper>label {
    padding-left: 0;
    margin-bottom: 10px;
}

.fg-gallery-upload-items .fg-gallery-upload-details .fg-file-details span {
    margin-right: 20px;
}

.fg-gallery-upload-wrapper .form-actions {
    border: 0;
    padding: 0 0 0 5px;
}

.fg-action-gallery-scope {
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}

.fg-action-gallery-scope>span {

    padding: 6px 10px;
}

.fg-gallery-upload-wrapper .fg-preview-thumb .fg-scalable-img-wrapper {
    height: 100px;
    max-width: 300px;
    margin: auto;
}

.fg-gallery-upload-wrapper .form .form-actions.fg-upload-save {
    margin-left: -10px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.fg-gallery-upload-wrapper .fg-gallery-scope-wrapper {
    margin-bottom: 15px;
}

.fg-gallery-upload-wrapper .fg-gallery-upload-item .fg-gallery-upload-progress {
    width: 55%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 14px;
}

/* ==============================================================================================
* 25 - Gallery album settings
================================================================================================= */

.fg-nestable-sort-drag.dd-handle {
    display: inline-block;
    background: none;
    border: none;
    margin: auto !important;
    padding: 0;
    height: 25px;
    top: 0;
    bottom: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: url("../img/openhand.cur.ico"), move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.fg-nestable-sort-drag.dd-handle:hover {
    color: #333;
    background: #fff;
}

.fg-nestable-row.inactiveblock .fg-nestable-sort-drag.dd-handle:hover {
    background: #fdf2f2;
}

.fg-nestable-sort-drag.dd-handle i {
    vertical-align: middle;
}

.fg-gallery-album-settings-wrapper .fg-gallery-album-name,
.fg-gallery-album-settings-drag .fg-gallery-album-name {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
    margin: 0;
    max-width: 90%;
}

.fg-gallery-album-settings-wrapper .fg-gallery-name .bookmark {
    margin-left: 5px;
}

.fg-gallery-album-settings-drag .fg-nestable-row {
    position: relative;
}

.fg-gallery-album-settings-wrapper .dd-list .dd-list .fg-gallery-img-count-wrapper,
.fg-gallery-album-settings-drag .dd-list .dd-list .fg-gallery-img-count-wrapper {
    margin-left: -4px;
}

.fg-gallery-album-settings-wrapper .dd-list .dd-list .dd-list .fg-gallery-img-count-wrapper,
.fg-gallery-album-settings-drag .dd-list .dd-list .dd-list .fg-gallery-img-count-wrapper {
    margin-left: -20px;
}

.fg-gallery-album-settings-wrapper .fg-gallery-name {
    padding-left: 0;
}

.fg-gallery-album-settings-wrapper .dd-list .dd-list {
    padding-left: 33px;
    margin-bottom: -5px;
}

.fg-gallery-album-settings-wrapper .fg-dev-image-count-click,
.fg-gallery-album-settings-drag .fg-dev-image-count-click {
    margin-top: 5px;
    display: inline-block;

}

.fg-gallery-album-settings-wrapper .fg-col-last-icon .deletediv .closeico,
.fg-gallery-album-settings-drag .fg-col-last-icon .deletediv .closeico {
    position: relative;
    top: -2px;
}

/* ==============================================================================================
* 26 - Bookmark sorting
================================================================================================= */
.fg-bookmark-list-wrapper-draggable,
.fg-bookmark-list-wrapper-no-drag {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.fg-bookmark-list-wrapper-no-drag {
    margin: 0;
}

.fg-bookmark-list-wrapper-draggable div.bookmark input[type=checkbox],
.fg-gallery-album-settings-drag div.bookmark input[type=checkbox] {
    display: none;
}

.fg-gallery-album-settings-drag li .fg-nestable-row {
    background: #ffffff;
}

.bookmark label {
    margin-bottom: 0;
    padding-bottom: 0;
}

.fg-bookmark-list-wrapper-draggable .bookmark.fg-bkmrk-left {
    float: left;
    display: block;
    margin-right: 0px;
    height: 28px;
    position: relative;
    top: 2px;
    left: 0px;
}

.fg-bookmark-list-wrapper-draggable div.bookmark .fa.fa-bookmark {
    width: auto;

}

.fg-bookmark-list-wrapper-draggable div.bookmark .fa.fa-bookmark:before {
    font-weight: var(--fa-style, 400);
    color: #777777;
    cursor: pointer;
}

.fg-bookmark-list-wrapper-draggable div.bookmark input[type=checkbox]:checked+label i:before {
    font-weight: var(--fa-style, 900);
    color: #777777;
}

.fg-bookmark-list-wrapper-draggable div.bookmark input[type=checkbox]+label i:before {
    letter-spacing: 5px;
    padding-top: 5px;
}

.fg-bookmark-list-wrapper-draggable div.bookmark input[type=checkbox]:checked+label i:before {
    letter-spacing: 5px;
}

.fg-bookmark-list-wrapper-draggable .fg-album-name,
.fg-bookmark-list-wrapper-no-drag .fg-album-name {
    height: 23px;
    padding-left: 5px;
    margin: 0;
}

.fg-sort-drag:hover .fg-sort.inactive:before,
.fg-sort-drag-hover .fg-sort.inactive:before {
    color: #ccc !important;
}

[class*='fg-bookmark-list-wrapper-'] .fg-sort-drag .fg-sort {
    width: 20px;

}

/* ==============================================================================================
* 27 - Gallery admin wrapper
================================================================================================= */
.fg-gallery-admin-wrapper ul {
    list-style: none;
    padding: 0;
}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper {
    width: 108px;
    height: 108px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 1px;
    float: left;
    border: 4px solid #fff;
    background-size: cover;
    background-position: center;
}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper:hover {
    border: 4px solid #38a5d4;
}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper.selected {
    border: 4px solid #0284bc;

}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper .fg-img {
    /*   position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: none;*/

    display: none;
}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper .fg-album-cover-icon {
    position: absolute;
    z-index: 1;
    color: #0284bc;
    background: #fff;
    top: 2px;
    left: 2px;
    font-size: 17px;
    padding: 4px 0px 0px 3px;
    width: 23px;
    height: 23px;
}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper-drag {
    cursor: pointer;
    display: inline-block;
    height: 100px;
    overflow: hidden;
    width: 100px;
    background-color: #eeeeee;
    border: 4px solid #0284bc;

}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper-drag * {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: url("../img/closedhand.cur.ico"), move;
    /* for ie fix*/

}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper-drag .fg-drag-count {
    margin: auto;
    top: 0;
    bottom: 35px;
    left: 40%;

}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper-drag.fg-helper-no-thumb {
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0);
    border: none;
    /* margin-top: 35px !important;
    margin-left: 60px !important;*/

}

.fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper-drag.fg-helper-no-thumb .fg-drag-count {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
}

.fg-action-menu-wrapper .fg-action-select-all span .fa-th {
    position: relative;
    top: 2px;
    margin-right: 2px;

}

.fg-action-menu-wrapper .fg-action-gallery-mode {
    float: right;
    margin-top: -1px;
    margin-left: 10px;
}

.fg-action-menu-wrapper .fg-action-gallery-mode span {
    margin: 0;
}

.fg-action-menu-wrapper .fg-action-gallery-mode span i[class*=" fa-sign"] {
    position: relative;
    top: 2px;
}

.fg-action-menu-wrapper .fg-has-filter .fg-filter-check-icon div.checker span {
    background: none;
    background-position: 0;
    background: #eeeeee;
    width: 32px;
    height: 32px;
}

.fg-action-menu-wrapper .fg-has-filter .fg-filter-check-icon div.checker span:before {

    content: "\f0b0";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
    display: block;
    margin-top: 7px;
}

.fg-action-menu-wrapper .fg-filter-check-icon.fg-action-search-filter {
    margin: 0 13px 0 7px;
}

.fg-action-menu-wrapper .fg-has-filter .fg-filter-check-icon div.checker span.checked {
    background: none;
    background-position: 0;
    background: #cccccc;
}

.fg-has-filter .fg-filter-check-icon div.checker span input {
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    z-index: 1;
}

/* ==============================================================================================
* 29 - NEWS - editorial editable
================================================================================================= */

.fg-news-editorial-editable-list-wrapper .fg-news-editorial-editable-list-filter .fg-date-bw {
    vertical-align: middle;
}

.fg-news-editorial-editable-list-wrapper .fg-news-editorial-editable-list-filter label {

    margin: 0 5px 0 0;
    line-height: 30px;
    vertical-align: bottom;
}

.fg-news-editorial-editable-list-wrapper .fg-news-editorial-editable-list-filter .select2 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fg-news-editorial-editable-list-wrapper .fg-news-editorial-editable-list-filter .input-group.date {
    vertical-align: middle;
    margin-right: 10px;
}

.fg-news-editorial-editable-list-filter .fg-date input {
    width: 135px;
    height: 30px;
}

.fg-news-editorial-editable-list-filter .fg-date .input-group-addon,
.fg-filter-item .fg-date .input-group-addon {

    width: auto;
    float: left;
    display: block;
    min-width: 0;
    padding: 4px 9px;
}

.fg-news-editorial-editable-list-filter .fg-date .input-group-addon>i,
.fg-filter-item .fg-date .input-group-addon>i {
    margin-top: 4px;
    margin-bottom: 2px;
}

body.fg-news-editable-page ul.ui-autocomplete {
    position: fixed !important;
}

.fg-news-editorial-editable-list-filter .fg-created-by {
    min-height: 34px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.fg-news-editorial-editable-list-filter .fg-created-by input {
    border: 0;
    margin: 0 !important;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 32px;
}

.fg-news-editorial-editable-list-filter .fg-created-by>span {
    top: 8px;
    left: 5px;
    padding: 2px 4px;
}

.fg-filter-item .filter-content label[for="START_DATE"],
.fg-filter-item .filter-content label[for="END_DATE"] {
    margin-top: 7px;
}

.fg-filter-item .filter-content.fg-date-wrapper {
    padding: 2px 0;
}

.fg-filter-item .filter-content .fg-date {
    float: right;
}

/* ==============================================================================================
* 30 - NEWS - Create article
================================================================================================= */
.fg-news-create-article-wrapper .fg-files-uploaded-lists-wrapper {
    padding: 15px;
    margin: 0 0px 0 0;
}

.fg-news-create-article-wrapper .fg-files-uploaded-lists-wrapper .fg-files-uploaded-list {
    display: block;
    border: 1px solid #ddd;
    padding: 5px;
}

.fg-news-create-article-wrapper .fg-files-uploaded-lists-wrapper .fg-files-uploaded-list .fg-thumb-wrapper {
    max-width: 170px;

    margin: auto;
}

.fg-news-create-article-wrapper .fg-files-uploaded-lists-wrapper .fg-files-uploaded-list .fg-thumb-wrapper .fg-thumb {

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;
}

.fg-news-create-article-wrapper .fg-file-upload-footer .fg-simple-editor {
    font-size: 15px;
}

.fg-news-create-article-wrapper .fg-date.input-group .form-control {
    height: 31px;
    z-index: 1;
}

.fg-date.input-group .input-group-addon {
    width: 36px;
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 5;
    bottom: 0;
    z-index: 101;
    height: auto;
}

.fg-news-create-article-wrapper .fg-date.input-group:not(.fg-active-IB) {
    width: 100%;
}

.fg-news-create-article-wrapper .fg-expiredate-wrapper .fg-date {
    width: 80%;
    float: right;
}

.fg-news-create-article-wrapper .fg-expiredate-wrapper .radio-block {
    vertical-align: middle;

}

.fg-news-create-article-wrapper .form-horizontal .control-label,
.fg-news-create-article-wrapper .form-group .control-label {
    padding-top: 0px;
}

/* ==============================================================================================
* 31 - NEWS - Time periods modal
================================================================================================= */
.fg-news-modal-timeperiods-wrapper .fg-day,
.fg-news-modal-timeperiods-wrapper .fg-month {
    width: 42px;
    margin: 0 10px;
    display: inline-block;
}

.fg-news-modal-timeperiods-wrapper .fg-form-title {

    width: 200px;
    padding-right: 20px;
    text-align: right;
}

.fg-news-modal-timeperiods-wrapper .form-inline .control-label,
.fg-news-modal-timeperiods-wrapper .form-inline .form-group {
    margin-bottom: 0;
    vertical-align: middle;
    display: inline-block;
}

/* ==============================================================================================
* 32 - News editorial article detail preview
================================================================================================= */
.fg-news-editorial-artcl-dtl-preview-wrapper {
    border: 1px solid #ddd;
    padding: 15px;
}

.fg-news-editorial-artcl-dtl-preview-wrapper .fg-news-thumb-wrapper img {
    margin: auto;
}

.fg-news-editorial-artcl-dtl-preview-wrapper .right-links li,
.fg-news-editorial-artcl-dtl-preview-wrapper ul.fg-attachments.hidden-xs li {
    line-height: 30px;
    position: relative;
    padding-left: 30px;
    word-wrap: break-word;
}

.fg-news-editorial-artcl-dtl-preview-wrapper .right-links .fa,
.fg-news-editorial-artcl-dtl-preview-wrapper ul.fg-attachments.hidden-xs li .fa,
.fg-news-editorial-artcl-dtl-preview-wrapper .right-links .fa-regular,
.fg-news-editorial-artcl-dtl-preview-wrapper ul.fg-attachments.hidden-xs li .fa-regular {
    color: #666666;
    position: absolute;
    top: 9px;
    left: 0;
}

.fg-news-editorial-artcl-dtl-preview-wrapper ul.fg-attachments.hidden-xs li a,
.fg-news-editorial-artcl-dtl-preview-wrapper ul.fg-attachments.hidden-xs li span {
    word-break: break-all;
    display: inline-block;
}

.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid {
    padding: 0 15px;
    left: 0px !important;
    right: 0 !important;
    width: auto !important;
}

.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner {
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
}

.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-tile,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-tile {
    left: 0 !important;
    width: 100% !important;
    overflow: hidden;
    padding: 0 15px;
    margin-top: -10px !important;
    outline: 0 !important;
    background: none !important;
}

.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-image,
.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-overlay,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-image,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-overlay {
    width: 95% !important;
    left: 0 !important;
}

.fg-news-editorial-artcl-dtl-preview-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-overlay,
.fg-news-detail-wrapper #fg-article-gallery .ug-thumbs-grid .ug-thumbs-grid-inner .ug-thumb-overlay {
    margin-top: 10px;
}

.ug-gallery-wrapper .ug-textpanel-bg {
    background: none !important;
}

/* ==============================================================================================
* 33 - News editorial article detail comments
================================================================================================= */
.timeline.fg-timeline-right .timeline-purple .timeline-time .timeline-title {
    color: #444444;
    font-size: 18px;
}

.timeline.fg-timeline-right .timeline-purple .timeline-time .timeline-created .date,
.timeline.fg-timeline-right .timeline-purple .timeline-time .timeline-created .time {
    font-size: 13px !important;
    color: #444444 !important;
    text-align: left;
    display: inline;
    margin-right: 5px;
    line-height: 1;
}

.timeline.fg-timeline-right .timeline-purple .timeline-time .timeline-last-edited {
    color: #444444;
    font-size: 13px;
}

.timeline.fg-timeline-right li.timeline-purple div.timeline-body,
.timeline.fg-timeline-right .fg-timeline-footer {
    background: #f5f5f5;
    border: 0;
}

.timeline.fg-timeline-right .timeline-news-top {
    margin-bottom: 5px;
}

.timeline.fg-timeline-right .timeline-news-top .fg-news-control-lists li {
    display: inline-block;
    padding: 0 10px;
}

.timeline.fg-timeline-right .timeline-news-top .fg-news-control-lists li .fa,
.timeline.fg-timeline-right .timeline-news-top .fg-news-control-lists li .fa-regular {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.fg-article-upload-items .fg-article-upload-item {
    position: relative;
    border: 1px solid #ddd;
    padding: 2px 30px 7px 0;
    margin-bottom: 5px;
}

.fg-article-upload-items .fg-article-upload-item .fg-delete {
    right: 8px;
    top: 10px;
    color: #7A7A7A;
}

.fg-article-upload-items .fg-article-upload-item .fg-file-size {
    margin-left: 5px;
}

.fg-article-upload-wrapper .fg-files-uploaded-lists-wrapper .fg-files-uploaded-list {
    position: relative;
    margin-bottom: 5px;
}

.fg-article-upload-wrapper .fg-files-uploaded-lists-wrapper .fg-files-uploaded-list .fg-delete-img {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #7A7A7A;
}

/* ==============================================================================================
* 34 - CMS nav manage
================================================================================================= */
.fg-cms-nav-wrapper .fg-nestable-row .fg-nestable-sort-drag.dd-handle {
    opacity: 0;
}

.fg-cms-nav-wrapper .fg-nestable-row:hover .fg-nestable-sort-drag.dd-handle {
    opacity: 1;
}

.fg-cms-nav-wrapper .fg-nav-name .form-group {}

.fg-toggle-plus {
    cursor: pointer;
    width: auto !important;
}

.fg-toggle-plus.collapsed:before {
    content: "\f196";
}

.fg-cms-nav-wrapper .fg-nestable-row .switch-light-sm {
    width: 100px;
    margin: 5px 0 0 0;
    height: 20px;
    max-width: 100%;
}

.fg-cms-nav-wrapper .fg-nestable-row .switch-light-sm>span span {
    height: 18px;
    line-height: 18px;
}

.fg-cms-nav-wrapper .fg-nestable-row .fg-col-last-icon .closeico {
    top: -1px;
}

.fg-cms-nav-wrapper .fg-nestable-row .fg-col-last-icon .closeico label {
    margin: 0;

}

.fg-cms-nav-wrapper .dd-list .fg-nav-name {
    min-width: 180px;
}

.fg-cms-nav-wrapper .dd-list .fg-pagetitle {
    min-width: 100px;
    line-height: 30px;
}

.fg-cms-nav-wrapper .dd-list .fg-options {
    min-width: 80px;
}

.fg-cms-nav-wrapper .dd-list .dd-list .dd-list {
    margin-top: -5px;
}

.fg-lock-switch span .fa,
.fg-lock-switch span .fa-regular {
    font-size: 16px !important;
}

/* ==============================================================================================
* 35 - News articledetail
================================================================================================= */
.fg-news-detail-wrapper .right-links li,
.fg-news-links.right-links li {
    line-height: 30px;
}

.fg-news-detail-wrapper .right-links .fa,
.fg-news-links.right-links .fa,
.fg-news-detail-wrapper .right-links .fa-regular,
.fg-news-links.right-links .fa-regular {
    color: #666666;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.fg-news-detail-wrapper .ug-gallery-wrapper .ug-bullets {
    top: 5px !important;
}

.fg-attachments .fa-paperclip {
    color: #666;
    margin-right: 5px;
}

.fg-attachments .fg-size {
    margin-left: 5px;
}

.fg-news-detail-wrapper.fg-layout1 .fg-attachments.hidden-xs {
    margin-top: 290px;
}

.fg-news-detail-wrapper.fg-layout1 .fg-attachments.visible-xs {
    margin: 20px 0;
}

.fg-news-detail-wrapper .timeline>li .timeline-content {
    width: 100%;
}

.fg-news-detail-wrapper.fg-layout2 .fg-attachments.hidden-xs {
    margin-top: 40px;
}

.fg-news-detail-wrapper.fg-layout3 .fg-attachments.hidden-xs {
    margin-top: 30px;
}

.fg-news-thumb-wrapper img {
    width: 100%;
}

.fg-news-editorial-artcl-dtl-comment-wrapper .timeline-body.fg-new-comment-block:after,
.fg-news-editorial-artcl-dtl-comment-wrapper .timeline-body.fg-new-comment-block:before,
.fg-news-detail-wrapper .timeline-body.fg-new-comment-block:after,
.fg-news-detail-wrapper .timeline-body.fg-new-comment-block:before {
    display: none;
}

.fg-news-detail-wrapper .timeline-body {
    padding-bottom: 30px !important;
}

.fg-news-detail-wrapper .timeline-body .comment-last-edited {
    color: #999;
    position: absolute;
    margin: 0;
    bottom: 10px;
    top: auto;
}

/* ==============================================================================================
* 36 - News Overview
================================================================================================= */
.fg-news-overview-wrapper {
    margin-right: 310px;
}

.fg-news-overview-article-list {
    border-bottom: 1px solid #ddd;
}

.fg-news-overview-article-list figure {
    margin-top: 1px;
}

.fg-news-overview-article-list .fg-article-title {
    color: #444;
    font-size: 21px;
}

.fg-news-overview-article-list .fg-content {
    margin-bottom: 15px;
}

.fg-news-overview-article-list .footer-list {}

.fg-news-overview-article-list .fg-news-links {}


/* ==============================================================================================
* 37 - Gallery upload modal
================================================================================================= */
.fg-exisiting-gallery-wrapper-modal {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-breadcrumb li {
    margin-right: -4px;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-breadcrumb li:after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-breadcrumb li.last:after,
.fg-exisiting-gallery-wrapper-modal .fg-gallery-breadcrumb li:last-child:after {
    display: none;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album {
    margin-bottom: 20px;
    cursor: pointer;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image {
    overflow: hidden;
    position: relative;
    height: 110px;
    margin-bottom: 10px;
    background-size: cover;
    background-position: center;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image>img {
    width: 160px;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    display: block;
    opacity: 0;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image:before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.fg-gallery-album-wrapper .fg-gallery-album>.fg-image:hover:before {
    opacity: 1;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    margin: auto;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album .fg-album-title {

    text-align: center;
}

.form .form-actions2 {
    background: #fff;
    border: none;
    padding: 0 !important;
}

.form .form-actions2 .btn {
    width: 90px;
}

.form .form-actions2 .btn:first-child {
    margin-left: 10px;
}

.fg-gallery-modal .form-actions2 .gallery_browser_cancel {
    margin-right: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width: 600px) {
    .fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper {
        text-align: center;
    }

    .fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album {
        width: 160px;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .fg-exisiting-gallery-wrapper-modal .fg-gallery-album-wrapper .fg-gallery-album>.fg-image {
        width: 130px;
        height: 130px;
    }
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-admin-wrapper {
    max-height: 260px;
    overflow: auto;
}

.fg-exisiting-gallery-wrapper-modal .fg-gallery-admin-wrapper .fg-gallery-items .fg-gallery-img-wrapper {
    width: 104px;
    height: 108px;
}

@media only screen and (min-width: 992px) {
    .fg-gallery-album-wrapper .fg-gallery-album:nth-child(6n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .fg-gallery-album-wrapper .fg-gallery-album:nth-child(4n+1) {
        clear: left;
    }
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
    .fg-gallery-album-wrapper .fg-gallery-album:nth-child(3n+1) {
        clear: left;
    }
}


/* ==============================================================================================
* 38 - Invoice badge
================================================================================================= */


.fg-invoice-draft,
.fg-invoice-open,
.fg-invoice-overdue,
.fg-invoice-part-cleared,
.fg-invoice-paid,
.fg-invoice-accounted,
.fg-invoice-overpaid,
.fg-invoice-cancelled,
.fg-invoice-reminder,
.fg-invoice-dun {
    font-size: 11px !important;
    padding: 0px 3px;
    display: inline-block;
    letter-spacing: 0;
    font-weight: 400;
    vertical-align: middle;
    background-color: #999999;
    text-transform: uppercase;
    line-height: 18px;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    margin: 0 3px !important;
}

.fg-invoice-open {
    background-color: #438bca;
}

.fg-invoice-overdue {
    background-color: #d64635;
}

.fg-invoice-part-cleared {
    background-color: #ff9902;
}

.fg-invoice-paid {
    background-color: #35aa47;
}

.fg-invoice-accounted {
    background-color: #35aa47;
}

.fg-invoice-overpaid {
    background-color: #216b30;
}

.fg-invoice-cancelled {
    background-color: #292b2c;
}

.fg-invoice-reminder {
    background-color: #d64635;
}

.fg-invoice-dun {
    background-color: #d64635;
}

.fg-invoice-draft-small,
.fg-invoice-open-small,
.fg-invoice-overdue-small,
.fg-invoice-incollection-small,
.fg-invoice-part-cleared-small,
.fg-invoice-paid-small,
.fg-invoice-accounted-small,
.fg-invoice-overpaid-small,
.fg-invoice-cancelled-small,
.fg-invoice-reminder-small,
.fg-invoice-dun-small {
    font-size: 11px !important;
    padding: 0px 3px;
    display: inline-block;
    letter-spacing: 0;
    font-weight: 400;
    vertical-align: middle;
    background-color: #999999;
    line-height: 18px;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    margin: 0 3px !important;
}

.fg-invoice-open-small {
    background-color: #438bca;
}

.fg-invoice-overdue-small {
    background-color: #d64635;
}

.fg-invoice-incollection-small {
    background-color: #ad71ad;
}

.fg-invoice-part-cleared-small {
    background-color: #ff9902;
}

.fg-invoice-paid-small {
    background-color: #35aa47;
}

.fg-invoice-accounted-small {
    background-color: #35aa47;
}

.fg-invoice-overpaid-small {
    background-color: #216b30;
}

.fg-invoice-cancelled-small {
    background-color: #292b2c;
}

.fg-invoice-reminder-small {
    background-color: #d64635;
}

.fg-invoice-dun-small {
    background-color: #d64635;
}

/* ==============================================================================================
* 39 - CMS EVENT ELEMENT 
================================================================================================= */
.fg-cms-event-element .radio-inline .radio {
    padding-top: 1px;
}

/* ==============================================================================================
* 40 - Internal Certificate Preview Section 
================================================================================================= */
#fg-internal-certificates-preview .portlet-body {
    height: 290px;
    padding: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    #fg-internal-certificates-preview .portlet-body {
        height: 280px !important;
    }
}

#fg-internal-certificates-preview .fg-certificate-slider-container,
#fg-internal-memberOffers-preview .fg-memberOffers-slider-container {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#fg-internal-certificates-preview .fg-certificate-slider-container.fg-content-loading .fg-slider-arrow {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}

#fg-internal-certificates-preview .fg-certificate-slider-container .fg-loading-dots {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

#fg-internal-certificates-preview .fg-certificate-slider-container .slide,
#fg-internal-memberOffers-preview .fg-memberOffers-slider-container .slide {
    position: absolute;
    top: 0;
    left: 40px;
    width: calc(100% - 80px);
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: flex;
    justify-content: center;

}

#fg-internal-certificates-preview .fg-certificate-slider-container .fg-slider-arrow {
    height: 30px;
    position: relative;
    z-index: 100;

}


#fg-internal-certificates-preview .fg-certificate-slider-container .slide.active,
#fg-internal-memberOffers-preview .fg-memberOffers-slider-container .slide.active {
    opacity: 1;
    z-index: 1;
}


#fg-internal-certificates-preview .fg-certificate-slider-indicators {
    display: flex;
    justify-content: center;
    list-style: none;
}

#fg-internal-certificates-preview .fg-certificate-slider-indicators>li {
    width: 14px;
    height: 14px;
    border: 1px solid #333333;
    border-radius: 50% !important;
    margin: 0 3px;
    cursor: pointer;
}

#fg-internal-certificates-preview .fg-certificate-slider-indicators li.active {
    background: #333333;
}

#fg-internal-certificates-preview .fg-certificate-slider-container img,
#fg-internal-memberOffers-preview .fg-memberOffers-slider-container img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#fg-renewalFormButton a,
#fg-renewalFormButton-mobile a {
    text-align: left !important;
    display: flex;
    white-space: break-spaces;
    gap: 2px;
}

#fg-internal-certificates-preview .fg-certificate-slider-container .download-icon-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#fg-certificateButtonBox a,
#fg-certificateButtonBox-mobile a,
#fg-renewalFormButton a,
#fg-renewalFormButton-mobile a {
    text-align: left !important;
    display: flex;
    white-space: break-spaces;
    gap: 2px;
}

/* =================================================================================================*
                         * 41 - Internal member offers Preview Section 
 *=================================================================================================*/

#fg-internal-memberOffers-preview .portlet-body {
    padding: 15px;
}

/*=================================================================================================*
                         * 42 - Internal promocodes Preview Section 
 *=================================================================================================*/

#fg-internal-promoCodes-preview .fg-club-promocode-ul-wrapper img {
    display: block;
    height: auto;
}

/* ==============================================================================================
    * 43 - Contact Application Form - Frontend  
================================================================================================= */

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:checked,
#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked),
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:checked,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]+label,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]+label {
    position: relative;
    padding: 30px 20px;
    cursor: pointer;
    line-height: 20px;
    display: flex;
    color: #666;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e7eb;
    background: #fff;
}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]+label:hover,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]+label:hover {
    background-color: #f9f9f9;
}

#external-contact-form .fg-payment-assignment .fg-paymentFee-checkbox-parent,
#fg-internal-renewal-form-wrapper .fg-payment-assignment .fg-paymentFee-checkbox-parent {

    width: 100%;

}

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

    #external-contact-form .fg-paymentFee-checkbox-parent:nth-child(even) [type="radio"]+label,
    #fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent:nth-child(even) [type="radio"]+label {
        border-left: 0;
    }

    #external-contact-form .fg-payment-assignment .fg-paymentFee-checkbox-parent,
    #fg-internal-renewal-form-wrapper .fg-payment-assignment .fg-paymentFee-checkbox-parent {
        width: 50%;
    }
}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:checked+label,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:checked+label {
    background: #eee;
    border: 1px solid #999;
}

#external-contact-form .fg-payment-assignment,
#fg-internal-renewal-form-wrapper .fg-payment-assignment {
    display: flex;
    flex-wrap: wrap;
}

#external-contact-form .fg-payment-assignment .fg-payment-detail-label .fg-check-icon,
#fg-internal-renewal-form-wrapper .fg-payment-assignment .fg-payment-detail-label .fg-check-icon {
    width: 28px;
    height: 28px;
    display: block;

}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:checked+label .fg-check-icon:before,
#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:checked+label .fg-check-icon:before,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal;
    color: #0f172a;
    font-size: 28px;
}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:checked+label .fg-check-icon:before,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:checked+label .fg-check-icon:before {
    content: "\f058";
}

#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before,
#external-contact-form .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before,
#fg-internal-renewal-form-wrapper .fg-paymentFee-checkbox-parent [type="radio"]:not(:checked)+label .fg-check-icon:before {
    content: "\f111";
}

#external-contact-form .fg-payment-assignment span.fg-currency,
#external-contact-form .fg-payment-assignment span.fg-payment-title,
#fg-internal-renewal-form-wrapper .fg-payment-assignment span.fg-currency,
#fg-internal-renewal-form-wrapper .fg-payment-assignment span.fg-payment-title {
    font-size: 16px;
    line-height: 1.3;
}

#external-contact-form .fg-payment-assignment span.fg-amount,
#fg-internal-renewal-form-wrapper .fg-payment-assignment span.fg-amount {
    font-size: 32px;
    margin-left: 6px;
    color: #0f172a;
}

#external-contact-form .fg-payment-assignment span.help-block,
#fg-internal-renewal-form-wrapper .fg-payment-assignment span.help-block {
    flex: 0 0 100%;
}

#fg-internal-renewal-form-wrapper fieldset {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 20px 20px 0;
    position: relative;
}

#fg-internal-renewal-form-wrapper fieldset.fg-noseprator {
    border: none;
}

#fg-internal-renewal-form-wrapper fieldset>legend {
    background: #eee;
    border: 0;
    color: #555;
    font-size: 17px;
    font-weight: lighter;
    line-height: 1;
    margin: 0 0 0 -20px;
    padding: 3px 5px;
    position: relative;
    top: 10px;
    width: auto;
}

#fg-internal-renewal-form-wrapper fieldset>legend:after {
    content: "";
    display: block;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .bootstrap-select {
    background: none;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle {
    background: #4387cf;
    border: none;
    color: #fff;
    padding: 5px 7px 5px 9px;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle:hover {
    color: #4387cf;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-toggle .caret {
    display: none;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu {
    background: #3f4242;
    border: none;
    left: auto;
    margin: 0;
    max-width: none;
    right: 0;
    width: 200px;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li {
    padding: 3px 0;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.selected,
#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li:hover {
    background: none;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li.selected a,
#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu li:hover a {
    background: none;
    color: #4387cf;
}

#fg-internal-renewal-form-wrapper .fg-lang-dropdown-wrapper .dropdown-menu a {
    color: #fff;
}

fieldset>legend {
    background: #eee;
    border: 0;
    color: #555;
    font-size: 17px;
    font-weight: lighter;
    line-height: 1;
    margin: 0 0 0 -20px;
    padding: 3px 5px;
    position: relative;
    top: 10px;
    width: auto;
}

#fg-internal-renewal-form-wrapper .fg-internal-renewal-form {
    max-width: 720px;
    margin: auto;
    box-shadow: 1px 1px 10px #ddd;
    padding: 15px;
}

/* =============================================================================
 * 44 - calendar list view - frontend
========================================================================== */
.fg-calendar-appointment-popover-badge {
    right: 18px;
    top: 5px;
}

.fg-calendar-appointment-panel-head {
    padding-right: 60px !important;
}

/* =============================================================================
 * 45 - cms formelement edit - form inquiries 
 ============================================================================= */

.fg-inquiry-list-wrapper #fg_dev_formedit_row_length label {
    width: 100% !important;
}