body{
background: #ffffff;
font-size: 1.25rem;
	
	margin: 0 auto;
}

.ROLABEL {
	font-weight: bold;
	margin-top: 5px;
	color: #3E3E3E;
	text-transform: capitalize;
}

#dashboard .card{
	margin-bottom:5px;
}

#dashboard .card-body{
	max-height:300px;
	overflow:auto;
}

.property_type_file {
	min-width: 285px;
	display: inline-block;
	text-align: center;
	padding: 5px;
}

.__constructDynamicProperty {
	min-height: 100px;
	background: #f7f7f7;
}


.property_logic_input{
	margin-top:3px;
}

.limitlist{
	max-height:400px;
	overflow: auto;
}

.constructROitem {
	margin-bottom: 5px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	display: inline-block;
	vertical-align: top;
}

.propertyDelete {
	margin-right: 5px;
	margin-top: 5px;
}

.filecard, .pendingFilePreview {
	width: 150px;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	color: #333;
	background: #f2f2f2;
	border-radius: 5px;
	margin-right: 5px;
	height: auto;
	border: 5px solid #f2f2f2;
	min-height: 100px;
}


.filecard a {
	display: block;
	color: #333;
	margin: 0 auto;
	padding: 5px 0px;
	text-align: center;
}

.tc_supporting_link{

	display: block;
	height: auto;
	margin: 5px 0px;

}


.tetricor-gradient {
    background: linear-gradient(333deg, #4a54a2, #4683b7, #34b4ca, #4a56a3);
    background-size: 800% 800%;

    -webkit-animation: tetricor-gradient-ease 5s ease infinite;
    -moz-animation: tetricor-gradient-ease 5s ease infinite;
    animation: tetricor-gradient-ease 5s ease infinite;
}

.tc-card-footer {
	padding: 0px !important;
}

.tetricor-gradient .btn{
	border:none;
	width:100%;
}

.tetricor-gradient .btn:hover {
     background: linear-gradient(125deg, #4a54a2, #4683b7, #34b4ca, #4a56a3);
    background-size: 800% 800%;

    -webkit-animation: tetricor-gradient-ease 5s ease infinite;
    -moz-animation: tetricor-gradient-ease 5s ease infinite;
    animation: tetricor-gradient-ease 5s ease infinite;
	border-radius:0px;
}

@-webkit-keyframes tetricor-gradient-ease {
    0%{background-position:44% 0%}
    50%{background-position:57% 100%}
    100%{background-position:44% 0%}
}
@-moz-keyframes tetricor-gradient-ease {
    0%{background-position:44% 0%}
    50%{background-position:57% 100%}
    100%{background-position:44% 0%}
}
@keyframes tetricor-gradient-ease {
    0%{background-position:44% 0%}
    50%{background-position:57% 100%}
    100%{background-position:44% 0%}
}


.opaque{
	opacity: 0.8;
	filter: blur(3px);
}
.opaque:hover{
	opacity: 1;
	filter: blur(0px);
}



#_constructImage img{
	max-height:75px;
	width:auto;
	display:inline-block;
	margin-right:5px;
}

#_constructMainName{
	display:inline-block;
}

#_constructSubNav {
	background: #333;

	width: 100%;
	left: 0px;
	padding: 5px;
	top: 0px;
	padding:5px 15px;
}

#_constructLockedMessage{
	padding:2px 15px;
	text-align:center;
}

#_constructMainNav {
	background: #333;
	width: 100%;
	color: #fff;
	padding:5px 15px;
}

#_constructSubNav .btn span,#_constructMainNav .btn span{
	#font-size:0px;
	transition:0.1s;
}

#_constructSubNav .btn:hover span,#_constructMainNav .btn:hover span{
	font-size:1em;
}

