.box {
	border-radius: 0px;
	box-shadow: 0 0 0 rgba(0,0,0,0.1);
}

.box-stdm-filter {
	border-radius: 3px;
	background-color: #f1f1f1;
}

.datatable-stdm-title h1,
.datatable-stdm-title h2,
.datatable-stdm-title h3,
.datatable-stdm-title h4,
.datatable-stdm-title h5,
.datatable-stdm-title h6 {
	margin-top: 7px;
	margin-bottom: 5px;
}

.content {
	padding: 0px;
}

.content-wrapper {
	background-color: #f7f6f4;
}

.stdm-fe-attachment {
	cursor: pointer;
}

.stdm-fe-text-important {
	font-weight:bold;
}

.stdm-fe-text-important-x {
	font-size:x-large;
	font-weight:bold;
}

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/* ------------------------------------------------- black-light --------------------------------------------*/
.skin-black-light .box.box-stdm {
  border-top-color: #c0c0c0;
}

.skin-black-light .box.box-solid.box-stdm {
  border: 0px solid #c0c0c0;
}

.skin-black-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #c0c0c0;
  background-color: #c0c0c0;
}

.skin-black-light .box.box-solid.box-stdm > .box-header a,
.skin-black-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-black-light .box.box-solid.box-stdm > .box-header a,
.skin-black-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-black-light .login-logo a,
.skin-black-light .register-logo a {
  color: #444;
}

.skin-black-light.login-page,
.skin-black-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-black-light.login-box-body,
.skin-black-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-black-light.login-box-body .form-control-feedback,
.skin-black-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- black --------------------------------------------*/
.skin-black .box.box-stdm {
  border-top-color: #c0c0c0;
}

.skin-black .box.box-solid.box-stdm {
  border: 0px solid #c0c0c0;
}

.skin-black .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #c0c0c0;
  background-color: #c0c0c0;
}

.skin-black .box.box-solid.box-stdm > .box-header a,
.skin-black .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-black .box.box-solid.box-stdm > .box-header a,
.skin-black .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-black .login-logo a,
.skin-black .register-logo a {
  color: #444;
}

.skin-black.login-page,
.skin-black.register-page {
  background: #f0f0f0; /* login */
}

.skin-black.login-box-body,
.skin-black.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-black.login-box-body .form-control-feedback,
.skin-black.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- green-light --------------------------------------------*/
.skin-green-light .main-header .navbar {
  background-color: #32681d;
}

.skin-green-light .main-header .logo:hover {
  background-color: #619648;
}

.skin-green-light .sidebar-menu > li.active {
  border-left-color: #32681d;
}

.skin-green-light .main-header li.user-header {
  background-color: #619648;
}

.skin-green-light .main-header .logo {
  background-color: #32681d;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-green-light .box.box-stdm {
  border-top-color: #619648;
}

.skin-green-light .box.box-solid.box-stdm {
  border: 0px solid #619648;
}

.skin-green-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #619648;
  background-color: #619648;
}

.skin-green-light .box.box-solid.box-stdm > .box-header a,
.skin-green-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-green-light .box.box-solid.box-stdm > .box-header a,
.skin-green-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-green-light .login-logo a,
.skin-green-light .register-logo a {
  color: #444;
}

.skin-green-light.login-page,
.skin-green-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-green-light.login-box-body,
.skin-green-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-green-light.login-box-body .form-control-feedback,
.skin-green-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- green --------------------------------------------*/
.skin-green .main-header .navbar {
  background-color: #32681d;
}

.skin-green .main-header .logo:hover {
  background-color: #619648;
}

.skin-green .sidebar-menu > li.active {
  border-left-color: #32681d;
}

.skin-green .main-header li.user-header {
  background-color: #619648;
}

.skin-green .main-header .logo {
  background-color: #32681d;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-green .box.box-stdm {
  border-top-color: #619648;
}

.skin-green .box.box-solid.box-stdm {
  border: 0px solid #619648;
}

.skin-green .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #619648;
  background-color: #619648;
}

.skin-green .box.box-solid.box-stdm > .box-header a,
.skin-green .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-green .box.box-solid.box-stdm > .box-header a,
.skin-green .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-green .login-logo a,
.skin-green .register-logo a {
  color: #444;
}

.skin-green.login-page,
.skin-green.register-page {
  background: #f0f0f0; /* login */
}

.skin-green.login-box-body,
.skin-green.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-green.login-box-body .form-control-feedback,
.skin-green.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- blue-light --------------------------------------------*/
.skin-blue-light .main-header .navbar {
  background-color: #357CA5;
}

.skin-blue-light .main-header .logo:hover {
  background-color: #3C8DBC;
}

.skin-blue-light .sidebar-menu > li.active {
  border-left-color: #357CA5;
}

