/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* override body padding */
html body .content .content-wrapper{
	padding: 0.8rem 0.8rem 0 !important;
}

.navbar-dark.navbar-horizontal {
    /*background: #ed7d2d !important;*/
}

body{
	/*font-family: Ubuntu !important;*/
	font-family: "Roboto", sans-serif !important;
}

body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.footerBrands img{
	margin: 0 5px;
}
.rowDeleted td{
	background-color: rgb(247, 207, 207) !important;
}

.condo_dblue{
	background-color: #537A94 !important;
}

.bg_als_orange{
	background-color: #21B3AB !important;
}

.bg_als_blue{
	background-color: #1A5688 !important;
}
.nopointer{
	pointer-events: none;
}

.blockUI.blockOverlay {
	background: rgba(0, 0, 0, 0.3); /* Adjust transparency (0.3) as needed */
}

.blockUI.blockMsg {
	background: transparent !important; /* Make the message background transparent */
	border:  none !important; /* Optional: Remove border if you want */
	color: #fff; /* Optional: Set text color if needed */
}

/* sweet alert */
.swal2-content{
	margin: 20px 5px !important;
}


@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.app-content{
	margin-top: 5px !important;
}

/* override boostratp card header  and body padding */
.card-header{
	padding: 0.9rem 0.9rem !important;
}

.card-body{
	padding: 1rem !important;
}

.card{
	margin-bottom: 0.8rem !important;
}

/* override h3 font size on dashboard card */
h3, .h3{
	font-size: 1.3rem !important;
}

/* disable event on reload button in the page home */
.disablePointer{
	pointer-events: none !important;
}

/* set size of brand logo to 60px in nav menu*/
.nav-brand-logo{
	width: 60px;
}

.listErrors ul{
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#form-community{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.communitySearch, .communitySearch > input{
	margin-bottom: 0 !important;
}
kbd{
	color: black !important;
}

/* card element heading top */
.card-header .heading-elements, .card-header .heading-elements-toggle{
	top: 10px !important;
}

/* Board List Select2 choices padding */
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	margin-bottom: 7px !important;
	background-color: darkorange !important;
}

.border-right-secondary{
	border-right-width: 1px !important;
	border-right-color: #f2efef !important;
	border-radius: 2px;
	box-shadow: #f2efef;
}

/* datatable search margin*/
.dataTables_filter{
	margin-bottom: 15px;
}


/* Hide DataTable-bound tables until DataTables wraps them. DataTables.net adds
   the .dataTable class on init; before that, the raw server-rendered table would
   flash unstyled. Pseudo-element ::after draws a CSS-only spinner over the
   hidden table area for visual feedback while loading. */
table#meetingNotice_templates:not(.dataTable),
table.mailing_table:not(.dataTable),
table#budget_table:not(.dataTable),
table#client_table:not(.dataTable),
table#users-list-datatable:not(.dataTable),
table#budgets-management-table:not(.dataTable),
table#email-sending-status-table:not(.dataTable),
table#meetingNotice_table:not(.dataTable) {
	visibility: hidden;
	position: relative;
}

table#meetingNotice_templates:not(.dataTable)::after,
table.mailing_table:not(.dataTable)::after,
table#budget_table:not(.dataTable)::after,
table#client_table:not(.dataTable)::after,
table#users-list-datatable:not(.dataTable)::after,
table#budgets-management-table:not(.dataTable)::after,
table#email-sending-status-table:not(.dataTable)::after,
table#meetingNotice_table:not(.dataTable)::after {
	content: "";
	visibility: visible;
	position: absolute;
	top: 100px;
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	border: 3px solid #e0e0e0;
	border-top-color: #537A94;
	border-radius: 50%;
	animation: dt-loading-spin 0.8s linear infinite;
}

@keyframes dt-loading-spin {
	to { transform: rotate(360deg); }
}

/* DataTables bottom row — align length selector, info text, and pagination on the
   same baseline; add a gap between the length selector and the info text. */
.dataTables_length,
.dataTables_info,
.dataTables_paginate {
	padding-top: 0 !important;
	margin-bottom: 0;
}
.dataTables_length {
	margin-right: 1.5rem;
}

/* Restore a visible dropdown arrow on the DataTables length selector. Pixinvent's
   components.css sets `background: none` on this select which strips the native
   arrow; we draw our own chevron via an inline SVG so it renders consistently
   across browsers. */
