/*
 * Base structure
 */






/*
 * Palette
 */ 
 
 
 
.c-app-primary 				{ color: #1976D2; }
.bgm-app-primary 			{ background-color: #1976D2; }
.c-app-primary-light		{ color: #1976D2; }
.bgm-app-primary-light		{ background-color: #1976D2; }

.c-app-secondary			{ color: #8DC543; }
.bgm-app-secondary 			{ background-color: #8DC543 !important; }
.c-app-secondary-light		{ color: #1976D2; }
.bgm-app-secondary-light	{ background-color: #1976D2; }

.c-app-tertiary				{ color: #1976D2; }
.bgm-app-tertiary 			{ background-color: #1976D2; }
.c-app-tertiary-light		{ color: #1976D2; }
.bgm-app-tertiary-light		{ background-color: #1976D2; }



/* Palette generated by Material Palette - materialpalette.com/blue/green */

.dark-primary-color    { background: #1976D2; }
.default-primary-color { background: #2196F3; }
.light-primary-color   { background: #BBDEFB; }
.accent-color          { background: #4CAF50; }

.divider-color         { border-color: #BDBDBD; }

.text-primary-color    { color: #FFFFFF; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.alert-color 		   { color: #FF5722; }

/* 
 * Material Background Colors
 */
.bgm-white {
  background-color: #ffffff !important;
}
.c-white {
  color: #ffffff !important;
}
.bgm-black {
  background-color: #000000 !important;
}
.c-black {
  color: #000000 !important;
}
.bgm-brown {
  background-color: #795548 !important;
}
.c-brown {
  color: #795548 !important;
}
.bgm-pink {
  background-color: #e91e63 !important;
}
.c-pink {
  color: #e91e63 !important;
}
.bgm-red {
  background-color: #f44336 !important;
}
.c-red {
  color: #f44336 !important;
}
.bgm-blue {
  background-color: #2196f3 !important;
}
.c-blue {
  color: #2196f3 !important;
}
.bgm-purple {
  background-color: #9c27b0 !important;
}
.c-purple {
  color: #9c27b0 !important;
}
.bgm-deeppurple {
  background-color: #673ab7 !important;
}
.c-deeppurple {
  color: #673ab7 !important;
}
.bgm-lightblue {
  background-color: #03a9f4 !important;
}
.c-lightblue {
  color: #03a9f4 !important;
}
.bgm-cyan {
  background-color: #00bcd4 !important;
}
.c-cyan {
  color: #00bcd4 !important;
}
.bgm-teal {
  background-color: #009688 !important;
}
.c-teal {
  color: #009688 !important;
}
.bgm-green {
  background-color: #4caf50 !important;
}
.c-green {
  color: #4caf50 !important;
}
.bgm-lightgreen {
  background-color: #8bc34a !important;
}
.c-lightgreen {
  color: #8bc34a !important;
}
.bgm-lime {
  background-color: #cddc39 !important;
}
.c-lime {
  color: #cddc39 !important;
}
.bgm-yellow {
  background-color: #ffeb3b !important;
}
.c-yellow {
  color: #ffeb3b !important;
}
.bgm-amber {
  background-color: #ffc107 !important;
}
.c-amber {
  color: #ffc107 !important;
}
.bgm-orange {
  background-color: #ff9800 !important;
}
.c-orange {
  color: #ff9800 !important;
}
.bgm-deeporange {
  background-color: #ff5722 !important;
}
.c-deeporange {
  color: #ff5722 !important;
}
.bgm-gray {
  background-color: #9e9e9e !important;
}
.c-gray {
  color: #9e9e9e !important;
}
.bgm-bluegray {
  background-color: #607d8b !important;
}
.c-bluegray {
  color: #607d8b !important;
}
.bgm-indigo {
  background-color: #3f51b5 !important;
}
.c-indigo {
  color: #3f51b5 !important;
}
/*
 * Background Colors
 */
.bg-black-trp {
  background-color: rgba(0, 0, 0, 0.1) !important;
}









/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  background-color: #efefef;
}

a:visited {
	text-decoration: none;
}
	
a:link {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}



/*
 * Typography
 */

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}



/*
 * Roboto Light
 */
@font-face {
  font-family: roboto;
  src: url('/fonts/roboto/Roboto-Light-webfont.eot');
  src: url('/fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Light-webfont.svg#icon') format('svg');
  font-weight: 300;
  font-style: normal;
}
/*
 * Roboto Regular
 */
@font-face {
  font-family: roboto;
  src: url('/fonts/roboto/Roboto-Regular-webfont.eot');
  src: url('/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Regular-webfont.svg#icon') format('svg');
  font-weight: 400;
  font-style: normal;
}
/*
 * Roboto Medium
 */
@font-face {
  font-family: roboto;
  src: url('/fonts/roboto/Roboto-Medium-webfont.eot');
  src: url('/fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Medium-webfont.svg#icon') format('svg');
  font-weight: 500;
  font-style: normal;
}
/*
 * Roboto Bold
 */
@font-face {
  font-family: roboto;
  src: url('/fonts/roboto/Roboto-Bold-webfont.eot');
  src: url('/fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Bold-webfont.svg#icon') format('svg');
  font-weight: 700;
  font-style: normal;
}


/*
 * Border
 */
.b-0 {
  border: 0 !important;
}
/*
 * width
 */
.w-100 {
  width: 100% !important;
}
/*
 * Border Radius 
 */
.brd-2 {
  border-radius: 2px;
}
/*
 * Text Transform
 */
.t-uppercase {
  text-transform: uppercase;
}




/* 
 * Navbar
 */
 
.navbar {
	height: 50px;
	background-color: #1976D2;
	background-image: url("/media/nav_bg.png");
}

.navbar-header {
	padding: 0px;
	margin: 0px;


}

.topbar-userid {
	color: #fff;
	text-weight: bold;
}

.top-menu > li > a {
  height: 35px;
  min-width: 50px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.top-menu > li > a > .tmn-counts {
  position: absolute;
  color: #FFF;
  font-style: normal;
  background: #f44336;
  padding: 1px 5px;
  border-radius: 2px;
  right: 7px;
  top: -3px;
  font-size: 10px;
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.top-menu > li > a.tm-chat {
  background-image: url("../img/icons/menu-2.png");
}


/*
 * Sidebar
 */
 
.sidebar-hamburger {
 	margin-top: 10px;
 	margin-left:3px;
 	padding: 5px;
	display: none;
	width: 25px;
	background-color:#fff;
	border-radius: 5px;
}
	
@media screen and (max-width: 600px) {
	.sidebar {
		display: none;
	}
	.sidebar-hamburger {
		display: block;
	}
}



.sidebar {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  padding: 0px;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid #eee;
}


.sidebar-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #1976D2;
}

.sidebar-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav a, .sidebar-nav a:hover, .sidebar-nav a:focus, .sidebar-nav a:active {
  outline: none;
}

.sidebar-nav ul li, .sidebar-nav ul a {
  display: block;
}

.sidebar-nav ul a {
  padding: 10px 20px;
  color: #fff;
  border-top: 1px solid #3684D6;
}

.sidebar-nav ul a:hover, .sidebar-nav ul a:focus, .sidebar-nav ul a:active {
  color: #fff;
  text-decoration: none;
}

.sidebar-nav ul ul a {
  padding: 10px 30px;
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar-nav ul ul a:hover, .sidebar-nav ul ul a:focus, .sidebar-nav ul ul a:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.sidebar-nav-item {
  padding-left: 5px;
}

.sidebar-nav-item-icon {
  padding-right: 5px;
}



/*
 * Breadcrumb
 */

.breadcrumb-row {
	margin-top: 20px;
}

.breadcrumb {
	background-color: #fff;
}


/*
 * Dashboard
 */

.content {
  display: block;
  overflow: hidden;
  width: auto;
}

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}



/*
 * Panel Helpers
 */
/*
 * Header Actions
 */
.actions {
  list-style: none;
  padding: 0;
  z-index: 2;
  margin: 0;
}
.actions > li {
  display: inline-block;
  vertical-align: baseline;
}
.actions > li > a,
.actions > a {
  width: 30px;
  height: 30px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  position: relative;
}
.actions > li > a > i,
.actions > a > i {
  -webkit-transition: color;
  -o-transition: color;
  transition: color;
  -webkit-transition-duration: 1300ms;
  transition-duration: 1300ms;
  color: #adadad;
  font-size: 20px;
}
.actions > li > a:hover > i,
.actions > a:hover > i {
  color: #000;
}
.actions > li > a:before,
.actions > a:before {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 0;
  border-radius: 50%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.actions > li > a:hover:before,
.actions > a:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.actions > li.open > a > i,
.actions.open > a > i {
  color: #000;
}
.actions > li.open > a:before,
.actions.open > a:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  filter: alpha(opacity=100);
}
.actions.actions-alt > li > a > i {
  color: #fff;
}
.actions.actions-alt > li > a > i:hover {
  color: #fff;
}
.actions.actions-alt > li.open > a > i {
  color: #fff;
}
.actions.open {
  z-index: 3;
}




.tab-nav {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0 -2px 0 0 #eeeeee;
}
.tab-nav > li {
  display: inline-block;
  vertical-align: top;
}
.tab-nav > li > a {
  display: inline-block;
  color: #7a7a7a;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-weight: 500;
}
.tab-nav > li > a:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
@media (min-width: 768px) {
  .tab-nav > li > a {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .tab-nav > li > a {
    padding: 15px 8px;
  }
}
.tab-nav > li.active > a {
  color: #000;
}
.tab-nav > li.active > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.tab-nav.tab-nav-right {
  text-align: right;
}
.tab-nav.tn-justified > li {
  display: table-cell;
  width: 1%;
  text-align: center;
}
.tab-nav.tn-icon > li .zmdi {
  font-size: 22px;
  line-height: 100%;
  min-height: 25px;
}
.tab-nav:not([data-tab-color]) > li > a:after {
  background: #2196f3;
}
.tab-nav[data-tab-color="green"] > li > a:after {
  background: #4caf50;
}
.tab-nav[data-tab-color="red"] > li > a:after {
  background: #f44336;
}
.tab-nav[data-tab-color="teal"] > li > a:after {
  background: #009688;
}
.tab-nav[data-tab-color="amber"] > li > a:after {
  background: #ffc107;
}
.tab-nav[data-tab-color="black"] > li > a:after {
  background: #000000;
}
.tab-nav[data-tab-color="cyan"] > li > a:after {
  background: #00bcd4;
}
.tab-content {
  padding: 20px 0;
}




/*
 * Panels
 */


.panel-primary {

	    box-shadow: none;
		

}


.panel-body {
	
	border-right: solid #ddd 1px;
	border-left: solid #ddd 1px;
	border-bottom: solid #ccc 1px;

}
.panel-primary {

	    box-shadow: none;
		

}

.panel-block {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*
 *  Cards
 */ 


.card {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}
.card .card-header {
  position: relative;
}
@media screen and (min-width: 768px) {
  .card .card-header:not(.ch-alt) {
    padding: 23px 25px;
  }
}
@media screen and (max-width: 991px) {
  .card .card-header:not(.ch-alt) {
    padding: 18px;
  }
}
.card .card-header h2 {
  margin: 0;
  line-height: 100%;
  font-size: 17px;
  font-weight: 400;
}
.card .card-header h2 small {
  display: block;
  margin-top: 8px;
  color: #AEAEAE;
  line-height: 160%;
}
@media screen and (min-width: 768px) {
  .card .card-header.ch-alt {
    padding: 23px 26px;
  }
}
@media screen and (max-width: 991px) {
  .card .card-header.ch-alt {
    padding: 18px 18px 28px;
  }
}
.card .card-header.ch-alt:not([class*="bgm-"]) {
  background-color: #f7f7f7;
}
.card .card-header[class*="bgm-"] h2,
.card .card-header[class*="bgm-"] h2 small {
  color: #fff;
}
.card .card-header .actions {
  position: absolute;
  right: 10px;
  z-index: 2;
  top: 15px;
}
.card .card-header .btn-float {
  right: 25px;
  bottom: -23px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .card .card-body.card-padding {
    padding: 23px 26px;
  }
}
@media screen and (max-width: 991px) {
  .card .card-body.card-padding {
    padding: 18px;
  }
}
.card .card-body.card-padding-sm {
  padding: 15px;
}
.card-header:not(.ch-alt):not([class*="bgm-"]) + .card-padding {
  padding-top: 0;
}
.card .card-body.card-padding-sm {
  padding: 15px;
}
.card .card-body.card-padding-none {
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
}

.card .card-left-panel {
	border-right: 1px solid #ccc;

}

.card .filter {

	padding-top: 15px;

}


/* Forms
 *
 */
 
 
.form-group {
	padding-bottom: 10px;
	border-bottom: 1px solid #efefef;

} 
 
.form-control {
	box-shadow: none;
	border: 1px solid #ccc;
}


.form-divider {
	margin-top: -15px;
	padding-top: 10px;
	padding-left: 20px;
	background-color: #efefef;	
	border-bottom: 1px solid #bfbfbf;
	font-weight: bold;
} 
 
 
label {
	font-weight: normal;

}

.form-group small {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #666;
}



.box_checks {
	height: 190px; 
	overflow: auto; 
	overflow-y: auto; 
	border: 1px solid #ccc; 
	background-color: #ffffff;
}


input[type="radio"] {

    border-radius: 10px;
    cursor: pointer;
    height: 25px;
    width: 25px;

}


.sublist {
	width: 100%;
	border: 2px;
}

.sublist .sublist_field_header th {
	background: #efefef;
	height: auto;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

.sublist .sublist_datarow {
	padding: 2px 4px;
	border-bottom: 1px solid #cccccc !important;
	color: #000000;
}



/*
 * Pop-related 
 */
 
.body-pop {
	background-color: #fff;
	padding-top: 0px;
	margin-top: 0px;
}




/*
 * Tables
 */



tfooter tr td {
	background-color: red !important;
}

.table-pop {
}

.table-pop th {
	background-color:#efefef;
}



.table-pop td {
	background-color:#fff;
}


.table tr:hover td {
	background-color: #efefef;

}

.table 

/*
 * Miscellaneous
 */


#rtlh3 small {
    transform: rotateY(180deg);
    display: inline-block;
}