.skin-blue-light .main-header li.user-header {
  background-color: #3C8DBC;
}

.skin-blue-light .main-header .logo {
  background-color: #357CA5;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue-light .box.box-stdm {
  border-top-color: #3C8DBC;
}

.skin-blue-light .box.box-solid.box-stdm {
  border: 0px solid #3C8DBC;
}

.skin-blue-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #3C8DBC;
  background-color: #3C8DBC;
}

.skin-blue-light .box.box-solid.box-stdm > .box-header a,
.skin-blue-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-blue-light .box.box-solid.box-stdm > .box-header a,
.skin-blue-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-blue-light .login-logo a,
.skin-blue-light .register-logo a {
  color: #444;
}

.skin-blue-light.login-page,
.skin-blue-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-blue-light.login-box-body,
.skin-blue-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-blue-light.login-box-body .form-control-feedback,
.skin-blue-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- blue --------------------------------------------*/
.skin-blue .main-header .navbar {
  background-color: #357CA5;
}

.skin-blue .main-header .logo:hover {
  background-color: #3C8DBC;
}

.skin-blue .sidebar-menu > li.active {
  border-left-color: #357CA5;
}

.skin-blue .main-header li.user-header {
  background-color: #3C8DBC;
}

.skin-blue .main-header .logo {
  background-color: #357CA5;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-blue .box.box-stdm {
  border-top-color: #3C8DBC;
}

.skin-blue .box.box-solid.box-stdm {
  border: 0px solid #3C8DBC;
}

.skin-blue .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #3C8DBC;
  background-color: #3C8DBC;
}

.skin-blue .box.box-solid.box-stdm > .box-header a,
.skin-blue .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-blue .box.box-solid.box-stdm > .box-header a,
.skin-blue .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-blue .login-logo a,
.skin-blue .register-logo a {
  color: #444;
}

.skin-blue.login-page,
.skin-blue.register-page {
  background: #f0f0f0; /* login */
}

.skin-blue.login-box-body,
.skin-blue.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-blue.login-box-body .form-control-feedback,
.skin-blue.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- purple-light --------------------------------------------*/
.skin-purple-light .main-header .navbar {
  background-color: #545096;
}

.skin-purple-light .main-header .logo:hover {
  background-color: #605CA8;
}

.skin-purple-light .sidebar-menu > li.active {
  border-left-color: #545096;
}

.skin-purple-light .main-header li.user-header {
  background-color: #605CA8;
}

.skin-purple-light .main-header .logo {
  background-color: #545096;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-purple-light .box.box-stdm {
  border-top-color: #605CA8;
}

.skin-purple-light .box.box-solid.box-stdm {
  border: 0px solid #605CA8;
}

.skin-purple-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #605CA8;
  background-color: #605CA8;
}

.skin-purple-light .box.box-solid.box-stdm > .box-header a,
.skin-purple-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-purple-light .box.box-solid.box-stdm > .box-header a,
.skin-purple-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-purple-light .login-logo a,
.skin-purple-light .register-logo a {
  color: #444;
}

.skin-purple-light.login-page,
.skin-purple-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-purple-light.login-box-body,
.skin-purple-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-purple-light.login-box-body .form-control-feedback,
.skin-purple-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- purple --------------------------------------------*/
.skin-purple .main-header .navbar {
  background-color: #545096;
}

.skin-purple .main-header .logo:hover {
  background-color: #605CA8;
}

.skin-purple .sidebar-menu > li.active {
  border-left-color: #545096;
}

.skin-purple .main-header li.user-header {
  background-color: #605CA8;
}

.skin-purple .main-header .logo {
  background-color: #545096;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-purple .box.box-stdm {
  border-top-color: #605CA8;
}

.skin-purple .box.box-solid.box-stdm {
  border: 0px solid #605CA8;
}

.skin-purple .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #605CA8;
  background-color: #605CA8;
}

.skin-purple .box.box-solid.box-stdm > .box-header a,
.skin-purple .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-purple .box.box-solid.box-stdm > .box-header a,
.skin-purple .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-purple .login-logo a,
.skin-purple .register-logo a {
  color: #444;
}

.skin-purple.login-page,
.skin-purple.register-page {
  background: #f0f0f0; /* login */
}

.skin-purple.login-box-body,
.skin-purple.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-purple.login-box-body .form-control-feedback,
.skin-purple.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- red-light --------------------------------------------*/
.skin-red-light .main-header .navbar {
  background-color: #D33724;
}

.skin-red-light .main-header .logo:hover {
  background-color: #DD4B39;
}

.skin-red-light .sidebar-menu > li.active {
  border-left-color: #D33724;
}

.skin-red-light .main-header li.user-header {
  background-color: #DD4B39;
}