.constructPropertyGroup {
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.constructPropertyGroup .card-body {
	padding: 0px 1px 10px 1px;
}
.constructPropertyGroup .editButton  {
margin:5px;
}

.constructPropertyGroup .table {
	width: 100%;
	margin-bottom: 10px;
	color: #212529;
	border: ;
	display: block;
}
.constructPropertyGroup .card-title {
	font-size: 1em;
	color: #484E54;
	font-weight: normal;
	background: #f9f9f9;
	padding: 5px 15px;
	margin-bottom: 1px;
	text-transform: capitalize;
}

.constructPropertyGroup .card-header {
	padding: 0.45rem 1.25rem;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,.125);
		text-transform: capitalize;
}

.testMode {
	border: solid 5px #FE3849;
	min-height: 100vh;
	z-index: 99999;
	padding-bottom: 150px;
}

.config_advanced{
	display:none;
}

#workflow_viz_container{
	width:100%;
	overflow-x: auto;
	background: #efefef;
	padding:5px 10px;
}

#workflow_viz_inside{
	width: max-content;
}

#workflow_viz_container .step {
	text-align: left;
	display: inline-block;
	font-size: 18px;
	padding-left: 5px;
	width: 20vw;
	margin-bottom: 5px;
}


#workflow_viz_container .card {
	height: 400px;
	max-width: 350px;
}
#workflow_viz_container .card-body {
display:block;
height:200px;
}#workflow_viz_container .card-footer {
display:block;
height:50px;
}

#workflow_viz_container p{

}

#workflow_viz_container .arrow {
	float: right;
	font-size: 25px;
	margin-top: 50%;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.7;
}

#workflow_viz_container .current{
border-top:5px solid red;
}

.toolbar{
	background: #EFEFEF;
	padding: 5px 15px;
}

#workflow_viz_container .step-label {
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	padding: 10px;
	display: block;
	border-radius: 50%;
	margin: 0px -30px 15px 0px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	position: relative;
	left: -50px;
}


#workflow_viz_container .card-title {
	height: 60px;
	font-size: 18px;
	line-height: 24px;
	word-break: keep-all;
	word-wrap: anywhere;
}

#workflow_viz_container .btn{
	width:100% !important;
}



#logoinstall
{
	max-width:350px;
	width: 100%;
	display:block;
}

.logoinstallnormal{
	margin:5px auto;
}

.logoinstallpending {
	margin: 250px auto 100px auto;
}

.testMode:after{
	content: "Pre-Production Mode Enabled";
	position:fixed;
	bottom:0px;
	left:0px;
	background: red;
	color: white;
	font-size:10px;
	padding:2px 15px;
	width:100%;
	border-bottom:5px solid red;
}

.logicGroup:nth-of-type(even) {

}

.logicGroup:nth-of-type(odd) {
	
}

.instanceHtml{
	background: #fff !important;
	color: #333 !important;
		
}

.instanceBodyHtml {
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	padding: 5px 15px 5px 20px;
	background: #fff !important;
	color: #333 !important;
}

.btn-group-sm > .btn, .btn-sm {

	line-height: 1;

}


.readonlyhtml{
		background: #fff !important;
	color: #333 !important;
		
}


.logicGroup {
	border-radius: 5px;
	
	margin: 5px 0px;
}

.instanceHtml {
	display:none;
}

#verticalnav {

}
#verticalnav .nav-link {
	border-bottom: 1px solid #ccc;
	color: #333;
}

#verticalnav .nav-link:hover {
	border-bottom: 1px solid #000;
	color: #000;
	box-shadow: 1px 1px 2px #ccc,-1px -1px 2px #ccc;
}

.readonlyValueRender{
	border-radius:1em;
	border:1px solid #ccc;
	
}

.hoverElement{
		border-radius:1em;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:5px;
}

#tcadmintop{

	background: #333;
	padding: 10px;
	margin: 5px;
	border-radius: 5px;

}

#environmentswitchwrapper a{
	clear: both;
	color: #fff;
	font-size:10px;
	float: left;
	text-decoration:underline;
}
#environmentswitchwrapper {
	font-size: 13px;
	width: max-content;
	/* padding: 6px 0px; */
	position: relative;
	line-height: 25px;
	top: 3px;
	overflow: hidden;
	height: 40px;

	background: #333333;
	
	
	border-radius: 10px;
	color: white;
	font-weight: bold;
	height: auto;
}