div.dataTables_wrapper div.dataTables_length select {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='%23495057'%3E%3Cpath d='M2.5 3l1.5 2 1.5-2H2.5z'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
	background-size: 10px;
	padding-right: 1.75rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



/* Discussion sidebar */
.sidebar {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 99999;
	top: 1%;
	right: 0;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	transition: 0.3s;	
	opacity: .98;
	box-shadow: 3px 3px 14px -1px rgba(168, 170, 164, 0.66);
	border-radius: 5px 0 5px 0;
	padding-bottom: 50px;
  }
  
  
  .sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 36px;
	/*margin-right: 50px;*/
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	z-index: 9999;
  }
  
   
  #main {
	transition: margin-left .3s;
	padding: 16px;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
	.sidebar {padding-top: 15px;}
	.sidebar a {font-size: 18px;}
  }

  .width-40{
	width: 40px !important;
  }
  .width-30{
	width: 30px !important;
  }

  .pointer{
	cursor: pointer !important;
  }

  .show{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition:all 1s;
  }

  p.discussionPara{
	max-height: 100px;
	overflow-y: auto;
  }

  #LogsMenu{
	max-height: 450px;
	overflow-y: auto;
  }

  .logsWhodid, .logsBody{
	padding: 5px 5px !important;
  }
  .logsTime
  {
	margin: 0 !important;
  }
.taskBox:hover{
	/*background-color: #c9ebfd !important;*/
	cursor: pointer;
}
.taskBox:hover .taskPushpin{
	transform: scale(1.2);		
}
.taskBox:hover{
	rotate: 1deg;
}
.taskPushpin{
	transition: all .2s ease-in-out;
}
.taskBox{
	transition: background-color .3s;	
	transition: rotate .4s;	
	background-color: #eeeaf3;
	margin: 7px 8px !important;
	position: relative;
	overflow: hidden;
}
.taskBox .taskPushpin{
	position: absolute;
	top: 0px;
	left: 2px;
	opacity: .8;
}
.taskBox p.taskContent{
	min-height: 65px;
	margin-bottom: 10px !important;
}
.taskSelect{
	background-color: #d8d5ea !important;
}


.taskPeriod{
	display: inline-block;
	position: absolute;
	left: 10px;
	bottom: -13px;
	padding-bottom: 15px;
	opacity: .7;
}


/*Full Calendar*/

.fcrelative{
	position: relative !important;
}

/* selectivity */
.selectivity-input{
	display: block !important;
	width: 100% !important;
}


/* brand logo*/
.brandLogo{
	
}

.header-navbar .navbar-header .navbar-brand{
	padding: 10px 0px !important;
}

.opacity-95{
	opacity: 0.95;
}

/* iCheck line blue*/
.icheckbox_line-blue{
	/*background-color: #ed7d2d !important;*/
}

.mailingLabels{
	font-weight: 600 !important;
	color: #111113af;
	/*line-height: 1.9rem;
    text-align: right !important;*/
	
}

/* app form wizard*/
.app-content .wizard.wizard-circle > .steps > ul > li:before, 
.app-content .wizard.wizard-circle > .steps > ul > li:after
{
	/*background-color: #1A5688 !important;*/
}
.app-content .wizard > .steps > ul > li.done .step {
    background-color: #1A5688 !important;
    border-color: #1A5688 !important;
    color: #fff;
}
.app-content .wizard > .steps > ul > li.current .step {
    border-color: #1A5688;
    background-color: #fff;
    color: #1A5688;
}

.app-content .wizard > .actions{
	margin-top: 10px !important;
}

/* input icon position */
.form-control-position{
	top: -3px !important;
	width: 1rem !important;
}

/* digital number- mailing pages */
#mailing_pages{
	font-family: "Orbitron" !important;
	font-weight: 700;
    font-size: 1.1rem;
}

.digital{
	font-family: "Orbitron" !important;	
}

.suggestList{
	border: 1px solid  #d3d3d3;
	background-color: white;
	position: absolute;
	width: 100%;
	z-index: 199;
	padding: 5px;
}
.suggestList option{
	padding: 6px 6px;
	border-bottom: 1px solid #d3d3d3;
}

.mailing_table .btn-sm{
	padding: 0.3rem 0 !important;
	width: 2rem !important;	
	margin: 0 0.2rem !important;
}

