.bg_image {background-image:url(../images/background/ma-background.png); background-repeat:no-repeat; background-size:cover;}
.login_section {padding:26px 18px 10px; background-color:rgba(255,255,255,1); border:1px solid rgba(222,222,222,1); border-radius:6px; border-top:4px solid rgba(253,54,4,1)}

.login_section a {display:block; margin-top:10px; }
.login_section .form-control {height:42px;}

.login_section .btn {padding:8px 22px;}
.login-block {margin-top:22%;}

.login-block h4 {font-weight: 600; text-shadow: 1px 1px 3px rgba(1, 1, 1, 0.2);  text-transform: uppercase;}
.breadcrumb-dn a img {height:50px;}

.breadcrumb-dn a {padding-left:18px; font-size:1.4rem !important}
.breadcrumb {background-color: rgba(222, 222, 222, 0.4); margin-top: 6%;}

.about-block {background-color:rgba(255,255,255,1); border-radius:6px; padding:15px;}
.about-block .form-group {margin-bottom:8px;}

.about-block .form-group label {padding-top:0; margin-bottom:4px;}
.about_view_section {background-color:rgba(255,255,255,1); margin-top:26px;}

.about_view_section .table-bordered tbody tr:nth-child(even) {background-color:rgba(222,222,222,0.4);}
.body_main {background-color: #fff;
background-image:url('data:image/svg+xml;base64,CiAgPHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMTAnIGhlaWdodD0nMTYnIHZpZXdCb3g9JzAgMCAxMCAxNic+CiAgICA8ZyBpZD0nYyc+CiAgICAgIDxwYXRoIGZpbGw9JyNlYWVhZWEnIGQ9J00wIDBsNSAzdjVsLTUgLTN6Jy8+CiAgCQk8cGF0aCBmaWxsPScjZjNmM2YzJyBkPSdNMTAgMGwtNSAzdjVsNSAtMycvPgogIAk8L2c+CiAgCTx1c2UgeD0nNScgeT0nOCcgeGxpbms6aHJlZj0nI2MnIC8+CiAgCTx1c2UgeD0nLTUnIHk9JzgnIHhsaW5rOmhyZWY9JyNjJyAvPgogIDwvc3ZnPgogIA==');}



.breadcrumb-dn {margin-top:8px;}

/*Panel Section*/
.panel_section {margin-top:10%;}
.panel_section .panel-heading {color:rgba(1,1,1,1);}

.panel_section .form-horizontal .control-label {text-align:left;}
.panel_section .form-horizontal .form-group:last-child {border-top:1px solid rgba(222,222,222,1); margin-bottom:0; padding-top:12px; text-align:right;}

.dtp-buttons .btn {padding:8px 20px; color:rgba(1,1,1,0.8) !important; margin:0;}
/*Panel Section*/



/*login Page*/
.login_sectionPanel {background-color: rgba(250, 250, 250, 1); border-radius: 6px; box-shadow: 1px 1px 3px rgba(1, 1, 1, 0.4);  padding: 10px 4px; border-top:4px solid rgba(63,114,155,1);}
.login_sectionPanel .login-head {text-align:center; padding-bottom:10px;}

.login_sectionPanel .login-head h2 span {display:block;}
.login_sectionPanel .login-head h2 {border-bottom: 1px solid rgba(222, 222, 222, 1);  margin-top: 4px;  padding-bottom: 10px;}

.login_sectionPanel .login-head label {position:static; pointer-events: auto;}
.login_sectionPanel .login-head label input { display:inline-block; width:0;}


.login_sectionPanel form { padding: 1.4em 2em 2em; }

.login_sectionPanel .group { position: relative; margin-bottom: 30px; }
.login_sectionPanel input {	font-size: 18px; padding: 10px 10px 10px 5px; -webkit-appearance: none;	display: block;	background: #fafafa; color: #636363; width: 100%; border: none;
	border-radius: 0; border-bottom: 1px solid #757575;}

.login_sectionPanel input:focus { outline: none; }
.login_sectionPanel label {color: #999; font-size: 18px; font-weight: normal; position: absolute; pointer-events: none;	left: 5px; top: 10px; transition: all 0.2s ease;}

.login_sectionPanel input:focus ~ label, input.used ~ label {top: -20px;  transform: scale(.75); left: -2px; color: #4a89dc;}
.login_sectionPanel .bar {position: relative; display: block; width: 100%;}

.login_sectionPanel .bar:before, .bar:after {content: ''; height: 2px; width: 0; bottom: 1px; position: absolute; background: #4a89dc; transition: all 0.2s ease;}
.login_sectionPanel .bar:before { left: 50%; }

.login_sectionPanel .bar:after { right: 50%; }
.login_sectionPanel input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }

.login_sectionPanel .highlight {position: absolute;	height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none;	opacity: 0.5;}
.login_sectionPanel input:focus ~ .highlight { animation: inputHighlighter 0.3s ease;}


/* Animations */

@keyframes inputHighlighter {from { background: #4a89dc; }	to 	{ width: 0; background: transparent; }}

.login_sectionPanel .button {position: relative; display: inline-block; padding: 12px 24px; margin: .3em 0 1em 0; width: 100%; vertical-align: middle; color: #fff;  font-size: 16px; line-height: 20px; -webkit-font-smoothing: antialiased; text-align: center; letter-spacing: 1px; background: transparent; border: 0; border-bottom: 2px solid #3160B6; cursor: pointer; transition: all 0.15s ease;}

.login_sectionPanel .button:focus { outline: 0; }
.login_sectionPanel .buttonBlue {background: #4a89dc; text-shadow: 1px 1px 0 rgba(39, 110, 204, .5);}

.login_sectionPanel .buttonBlue:hover { background: #357bd8; }
.login_sectionPanel .ripples { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;  background: transparent;}

.login_sectionPanel .ripplesCircle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.25);}

.login_sectionPanel .ripples.is-active .ripplesCircle { animation: ripples .4s ease-in;}


/* Ripples animation */

@keyframes ripples {0% { opacity: 0; }  25% { opacity: 1; } 100% { width: 200%;  padding-bottom: 200%; opacity: 0; }}

.pdl-none {padding-left:0; margin-left:-4px;}



/*GALLERY MANAGEMENT*/

.table-galleryPhoto tr th {white-space:nowrap;}
.table-galleryPhoto tr th:first-child { width:60px;}
.table-galleryPhoto tr th:nth-child(2) { width:60px;}
.table-galleryPhoto tr th:last-child {  width:60px;}

.gallery-management { width:600px; margin:auto; border:1px solid rgba(222,222,222,1); padding:10px 15px; margin-bottom:3em;	}


.gallery-management .form-group label { font-size:13px; font-weight:600;}
.gallery-management .form-group:first-child label { font-size:15px;}

.panel-info table a span { font-size:20px;}


/*TABLE GALLERY PHOTO*/
.table-galleryPhoto .img-galleryPhoto { height:70px; margin:auto;}