.bs-glyphicons {
				padding-left: 0;
				padding-bottom: 1px;
				margin-bottom: 10px;
				list-style: none;
				overflow: hidden;
			}

			.bs-glyphicons li {
				list-style:none;
				border-radius: 7.5px;
				float: left;
				width: 28%;
				height: 80px;
				padding: 12px;
				margin-right: 3px;
				margin-bottom: 3px;
				line-height: 1.4;
				text-align: center;
				border: 1px solid #d6d6d6;
				background-color: #f5f5f7;
				color: #838383;
			}

			.bs-glyphicons .glyphicon {
				margin-top: 5px;
				margin-bottom: 10px;
				font-size: 24px;
			}

			.bs-glyphicons .glyphicon-class {
				display: block;
				text-align: center;
				word-wrap: break-word;
			}

			.bs-glyphicons li:hover {
				background-color: #d6d5da;
			}

			@media (min-width: 768px) {
				.bs-glyphicons li {
					width: 12.5%;
					margin-right: 10px;

				}
			}	
			
			.quicklink {
				color: inherit;
				text-decoration: inherit;

			}	
			
			fieldset {
                border: 1px solid #ddd !important;
                margin: 0;
                xmin-width: 0;
                padding: 10px 10px 0px 5px;       
                position: relative;
                border-radius:4px;
                background-color:#f5f5f5;
                padding-left:10px!important;
                margin-bottom: 5px;
            }	

            legend{
                font-size:14px;
                font-weight:bold;
                margin-bottom: 0px; 
                width: 35%; 
                border: 1px solid #ddd;
                border-radius: 4px; 
                padding: 5px 5px 5px 10px; 
                background-color: #ffffff;
            }
            
            .fie{
                border: 1px solid #ddd !important;
                margin: 0;
                xmin-width: 0;
                padding: 10px;       
                position: relative;
                border-radius:4px;
                background-color:#fff;
                padding-left:10px!important;
            }	

            .leg{
                font-size:14px;
                font-weight:bold;
                margin-bottom: 0px; 
                width: 35%; 
                border: 1px solid #ddd;
                border-radius: 4px; 
                padding: 5px 5px 5px 10px; 
                background-color: #fff5d1;
            }
			
            legend {
                background: #eef1f5;
            }	

			/* cyrillic-ext */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
				unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
			}
			/* cyrillic */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
				unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
			}
			/* greek-ext */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
				unicode-range: U+1F00-1FFF;
			}
			/* greek */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
				unicode-range: U+0370-03FF;
			}
			/* vietnamese */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
				unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
			}
			/* latin-ext */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
				unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
			}
			/* latin */
			@font-face {
				font-family: 'Roboto';
				font-style: normal;
				font-weight: 400;
				src: local('Roboto'), local('Roboto-Regular'), url(https://omc.propanraya.com/css/fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
				unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
			}
	
			#addbt:hover {
				background-color: #555;
			}		
		
			.card-counter{
				box-shadow: 2px 2px 10px #DADADA;
				margin: 5px;
				padding: 20px 10px;
				background-color: #fff;
				height: 100px;
				border-radius: 5px;
				transition: .3s linear all;
			}

			.card-counter.primary{
				color: #FFF;
			}

			.card-counter i{
				font-size: 5em;
				opacity: 0.2;
			}

			.card-counter .count-numbers{
				position: absolute;
				right: 35px;
				top: 20px;
				font-size: 32px;
				display: block;
			}

			.card-counter .count-name{
				position: absolute;
				right: 35px;
				top: 65px;
				font-style: italic;
				text-transform: capitalize;
				opacity: 0.5;
				display: block;
				font-size: 18px;
			}		
		
			#particles-js {
				position: absolute;
				width: 100%;
				height: 100%;
			}
			
			#bottomNav {
				padding:10px;
			}
			#bottomNav a {
				font-size:14pt;
				color:#757575;
				text-decoration:none;
			}
			#bottomNav a:hover {
				color:#757575;
			}		
		
			#map {
				height: 100%;
			}	
			
			.main_content .panel-heading .accordion-toggle:hover {
				background-color:#f7f7f7
			}
			
			.main_content .panel-heading .acc-in {
				background-position:98% -34px
			}		 
		 
			.ov_boxes .ov_text,.dshb_icoNav li a,.table th,.fc thead th{
				text-shadow: 1px 1px 0 #fff
			}

			.dshb_icoNav {
				margin:0;
				text-align:center;
				padding:0
			}
			
			.dshb_icoNav li {
				-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
				box-shadow: inset 0px 1px 0px 0px #fff;
				text-align:center;
				list-style:none;
				display:inline-block;
				margin:0 5px 10px;
				background: #f9f9f9;
				background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef));
				background:-webkit-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
				background: -o-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
				background: -ms-linear-gradient(top, #f9f9f9 0%,#efefef 100%);
				background: linear-gradient(top, #f9f9f9 0%,#efefef 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 );
				border:1px solid #e2e2e2;
				-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px
			}
			
			.dshb_icoNav li:hover {
					border-color:#d2d2d2;-moz-box-shadow: 0 0 6px #ccc;-webkit-box-shadow: 0 0 6px #ccc;box-shadow: 0 0 6px #ccc}
			
			.dshb_icoNav li a {
				position:relative;
				display:block;
				padding:42px 8px 8px;
				width:110px;
				height:72px;
				font-size:12px;
				color:#222;
				background-repeat:no-repeat;
				background-position: center 10px
			}
			
			.dshb_icoNav li a:hover {
				text-decoration:none
			}
			
			.dshb_icoNav .label {
				position:absolute;
				right:-5px;
				top:-5px;
				text-shadow: none;
			}

			@media (max-width: 767px) {
				.dshb_icoNav {
					text-align:center
				}
				.dshb_icoNav li {
					float:none;
					display:inline-block
				}
			}
			
			.col-centered{
				margin: 0 auto;
				float: none;
			}

			.delete {
				color: #dd4b39;
			}
			
			.edit {
				color: #00a65a;
			}
			
			.view {
				color: #0073b7;
			}
			
			#progress
			{
				display: none;
				height: 100%;
				width: 100%;
				z-index: 9999;
			}

			#progress img
			{
				position: absolute;
			}
			
			.hidden1 {
				display: none;
				visibility: hidden;
			}					
			#lab1::before {
				content: "+ show detail";
				color: #777777;
			}			

			#expand1 {
				height: 0px;
				overflow: hidden;
				transition: height 0.5s;
			}

			#toggle1:checked ~ #expand1 {
				height: auto;
			}

			#toggle1:checked ~ #lab1::before {
				content: "- hide detail";
				color: #777777;
			}
		
			.hidden2 {
				display: none;
				visibility: hidden;
			}					
			#lab2::before {
				content: "+ show detail";
				color: #777777;
			}			

			#expand2 {
				height: 0px;
				overflow: hidden;
				transition: height 0.5s;
			}

			#toggle2:checked ~ #expand2 {
				height: auto;
			}

			#toggle2:checked ~ #lab2::before {
				content: "- hide detail";
				color: #777777;
			}
			
			.label-ungu {
				background-color:#490d67;
			}			
			
			
			body {
				-webkit-font-smoothing:antialiased;
				-moz-osx-font-smoothing:grayscale;
				font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
				font-weight:400;
				overflow-x:hidden;
				overflow-y:auto
			}		
		
			.sgtdiv {
				font-family: 'Roboto', sans-serif;		
			}			
		
			#topinfo {
				padding:10px;
				color: #fff;
				background-color: #f54242;
				text-decoration: none;
				
			}

			summary::-webkit-details-marker {
				display: none
			}
			
			summary:after {
				text-align: left; 
				vertical-align: middle;
				content: "read more"; 
				color: #000; 
				padding: 0; 
				color: #3397cf;
			}
			
			details[open] summary:after {
				content: "- hide";
				color: #3397cf;
			}	

			.hr-sect {
				display: flex;
				flex-basis: 100%;
				align-items: center;
				color: rgba(0, 0, 0, 0.35);
				margin: 8px 0px;
			}
			.hr-sect::before,
			.hr-sect::after {
				content: "";
				flex-grow: 1;
				background: rgba(0, 0, 0, 0.35);
				height: 1px;
				font-size: 0px;
				line-height: 0px;
				margin: 0px 8px;
			}
			
			.form-group {
				margin-bottom : 3px;
				
			}			


			.caricourse {
				background-image: url('https://omc.propanraya.com/images/searchicon.png');
				background-position: 10px 12px;
				background-repeat: no-repeat;
				width: 100%;
				font-size: 14px;
				padding: 10px 18px 10px 38px;
				border: 1px solid #ddd;
				margin-bottom: 10px;
			}

			.main_content .panel-heading .accordion-toggle {
				background-color:#f7f7f7;
				color:#222;
				text-decoration:none;
				background-image: url(https://omc.propanraya.com/img/acc_icons.png);
				background-position: 98% 12px;
				background-repeat:no-repeat
			}