body {margin-top: 20px!important; background-color: white;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,0) 45%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(45%,rgba(255,255,255,0)));

background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 45%);

background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 45%);

background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 45%);

background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 45%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00cccccc',GradientType=0 );

border-bottom: 1px solid white;

}

h1 {font-size: 20px;}
.content {padding-top: 20px;}
.panel-heading {font-weight: bold;}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #cccccc;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  }
  
 #sizing-addon2 {
	 width: 100px;
	 text-align: left;
 } 
  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #222222;
    white-space: nowrap;
 
  }.ui-state-hover, &.ui-state-active {
      color: #cccccc;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
	.ui-helper-hidden-accessible {display: none;}
	#sidebar {
  background-color: #2C2C2C;
  margin-left: 0px;
  position: absolute;
  top: 70px;
  bottom: 0px;
  min-height: 100%;
}

.panel-footer {
	text-align: right;
}
#sidebar > .nav > .nav-menu > a {
  border: 0px;
  border-radius: 0px;
  padding: 20px;
}
	
@media print { .topbar-wrapper {display: none;} .btn {display: none;} .breadcrumb {display: none;}}
.ui-autocomplete  {
	list-style:none;
  color: #cccccc;
  position: absolute;
  margin-top: -20px;
  width:200px;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  
  }
  .complete-li {
	  padding-bottom:4px;
	  padding-top:4px; 
	      -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	  }
	    .complete-li a {
			padding:4px;
			display: block; }
			
.complete-li a:hover{
			text-decoration:none;
		}
.st_rma { font-size:0.9em;}
.st_comp { font-size:0.9em; font-style:italic;}
.st_name { font-size:1.2em;}
	  th{
background-color: #D3D3D3!important;
    color: #080808!important;
    border: 0px;
    font-weight: bold!important;
}
.infobox {
margin-top: 30px;	
}



body {

  margin-top: 50px;

}

.panel {
	border-radius: 0px;
	border: 0px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(199,199,199,1);
-moz-box-shadow: 0px 0px 2px 1px rgba(199,199,199,1);
box-shadow: 0px 0px 2px 1px rgba(199,199,199,1);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#page-wrapper .panel-heading {
	background-color: #D3D3D3!important;
	color: #080808!important;
	border: 0px;
	font-weight: bold!important;
}
#wrapper {

  padding-left: 0;

}

* {
  border-radius: 0 !important;
}

#page-wrapper {

  width: 100%;

  padding: 5px 15px;

}

.modal-header {
	    background-color: #009fe3!important;
    color: white!important;
}
.modal-footer {
	    background-color: #ececec!important;
    color: white!important;
}

/* Nav Messages */



.messages-dropdown .dropdown-menu .message-preview .avatar,

.messages-dropdown .dropdown-menu .message-preview .name,

.messages-dropdown .dropdown-menu .message-preview .message,

.messages-dropdown .dropdown-menu .message-preview .time {

  display: block;

}



.messages-dropdown .dropdown-menu .message-preview .avatar {

  float: left;

  margin-right: 15px;

}



.messages-dropdown .dropdown-menu .message-preview .name {

  font-weight: bold;

}



.messages-dropdown .dropdown-menu .message-preview .message {

  font-size: 12px;

}



.messages-dropdown .dropdown-menu .message-preview .time {

  font-size: 12px;

}





/* Nav Announcements */



.announcement-heading {

  font-size: 50px;

  margin: 0;

}



.announcement-text {

  margin: 0;

}



/* Table Headers */



table.tablesorter thead {

  cursor: pointer;

}



table.tablesorter thead tr th:hover {

  background-color: #f5f5f5;

}



/* Flot Chart Containers */



.flot-chart {

  display: block;

  height: 400px;

}



.flot-chart-content {

  width: 100%;

  height: 100%;

}


input[type=text],input[type=password],select {
	width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #222222;
  vertical-align: middle;
  background-color: #cccccc;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
textarea {
	width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #222222;
  vertical-align: middle;
  background-color: #cccccc;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


/* Edit Below to Customize Widths > 768px */

@media (min-width:768px) {



  /* Wrappers */



  #wrapper {

	padding-left: 225px;

  }



  #page-wrapper {

	padding: 15px;
	

  }



  /* Side Nav */



  .side-nav {

	margin-left: -225px;

	left: 225px;

	width: 225px;

	position: fixed;

	top: 51px;

	height: 100%;

	border-radius: 0;

	border: none;

	background-color: #CCC;

	overflow-y: auto;

  }



  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */



  .side-nav>li.dropdown>ul.dropdown-menu {

	position: relative;

	min-width: 225px;

	margin: 0;

	padding: 0;

	border: none;

	border-radius: 0;

	background-color: transparent;

	box-shadow: none;

	-webkit-box-shadow: none;

  }


select {
    min-height: 35px;
}
  .side-nav>li.dropdown>ul.dropdown-menu>li>a {

	color: #999999;

	padding: 15px 15px 15px 25px;

  }



  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {

	color: #fff;

	background-color: #080808;

  }



  .side-nav>li>a {

	width: 225px;

  }



  .navbar-inverse .navbar-nav>li>a:hover,

  .navbar-inverse .navbar-nav>li>a:focus {

	background-color: #999;

  }



  /* Nav Messages */



  .messages-dropdown .dropdown-menu {

	min-width: 300px;

  }



  .messages-dropdown .dropdown-menu li a {

	white-space: normal;

  }



  .navbar-collapse {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }



}


div.dataTables_length label {
        font-weight: normal;
        float: left;
        text-align: left;
}

div.dataTables_length select {
        width: 75px;
}

div.dataTables_filter label {
        font-weight: normal;
        float: right;
}

