.action-buttons{
    font-weight: bold;
}
.form-section-container{
    -webkit-box-shadow: inset #000;
    -moz-box-shadow: inset #000;
    box-shadow: inset #000;
}
.form-section-title{
    cursor: pointer;
    color: dodgerblue;
    border-bottom: dodgerblue double 2px;
}
.form-section{
    display: none;
    border-bottom: rgba(0, 0, 0, .3) solid 1px;
    padding: 5px;
}
.card-list{

}
/* *
* Modals to Card
* */
.modal-card.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.modal-card .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 98%;
	padding: 0;
}

.modal-card .modal-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #3c7dcf;
}

.modal-card .modal-body {
	position: absolute;
	top: 50px;
	bottom: 60px;
	width: 100%;
	font-weight: 300;
	overflow: auto;
}
.modal-card .modal-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	padding: 10px;
	background: #f1f3f5;
}

/* *
* Modals to Search
* */
 .modal-search .modal {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 overflow: hidden;
 }

.modal-search .modal-header{
	background: rgba(47, 47, 191, 1);
	color: white;
}

.modal-search .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 98%;
	padding: 0;
}

.modal-search .modal-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid #3c7dcf;
}

.modal-search .modal-body {
	position: absolute;
	top: 50px;
	bottom: 60px;
	width: 100%;
	font-weight: 300;
	overflow: auto;
}

.modal-search .modal-footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 60px;
	padding: 10px;
	background: #f1f3f5;
}

/*Fields Style*/
.add-field{
	background: darkblue;
	color: white;
	font-weight: bold;
}
.return-back-field{
	background: darkred;
	color: white;
	font-weight: bold;
}

/*Loading*/
.loading-window{
	border: 6px solid rgb(0, 147, 252);
	border-top: 6px solid black;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: loading 2.5s linear infinite;
}

@keyframes loading{
	0%{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);;
		-moz-transform: rotate(360deg);;
		-ms-transform: rotate(360deg);;
		-o-transform: rotate(360deg);;
		transform: rotate(360deg);;
	}
}