.propertyWhereSelector{
	min-width:200px;
}

.separatedGroup {
	
	border-top: 0px solid #B5B5B6;
	margin-top: 5px;
}

#subcontainer {
	background: #fff;
	#background-image: url('../../default/assets/backgrounds/stars_1.jpg');
	background-attachment: fixed;
	background-size: 100% auto;
	min-height: 100vh;
	height: auto;
	padding-bottom: 100px;
}

#implementationView {
	background: white;
	padding-bottom: 50px;
	min-height: 400px;
}

.removebutton{
	margin: 0 auto;
}

.b {
	background: white;
	box-shadow: 2px 0px 5px #111,-2px 0px 5px #111;
	margin-bottom: 50px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	padding-bottom: 50px;
}

main {
	margin-bottom: 50px;
	padding-bottom: 50px;
}

#construct, .innerwrapper {
	padding-bottom: 15px;
}

#constructBody .table td, .table th {
	padding: 0.15rem 10px;
	font-size: 20px;
}

#constructBody .table td {
	padding: 0.15rem 10px;
	font-size: 16px;
}

#constructBodyInline .table td, .table th {
	padding: 0.15rem 10px;
}

.paddingtop{
	padding-top:50px !important;
}

#constructReportBody{
	background: white;
}


.page-link {

	padding: .40rem .75rem;

}

.fixed-subheader {
	position: sticky;
	width: 100%;
	background: #F2F2F2;
	top: 75px;
	padding: 10px 0px 0 0;
}


#readonlyConstruct .table thead th {
	vertical-align: bottom;
	border-bottom: 0px !important;
	padding: 3px 13px;
	font-weight: normal;
}

.table-bordered td, .table-bordered th {
	border-right: 3px solid #dee2e6;
	border-left: 3px solid #dee2e6;
}

.separatedGroupTop {
}

.readonlyFieldGroupBound{
	width:100%;
	overflow:auto;
}

.readonlyFieldGroup {
	max-width: 300px;
	float: left;
	padding: 5px;
	margin-right: 5px;
}

.readonlyFieldGroupInside {
	min-width: max-content;
}

#nav-profile .card, #nav-object .card {
	margin: 5px 5px !important;
}

.card {
	border: 1px solid #E2E2E3;
	border-radius: calc(0.5em + 1px);
}

.card-title {
	font-weight: bold;
}

.card-body {
	//border-radius: 0.5em;
}

.card-header:first-child {
	border-radius: calc(0.5em - 1px) calc(0.5em - 1px) 0 0 !important;
}

.table th {
	border-top: none !important;
}

#construct_properties{
	min-height:100vh;
}

.connectedSortable {
	min-height: 80px;
	margin: 5px;
	border-radius: 10px;
	padding: 5px 5px 0px 5px;
	border: 1px dotted rgba(206,220,250,0.5);
	background: rgba(206,220,250,0.4);
}

.badge-danger {
	color: #fff;
	background-color: #FE3849;
}

.btn {
	margin: 0px 2px;
}

.badge {
	max-width: 100%;
	white-space: normal;
}

.displayGroup {
	padding: 5px;
	border-radius: 10px;
	margin: 1px 5px 9px 5px;
	background: #fff;
	height: max-content !important;
}
.constructProperty {
	background: #fff;
	padding: 5px 0px 5px 0px;
	margin-bottom: 5px;
}

.constructProperty:hover{
	background: #efefef;
}

.displayGroup {
	border: 5px solid #0069D9;
}

.dropdown-menu.show {
	display: block;
	z-index: 1040 !important;
	width: max-content;
}

.displayGroupInstance {
	width: 100%;
	margin: 0 auto;
	background-size: 120% auto !important;
}

.displayGroupInstanceContent{
		width:100%;
		height: 100%;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	box-shadow: 1px -1px 5px #333;
}

.objectAttribute{
	background: rgba(206,220,250,0.4);
	padding: 10px 5px;
	margin: 2px;
	border-radius: 5px;
	color: #000;
	font-weight: bold;
}

