@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: proxima_nova_regular;
    src: url(../fonts/ProximaNova-Reg-webfont-fullchar.eot);
    src: url(../fonts/ProximaNova-Reg-webfont-fullchar.eot?#iefix) format('embedded-opentype'), 
    	 url(../fonts/ProximaNova-Reg-webfont-fullchar.woff) format('woff'), 
    	 url(../fonts/ProximaNova-Reg-webfont-fullchar.ttf) format('truetype'), 
    	 url(../fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: proxima_nova_bold;
    src: url(../fonts/ProximaNova-Bold-webfont-fullchar.eot);
    src: url(../fonts/ProximaNova-Bold-webfont-fullchar.eot?#iefix) format('embedded-opentype'), 
    	 url(../fonts/ProximaNova-Bold-webfont-fullchar.woff) format('woff'), 
    	 url(../fonts/ProximaNova-Bold-webfont-fullchar.ttf) format('truetype'), 
    	 url(../fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgregular) format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: ProximaNovaT-Thin;
    src: url(../fonts/ProximaNova/ProximaNovaT-Thin.eot);
    src: url(../fonts/ProximaNova/ProximaNovaT-Thin.eot?#iefix) format('embedded-opentype'), 
    	 url(../fonts/ProximaNova/ProximaNovaT-Thin.woff) format('woff'), 
    	 url(../fonts/ProximaNova/ProximaNovaT-Thin.ttf) format('truetype'), 
    	 url(../fonts/ProximaNova/ProximaNovaT-Thin.svg#proxima_nova_rgregular) format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
font-family: Proxima Nova Extrabold;
  src: url(../fonts/proxima-nova-extrabold.eot);
  src: url(../fonts/proxima-nova-extrabold.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/proxima-nova-extrabold.woff) format('woff'), 
       url(../fonts/proxima-nova-extrabold.ttf) format('truetype'), 
       url(../fonts/proxima-nova-extrabold.svg#proxima-nova-extrabold) format('svg');
    font-weight: 700;
    font-style: normal;
}


@font-face {
font-family: Montserrat-Bold;
  src: url(../fonts/Montserrat/Montserrat-Bold.eot);
  src: url(../fonts/Montserrat/Montserrat-Bold.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/Montserrat/Montserrat-Bold.woff) format('woff'), 
       url(../fonts/Montserrat/Montserrat-Bold.ttf) format('truetype'), 
       url(../fonts/Montserrat/Montserrat-Bold.svg#Montserrat-Bold) format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
font-family: Montserrat-Light;
  src: url(../fonts/Montserrat/Montserrat-Light.eot);
  src: url(../fonts/Montserrat/Montserrat-Light.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/Montserrat/Montserrat-Light.woff) format('woff'), 
       url(../fonts/Montserrat/Montserrat-Light.ttf) format('truetype'), 
       url(../fonts/Montserrat/Montserrat-Light.svg#Montserrat-Light) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
font-family: Montserrat-Regular;
  src: url(../fonts/Montserrat/Montserrat-Regular.eot);
  src: url(../fonts/Montserrat/Montserrat-Regular.eot?#iefix) format('embedded-opentype'), 
       url(../fonts/Montserrat/Montserrat-Regular.woff) format('woff'), 
       url(../fonts/Montserrat/Montserrat-Regular.ttf) format('truetype'), 
       url(../fonts/Montserrat/Montserrat-Regular.svg#Montserrat-Regular) format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
font-family: mistrully;
  src: url(../fonts/Mistrully.ttf);
  src: url(../fonts/Mistrully.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
font-family: cormorantgaramond;
  src: url(../fonts/CormorantGaramond-Bold.ttf);
  src: url(../fonts/CormorantGaramond-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
font-family: hypatiasanspro_regular;
  src: url(../fonts/HypatiaSansPro-Regular.ttf);
  src: url(../fonts/HypatiaSansPro-Regular.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
font-family: calibri;
  src: url(../css/font/calibril.ttf);
  src: url(../css/font/calibril.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
font-family: brandontext_light;
  src: url(../fonts/Brandon-Text-Light.ttf);
  src: url(../fonts/Brandon-Text-Light.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/century/CenturyGothic.eot');
	src: local('☺'), url('../fonts/century/CenturyGothic.woff') format('woff'), url('../fonts/century/CenturyGothic.ttf') format('truetype'), url('../fonts/century/CenturyGothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

body{
	padding:0px;
	margin:0px;
	font-size:13px;
	background:#E9E9E9;
	height:auto;
}

.content {
    padding: 0px 0px 20px 0px;
}

.content_holder{
	padding:20px 0px;
}

#container {
    width: 100% !important;
}

.search_btn {
    background: #468F0F;
    color: #FFF;
    padding: 12px 20px;
    font-size: 14px;
    border: 0px;
    float: right;
    border-radius: 0px 3px 3px 0px;
}


.common_button{
	border-radius: 3px;
    color: #fff;
    display: inline-block;
    outline: 0 none;
    padding:5px 10px ;
    text-align: center;
    text-decoration: none;
	background:#468F0F;
	width:auto;
	border:0px;
	font-size:14px;
	cursor:pointer;
}

.common_button.small{
	padding: 3px 10px;
	font-size:12px;
}

.common_button i{
float:left;
}

.common_button.danger{
	background:#CB4748;	
}

.common_button.disable{
	background:#666666;	
}

.clear{
	clear:both;
}

.setting_holder {
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.setting_holder .setting_action {
    float: right;
    padding: 3px 0px;
}

.textbox {
    border: 1px solid #CCCCCC;
    padding: 5px;
    font-size: 14px;
}

/************************* MODIFIED TABS ***************************/

.nav-tabs {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #f7f7f7;
    margin-top: 0;
}
.nav-tabs li {
    font-size: 13px;
}
.nav-tabs li a {
    color: #000;
	padding:15px;
	border-radius:0px;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
    background: #f4f4f4 none repeat scroll 0 0;
    border-color: #f7f7f7 #f7f7f7 transparent;
}
.tab-content {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 20px;
}

/************************* END MODIFIED TABS ***************************/



/****************************** ENQUIRY DESIGN ******************************/

.reply_message_white, .reply_message, .estate_report_content_holder, .cht-agt-msg {
    position: relative;
    background-color: #f4f4f4;
    max-width: calc(100% - 55px);
    float: left;
    margin-bottom: 15px;
    padding: 5px;
    margin-left: 10px;
    text-align: left;
    color: #727272;
}

.reply_message_holder {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
}

.cnt-agt-cht-list .user-img, .cnt-agt-cht-list .reply_message_white .user-img, .estate_report_holder .estate_report_user_avatar, .reply_message_holder .reply_user_avatar {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}

.reply_message_holder.left .reply_message, .reply_message_holder.left .reply_message_white, .estate_report_holder.left .estate_report_content_holder, .cnt-agt-cht-list.left .cht-agt-msg {
    margin-left: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.reply_message {
    background-color: #f1f1f1 !important;
}

.cnt-agt-cht-list .datetime, .cnt-agt-cht-list .reply_message_white .datetime, .estate_report_holder .estate_report_attach_date, .reply_message_holder .datetime {
    font-size: 10px;
    color: #878787;
    font-weight: normal;
}

.reply_message_holder.left .reply_message::before, .reply_message_holder.left .reply_message_white::before, .estate_report_holder.left .estate_report_content_holder::before, .cnt-agt-cht-list.left .cht-agt-msg::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    border-width: 5px;
    border-style: solid;
    transition: all 0.5s ease-out 0s;
    border-color: #f4f4f4 #f4f4f4 transparent transparent;
}

.reply_message_holder.right .reply_message::before, .reply_message_holder.right .reply_message_white::before, .estate_report_holder.right .estate_report_content_holder::before, .cnt-agt-cht-list.right .cht-agt-msg::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    border-width: 5px;
    border-style: solid;
    transition: all 0.5s ease-out 0s;
    border-color: #f4f4f4 transparent transparent #f4f4f4;
}

.cnt-agt-cht-list.right .user-img, .cnt-agt-cht-list.right .reply_message_white .user-img, .estate_report_holder.right .estate_report_user_avatar, .reply_message_holder.right .reply_user_avatar {
    float: right;
}

.reply_message_holder.right .reply_message, .reply_message_holder.right .reply_message_white, .estate_report_holder.right .estate_report_content_holder, .cnt-agt-cht-list.right	.cht-agt-msg {
    margin-right: 10px;
    float: right;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/****************************** END ENQUIRY DESIGN ******************************/


.create_notice_block{
	width:100%;
	background:#FFF;
	padding:10px;
	font-size:14px;
}

.create_notice_block form{
	width:450px;
}

.create_notice_block h1{
	
	margin:0px;
	font-size:18px;
	margin-bottom:20px;
}

.create_notice_block textarea{
	width:100%;
	padding:15px;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
}

.create_notice_block select{
	width:100%;
	padding:5px 15px;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.create_notice_block input[type="text"]{
	width:100%;
	padding:5px;
	border:1px solid #CCCCCC;
	margin-bottom:15px;
}

.create_notice_block .options button{
	background: none;
	border:2px solid #468F0F;
	border-radius:5px;
	font-size:12px;
	padding:8px 10px;
}

/*style added*/
.gnb-pagination-padding-bottom-10{
	padding-bottom:10px;
}
.gnb-archive-head{
	padding:5px 0px;
}

/*property enquiry chat - start*/
.gnb-chat-box{
	height:auto;
	overflow:auto;
	background:#fff ! important;
	padding-bottom: 15px;
	width:100%;
}
.gnb-chat-msg{
	margin-bottom:10px;
	margin-top: 10px;
}
.gnb-chat-info{
	margin-bottom:2px;
}
.gnb-chat-name{
	border-radius:50%;
	float:left;
	width:38px;
	height:38px;
	background:#60694d ! important;
	color:#fff ! important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	line-height: 3;
}
.gnb-chat-right .gnb-chat-name{
	float:right;
	background:#d2d6de ! important;
	color:#444 ! important;
}
.gnb-chat-timestamp{
	color:#999;
}
.gnb-chat-text{
	position:relative;
	padding:5px 10px;
	background:#d2d6de;
	border:2px solid #d2d6de;
	margin:5px 0 0 50px;
	color:#444;
}
.gnb-chat-text:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 241, 241, 0);
	border-right-color: #d2d6de;
	border-width: 7px;
	margin-top: -7px;
}
.gnb-chat-right .gnb-chat-text{
	margin-right:50px;
	margin-left:0;
	background:#60694d;
	border-color:#60694d;
	color:#fff;
}
.gnb-chat-right .gnb-chat-text:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(241, 241, 241, 0);
	border-left-color: #60694d;
	border-width: 7px;
	margin-top: -7px;
}
.gnb-chat-button{
	margin-top:15px ! important;
}
/*property enquiry chat - end*/


/*Report problem comment - start*/

.gnb-comment-box{
	height:auto;
	overflow:auto;
	background:#fff ! important;
	width:100%;
}
.gnb-comment-header.with-border {
	border-bottom: 1px solid #f4f4f4;
	padding:5px 0px;
}
.gnb-comment-username,.gnb-comment-description{
	display:table;
	margin:5px 0px;
}
.gnb-comment-description a,.gnb_name_list a{
	color:#60694d;
	text-decoration:none;
}
.gnb-comment-content{
	padding:10px 0px;
	text-align:justify;
}
.gnb-block{
	border: 1px solid #f4f4f4;
	padding: 5px;
	margin-bottom: 10px;
	background: #f7f7f7;
}
.gnb-block-img{
	float:left;
	width:100px;
	height:100px;
	background:#60694d ! important;
	color:#fff ! important;
	text-align:center;
	text-decoration:none ! important;
}
.gnb-block-content{
	margin-left: 110px;
	padding: 10px;
}
.gnb-text-muted{
	font-weight: 400;
	font-size: 12px;
}
.gnb-commentlist-view{
	padding: 10px;
	border-bottom: 2px solid #fff;
}
.gnb-comment-list{
	background:#f7f7f7;
	margin-bottom: 10px;
	margin-top: -10px;
}
.gnb-file-grid-option,.gnb-pdf-list{
	padding: 5px;
}
.gnb-pdf-comment{
	background:url('../images/pdf_gnb_comment.png');
	width:200px;
	height:175px;
}
.gnb-popup-title{
	background-color: #ebe9ea;
    padding-left: 28px;
    margin: 0px 0px 0px 0px;
    height: 90px;
    display: flex;
    align-items: center;
}
.gnb-font-16{
	font-size:16px;
}
.gnb-comment-time{
	font-size:12px;
	color:#999;
}
.gnb-comment-title{
	color:#60694d;
}

/*Report problem comment - end*/


/*archive checkbox*/
.gnb-edit-board {
   	display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 20px;
    line-height: 20px;
    color:#60694d;
    text-transform:uppercase;
}
.gnb-edit-board input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.gnb-edit-board-checkbox {
    position: absolute;
    top: 0;
    left: 1px;
    height: 20px;
    width: 20px;
    background-color: #FFF;
    border: 2px solid #999;
}
.gnb-edit-board:hover input ~ .gnb-edit-board-checkbox {
    background-color: #60694d;
}
.gnb-edit-board input:checked ~ .gnb-edit-board-checkbox {
    background-color: #60694d;
}
.gnb-edit-board-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
.gnb-edit-board input:checked ~ .gnb-edit-board-checkbox:after {
    display: block;
}
.gnb-edit-board .gnb-edit-board-checkbox:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.gnb-edit-board-radio {
    border-radius: 50%;
}
.gnb-edit-board .gnb-edit-board-radio:after {
	left: 6.5px;
}
/*archive checkbox*/

.site_page_text{
	font-size: 16px;
	letter-spacing: 0.2px;
	color: #455c6a;
	text-align: justify;
	padding-bottom: 0px;
	line-height: 170%;
	margin-bottom:20px;
	max-width:960px;
}

/*bell icon*/
.gnb_bell_white{
    color: white !important;
}

/****************************** START SHORTCUT SIDE MENU ***************************/

.side_shortcut_menu{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100px;
	height:100%;
	background:#F1f1f1;
}

.side_shortcut_header{
	background-color:#2c3621;
	padding:6px 3px;
	height:30px;
}

.side_shortcut_content{
	height:calc(100% - 30px);
	overflow:auto;
	width:100%;
}

.side_shortcut_item{
	width:100%;
	padding:10px;
	font-size:45px;
	color:#979797;
	text-align:center;
}

.side_shortcut_item span{
	font-size:14px;
	margin-top:0px;
}

.left_icons{
	float:left;
	font-size:18px;
	color:#FFF;
}

.right_icons{
	float:right;
	font-size:18px;
	color:#FFF;
	padding: 0px 3px;
}

.quick_access_remove_icon{
	display:none;
}

.shortcut_menu_open .side_shortcut_menu{
	display:block;
}

.shortcut_menu_open > .site_wrapper{
	margin-left:100px;
	width:calc(100% - 100px);
}

/****************************** END SHORTCUT SIDE MENU ***************************/


/****************************** START LAUNCHPAD ***************************/

.amc_launchpad_wrapper{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.9);
	position:fixed;
	top:0px;
	left:0px;
	z-index: 1000;
	display:none;
}

.open_launchpad .amc_launchpad_wrapper{
	display:block;
}

.launchpad_header{
	padding:50px 0px;
	text-align:center;
}

.launchpad_searchbox{
	padding:5px;
	width:600px;
	border:1px solid #FFF;
	border-radius:3px;
	font-size:20px;
	background:transparent;
	color:#FFF;
}

.launchpad_content{
	height:calc(100% - 160px);
	overflow:auto;
	padding:0px 80px;
}

.launchpad_item{
	width:215px;
	float:left;
	text-align:center;
	padding:20px;
}

.launchpad_item a{
	display:inline-block;
	text-decoration:none;
	font-size:65px;
	color:#FFF;
}

.launchpad_item a span{
	font-size:14px;
	display:block;
	margin-top:20px;
}

.amc_launchpad_loading{
	display:table;
	color:#FFF;
	font-size:24px;
	width:100%;
	height:100%;
}

.amc_launchpad_loading div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/****************************** END SHORTCUT SIDE MENU ***************************/

.notice_gallery_thumb{
	width: 50px;
	height: 50px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	margin-right: 10px;
	display:inline-block;
}

.modal-dialog.full_width{
	width:calc(100% - 40px);
}

.modal-dialog.full_width .modal-body{
	padding:0px !important;
}

.modal-dialog.full_width .modal-content{
	border:0px !important;
}

.modal-dialog.full_width .bootbox-close-button{
	margin-top:-28px !important;	
}


/******************************* START UNIVERSAL SEARCH ******************************/

.universal_search_loading{
	display:table;
	color:#FFF;
	font-size:24px;
	width:100%;
	height:100px;
}

.universal_search_loading div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.universal_search_header{
	padding:50px 0px;
	text-align:center;
}

.universal_searchbox{
	padding:5px 10px;
	width:600px;
	border:1px solid #FFF;
	border-radius:3px;
	font-size:20px;
	background:transparent;
	color:#FFF;
}

.universal_content{
	height:calc(100% - 200px);
	overflow:auto;
	background:#f5f5f5;
	margin: 0px 100px;
}

.univ_search_left{
	width:25%;
	height:100%;
	padding:20px;
	background:#B4B5B7;
	float:left;
	overflow:auto;
}

.univ_search_right{
	width:75%;
	height:100%;
	padding:20px;
	background: #DEE2E3;
	float:left;
	overflow: auto;
}

.univ_search_left p {
    background: #a1a1a1;
    padding: 5px;
    color: #fff;
    width: fit-content;
    width: -moz-fit-content;
}

.univ_search_left ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

.univ_property_title {
	font-size: 20px;
	overflow: hidden;
    font-weight: bold;
}

.universal_item a {
    color: #000;
    outline:none;
}

/*.universal_item a:focus,.universal_item a:active {
	font-weight: bold;
	outline:none;
}*/

.univ_property_rn {
    font-weight: bold;
    padding:10px 0px;
    font-size: 16px;
}

.univ_search_left li {
    list-style-type: none;
    padding: 5px 0px;
    margin: 0px;
    font-size: 14px;
}

.univ-active {
    margin: 3px;
}

.universal_item.active{
	background-color:#8f8f8f;
}

.univ_full_grid a{
	color:#000;	
}

.univ_full_grid{
	width:100%;
	margin: 20px 0px;
}

.univ_grid_client{
	float:left;
	font-size: 14px;
	padding: 10px 0px;
	margin: 0px 10px 0px 0px;
}

.univ_grid_client i {
    font-size: 16px;
    font-weight: bold;
}

.univ_grid_client_address{
	font-size: 14px;
	/*padding: 10px 0px;*/
}

.univ_full_grid_table td,.univ_full_grid_table th,.univ_full_grid_table_property td,.univ_full_grid_table_property th {
    padding: 5px;
    border:1px solid #ccc;
}

.univ_full_grid_table th,.univ_full_grid_table_property th {
    background-color: #d7d7d7;
}

.univ_full_grid_table{
	width:100%;	
	float:left;
}

.univ_full_grid_table_property{
	width:100%;	
}

.univ_grid_client_clear {
    clear: both;
}

.univ_full_grid_table td,.univ_full_grid_table_property td {
    background-color: #fff;
}

.univ_full_grid_table_property h5,.univ_full_grid_table_width h5{
	font-weight:bold;
}

.univ_full_grid_table_width {
    width: 100%;
    /*padding: 30px 0px;*/
}

.univ_property_left_grid{
	width:70%;
	float:left;
}

.univ_property_right_grid{
	width:30%;
	float:right;
	padding: 15px;
}

.univ_grid{
    width: 110px;
    float: left;
    text-align: center;
    padding: 10px 20px 10px 0px;
}

.univ_grid span {
	margin-top:5px;
    font-size: 14px;
    display:block;
}

.univ_grid i{
	font-size:40px;
	color: #6c6c6c;
}

.univ_search_property h3, .univ_search_last_viewed h3 {
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

.univ_search_last_viewed {
	margin-bottom: 40px;
}

.univ_search_last_viewed ul {
	font-size:16px;
	list-style-type: none;
}

.univ_search_last_viewed ul li a {
	font-weight: normal !important;
}

.univ_due_statement{
	display:none;
}

.load_more_btn{
	display:inline-block;
	padding:10px 0px;
}

.shortcut_side_menu{
	width:80px;
	position:fixed;
	top:150px;
	right:-70px;
	background:#60694d;
	transition: all 0.5s ease-in-out;
	text-align:center;
	z-index: 99;
	border-radius: 3px 0px 0px 3px;
}

.shortcut_side_menu a{
	color:#FFF;
	display:inline-block;
	width:100%;
	text-align:center;
	padding:5px 10px;
}

.shortcut_side_menu:hover{
	right:0px;
	
}

.shortcut_side_menu.second_menu{
	top:235px;
}

.shortcut_side_menu.third_menu{
	top:320px;
}

.shortcut_side_menu.fourth_menu{
	top:425px;
}

.shortcut_side_menu.fifth_menu{
	top:465px;
	width: 225px !important;
	right: 0px;
}

.shortcut_side_menu.fifth_menu ul{
	text-decoration: none;
	list-style-type: none;
	color: #fff;
	padding: 5px 15px;
	text-align: left;
	font-size: 14px;
}

.shortcut_side_menu.fifth_menu a{
	padding: 2px 0px;
	text-align: left;
}

.shortcut_side_menu.fifth_menu ul li{
	padding:1px;
}

.shortcut_side_menu.open{
	right:0px;
}

.shortcut_side_menu_video{
	width:120px ! important;
	right: 0px;
}

.shortcut_side_menu_icon_video {
	padding: 2px;
	font-size: 16px;
	margin-right: 5px;
}

/****************************** END SHORTCUT SIDE MENU ***************************/


/****************************** FIREBASE NOTIFICATION ***************************/

.firebase_notification_holder{
	position:fixed;
	bottom:20px;
	left:20px;
	max-width: 250px;
}

.amc_notification_holder{
	width:220px;
	border-radius:5px;
	color:#FFF;
	box-shadow: 0 1px 4px 0 #888;
	overflow:hidden;
	position:relative;
	position:fixed;
	bottom:20px;
	left:20px;
	max-width: 250px;
}

.amc_notification_holder .push_notification_popup_close{
	display:inline-block;
	width:30px;
	height:30px;
	color:#FFF;
	background:#000;
	border-radius:15px;
	position:absolute;
	top:-15px;
	right:-15px;
	line-height:30px;
	text-align:center;
	font-size:16px;
}

.amc_notification_content{
	width:100%;
	padding:10px;
	background-image:url(../img/notification_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.amc_notification_photo{
	width:80px;
	height:80px;
	border-radius:40px;
	border:3px solid #FFF;
	margin:0px auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow: 0 1px 4px 0 #888;
	margin-top:10px;
	font-size:36px;
	line-height:80px;
	text-align:center;
	background: #60694d;
}

.amc_notification_username{
	text-align:center;
	font-size:18px;
	line-height:18px;
	margin-top:10px;
}

.amc_notification_usertype{
	text-align:center;
	font-size:12px;
	margin-bottom:10px;
}

.amc_notification_type{
	text-align:center;
	font-size:14px;
}

.amc_notification_type i{
	font-size:50px;
	display:block;
}

.amc_notification_more_info{
	background-color:#e8e8e8;
	color:#000000;
	padding:20px;
	text-align:center;
}

.amc_notification_more_info .common_button{
	text-transform:uppercase;
	font-size:13px;
	margin-top:10px !important;
}

.amc_notification_phone{
	font-size:22px;
	display:block;
}

.amc_notification_email{
	font-size:14px;
	margin-bottom:5px;
}

.push_notification_popup{
	padding: 10px 25px 10px 10px;
	background:#fff;
	border:1px solid #ddd;
}

.push_notification_popup_close{
	display:inline-block;
	padding:2px 5px;
	background:#000;
	color:#FFF;
	text-decoration:none;
	position:absolute;
	top:0px;
	right:0px;
}

.push_notification_popup h1{
	margin:0px 0px 5px 0px;
	font-size:18px;
}

.push_notification_popup h4{
	margin:0px;
	font-size:14px;
	color:#9d9d9c;
}

.push_notification_btn{
	border-radius: 0;
    padding: 5px 10px;
    width:100%;
    text-align:center;
    text-transform:uppercase;
}

.push_notification_btn.danger_color{
	background:#FF0000;
}

.push_notification_btn.half_width{
	width:50%;
	float:left;
}

/****************************** END FIREBASE NOTIFICATION ***************************/


.notification_list_holder{
	border-bottom:1px solid #EFEFEF;
	margin-bottom:10px;
}

.notification_list_holder:hover{
	background:#F1F1F1;	
}

.notification_list{
	padding:5px 0px 5px 10px;
	color:#000;	
	font-size:14px;
	line-height:18px;
	text-align:left;
	height:30px;
	float:left;
	width:calc(100% - 35px);
}

.notification_list small{
	float:right;	
}

/**API Post Code**/
.field_item_plus_15{
	width:calc(15% - 10px) ! important;
	display:inline-block  ! important;
	margin-right: 8px ! important;
	overflow: hidden ! important;
}
.field_item_half_plus{
	width:calc(34% - 10px) ! important;
	display:inline-block ! important;
	margin-right: 8px ! important;
	overflow: hidden ! important;
}
.field_item_plus{
	width:calc(50% - 10px) ! important;
	display:inline-block ! important;
	margin-right: 8px ! important;
	overflow: hidden ! important;
}
.common_btn_100{
	width:100% ! important;
}

/*************LIST VIEW**********************/
.gnb__view__option{
	padding:15px 0px;
}
.gnb__view__option__list, .gnb__view__option__table {
    padding: 5px ! important;
    margin-left: 5px ! important;
}
.gnb__view__option__list i, .gnb__view__option__table i{
    font-size: 20px !important;
}

/******************** COMMON STYLE *********************/


.amc_list_result_holder{
	width: 100%;
    margin: 0px 0px 30px 0px;
}

.amc_result_info_holder{
	width: calc(100% - 200px);
	float:left;
}

.amc_list_info_holder{
	width: 200px;
	float:right;
}

.amc_list_total{
	width:100%;
	font-size:44px;
	color:#616850;
	text-align:right;
	line-height:20px;
}

.amc_list_total span{
	font-size:12px;
	text-transform:uppercase;
	display:block;
	margin-top:10px;
}

.amc_list_pagination_holder{
	width:100%;
	text-align:right;
}

.amc_filter_holder{
	width:calc(100% - 200px);
	float:left;
	text-align:left;
}

.amc_page_info_holder{
	float:right;
}

.amc_filter_section{
	margin-bottom:10px;
	float:left;
	margin-right:10px;
}

.amc_pagination_left{
	margin-right:5px;
	font-size:40px;
	color:#60694d;
}

.amc_pagination_right{
	margin-left:5px;
	font-size:40px;
	color:#60694d;
}

.pagination_txtbox{
	width:40px;
	padding:2px 5px;
	background-color: #fafafa;
	box-shadow: none;
	color: #9b9b9b;
	border:1px solid #CCC;
	text-align:center;
	height: 28px;
}

.amc_pagination{
	display:inline-table;
	width:130px;
}

.amc_pages_count{
	display:block;
	font-size:12px;
	color:#60694d;
	text-transform:uppercase;
}

.amc_list_filter_btn{
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
    border: 0px;
    font-size: 12px;
    cursor: pointer;
    color:#60694d;
    background:#eaeaea;
    text-transform:uppercase;
    margin-left:15px;
    margin-bottom:10px;
}

.amc_list_filter_btn.active{
	color:#FFF;
    background:#60694d;
}

.pagination_btn{
	padding:4px 5px;
}

.amc_list_info_holder {
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.send_email_icon i{
	padding: 0px 5px;
    font-size: 18px;
    color: #818181;
}
.reconcile_bg{
	background-color:#fbe782 !important;
}
.amc_page_caption{
	width:100%;
	height:20px;
	display:none;
}
.amc_sub_page_caption{
	width: calc(100% + 30px);
    height: 20px;
    display: none;
    position: relative;
    left: -15px;
    top: -20px;
}

.total_champs th, .total_champs td{
	background-color: #90ee90 !important;
}

.total_champs_due th, .total_champs_due td{
	background-color: #ff726f !important;
}

.total_champs_paid th, .total_champs_paid td{
	background-color: #90ee90 !important;
}

.amc_director_setting_caption{
	width: 100%;
    height: 20px;
    padding: 20px;
    font-size: 22px;
}

.create_app_steps_content p{
	text-align:left !important;
}

.amc_hidephoto{
	display:none;
}
.contact_form_name_uppercase{
    text-transform:capitalize;
}

/* ---------------------------- */
.common_button {
	border-radius: 5px !important; 
}
.jcfe {
  justify-content: flex-end;
}
.jcsb {
  justify-content: space-between;
}
.aic {
  align-items: center;
}
.gg_10 {
  grid-gap: 10px;
}
.d_flex {
  display: flex;
}
.ai_btn_design{
	background: linear-gradient( 68.4deg, rgba(158,143,254,1) 0.2%, rgba(113,202,255,1) 93.3% ) !important;
	border-radius:5px;
	position:relative;
	overflow:hidden;
	padding: 6px 10px;
	color: #fff;
	font-size: 14px;
}
.ai_btn_design:hover.btn_glow:before{
	background: linear-gradient( 68.4deg,rgba(113,202,255,1) 93.3% , rgba(158,143,254,1) 0.2%) !important;
	animation: button-glow 3000ms ease-in-out infinite;
}

.fade_in_left {
	animation: fade-in-left 2s ease infinite;
}
@keyframes fade-in-left {
	0% {
		opacity: 0;
		transform: translateX(-8px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.btn_glow span{
	z-index:10;
	position:relative;
}
.btn_glow:before{
	content:'';
	position: absolute;
	left: -20%;
	top:-10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1, 2);
	box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.7);
}

@keyframes button-glow {
	0% {
		left: -20%;
	}
	50% {
		left: 120%;
	}
	100% {
		left: 120%;
	}
}
/* ---------------------------- */