body {
	font-family: Sans-serif;
	font-size: 12px;
	color: #555555;
	text-shadow: 1px 1px #cccccc;
}

a:link {
	color: #ffffff;
}

/*
a:visited {
	color: #ffffff !important;
}

a:hover {
  color: #ffffff !important;
}

a:active {
  color: #ffffff !important;
}
*/

::-webkit-input-placeholder { /* WebKit browsers */
	font-family: Sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-shadow: 0.5px 0.5px #000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: Sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-shadow: 0.5px 0.5px #000000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: Sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-shadow: 0.5px 0.5px #000000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: Sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-shadow: 0.5px 0.5px #000000;
}

.validation {
	color: #ff9900;
	/*font-size: 14px*/
	text-shadow: 1px 1px #333333;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.notification {
	color: #ff6600;
	/*font-size: 14px;*/
	text-shadow: 1px 1px #999999;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.ui-page {
	/*background-image: url("backgrounds/mpsports_anudan_background.jpg");*/
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper
.ui-content {
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	background-color: #eeeeee;
	background-blend-mode: multiply;
    background-repeat: repeat;
}

.ui-field-contain label {
	font-size: 12px;
	color: #555555;
	text-shadow: 1px 1px #cccccc;
}

.mpnarcotics-office-upload-progress {
	height: 20px;
    font-family: Sans-serif;
	/*font-size: 14px;*/
	color: #e8db29;
	text-shadow: 1px 1px #000000;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	white-space: nowrap;
	width: 0%;
}

.mpnarcotics-office-label {
	font-family: Sans-serif;
	/*font-size: 14px;*/
	color: #ffffff;
	text-shadow: 1px 1px #333333;
	margin-top: 0px;
}

.mpnarcotics-office-mandatory-sign {
	padding-left: 5px;
	color: #ff9900;
	text-shadow: 1px 1px #333333;
}

.mpnarcotics-office-popup .mpnarcotics-office-mandatory-sign {
    padding-left: 5px;
    color: #ff9900;
    text-shadow: 1px 1px #333333;
}

.mpnarcotics-office-text {
	font-family: Sans-serif;
	/*font-size: 14px;*/
	color: #555555;
	text-shadow: 1px 1px #cccccc;
}

.mpnarcotics-office-label {
	font-family: Sans-serif;
	/*font-size: 14px;*/
	color: #ffffff;
	text-shadow: 1px 1px #333333;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.mpnarcotics-office-animate-loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #0066ff;
	border-bottom: 16px solid #0066ff;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.mpnarcotics-office-link {
	color: #ff8f00;
	padding-top: 10px;
    font-family: Sans-serif;
	/*font-size: 14px*/
}

.mpnarcotics-office-high-level-status {
	color: #001a33;
	/*font-size: 16px;*/
	font-weight: bold;
    font-family: Sans-serif;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.mpnarcotics-office-low-level-status {
	color: #001a33;
	/*font-size: 14px;*/
	font-weight: bold;
    font-family: Sans-serif;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.mpnarcotics-office-heading-text {
	color: #777777;
	text-shadow: 1px 1px #000000;
	font-weight: bold;
    font-family: Sans-serif;
	font-size: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.mpnarcotics-office-subheading-text {
	color: #777777;
	text-shadow: 1px 1px #000000;
	font-weight: bold;
    font-family: Sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.mpnarcotics-office-lower-heading-text {
	color: #555555;
	text-shadow: 1px 1px #cccccc;
	font-weight: bold;
    font-family: Sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.mpnarcotics-office-title-text {
    color: #eeeeee;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
    font-family: Sans-serif;
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-footer-heading-text {
    color: #ffffff;
    text-shadow: 0px;
    font-weight: bold;
    font-family: Sans-serif;
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-footer-heading-text-black {
    color: #000000;
    text-shadow: 0px;
    font-weight: bold;
    font-family: Sans-serif;
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-footer-text {
    color: #777777;
    text-shadow: 0px;
    font-family: Sans-serif;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-footer-text-black {
    color: #000000;
    text-shadow: 0px;
	font-weight: bold;
    font-family: Sans-serif;
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-floater-text-black {
    color: #000000;
    text-shadow: 0px !important;
    font-family: Sans-serif;
    font-size: 18px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.mpnarcotics-office-answer-display {
    font-family: Sans-serif;
	/*font-size: 14px;*/
	margin-top: 5px;
	padding: 4px;
	min-height: 45px;
	width: 100%;
	background-color: #c3d9ff;
	border-radius: 5px;
}

@font-face {
	font-family: 'Symbola';
	src: url('../fonts/Symbola.ttf');
}

.mpnarcotics-office-rating {
	color: #ff7700;
	font-family: 'Symbola';
	font-size: 16px;
}

.mpnarcotics-office-rating-listing {
	color: #00284d;
	font-family: 'Symbola';
	font-size: 16px;
}

.mpnarcotics-office-play-video {
	color: #fcda02;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-popup-video-control {
	color: #fcda02;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-highlight-cart-video-package {
	background-color: #003366;
	padding: 5px;
}

.mpnarcotics-office-highlight-cart-mock-test {
	background-color: #006633;
	padding: 5px;
}

.mpnarcotics-office-highlight-cart-package-course {
	background-color: #660033;
	padding: 5px;
}

.mpnarcotics-office-highlight-cart-online-exam {
	background-color: #663300;
	padding: 5px;
}

.mpnarcotics-office-cart-video-package-icon {
	color: #003366;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-cart-mock-test-icon {
	color: #006633;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-cart-package-course-icon {
	color: #660033;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-cart-online-exam-icon {
	color: #663300;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-cart-remove-icon {
	color: #990000;
	text-shadow: 1px 1px #000000;
	margin: 0px;
	padding: 0px;
}

.mpnarcotics-office-error-item {
	color: #ff0000;
}

.mpnarcotics-office-empty-item {
	color: #999999;
}

.mpnarcotics-office-warning-item {
	color: #ffff00;
}


.mpnarcotics-office-ok-item {
	color: #008000;
}

.mpnarcotics-office-outset {
	border-style: outset;
	border-color: #ffffff;
	padding: 10px;
}

.mpnarcotics-office-medals-outset {
	border-style: outset;
	border-color: #657b9a;
	padding: 0px;
}
/* #2c3644 0%, #657b9a 50%, #2c3644 */

.mpnarcotics-office-search-outset {
	border-style: outset;
	border-color: #eeeeee;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.mpnarcotics-office-left-outset {
	border-style: outset;
	border-color: #105628;
	border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 5px;
}

.mpnarcotics-office-right-outset {
	border-style: outset;
	border-color: #105628;
	border-radius: 10px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 10px;
}

.mpnarcotics-office-topbar {
	background: #383838;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
	/*font-size: 10px;*/
	font-weight: bold;
    font-family: Sans-serif;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 0px;
}

.mpnarcotics-office-topbar-dark {
	background: #093877;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
	/*font-size: 10px;*/
	font-weight: normal;
    font-family: Sans-serif;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 0px;
}

.mpnarcotics-office-menubar {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	color: #000d1a;
	/*font-size: 10px;*/
	font-weight: normal;
    font-family: Sans-serif;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 0px;
}

.mpnarcotics-office-page-heading {
	background: #e73827; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e73827 0%, #f02f17 30%, #f6290c 65%, #f16f5c 85%, #f85032 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #e73827 0%,#f02f17 30%,#f6290c 65%,#f16f5c 85%,#f85032 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #e73827 0%,#f02f17 30%,#f6290c 65%,#f16f5c 85%,#f85032 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#f85032',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #ffffff;
	text-shadow: 2px 2px #000000;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    font-family: Sans-serif;
	font-size: 16px;
}

.mpnarcotics-office-popup {
	padding: 0px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100 */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.mpnarcotics-office-popup label {
	/*
    color: #cccccc;
    text-shadow: 1px 1px #333333;

	color: #eeeeee;
    text-shadow: 1px 1px #000000;
	*/

	color: #555555;
	text-shadow: 1px 1px #cccccc;
}

.mpnarcotics-office-popup .validation {
    color: #ff0000;
    text-shadow: 1px 1px #666666;
}

.mpnarcotics-office-popup .mpnarcotics-office-button {
	border-radius: 18px;
}

.mpnarcotics-office-popup-outset {
	border-style: outset;
	border-color: #eeeeee;
	padding: 10px;
}

.mpnarcotics-office-floater-1 {
	background-color: #d9d9d9;
}

.mpnarcotics-office-floater-2 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#abb7c9+0,333f50+100 */
	background: #abb7c9; /* Old browsers */
	background: -moz-linear-gradient(top,  #abb7c9 0%, #333f50 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #abb7c9 0%,#333f50 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #abb7c9 0%,#333f50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abb7c9', endColorstr='#333f50',GradientType=0 ); /* IE6-9 */
}

.mpnarcotics-office-floater-3 {
	background-color: #f2f2f2;
	border-radius: 20px;
}

.mpnarcotics-office-test-answer {
	border-style: outset;
	border-color: #666666;
	padding: 5px;
	color: #222222;
	text-shadow: 1px 1px #000000;
	background-color: #666666;
}

.mpnarcotics-office-test-answer-selected {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #aaaaaa;
	text-shadow: 1px 1px #000000;
}

.mpnarcotics-office-popup-inset {
	border-style: inset;
	border-color: #eeeeee;
	border-width: 5px;
	border-radius: 5px;
}

.mpnarcotics-office-drop-in-zone {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#272727+0,595959+50,272727+100 */
background: #272727; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #272727 0%, #595959 50%, #272727 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #272727 0%,#595959 50%,#272727 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #272727 0%,#595959 50%,#272727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#272727',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	min-height: 100px;
	border-style: inset;
	border-color: #eeeeee;
	border-width: 5px;
	border-radius: 5px;
	padding-left: 0px;
	padding-right: 0px;
	color: #1e023b;
	text-shadow: 1px 1px #725d87;
	font-weight: bold;
    font-family: Sans-serif;
}

.mpnarcotics-office-help-video {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66a3ff+0,1a75ff+40,0052cc+100 */
	background: #66a3ff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #66a3ff 0%, #1a75ff 40%, #0052cc 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #66a3ff 0%,#1a75ff 40%,#0052cc 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #66a3ff 0%,#1a75ff 40%,#0052cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a3ff', endColorstr='#0052cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	min-height: 250px;
	max-width: 400px;
	/*
	border-style: inset;
	border-color: #eeeeee;

	border-width: 5px;
	*/
	border-radius: 5px;
	padding: 10px;
	color: #1e023b;
	text-shadow: 1px 1px #725d87;
	font-weight: bold;
    font-family: Sans-serif;
}

.mpnarcotics-office-table-heading {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#272727+0,595959+50,272727+100 */
background: #272727; /* Old browsers */
background: -moz-linear-gradient(top,  #272727 0%, #595959 50%, #272727 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #272727 0%,#595959 50%,#272727 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #272727 0%,#595959 50%,#272727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#272727',GradientType=0 ); /* IE6-9 */

	padding: 5px;
	color: #ffffff;
	text-shadow: 1px 1px #000000;
	/*font-size: 12px;*/
	font-weight: bold;
    font-family: Sans-serif;
}

.mpnarcotics-office-table-data-summary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	/*text-shadow: 1px 1px #000000;*/
	font-weight: normal;
    font-family: Sans-serif;
	border-top: 4px solid #272727;
}

.mpnarcotics-office-table-data-adjoiner {
	background: #0fb4e7; /* Old browsers */
	background: -moz-linear-gradient(top, #0fb4e7 0%, #6dd5f2 37%, #6ad2f2 69%, #0fb4e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0fb4e7 0%,#6dd5f2 37%,#6ad2f2 69%,#0fb4e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0fb4e7 0%,#6dd5f2 37%,#6ad2f2 69%,#0fb4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fb4e7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/*font-size: 14px;*/
	border-style: outset;
	border-color: #1e5799;
}

.mpnarcotics-office-table-data-adjoiner-delinked {
	background: #cedce7; /* Old browsers */
	background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cedce7 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cedce7 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/*font-size: 14px;*/
	border-style: outset;
	border-color: #58ccef;
}

.mpnarcotics-office-table-data-adjoiner-top {
	border-top: 4px solid #1e5799;
}

.mpnarcotics-office-table-data-summary-outset {
	border-style: outset;
	border-color: #0e0e0e;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/*font-size: 14px;*/
}

.mpnarcotics-office-table-data-detail {
	background: rgb(108,175,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(108,175,242,1) 0%, rgba(133,191,249,1) 56%, rgba(153,204,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(108,175,242,1) 0%,rgba(133,191,249,1) 56%,rgba(153,204,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(108,175,242,1) 0%,rgba(133,191,249,1) 56%,rgba(153,204,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6caff2', endColorstr='#99ccff',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/* font-size: 14px; */
	border-top: 1px solid #001818;
}

.mpnarcotics-office-table-data-detail-outset {
	border-style: outset;
	border-color: #99ccff;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/* font-size: 14px; */
}

.mpnarcotics-office-table-data-empty {
	background: rgb(108,175,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(108,175,242,1) 0%, rgba(133,191,249,1) 56%, rgba(153,204,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(108,175,242,1) 0%,rgba(133,191,249,1) 56%,rgba(153,204,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(108,175,242,1) 0%,rgba(133,191,249,1) 56%,rgba(153,204,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6caff2', endColorstr='#99ccff',GradientType=0 ); /* IE6-9 */
	padding: 5px;
	color: #222222;
	text-shadow: 1px 1px #000000;
	font-weight: normal;
    font-family: Sans-serif;
	/* font-size: 14px; */
	border-top: 1px solid #001818;
}

.mpnarcotics-office-panel {
	padding-top: 10px;
	padding-left: 5px;
	margin: 0px;
	color: #aaaaaa;
    font-family: Sans-serif;
	/* font-size: 14px; */
	text-shadow: 1px 1px #000000;
}

.mpnarcotics-office-table-bottom-border {
	background-color: #272727;
	height: 2px;
	margin-top: 0px;
	padding-top: 0px;
}

.mpnarcotics-office-section-data-outset {
	border-style: outset;
	border-color: #ff2b00;
}

.mpnarcotics-office-media-data-outset {
	border-style: outset;
	border-color: #ff00b3;
}

.mpnarcotics-office-left-panel {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#595959+0,272727+100 */
background: #595959; /* Old browsers */
background: -moz-linear-gradient(45deg,  #595959 0%, #272727 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #595959 0%,#272727 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #595959 0%,#272727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#272727',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.mpnarcotics-office-right-panel {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cccccc+0,eeeeee+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(45deg,  #cccccc 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #cccccc 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #cccccc 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.mpnarcotics-office-right-panel-outset {
	border-style: outset;
	border-color: #eeeeee;
	padding: 10px;
}

.mpnarcotics-office-right-panel-inset {
	border-style: inset;
	border-color: #eeeeee;
	border-width: 5px;
	border-radius: 5px;
}

.mpnarcotics-office-item-selected {
	background: #055681; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #055681 0%, #001299 52%, #055681 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #055681 0%,#001299 52%,#055681 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #055681 0%,#001299 52%,#055681 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055681', endColorstr='#055681',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mpnarcotics-office-page-footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#595959+0,272727+100 */
background: #595959; /* Old browsers */
background: -moz-linear-gradient(top,  #595959 0%, #272727 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #595959 0%,#272727 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #595959 0%,#272727 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#272727',GradientType=0 ); /* IE6-9 */
	padding-top: 14px;
	padding-bottom: 14px;
	margin: 0px;
	color: #aaaaaa;
    font-family: Sans-serif;
	font-size: 14px;
	text-shadow: 0px 0px #333333;
}


.mpnarcotics-office-flash-message {
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(45deg, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mpnarcotics-office-map-menu-icon {
	text-shadow: 0.5px 0.5px #333333;
}

.mpnarcotics-office-start-journey {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4dbe4+0,8699b2+100 */
	background: #d4dbe4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d4dbe4 0%, #8699b2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d4dbe4 0%,#8699b2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d4dbe4 0%,#8699b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4dbe4', endColorstr='#8699b2',GradientType=0 ); /* IE6-9 */
	padding: 12px;
	border-radius: 18px;
}

.mpnarcotics-office-social-icon {
	background-color: #116eea;
	color: #ffffff;
	font-size: 16px;
	padding: 10px;
	margin: 4px;
	border-radius: 10%;
}