.minitron {
	margin-bottom: 10px !important;
	padding: 15px 10px !important;
	border-radius: 10px !important;
}

.configZone{
	background: #484d56;
	color: #fff;
	margin-top:10px;
	border-radius:5px;
}


.handlebar {
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	line-height: 30px;
	border-right: 1px solid #ccc;
}

					.connectedSortable:hover{ border: 2px dotted #fff; }
					.objectAttribute:hover{ border: 2px dotted #fff;	background: rgba(206,220,250,0.5); }
				
					

.evenheight-card{
	min-height:350px;
}

body,a,span,div,p,h1,h2,h3,h4,h5{

    font-family: sans-serif;
}

._constructContent{
	margin:5px auto;
}


.vertical_container {
	width: 100%;
	overflow: auto;
	height: auto;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	background: #efefef;
	padding: 5px 10px 0px 10px;
	border-radius: 5px;
	margin: 5px 0px;
}

.vertical_scrollee{
	width: max-content;
}

.vertical_card {
	max-width: 450px;
	display: inline-block;
}

#navbarmain {
	z-index: 998;
	height: 75px;
}

#navbarmain img {
	max-height: 60px;
	max-width: 240px;
	height: auto;
	width: auto;
}


.form-check-label{
	margin-left:3px;
}

.iconhover{
	opacity: 0.6;
	cursor:pointer;
}

.loadinggif{
	height: 20px;
}

.small, small {
	font-size: 90%;
	font-weight: 400;
}

.trix-button-group--file-tools,.trix-button-group--history-tools{
	display:none !important;
}

h1 small,h2 small,h3 small,h4 small,h5 small {
	font-size: 65%;
	font-weight: 400;
}

#_constructSummary{
	position: relative;
	top:35px;
}


.iconhover:hover{
	opacity: 1;
}

.reorderimg{
	width: 18px;
	height: auto;
	background: white;
	border-radius: 5px;
	padding: 2px;
	margin-bottom:1px;
}

.typeahead_results {
	width: 100%;
	height: auto;
	max-height: 300px;
	overflow: auto;
	background: #efefef;
	padding: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

trix-editor {
	background: white !important;
}

._constructEditablePropertyInstance{
	margin-bottom: 2px;	
}

.form-control {

	border: 2px solid #B5B5B6;
	border-radius: 0.25rem;
}


.form-check {
	padding-left: 20px !important;
	clear: both;
	display: block;
	width: auto;
}

.instructions {
	background: #f7f7f7;
	padding: 10px;
	font-size: 12px;
}



.dynamictask{
	margin-top:2px;
}

#devmode{
	position:fixed;
	left:0px;
	bottom:0px;
	padding:1px;
	background: #000;
	color: #fff;
	z-index:9999;
	width:100%;
	font-size:10px;
}

.list-group-condensed > .list-group-item {
	position: relative;
	display: block;
	padding: .25rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}

span.float-right{
	margin-right:2px;
}

#sidebarContent {
	overflow: auto;
	max-height: 85vh;
	padding-right: 5px;
	margin-right: 55px;
}

._constructList li,.simplelist li{
	list-style-type:none;
	padding:5px;
	border: 0px;
}

._constructList,.simplelist {
	padding-left: 1px;
	margin-bottom: 5px;
	width: 100%;
	max-height:250px;
	overflow:auto;
}

.typeahead_results_button{
	padding:0px 0 0 5px !important;
	text-align:left !important;
}

.typeahead_results_list .list-group-item {
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125);
}

