.btn-sgt {
			color: #ffffff;
		}

		.modal {
			display: none;
			position: fixed;
			z-index: 1;
			padding-top: 100px;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgb(0,0,0);
			background-color: rgba(0,0,0,0.4);
		}

		.modal-content {
			background-color: #fefefe;
			margin: auto;
			padding: 20px;
			border: 1px solid #888;
			width: 80%;
		}
		
		.btn-def {
			background-color: white;
			color: black;
			border: 2px solid #e7e7e7;
		}
		
		.bagde-menu {
			background-color: #c0504e;
		}
		
		.course-2 .thumbnail .badge {
			font-size: 16px;
			font-weight: 700;
			line-height: 1;
			position: absolute;
			top: 5px;
			left: 5px;
			height: 37px;
			padding: 12px 10px 10px;
			text-transform: uppercase;
			color: #fff;
			border-radius: 0;
			background: #ee7455;
		}		

		.video-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
		}
		.video-container iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		.tbreport {
			border: solid 1px #d1cfc9;
			border-collapse: collapse;
			border-spacing: 0;
			width: 100%;
		}

		.tbreport thead th {
			background-color: #e3e3e3;
			border: solid 1px #bfbbae;
			color: #2e5c5c;
			text-align: center;
			vertical-align: middle;
		}

		.tbreport tbody td {
			border: solid 1px #d1cfc9;
			color: #333;
			padding: 30px;
		}			
		
		.table td, .table th {
			padding: .01rem;
			padding-top: .001rem;
			padding-right: .01rem;
			padding-bottom: .001rem;
			padding-left: 0.5rem;
		}		
		
		.loaderdrive {
			border: 4px solid #f3f3f3;
			border-radius: 50%;
			border-top: 4px solid #0078d4;
			width: 24px;
			height: 24px;
			-webkit-animation: spin 1s linear infinite;
			animation: spin 1s linear infinite;
		}

		@-webkit-keyframes spin {
			0% { -webkit-transform: rotate(0deg); }
			100% { -webkit-transform: rotate(360deg); }
		}

		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}				
				
		.promoBox {
			display: inline-block;
			position: relative;
			margin: 5px;
			padding: 10px;
			width: 100%;
			border: 2px solid #ddd;
			-webkit-border-radius: 8px;
					border-radius: 8px;
			overflow: hidden;

			background: #ffffff;
			background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
			background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
			background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
			background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
			background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );

			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
					box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
		}

		.promoBox aside {
			position: absolute;
			width: 230px;
			right: 0;
			margin: 0 -65px 0 0;
			-webkit-transform: rotate(35deg);
			 -khtml-transform: rotate(35deg);
			   -moz-transform: rotate(35deg);
				-ms-transform: rotate(35deg);
					transform: rotate(35deg);
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
					box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			text-align: center;
			text-transform: uppercase;
			font-size: 10px;
			
			color: #fff;
			background: #4f85bb;
			background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb));
			background: -webkit-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
			background: -o-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
			background: -ms-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
			background: linear-gradient(135deg, #4f85bb 0%,#4f85bb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );

		}

		.promoBox aside p { padding: 10px 80px 10px 80px; margin: 0; }
		.promoBox h4 { 
			font-size: 25px; 
			margin: 0; 
			padding: 0 35% 10px 0; 
			line-height: 25px; 
			border-bottom: 1px solid #ddd;

		}
		.promoBox p { font-size: 12px; }

		/* COLOR: Box & Text
		\* --------------------------------- */
		.promoBox.info-box {
			background: #e0f3fa;
			background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
			background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
			background: -o-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
			background: -ms-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
			background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 );
			border-color: #b6e1f6;
		}
		.promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }

		.promoBox.warning-box {
			background: #fceabb;
			background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
			background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
			background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
			background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
			background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
			border-color: #fccf5a;
		}
		.promoBox.warning-box h4 { color: #775600; border-color: #9e8135; }

		.promoBox.danger-box {
			background: #f85032;
			background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
			background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
			background: -o-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
			background: -ms-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
			background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
			border-color: #ff433e;
			color: #fff;
		}
		.promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }

		.promoBox.success-box {
			background: #9dd53a;
			background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
			background: -webkit-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
			background: -o-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
			background: -ms-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
			background: linear-gradient(135deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
			border-color: #9dd53a;
			color: #fff;
		}
		.promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

		/* COLOR: Ribbon
		\* --------------------------------- */
		.promoBox.info-ribbon aside {
			background: #1e5799;
			background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
			background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
			background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
			background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
			background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
		}

		.promoBox.warning-ribbon aside {
			background: #f9c667;
			background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
			background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
			background: -o-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
			background: -ms-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
			background: linear-gradient(135deg, #f9c667 0%,#f79621 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 );
		}

		.promoBox.danger-ribbon aside {
			background: #ff3019;
			background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
			background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
			background: -webkit-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
			background: -o-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
			background: -ms-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
			background: linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
		}

		.promoBox.success-ribbon aside {
			background: #a9db80;
			background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f));
			background: -webkit-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
			background: -o-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
			background: -ms-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
			background: linear-gradient(135deg, #a9db80 0%,#96c56f 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
		}