/* custom google plus style theme */
/* @import url(http://fonts.googleapis.com/css?family=Roboto:400); */
body {
  background-color:#f3f3f3;
  -webkit-font-smoothing: antialiased;
  font: normal 12px Roboto,arial,sans-serif;
}
body.bg-log {
	background:#003b46;
}

h5 {border:none;}

/* HEADER*/

.logo p{text-align:center;margin-top:10px;}

#navbar-collapse1,.top-bar{background:#225B76;}
#navbar-collapse2,#subnav,.navbar-default{background:#dfdfdf;
	
}
.navbar-default,#subnav {
	-webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.5);
}
.nav.top-menu > li > a {
	color:#fff;
	padding:15px 10px;
	font-size:12px;
}
.nav > li > a:hover {
	background:none;
	border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;
}
.navbar{border-radius:0px;}

.navbar-default {background-color:#f4f4f4;margin-top:50px;border-width:0;z-index:5;}
.navbar-default .navbar-nav > .active > a ,.navbar-default .navbar-nav > li:hover > a {border:0 solid #4285f4;border-bottom-width:2px;font-weight:800;background-color:transparent;}
.navbar-default .dropdown-menu {background-color:#ffffff;}
.navbar-default .dropdown-menu li > a {padding-left:30px;}

.header {background-color:#225B76;border-width:0;}
.header .navbar-collapse {background-color:#ffffff;}

.btn,.form-control,.panel,.list-group,.well, .input-group .input-group-addon {border-radius:1px;/*box-shadow:0 0 0;*/}
/*.form-control {border-color:#d7d7d7; padding: 6px;}
.btn-primary {border-color:transparent;}
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
.well,.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff,border-color:#a0c3ff;}
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}
*/
.btn-file {
	position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
hr {border-color:#ececec;}
button {
	outline: 0;
}
textarea {
  resize: none;
  outline: 0;
  
}
/* ,.btn span */
.panel .btn i{
  color:#666666;
}
.panel .panel-heading {
  background-color:#ffffff;
  font-weight:700;
  font-size:12px;
  color:#262626;
  border-color:#ffffff;
  /*height:55px;*/
}
/*
.panel .panel-heading a {
  font-weight:400;
  font-size:11px;
}
*/
.panel .panel-default {
  border-color:#cccccc;
}
.panel .panel-thumbnail {
  padding:0;
}
.panel .img-circle {
  width:50px;
  height:50px;
}
.list-group-item:first-child,.list-group-item:last-child {
	border-radius:0;
}
.no-border {
  border: none !important;
  margin: 0 !important;
}
h3,h4,h5 { 
  
  padding-bottom:10px;
}

/*
.modal-dialog {
 width: 450px;
}

.modal-footer {
 border-width:0;
}
*/

.nav.navbar-nav .dropdown-menu {
	 background-color:#f4f4f4;
   border-color:#f0f0f0;
   border-radius:0;
   margin-top:-1px;
}
/* end theme */

/* template layout*/
#subnav {
	position:fixed;
    width:100%;
}
.user-menu > li > a {
	color:#666;
}
.user-menu > li > a:hover {
	border:none; font-weight:none;
}

.logo-radio img {
	width:40px;
	float:left;
	margin: 3px 5px 0 0;
	padding:0;
	border:1px solid #afafaf;
	-webkit-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.5);
		box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.5);
	
}
.avatar {
	width:200px;
	margin-bottom:5px;
}


h5.title-table {
	background:#225B76;
	padding:10px;
	margin:0;
	color:#fff;
	font-weight:bold;
}

.wrapper {
	margin-left:auto;margin-right:auto;}
.container-wrapp {
	padding:0 10px 0 10px;
}	
.box.box-warning {
    border-top-color: #F39C12;
}
.box {
    background: none repeat scroll 0 0 #FFFFFF;
    padding:10px;
}
.box-body {
	margin-bottom:30px;
}
.clear {
	clear:both;
}
.margin-lr1 {
	margin-left: 1px;
	margin-right: 1px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border:solid 1px #cbcbcb;padding:10px;
background:#717171;color:#fff;
}
.nav-tabs > li > a {
color:#232323;border:solid 1px #cbcbcb;padding:10px;
background:#ccc;
}
.nav-tabs > li > a:hover {
	background:#ccc;
	border:none;
}

/* MAIN */
#main {
	padding-top:120px;
	margin-bottom:30px;
}
/* Table */
.table thead tr{
	background:#225B76;
}
table {
	border-collapse: separate;
	border-spacing: 1px;
}
.table {
    border-collapse: collapse;
    border-spacing: 0;
}
table td{
	/*padding: 1px;
	border: 1px;*/
  text-overflow: ellipsis;  
}
table tr.alert td{
	background: #FAD8DA !important;
}
table tr.active td{
	background: #b6c5cc !important;
}
td.tdfield {
	background: #225B76 !important;
  color: #fcfcfc;
}
.table > thead > tr > th{
	text-align: center;
	vertical-align: middle;
}
.table thead .filters {
	background: #f3f3f3;
}
tr.table-title p {
	text-align :center;
	color:#fff;
	padding:0;
	margin:0;
}
tr.bgrow{background-color:#b6c5cc;padding:2px;COLOR:black; FONT: normal 10px verdana;}
th p,td.tx-center {text-align:center;}	
td.number p {
	text-align:center;
	padding:0;
	margin:0;
}
tr.odd {
	background:#eee;
}
tr.bottom{text-align:right;background:rgba(0,193,0,0.3);}
tr.bottom:hover,tr.bottom p:hover{background:none;}
tr.bottom p {padding:0;margin:0;color:#000;font-weight:400;}
tr.top {text-align:center;background:rgba(0,193,0,0.3);margin-bottom:30px;}
a.btn-del  {color:#fff;}
td p {text-align:;}

table p {margin:0;}
.table thead th,.table thead th a {
	color:#fff;
}
.nopadding {padding:0 !important;}
.nopadding-left {padding-left:0;}
.bg-silver {background-color: #bbb !important;}
.bg-red {background-color: #f2dede !important;}
a .glyphicon, a .fa, a .ion {padding-right: 5px;}
/**** Rise Old ****/
.text3 {
    color: black;
    font: bold 18px verdana;
}
td.td {
    background-color: #b6c5cc;
    padding-top: 3px;
}
.input_decl{
	background-color	:#b6c5cc;
	color					:#000066;
	font					:normal 10px verdana;
	text-align			:right;
	vertical-align		:top;
}
.input_decl2{
	background-color	:#b6c5cc;
	color					:#000066;
	font					:normal 10px verdana;
	vertical-align		:top;
}
.decl{
	background-color	:#b6c5cc;
	color					:#000066;
	font					:normal 10px verdana;
	text-align			:center;
	vertical-align		:top;
}
.ViewDecl{
	background-color	:#b6c5cc;
	color					:#000066;
}
.input_tanya{
	background-color	:#b6c5cc;
	color					:#000066;
	font					:normal 10px verdana;
	vertical-align		:top;
}
.list{
	background-color	:#ffffff;
	color					:#000066;
	font					:normal 10px verdana;
}
.head_tabel{
	text-align			:center;
	background-color	:#225B76;
	color					:#fcfcfc;
	font					:normal 10px verdana;
}
.Err{
	text-align			:center;
	background-color	:red;
	color					:white;
	font					:normal 12px verdana;
}

.label-dark {
  background-color: #666;
}
span.label.text-danger {
  color: #b94a48
}
span.label.text-info {
  color: #3a87ad
}
span.label.text-warning {
  color: #f0ad4e
}
span.label.text-default {
  color: #999
}
span.label.text-success {
  color: #5cb85c
}
span.label.text-primary {
  color: #337ab7
}

#rundown-grid table thead tr {
    width: 100%;
    display: inline-table;
}


#rundown-grid table tbody{
    overflow-y: scroll;
    height: 400px;
    width: 120%;
    display: block;
    
}

#rundown-grid table thead{
    width: 120%;
    display: block;
    
}

#listlagu-grid table tbody{
	overflow-y: auto;
	max-height: 400px;
	width: 124%;
	display: block;
}

#listlagu-grid table thead{
	display: block;
	width: 124%;
	position: relative;
}

.grid-view{
    padding-top: 0px;    
}
/**** end rise old ***/
/*** Flex table ****/
/* Class Helper*/
.table-large {
	width: 900px !important;
	display: -moz-box;
}
.table-x-large {
	width: 1200px !important;
	display: -moz-box;
}
.white,.white a {color:#fff;}
.pagination { margin: 5px 0; display: -webkit-inline-flex; display: inline-flex; align-items: center;}
.pagination select {height:31px; width: initial;}

.form-box {
  width: 360px;
  margin: 90px auto 0 auto;
  box-shadow:0px 6px 4px rgba(0, 0, 0, 0.3);
}
.form-box .header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #225B76;
  
  padding: 20px 10px;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  color: #fff;
}
.form-box .body,
.form-box .footer {
  padding: 10px 20px;
  background: #fff;
  color: #444;
}
.form-box .body > .form-group,
.form-box .footer > .form-group {
  margin-top: 20px;
}

.form-box .body > .btn,
.form-box .footer > .btn {
  margin-bottom: 10px;
}
.form-box .footer {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bg-green {
  background-color: #00C100 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.btn.btn-set {
	color: #ffffff !important;
}
.text5{color:#000066;font:normal 8px verdana}

/* Footer*/
#footer {
	background:#225B76;
	padding-top:10px;
	color:#fff;
	width: 100%;
}
#footer p {text-align:center;}

.sort-link{
    color:white;
}

.bootstrap-tagsinput {
	width: 100%;
}
.bootstrap-tagsinput .tag {
	font-size: 100%;
}

@media (max-width: 920px) {
	.table-responsive {
		overflow-x: scroll;
	}
}

@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /*
    .navbar-collapse.collapse {
        display: none!important;
    }*/
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.toggle-rev {padding:15px 0 0 0;margin:0;}
	#subnav {
	  padding-top: 6px;
	}
}

@media (min-width: 768px) {
  .navbar-collapse.collapse {
    display: none;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    visibility: visible!important;
  }
  .navbar-collapse.collapse.in {
    display: block;
  }
}