.propertyoptionsdiv{
	padding-left:10px;
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: transparent;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-title {
	font-size: 1.25em;
	color: #343A40;
	font-weight: normal;
}

.builderfocus{
	background: #E9ECEF
}

.maintitle a{
	color: #fff;
}

.select2-container--default .select2-selection--single {
	width: 100% !important;
	min-width: 250px;
}
._constructLabel {
	padding: 3px 13px;
	color: #333;
	font-weight: bold;
	width: auto;
	margin-bottom: 0px;
	font-size: 1em;
	margin-bottom: 1px;
	padding: 5px 4px;
	line-height: 21px;
	width: 100%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

._constructLabel span{
	float:right;
}

 .readonlyFieldGroupBound span {
	float: right;
	margin-top: 2px;
}
.loading > img{
	display:block;
	margin:5px auto;
	width:auto;
}

.loading{
	width:100%;
	padding:5px;
}

#devmode a,#devconsole a{
color: #fff;	
}

#devconsole {
	position:fixed;
	left: 5px;
	border-top:20px solid #333;
	cursor:crosshair;
	bottom: -320px;
	padding: 5px 20px;
	background: rgba(0,0,0,0.9);
	color: #fff;
	z-index: 9999;
	height: auto;
	border-radius: 5px;
	width: auto;
	font-size: 12px;
	text-align: left;
	overflow: auto;
	width: 20vw;
	height: 400px;
}

#devconsole ul{
	margin-top:5px;
	padding-left: 1px !important;
	background: #333;
}

#devconsole ul li{
list-style-type:none;
border-bottom: 1px solid #555;	
}

#devconsole .highlighted{
	color: red;
	font-weight:bold;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.adaptiveBody {
	
}

.adaptiveBody .highlighted{
	border: 1px solid red;
}

.adaptiveBody .highlightedMessage{
	background: red;
	color: white;
	padding:5px;
	margin: 5px;
	font-weight:bold;
}
.adaptiveBody .ready{
	border: 1px solid green;
	padding:15px;
	margin: 5px;
}

.adaptiveBody .adaptiveMarker {
	position: relative;
	background: yellow;
	color: black;
	padding: 2px;
	top: 5px;
	left: 5px;
	clear: both;
	display: block;
}

.adaptiveBody form {
	border: 5px solid orange;
	font-weight:bold;
}

.adaptiveBody .adaptiveMarkerForm {
	background: orange;
	font-weight:bold;
	color: white;
	padding: 5px;
}
.adaptiveBody .adaptiveMarkerForm:before{
	content: 'Form:';
}

.trix-button-row{
	overflow:hidden;
}

.adaptiveBody .adaptiveMarker:before {
content: 'Adaptive Notes:';
}

._constructEditableProperty {
	margin-bottom: 0px;
	color: inherit;
	padding-left: 1px;
	padding-bottom: 1px;
	border-bottom: 1px inset rgba(0,0,0,0.2);
}

._constructProperty {
	margin-bottom: 10px;
}



._constructLabel small{
	font-size:12px;
	font-style:italic;
}

#constructInstanceHtml{
	max-width:98%;
	margin:0 auto;
}
._constructLabelType:after{
	content: "Type";
}

.onlymobile{
	display:none;
}

#phoneslider{
width:0px;background:#BB2025;color: #fff;float:left;overflow:hidden;cursor:pointer;	
}


#nav-profile .card, #nav-object .card {
	margin: 5px 0px !important;
}
.sidebar a{
	color: #333;
}

#sidebar{
	z-index:998;background: #F8F9FA;padding:25px;position:fixed;left:-400px;width:400px;height:100vh;
}

#contactSummary {
	position: sticky;
	top: 120px;
	z-index:95;
}
/*
.bugger {
	position: sticky;
	top: 75px;
	z-index:95;
	margin-bottom:10px;
}
*/

#contentWrapper{
	background: transparent;
	padding: 0px;
	margin-top: 75px;
	
}

#inlineWrapper{
	background: transparent;
	padding: 0px;
	margin-top: 5px;
	
}

#contentWrapper .title, #inlineWrapper .title {
	padding: 10px 20px 5px 20px;
	background: #333;
	width: 100vh;
	height: auto;
	display: block;
	z-index: 98;
}

#contentWrapper .display-4 {
	font-size: 30px;
}

#constructCard {
	margin-top: 15px;
	padding: 10px;
	width: 99%;
	margin: 5px auto;
}

#footer {
	background: transparent;
	padding: 15px;
	text-align: center;
	margin-top: 150px;
	font-size: 10px;
	opacity: 0.5;
	bottom: 0px;
	width: 100%;
	position: static;
}