.modal {  
  /*position: absolute;
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
}


.errors > ul{
	margin-bottom: 0 !important;
}

.nav.nav-tabs.nav-topline .nav-item a.nav-link.active {
    background: none;
    box-shadow: inset 0 3px 0 #ed7d2d !important;
    color: #ed7d2d !important;
    border-radius: 0;
    border-top-color: #ed7d2d !important;
    border-bottom: none;
}

.bg-budget-step{
	background-color: #f1f0ef;
	border-radius: 10px 0 0 10px;
}
.bg-budget-step-active{	
	border: 3px dashed #FFD760;
}

.budget-check{
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	border-radius: 50px;
	text-align: center;
	padding: 0;
	margin: 0;
	position: absolute;
	left: -25px;
	top: -2px;
	line-height: 2.6rem;
}

.budget-step-notstarted{
	border: 3px solid #d1d2d5;
	background-color: white;
}

.bdg-warning{
	background-color: #1ca19a;
}

.border-light{
	border: 1px solid #d1d2d5;
}
.border-bdg-blue{
	border: 1px solid #1A5688;
}

.budget-bar-progress{
	display: inline-block;
	border: 1px solid #d1d2d5;
	width: 6px;
	height: 100%;
	position: absolute;
	left: -10px;
	top: 3px;
}
.bdg-success{
	background-color: #3BB44A;
}
.bdg-blue{
	background-color: #1A5688;
}
.bdg-round{
	border-radius: 5px;
}
.step-ok-brd{
	border: 2px solid #8bc34a !important;
}

.blockquote {
    
    border-left: 0.3125rem solid #006D9E !important;
    
}

.mailStepCheck{
	position: absolute;
	left: -20px;
	width: 30px;
	height: 30px;
	top: -5px;
}

.mailStepBar{
	position: absolute;
	left: -7px;
	width: 4px;
	height: 110%;
	top:10px;
	display: inline-block;
	background-color: #ff9149;
}

.p-smbtn{
	padding: 6px !important;
}

.cm-user, .cm-user-icon{
	background-color: #f7f4f4;
	border: 1px solid #fdfcfc;
	color: #868484;
	font-size: 0.9rem;
    
}

.cm-user{	
	padding: 5px 10px;	
	border-radius: 30px 5px 5px 30px;
	display: inline-block;
    min-width: 135px;
    
}

.cm-user-icon{
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 2px;	
	line-height: 2rem;
    cursor: pointer;
    transition: all ease-out 0.2s;    
	box-shadow: 1px 1px 10px rgba(133, 132, 132, 0.3),
                -1px -1px 10px rgba(252, 223, 196, 0.3);
}
.cm-user-icon:hover{
    box-shadow: 1px 1px 10px rgba(94, 93, 93, 0.39),
                -1px -1px 10px rgba(245, 120, 4, 0.568);
    background-color: #fce7d8;        
    
}
.searchUsersResults, .MNRDVPUsersResults{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 100%;
    z-index: 999;
    border: 1px solid #f3f4f5;
    background-color: #faf9f8;
    font-size: 0.9rem;
    opacity: 0.95;
}
.searchUsersResults:focus, .MNRDVPUsersResults:focus{
    outline: none;
    border: none;    
}
.searchUsersResults option, .MNRDVPUsersResults option{
    padding: 7px 5px;
    border-bottom: 1px solid #d1d2d5;
}

.card-community{
    background-color: #e9ebec;    
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px rgba(94, 93, 93, 0.39),
                -1px -1px 10px rgba(86, 151, 248, 0.568);
}

#swal2-content div.errors > ul{
    text-align: left;
    color: rgb(155, 5, 5);
}

.bradius-2{
	border-radius: 2px;
}

.dashed{
	border: 1px dashed gray;
}

#selectedCommunities{
	pointer-events: none;
}
#selectedCommunities option:checked{
	background-color: lightblue !important;
}


  .card-back {	
	border: 5px solid #EDAD2A;
	border-radius: 10px;	
  }

  .mn2_card {
	width: 190px;
	height: 254px;
	border-radius: 10px;
	background: #e0e0e0;
	box-shadow: 20px 20px 60px #bebebe,
				  -20px -20px 60px #ffffff;
   }
  

  .button2 {
	display: inline-block;
	transition: all 0.2s ease-in;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #090909;
	padding: 0.7em 1.7em;
	cursor: pointer;
	font-size: 18px;
	border-radius: 0.5em;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
  }
  
  .button2:active {
	color: #666;
	box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
  }
  
  .button2:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(1) scaleX(1.25);
	top: 100%;
	width: 140%;
	height: 180%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
  }
  
  .button2:after {
	content: "";
	position: absolute;
	left: 55%;
	transform: translateX(-50%) scaleY(1) scaleX(1.45);
	top: 180%;
	width: 160%;
	height: 190%;
	background-color: #009087;
	border-radius: 50%;
	display: block;
	transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
  }
  
  .button2:hover {
	color: #ffffff;
	border: 1px solid #009087;
  }
  
  .button2:hover:before {
	top: -35%;
	background-color: #009087;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }
  
  .button2:hover:after {
	top: -45%;
	background-color: #009087;
	transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
  }

  .tableMeetingNoticeDetail tbody td{	
  	vertical-align: top !important;	
  }
  .tableMeetingNoticeDetail tbody td{
	border: none !important;	
  }

  /*Dropzone*/
.dropzone .dz-message {

	top: 30% !important;
	color: #0B57A3 !important;
}

.dropzone{
	border: 2px dashed #1F8FCE !important;
}

.dropzone .dz-message:before{
	color: #0B57A3 !important;
}


/* breadcumb */
.breadcrumb .breadcrumb-item a{
	color: #0B57A3 !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before{
	color: #0B57A3 !important;
}