.skin-red-light .main-header .logo {
  background-color: #D33724;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-red-light .box.box-stdm {
  border-top-color: #DD4B39;
}

.skin-red-light .box.box-solid.box-stdm {
  border: 0px solid #DD4B39;
}

.skin-red-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #DD4B39;
  background-color: #DD4B39;
}

.skin-red-light .box.box-solid.box-stdm > .box-header a,
.skin-red-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-red-light .box.box-solid.box-stdm > .box-header a,
.skin-red-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-red-light .login-logo a,
.skin-red-light .register-logo a {
  color: #444;
}

.skin-red-light.login-page,
.skin-red-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-red-light.login-box-body,
.skin-red-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-red-light.login-box-body .form-control-feedback,
.skin-red-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- red --------------------------------------------*/
.skin-red .main-header .navbar {
  background-color: #D33724;
}

.skin-red .main-header .logo:hover {
  background-color: #DD4B39;
}

.skin-red .sidebar-menu > li.active {
  border-left-color: #D33724;
}

.skin-red .main-header li.user-header {
  background-color: #DD4B39;
}

.skin-red .main-header .logo {
  background-color: #D33724;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-red .box.box-stdm {
  border-top-color: #DD4B39;
}

.skin-red .box.box-solid.box-stdm {
  border: 0px solid #DD4B39;
}

.skin-red .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #DD4B39;
  background-color: #DD4B39;
}

.skin-red .box.box-solid.box-stdm > .box-header a,
.skin-red .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-red .box.box-solid.box-stdm > .box-header a,
.skin-red .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-red .login-logo a,
.skin-red .register-logo a {
  color: #444;
}

.skin-red.login-page,
.skin-red.register-page {
  background: #f0f0f0; /* login */
}

.skin-red.login-box-body,
.skin-red.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-red.login-box-body .form-control-feedback,
.skin-red.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- yellow-light --------------------------------------------*/
.skin-yellow-light .main-header .navbar {
  background-color: #DB8B0B;
}

.skin-yellow-light .main-header .logo:hover {
  background-color: #F39C12;
}

.skin-yellow-light .sidebar-menu > li.active {
  border-left-color: #DB8B0B;
}

.skin-yellow-light .main-header li.user-header {
  background-color: #F39C12;
}

.skin-yellow-light .main-header .logo {
  background-color: #DB8B0B;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-yellow-light .box.box-stdm {
  border-top-color: #F39C12;
}

.skin-yellow-light .box.box-solid.box-stdm {
  border: 0px solid #F39C12;
}

.skin-yellow-light .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #F39C12;
  background-color: #F39C12;
}

.skin-yellow-light .box.box-solid.box-stdm > .box-header a,
.skin-yellow-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-yellow-light .box.box-solid.box-stdm > .box-header a,
.skin-yellow-light .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-yellow-light .login-logo a,
.skin-yellow-light .register-logo a {
  color: #444;
}

.skin-yellow-light.login-page,
.skin-yellow-light.register-page {
  background: #f0f0f0; /* login */
}

.skin-yellow-light.login-box-body,
.skin-yellow-light.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-yellow-light.login-box-body .form-control-feedback,
.skin-yellow-light.register-box-body .form-control-feedback {
  color: #777;
}

/* ------------------------------------------------- yellow --------------------------------------------*/
.skin-yellow .main-header .navbar {
  background-color: #DB8B0B;
}

.skin-yellow .main-header .logo:hover {
  background-color: #F39C12;
}

.skin-yellow .sidebar-menu > li.active {
  border-left-color: #DB8B0B;
}

.skin-yellow .main-header li.user-header {
  background-color: #F39C12;
}

.skin-yellow .main-header .logo {
  background-color: #DB8B0B;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}

.skin-yellow .box.box-stdm {
  border-top-color: #F39C12;
}

.skin-yellow .box.box-solid.box-stdm {
  border: 0px solid #F39C12;
}

.skin-yellow .box.box-solid.box-stdm > .box-header {
  color: #ffffff;
  background: #F39C12;
  background-color: #F39C12;
}

.skin-yellow .box.box-solid.box-stdm > .box-header a,
.skin-yellow .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-yellow .box.box-solid.box-stdm > .box-header a,
.skin-yellow .box.box-solid.box-stdm > .box-header .btn {
  color: #ffffff;
}

.skin-yellow .login-logo a,
.skin-yellow .register-logo a {
  color: #444;
}

.skin-yellow.login-page,
.skin-yellow.register-page {
  background: #f0f0f0; /* login */
}

.skin-yellow.login-box-body,
.skin-yellow.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.skin-yellow.login-box-body .form-control-feedback,
.skin-yellow.register-box-body .form-control-feedback {
  color: #777;
}