.table-even th{
	width: auto;
}

#leftMenu {
	background: #F8F9FA;
	padding: 0px;
	min-height: 180vh;
	height: auto;
	color: #fff;
	z-index: 999;
	margin-top: 75px;
	position: fixed;
	padding-bottom:10px;
}

.construct_attr_data{
	width: 92%;margin-top: 3px;
}

#leftMenuBody .list-group-item {
	padding: .45rem 1rem;
	
}

#leftMenuBody .list-group {
	padding-bottom: 50px;

}

#leftMenuBody {
	left: 0px;
	margin-top: 10px;
	width: 100%;
	position: static;
	top: 0px;
	font-size: 0.7em;
	text-transform: capitalize;
	overflow: auto;
	max-height: calc(100vh - 75px);
}

.card-standard .card-title {
	height: auto;
	overflow: auto;
}
.card-standard .card-description {
	height: auto;
	overflow: auto;
	padding: 5px 0px 10px 0px;
}

.icon {
	width: auto;
	height: 16px;
	position: relative;
	top: -2px;
}

.navbar-light .navbar-nav .nav-link:hover{
	opacity: 1;
}

.navbar-light .navbar-nav .nav-link {
	opacity: 0.8;
	font-size: 16px;
	color: #333;
}


.select2-results__group{
	cursor:pointer;
}

#leftMenu .list-group-item{
	border-radius:0px !important;
	border:none !important;
	color: #333;
}

#leftMenu .list-group-item:hover{
	text-decoration:none;
	background: rgb(200,200,200) !important;
	opacity:0.9;
	color: #000;
}

#leftMenu .list-group-item:nth-child(even){
	background: rgb(240,240,240);
}

.menuToggle{
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

#curtains{
	background: rgba(0,0,0,0.7);
	z-index:997;
	width:100%;
	height:100vh;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	cursor:pointer;
}

#splash {
	background: #fff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: 997;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer;
	padding: 30vh;
}

#editUser{
	background: white;
}

.associationReadonly {
	width: 90% !important;
	display: block;
	min-width: 400px;
}

#loginLogo{
	max-width:300px;
	height:auto;
}

#loginbody{
	padding:15px;
	min-height: 100vh;
	background-size: auto 120%;
	background-attachment: fixed;
	background-position-y: 0;
}

#constructSidebar {
	padding: 10px;
	margin-top: 35px;
}

.profile-card-2 .card-img-block{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
}
.profile-card-2 .profile {
	border-radius: 50%;
	width: 75px;
	height: 75px;
	text-align: center;
	font-size: 45px;
	color: #fff;
	background: #BB2025;
	overflow: hidden;
	line-height: 60px;
	font-weight: bold;
	border: 6px solid rgba(255, 255, 255, 1);
	float: left;
	margin: 0px 19px 0 0;
}
.profile-card-2 {
	margin-bottom: 10px;
	min-height: 75px;
}
.profile-card-2 h5{
    font-weight:600;
    color:#007bff;
}
.profile-card-2 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-2 .icon-block{
    float:left;
    width:100%;
}
.profile-card-2 .icon-block a{
    text-decoration:none;
}
.profile-card-2 i {
  display: inline-block;
    font-size: 16px;
    color: #007bff;
    text-align: center;
    border: 1px solid #007bff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-2 i:hover {
  background-color:#007bff;
  color:#fff;
}

.pac-container {
	z-index: 1247 !important;
}

@keyframes boldred {
  0% {
    
		background:rgba(255, 0, 0,0.1);
  }
  50% {
    
     
		 background:rgba(255, 0, 0,0.5);
  }
  100% {
    
    
		 background:rgba(255, 0, 0,0.0);
  }
}

@keyframes boldhighlight {
  0% {
    
		border:4px solid rgba(62, 228, 164,0.6);
  }
  50% {
    
     
		border:4px solid rgba(62, 228, 164,1);
  }
  100% {
    
    
		 border:4px solid rgba(62, 228, 164,0.6);
  }
}