div.dataTables_filter input {
        width: 16em;
}

div.dataTables_info {
        padding-top: 8px;
}

div.dataTables_paginate {
        float: right;
        margin: 0;
}

div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
}

table.dataTable,
table.dataTable td,
table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}


table.dataTable {
        clear: both;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
}

.side-nav li a{border-bottom: 1px solid white; color: #666!important; background-color: #DEDEDE;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: white!important;
background: #999;
border-bottom: 1px;
background: url('../images/menu-active.png') no-repeat center right;
}
.navbar-inverse .navbar-nav > .active {
background: #2c3742;}
.navbar-inverse .navbar-nav > .active > a { background: url('../images/menu-active.png') no-repeat center right;}
.side-nav .active {color: #666!important;  }
.side-nav .active a {color: white!important; }
.side-nav .active i {color: white!important;}
.side-nav i {color: #828282!important;}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
}

table.dataTable th:active {
        outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
        margin-bottom: 0 !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
        border-top: none;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
        border-top: none;
}

div.dataTables_scrollFoot table {
        margin-top: 0 !important;
        border-top: none;
}




/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
        background-color: #08C;
        color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
        background-color: #0075b0 !important;
}

.table tbody tr.active a {
        color: white;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
        background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
        cursor: pointer;
}

div.DTTT .btn {
        color: #333 !important;
        font-size: 12px;
}

div.DTTT .btn:hover {
        text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
        background-color: #0088cc;
        color: white !important;
}

div.DTTT_collection_background {
        z-index: 2002;        
}

/* TableTools information display */
div.DTTT_print_info.modal {
        height: 150px;
        margin-top: -75px;
        text-align: center;
}

div.DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
}

div.DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin-bottom: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
}

.dataTable thead {
	background-color: #222;
background-color: #222222;
}

@media (min-width: 768px) and (max-width: 979px) {
  // ... some other code
.navbar-brand {
padding: 8px 8px 8px 8px!important;}
  .hidden-tablet {
    display: none !important;
  }
}

div.dataTables_length label {
        font-weight: normal;
        float: left;
        text-align: left;
}

div.dataTables_length select {
        width: 75px;
}

div.dataTables_filter label {
        font-weight: normal;
        float: right;
}

div.dataTables_filter input {
        width: 16em;
}

div.dataTables_info {
        padding-top: 8px;
}

div.dataTables_paginate {
        float: right;
        margin: 0;
}

div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
}

table.dataTable,
table.dataTable td,
table.dataTable th {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}


table.dataTable {
        clear: both;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
        cursor: pointer;
}


table.dataTable th:active {
        outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
        margin-bottom: 0 !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
        border-top: none;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
        border-top: none;
}

div.dataTables_scrollFoot table {
        margin-top: 0 !important;
        border-top: none;
}




/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
        background-color: #08C;
        color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
        background-color: #0075b0 !important;
}

.table tbody tr.active a {
        color: white;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
        background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
        cursor: pointer;
}

div.DTTT .btn {
        color: #333 !important;
        font-size: 12px;
}

div.DTTT .btn:hover {
        text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu {
  z-index: 2003;
}

ul.DTTT_dropdown.dropdown-menu a {
        color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li {
        position: relative;
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
        background-color: #0088cc;
        color: white !important;
}

div.DTTT_collection_background {
        z-index: 2002;        
}

/* TableTools information display */
div.DTTT_print_info.modal {
        height: 150px;
        margin-top: -75px;
        text-align: center;
}

div.DTTT_print_info h6 {
        font-weight: normal;
        font-size: 28px;
        line-height: 28px;
        margin: 1em;
}

div.DTTT_print_info p {
        font-size: 14px;
        line-height: 20px;
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
div.DTFC_RightHeadWrapper table,
div.DTFC_RightFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
}
 
div.DTFC_RightHeadWrapper table ,
div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
 
div.DTFC_RightBodyWrapper table,
div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin-bottom: 0 !important;
}
 
div.DTFC_RightBodyWrapper tbody tr:first-child th,
div.DTFC_RightBodyWrapper tbody tr:first-child td,
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}
 
div.DTFC_RightFootWrapper table,
div.DTFC_LeftFootWrapper table {
    border-top: none;
}
.navbar-inverse {
min-height: 48px;
margin-bottom: 0px;
border-radius: 0px;
background: #2c3742;
border: 0px!important;
}
.navbar-brand {
padding: 9px 9px 9px 9px!important;}

@media (max-width: 767px) { 
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:none;
    }
}

.underline {
    padding: 10px!important;
    border-radius: 0px!important;
    background: #000000!important;
    border: 0px!important;
    color: white!important;
}

.navbar-inverse {
    min-height: 48px;
    margin-bottom: 0px;
    border-radius: 0px;
    background: #f4f4f4;
    border: 0px!important;
border-bottom: 5px solid #ff0000;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ff0000;
    border-bottom: 4px solid #ff0000;
}
.navbar-inverse .navbar-nav > li > a {
    color: black;
}
.btn-success,.btn-info {
    color: #ffffff;
    background-color: black;
    border-color: black;
}
.btn-success:hover,.btn-info:hover {
    color: #ff0000;
    background-color: black;
    border-color: black;
}

.alert-info {
    color: black;
    background-color: #f5f5f5;
    border-color: black;
}
.modal-header {
    background-color: black!important;
    color: white!important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #999;
    border-color: #999999;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}


.select2-search { background-color: #cccccc; }
/*.select2-search input { background-color: #cccccc; }*/
.select2-results { background-color: #cccccc; }
.select2-choice { background-color: #cccccc; }

.select2-container--default .select2-selection--single {
    background-color: #cccccc;
    height: 34px;
}