@keyframes highlightbtn {
  0% {
    
		
		opacity: 0.7;
  }
  50% {
    
     
		
		opacity: 1;
  }
  100% {
    
    
		opacity: 0.7;
  }
}

@keyframes glow {
  0% {
    
		opacity: 1;
  }
  50% {
    
     
				opacity: 0.7;
  }
  100% {
    
    
		 		opacity: 1;
  }
}
.boldred{ color:red !important; font-weight:bold; 

  animation-name: boldred;
  animation-duration: 1s;
  animation-iteration-count: 1;
 
  animation-timing-function: ease-in;

}

.boldhighlight{ 
border:3px solid #e8dd1e;

  animation-name: boldhighlight;
  animation-duration: 1s;
  animation-iteration-count: 50;
 
  animation-timing-function: ease-in;

}

.btn-highlight-full{ 

  animation-name: highlightbtn;
  animation-duration: 1s;
  animation-iteration-count: 500;
 
  animation-timing-function: ease-in;

}

.greenborder{ 
border:5px solid #28A745;

}

.redborder{ 
border:5px solid #FF1C1C;

}

@keyframes notifications_glow {
  0% {
    border-color: #FF0000;
		background:rgba(255, 0, 0,0.9);
  }
  50% {
     border-color: #AD0000;
		 background:rgba(255, 0, 0,0.4);
  }
  100% {
     border-color: #FF0000;
		 background:rgba(255, 0, 0,0.9);
  }
}

@keyframes messages_glow {
  0% {
    border-color: #FF0000;
		background:rgba(255, 0, 0,0.9);
  }
  50% {
     border-color: #AD0000;
		 background:rgba(255, 0, 0,0.4);
  }
  100% {
     border-color: #FF0000;
		 background:rgba(255, 0, 0,0.9);
  }
}
.notifications_glow{ 
color:white !important;
  animation-name: notifications_glow;
  animation-duration: 5s;
  animation-iteration-count: 100;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
.glow{ 
color:white !important;
  animation-name: glow;
  animation-iteration-count: 10000;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
.messages_glow{ 
color:white !important;
  animation-name: messages_glow;
  animation-duration: 5s;
  animation-iteration-count: 100;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

#jQsend_Messages {
	display: block;
	opacity: 1;
	bottom: -150px;
	width: 25vw;
	padding: 5px;
	position: fixed;
	z-index: 999999;
	text-align: left;
	font-size: 18px;
	left: 20px;
	border-radius: 10px;
	border: 1px solid #fff;
	cursor: pointer;
	left: 5px;
	font-weight: bold;
	padding: 15px;
}

#jQsend_Messages.error{
		background: rgba(234, 18, 18,1);
			color: #fff;
}
#jQsend_Messages.success{
		background: rgba(40, 167, 69,1) !important;
			color: #fff;
}
#jQsend_Messages.default{
		background: rgba(250, 250, 250,1);
			color: #333;
}

#jQsend_Messages:after{
	content: 'click to dismiss';
	font-size:10px;
}

.jQsend_required{
	border: 1px solid orange;
}
.jQsend_success{
	border: 1px solid green;
}

 #mainmenuright .nav-link {
	opacity: 0.8;
	font-size: 23px;
	color: #333;
	border-right: 1px solid #ccc;
	padding: 0px 5px 0px 11px;
}

 #mainmenuright .desktopnav{
	 font-size:0px !important;
 }
 
 .documentcell{
	 overflow:hidden;
	 height:200px;
	 text-align:center;
	 padding:15px;
 }
 
 .innerdocumentcell{
	 background: #fff;
	 border-radius:5px;
	  overflow:hidden;
	  	 border:1px solid #ccc;
	   height:150px;
	   padding:5px;
 }

 .innerdocumentfooter{
	height:40px;  
 }
 
 .innerdocumentcell:hover{
	  border:1px solid blue;
 }
 
 .documentcell img{
	 height:110px;
 }


@media only screen and (max-width: 1280px) and (min-width: 992px) {
 #mainmenuright .desktopnav{
	 font-size:0px !important;
 }
}
