/* Global Styles */
body {
    font-size: 12px!important;
	font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 12px !important;
}
  
.newsbody p{
	font-size: 12px!important;
	font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif !important;
 }
  
.appealCaseNumberDataTable.ui-datatable table thead tr {
    display: none;
}

@-ms-viewport{
width:auto!important;
}

#header {
	position: fixed;
	width: 100%;
    margin:0 auto;
	text-align: left;
	z-index: 103;
	-webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    background-size: cover!important;
    -o-background-size: cover!important;
	border-bottom: 3px solid #123566!important;
	background: url('../images/flag_back.jpg') no-repeat scroll;
	  /*min-height: 50px;*/
}
.spacedot {
	margin: 120	1px 2px 0 !important;
}
.wrapper .header {
    height: 110px!important;

}
label {
    font-size: 12px!important;

}
/*.ui-widget, .ui-widget .ui-widget {
    font-size: 12px!important;
}*/

.wrapper .topbar {
    position: fixed!important;
    right: 0 !important;
    left: 0 !important;
    height: 40px!important;
    width: 100%!important;
    background-color: #123566!important;
    padding: .2em 1.5em 0em 1.5em!important;
    box-sizing: border-box!important;
    color: #ffffff!important;
    z-index: 101!important;
}
.wrapper .sidebar {
    width: 100%!important;
    background-color: #123566!important;
    margin-top:50px;
    height: auto!important;
	
}
.wrapper .sidebar .menu {
text-transform: uppercase;
font-weight:bold;
}

.wrapper .sidebar .menu ul li > ul {
    display: none;
    padding-left: 0 !important;
}

.wrapper .sidebar .menu ul li.active-menuitem > ul {
    background-color: #123566!important;
}


.wrapper .sidebar .menu ul li > a:hover {
    background-color: #123566!important;
color: gold !important;
}
.wrapper .sidebar .menu ul li > a span {
    margin-left: 0;
}
.wrapper .sidebar .menu ul li > a:focus {
  color: gold !important;
}
.wrapper .topbar #omega-menu-button:hover {
    color: gold !important;
}
.wrapper .sidebar .menu ul li.active-menuitem > a {
    background-color: #123566!important;
    color: gold !important;
}
.wrapper .sidebar .sidebar-scroll-content .menu-container {
    padding-bottom: 10px;
}

.wrapper .sidebar .menu {
    margin-top: 15px;
}
.ui-grid-col-1 {
    width: 3%!important;
    
}
.hideCkToolbar .cke_reset_all {
   display: none;
}

.hidePfToolbar .ui-editor-toolbar {
   display: none;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	padding: .1em .1em; 
}
	
.partdataradiotitle {
    margin-top: 0px;
    color: #123566!important;
    text-align: left;
}
.legend {
	margin-bottom: 0px!important;
    font-size: 11px!important;
}
.partdata-ui-grid-col-1
{
	width: 3%!important;
	height: 20px !important;
	rowHeight:20 !important;
	
}
.ui-grid-col-1l {
    width: 5% !important;
    text-align: left !important;
}
.ui-grid-col-2l {
    width: 10%!important;
    text-align: left!important;
}

.ui-grid-col-3l {
    width: 15%!important;
    text-align: left!important;
}
.ui-grid-col-3lx {
    width: 24%;
    text-align: left!important;
}
.ui-grid-col-4lx {
    text-align: left!important;
}

.ui-grid-col-4l {
    width: 44%;
    text-align: left!important;
}

.ui-grid-col-10 {
	width: 100%;
    text-align: left!important;

}

.ui-grid-col-8{
	text-align:left;
	width: 80%!important;   
}

a.ui-commandlink, a.ui-link {
    color: #123566!important;
}

.ui-panelgrid-cell.ui-grid-col-4 {
    text-align: right;
}
.ui-panelgrid-cell.ui-grid-col-4l {
    
    width: 45%;
    text-align: left;
}
#paneladdnewrole {
	font-size: 11px;
}


#form\:heainrgDataID_header {
    background-color: #f3f3f3 !important;
    text-align: left;
    border-bottom: 1px dotted #ccc!important;
}
#form\:assisgnJudgeId_header {
	background-color: #f3f3f3 !important;
    text-align: left;
    border-bottom: 1px dotted #ccc!important;
}

#form\:statusDescription_header {
	background-color: #f3f3f3 !important;
    text-align: left;
    border-bottom: 1px dotted #ccc!important;
}

#form\:agencyPanelID_header {
	background-color: #f3f3f3 !important;
    text-align: left;
    border-bottom: 1px dotted #ccc!important;
}

#form\:appealPanelID_header {
	background-color: #f3f3f3 !important;
    text-align: left;
    border-bottom: 1px dotted #ccc!important;
}
.pagestart {
    margin-top: 145px !important;
}
.part-j-actions {
	position: fixed;
	right: 5px;
    top: 180px;
    
}


 


.partdatastart
{
	margin-top: 5px !important;
}
.nav > li > a:focus {

    background-color: #123566!important;
}
.nav > li > a:hover {

    background-color: #123566!important;
}

.active-menuitem {
z-index: 108;
}

.dl-datatable * {
border : 0px !important;
}



.ui-widget-content {
	border: 0 !important;
}


.ui-menu .ui-menuitem-text{
color: #ffffff !important;

}



.nano {
text-align: left;
height: auto!important;
}

#seal{

vertical-align: middle;
width: 10%;
}

#fedsep {
width: 30%;
vertical-align: middle;
}
.bluetitle {
color: #123566;
font-weight: bold;
text-align: center!important;
text-transform: uppercase;
}
.blue {
color: #123566;
font-weight: bold;
text-align: left;
border-bottom: 3px solid #123566 !important;
}
.fpasswordLink {
float: right;
}

.newsfont {
padding-bottom:10px;
font-weight: 600;


}

.logout {
	float:right;
	font-size: 13px;
	padding-right: 10px;
	color: black;
}
.introPanel {
	width:45%!important;
	margin: 50px 50px 50px!important;

}
.introPanel2 {
	width:70%!important;
	margin: 50px 50px 50px!important;

}
.urformx {
    padding: 20px !important;
}

.fgtpass {
	margin-top:20px;
}

.dialog-msg {
	line-height: 18px;
	width: 675px;
	border: none;
	border-bottom: solid;
	border-bottom-color: #cbc7bd;
	font-size: 9pt;
	font-family: Verdana,Verdana CE;
	padding: 0;
	text-align: left;
}

.adr-bold-text {
	font-weight: bold;
}

.adr-border-color {
	border-color: black;
}

.adr-invitation-text-align {
	text-align: justify;
}

.adr-signature-padding {
	padding: 0px 0px 0px 0px;
}

.adr-signature-margin {
	margin: 0px 0px 0px 0px;
}

.adr-agreement-text-align-center {
	text-align: center !important;
}

.adr-agreement-text-align-left {
	text-align: left !important;
}

.adr-bold-text:hover, .adr-bold-text:focus {
	font-weight: bold;
	font-style: italic;
}


.adr-bold-text-itallic {
	font-weight: bold;
	font-style: italic;
}

.adr-bold-text:hover, .adr-bold-text:focus {
	font-weight: bold;
	font-style: italic;
}


.adr-bold-text-itallic-underline {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	
}

.adr-bold-text-itallic-underline:hover, .adr-bold-text-itallic-underline:focus {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}


.adr-italic-text {
	font-style: italic;
}

.adr-italic-text:hover, .adr-italic-text:focus {
	font-style: italic;
}




.adr-text:hover, .adr-text:focus {
	font-style: italic;
}

.ui-datepicker .ui-datepicker-title {
	color: #333!important;
}
	
.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
   border: 1px solid #156090;
color: #fff !important;
background-color: #123566;
/*
 margin-top: 15px;
 */
}

#approveButton2 .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

.ui-button #denybutton {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#multiViewButton2.ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#multiViewButton4 .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#remprocbutton .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#activatebutton .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#accUnlockButton .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}

#apprMultiViewButton5 .ui-button  {
    border: 0px!important;
    color: #123566!important;
    background-color:transparent!important;
}
.ui-widget-content .ui-state-highlight {
    border: 1px solid #156090 !important;
    background: #A9B5C5 !important;

}

#dateForm .ui-widget-header{
	border: 0 !important;
	background: none !important;
}
.date_text{
position: relative;
top: 15px;
left: 50px;
}
.ui-paginator .ui-paginator-page.ui-state-active {
    background: gray;
    color: #fff !important;
    border-color: #156090;
}

.title_text {
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  left: -100px;
}


.title_text h1{
  text-transform:uppercase;
  font-weight:bold;
  color:#8E8E8E;
  padding-left: 0 !important;
  float: right;
width: auto!important;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.bottom-margin-5 {
	margin-bottom: 5px;
}

h1.horizontal_title_text {
  
  padding-left: 0 !important;
  width: auto!important;
  border-bottom: 0px solid #FFFFFF !important;  
}

.list-group-item {
	margin-top: 20px!important;
	margin-bottom: 20px!important;

}
.ui-chkbox .ui-chkbox-box {
    margin-right: 10px!important;
}

.guide_links {
 line-height: 1em !important;
font-size: 12px !important;
}


.col-md-8 {
	margin-top: 20px!important;

}
.ui-dialog .ui-dialog-title {
    font-size: 15px !important;
}

.ui-growl-info, .ui-messages .ui-messages-info, .ui-message.ui-message-info {
    color: #fff;
    background-color: #4271c0;
    border-color: #335faa;
}


.user-address {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	padding: 10px;
    line-height: 1.4;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    text-decoration: none!important;
    font-size: 12px;

}
.user-address2 {
	margin-bottom: 20px!important;
    font-style: normal;
    line-height: 1.42857143;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    text-decoration: none!important;

}
.user-address-contact {
	margin-top: 0px!important;
	margin-bottom: 20px!important;
	padding: 10px;
    font-size: 12px;
    line-height: 1.3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #A9B5C5;
	color: #123556;
    border: 1px solid #ddd;
    text-align: left;
    text-decoration: none!important;
}
.hearingAgencySubGrid {
	font-size:11px!important;
}
.hearingAgencySubGrid2{
	font-size:11px!important;
}

.ui-state-default table th {
	background: none!important;
	}
	
.ui-scrollpanel-container .ui-state-default {
	border: 0 !important;
	background: none!important;
	}
.user-address:hover {
    opacity: 0.4;
    background-color: #123566;
    color: #ffffff;
    
}
.user-address a:link {
    text-decoration: none!important;
    
}
.left{
	text-align:left;
    padding-bottom: 10px;
}
.right{
	text-align:right;
	padding-bottom: 10px;
    
}
.center{
	text-align:center;
	padding-bottom: 10px;    
}
.main-content {
	margin-top: 40px!important;
	margin-bottom: 20px!important;
	padding: 10px!important;
    font-style: normal;
    line-height: 1;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    
}

.preformatted-adr
{
	word-wrap: break-word!important;
}

.preformatted-status-desc
{
	word-wrap: break-word!important;
	white-space: pre-wrap!important;
	
}

.preformatted
{
    white-space: pre-wrap;
}

.main-content-partdata {
	margin-top: 5px!important;
	margin-bottom: 5px!important;
	padding: 5px!important;
    font-style: normal;
    line-height: 1;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: left;
    
}

.main-content-partdata-header
{
	margin-top: 5px!important;
	margin-bottom: 5px!important;
	padding: 5px!important;
    font-style: normal;
    line-height: 1;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border: 0px solid #ddd;
    text-align: left;
}

.container {
    padding-right: 5px !important; 
    padding-left: 5px !important; 
    margin-right: 5px !important;
    margin-left: 5px !important; 
}

.ui-menu
{
	width: 17.5em;
    padding: .1em;
}
 
 .ui-menu .ui-menuitem-link.partDataMenuItem
 {
    width: 100% !important;
}

.ui-widget-content .ui-state-hover .partDataMenuItem,  .ui-state-focus .partDataMenuItem, .ui-widget-content .ui-state-focus .partDataMenuItem, .ui-widget-header .ui-state-focus .partDataMenuItem
{
    border: 1px solid #c0c0c0;
    font-weight: normal;
    background: #123566!important;
    outline:3px solid #f1ca00!important ;
}

.ui-menu .ui-menuitem.ui-state-hover .partDataMenuItem .ui-menuitem-text{
color: #ffffff !important;
font-family: inherit;
}

 


.main-content a{
	color: #000 !important;
    
}

	.yearStyle .ui-inputfield {
	padding-right:3px;
	width:50px;
	  }
.ui-tabs .ui-tabs-nav > li.ui-state-default {
    background: #B4BDC9;
}

.ui-icon.fa {
text-indent: 0;
float: right;
background-image:none;
} 
.ui-menu, .ui-menu .ui-menu-child {

    background: #123566!important;
}
h2 {
    font-size: 16px!important;
    line-height: 20px!important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px dotted #ccc!important;
    margin: 0 0 5px 0 !important;
}
h3 {
    font-size:18px!important;
    color: #123566!important;
    text-align:left!important;
}
.latestnewstitle {
    margin-top: 10px;
    color: #123566!important;
    text-align: left;
}

.ui-widget-header {
    background:none!important;
    border:0 !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {

    color: #777!important;
}
.guide_links li:before {
  content: '\f0c1';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: gold;
}


#contactsGrp > .ui-datatable tr:nth-child(odd) {

   color: #000 !important;
}
.ui-datatable tbody td {
border-width: 0px!important;
border-style: none!important;
padding: 10px 10px;
font-size: 12px;
line-height: 1.3em;
}

#agencyList {
width:80%;
height:200px;
margin-left:100px;
}

#questionnairePnl {
	font-size: 11px;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}
.ui-datatable .ui-paginator {
    font-size: 11px;
}


/* Footer Styles */

.footer {
    position: fixed;
	background-color: #A9B5C5;
	color: #123556;
	bottom: 0;
	width: 100%;
	height: 100px;
	font-size:11px;
	padding: 10px;
	display: none;
}

#footerform  {
	display: none;

}
.footer ul{
 list-style: none;
 margin-left: 0;
 padding-left: 1em;
 text-indent: -1em;
 text-align: left;
 }


.navbar-fixed-top {
	top: 160px!important;
}
#fedsepwhite {
	display: none;
}
.ui-datatable tr:nth-child(2n+1) {
   /* background-color: #fff !important;*/
    color: #000 !important;
}


/* Responsive Styles */

/* Small devices (40em) ----------- */
@media (max-width: 40em) { 
.wrapper .header {
    height: 90px!important;

}
#seal {
 max-width: 25%!important;
 margin: 3px 0 6% 0;
}
#fedsep {
width: 70%!important;
}
}

/* Small devices (64em) ----------- */
@media (max-width: 64em) {
.wrapper .header {
    height: 100px !important;
}

.wrapper .sidebar {
 margin-left: -475px;


    }
.wrapper .topbar {
	height: 45px!important;

}
.pagestart {
    margin-top: 135px !important;
}
.part-j-actions {
	position: fixed;
    right: 5px;
    top: 180px;
    
}
.partdatastart
{
	margin-top: 5px !important;
}


#dateForm .ui-widget-header {
   margin-left: -40px!important;
}
.title_text {
position: relative;
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
left: -20px;
width: 200px;
top: 5px;

}
#seal {
width: 20%!important;
 margin: 3px 0 3px 0;
}
#fedsep {
  width: 70%!important;
}
.ui-grid-col-8 {
    width: 99%!important;

}

.ui-grid-col-3lx {
    width: 60% !important;

}

.date_text {
    top: -10px;

}


}



/* Smartphones (portrait and landscape) ----------- */
@media screen
and (min-width: 300px)
and (max-width: 479px) {
.spacedot {
	margin: 100px 2px 0 !important;
}

.wrapper .topbar {
    margin-left:0 !important;

}
.wrapper .sidebar {
margin-top: 110px!important;
margin-left: -495px!important;
padding-top: 0 !important;
}
.wrapper .sidebar.overlay-sidebar {
    margin-left: 0!important;
}
h1 {
   font-size: 20px!important;
}
h2 {
    font-size: 14px!important;
}
h3 {
    font-size: 14px!important;
}
.ui-widget, .ui-widget .ui-widget {
    font-size: 12px!important;

}
#seal {
 width: 20%!important;
 margin: 3px 0 3px 0!important;
}
#fedsep {
 width: 65%!important;
}

#fedsepwhite {
display: none;

}
.date_text{
    top: 0px;

}
.ui-datatable-odd {
    background-color: #d2d2d5!important;
}

.introPanel {
	width:90%!important;

}
.navbar-fixed-top {
	top: 0 !important;
}

.ui.messages-error-summary {
	margin-left: 0 !important;
}
.ui-grid ui-grid-row {
    margin-top: 110px!important;
}
.ui-grid-col-1l {
    
    margin-left: -120px;
}
.ui-grid-col-3 {
	margin-left: 0 !important;
}
.ui-grid-col-3l {
    text-align: left !important;
}
.ui-grid-col-4lx {
    width: 100%;

}
.ui-panelgrid-cell.ui-grid-col-2 {
    text-align: left;
}

.ui-panelgrid-cell.ui-grid-col-4 {
    text-align: left;
}
.ui-grid-col-3l {
    width: 50%!important;

}
.ui-grid-col-3lx {
    width: 84%!important;
    text-align: left!important;
}

.ui-grid-col-4l {
    
    width: 20%!important;

}

.ui-grid-col-8 {
	width: 98%!important;
}

.main-content {
	margin:10px!important;
}



.title_text {
  -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  left: -100px!important;
  margin: 0 40px 0 0 !important;
  font-size: 20px!important;
  position: relative;
  white-space: nowrap!important;
   width: 150px!important;
}

.title_text h1{
  padding-left: 110px!important;
  float: none!important;
}
.title_text h3{
  font-size:11px!important;
}

.blue h3{
  font-size:13px!important;
}

.user-address {
 margin: 10px 0 20px 10px !important;
 width: 93%!important;
}

.user-address-contact {
margin: 10px 0 20px 10px !important;
 width: 93%!important;
}

#agencyList {
width:70%;
height:300px;
margin-left:70px;
}

.footer {
   display: none!important;

}
.wrapper .sidebar .menu ul li.active-menuitem > a {
    color: #cd8302!important;
}
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-top: 0 none;
}
#questionnairePnl {
	font-size: 10px;
}
}



/* Small devices (tablets, 480px to 639px) */
@media screen 
and (min-width: 480px)
and (max-width: 639px) { 

.title_text h3{
  font-size:11px!important;
}
.ui-grid-col-1l {
    
    margin-left: -250px;
}
.ui-grid-col-8 {
    width: 100%!important;
}
.ui-grid-col-3l {
    width: 70%!important;
	text-align: left !important;
}

.ui-grid-col-3lx {
    width: 84%!important;
    text-align: left!important;
}
.ui-grid-col-4lx {
    width: 100%;

}
.ui-datatable-odd {
    background-color: #d2d2d5!important;
}
.wrapper .topbar {
    left: 0 !important;
    height: 50px!important;

}
.wrapper .sidebar {
    margin-top: 125px !important;
    margin-left: -695px !important;
}
.wrapper .sidebar.overlay-sidebar {
    margin-left: 0!important;
}
#seal {
width: 15%!important;
 margin: 3px 0 3px 0!important;
}
#fedsep {
    max-width: 50%!important;
}
.date_text {
    margin-top: 1px!important;


}
.wrapper .sidebar .menu ul li.active-menuitem > a {
    color: gold!important;
}
.title_text{
   -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  position: relative;
  left: -25px;
  margin: 10px 40px 0 0 !important;
  font-size: 20px!important;
  white-space: nowrap!important;
  width: 150px!important;
}
.ui-panelgrid-cell.ui-grid-col-4 {
    text-align: left;
}
.introPanel {
	width:70%!important;

}
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-top: 0 none;
}
#questionnairePnl {
	font-size: 10px;
}
}

/* Small devices (tablets, 640px and up) */
@media screen 
    and (min-width: 640px)
	and (max-width: 767px) { 


.ui-grid-col-8 {
    width: 60%!important;
}

.ui-grid-col-3l {
    width: 20%!important;

}
.ui-grid-col-3lx {
    width: 84%!important;
    text-align: left!important;
}

.wrapper .topbar {
    left: 0 !important;
    height: 50px!important;

}
.wrapper .sidebar {
    margin-top: 122px!important;
    margin-left: -745px!important;
}
.wrapper .sidebar.overlay-sidebar {
    margin-left: 0!important;
}
#seal {
width: 14%!important;
 margin: 3px 0 3px 0!important;
}
#fedsep {
  width: 40%!important;
}
.date_text {
top: 20px !important;
left: 400px;

}
.wrapper .sidebar .menu ul li.active-menuitem > a {
    color: gold!important;
}
.title_text{
   -ms-transform:rotate(0deg); /* IE 9 */
  -moz-transform:rotate(0deg); /* Firefox */
  -webkit-transform:rotate(0deg); /* Safari and Chrome */
  -o-transform:rotate(0deg); /* Opera */
  position: relative;
  left: 20px;
  margin: 0 40px 0 0 !important;
  font-size: 20px!important;
  white-space: nowrap!important;
  width: 150px!important;
}
.ui-fluid {
text-align:center!important;

}
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border-top: 0 none;
}

.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
    font-size: 10px;
}
.ui-widget, .ui-widget .ui-widget {
    font-size: 11px;
}
#questionnairePnl {
	font-size: 10px;
}
}



/* Medium devices (tablets, 768px and up) */
@media screen 
    and (min-width: 768px)
	and (max-width: 991px) {

.spacedot {
	margin: 110px 2px 0 !important;
}
.pagestart {
    margin-top: 155px !important;
}
.part-j-actions {
	position: fixed;
    right: 5px;
    top: 180px;
    
}
.partdatastart
{
	margin-top: 5px !important;
}

#seal {
 max-width: 10%!important;
margin: 3px 0 4px 0 !important;
}
#fedsep {
    width: 32%!important;
}
.content {
top: 200px;
}

.wrapper .header {
    height: 105px!important;

}
.wrapper .topbar {
    left: 0 !important;
    height: 50px!important;
    display:none;

}
.wrapper .sidebar {
    margin-left: 0 !important;
    margin-top: 90px !important;
    height: auto!important;
    padding-top: 0px !important;
}


.wrapper .sidebar .menu ul li.active-menuitem > a {

background-color: transparent!important;
color:gold !important;
}
.navbar-nav > li > a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.ui-grid-col-3 {
    width: 35%!important;
    padding: 20px!important;
}



.title_text{
   -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
 position: relative;
 float:none!important;
  left: -90px;
  margin: 120px 40px 0 0 !important;
  font-size: 20px!important;
  white-space: nowrap!important;
   width: 200px;
}


.date_text {
    top: -5px!important;


}
.ui-fluid {
text-align:center!important;

}
.ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
    font-size: 10px;
}
.ui-widget, .ui-widget .ui-widget {
    font-size: 11px;
}
#questionnairePnl {
	font-size: 10px;
}
}

/* Medium devices (desktops, 992px and up) */
@media screen 
           and (min-width: 992px)
	       and (max-width: 1199px) {
	       
.spacedot {
	margin: 100px 2px 0 !important;
}
.wrapper .header {
height:100px!important;
}
.wrapper .topbar {
display:none;
}
.wrapper .sidebar {
    margin-top: 100px !important;
    margin-left: 0 !important;
    height: auto!important;
    padding-top: 0 !important;
}

.wrapper .sidebar .menu {
    margin: 5px !important;
}
.wrapper .sidebar .sidebar-scroll-content .menu-container {
    padding: 0 !important;
}


#seal {
 max-width:8%!important;
 margin: 3px 0 3px 0!important;
}
#fedsep {
    max-width: 27%!important;
}
.ui-grid-col-3 {
    width: 25%;
    padding: 20px;
}

.title_text{
   -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
 position: relative;
 float:none!important;
  left: -90px;
  margin: 120px 40px 0 0 !important;
  font-size: 20px!important;
  white-space: nowrap!important;
   width: 200px;
}


.date_text {
    top: 10px!important;


}
.ui-fluid {
text-align:center!important;

}

}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px)
	          and (max-width: 1849px) {
	          
 .spacedot {
	margin: 100px 2px 0 !important;
	font-size: 13px;
}

.wrapper .header {
height: 105px !important;
}

.wrapper .sidebar {
margin-top: 100px !important;
margin-left: 0 !important;
height: auto!important;
padding-top: 0 !important;
}
.wrapper .sidebar .menu {
    margin-top: 3px!important;
}
.wrapper .sidebar .sidebar-scroll-content .menu-container {
    padding: 0 !important;
    z-index: 102!important;
}
.wrapper .topbar {
    display:none;
}
#seal {
    max-width: 7% !important;
    margin: 3px 0 3px 0;
}
#fedsep {
    max-width: 23%!important;
}
.ui-grid-col-3 {
    width: 25%;
    padding: 20px;
}

.title_text{

  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
  position: relative;
  float:none!important;
  left: -90px;
  margin: 118px 40px 0 0!important;
  font-size: 20px!important;
  white-space: nowrap!important;
  width: 200px;
}
.ui-fluid {
text-align:center!important;

}
}

/* Large devices (large desktops, 1850px and up) */
@media screen and (min-width: 1850px) { 
	
.spacedot {
	margin: 100px 2px 0 !important;
}

.title_text {
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
 position: relative;
 float:none!important;
 left: -90px;
 margin: 120px 40px 0 0 !important;
 font-size: 20px!important;
 white-space: nowrap!important;
 width: 200px;
}

.wrapper .header {
    height:125px!important;
}
.wrapper .sidebar {
margin-top: 100px !important;
margin-left: 0!important;
height: auto!important;
padding-top:0px!important;
}
.wrapper .topbar {
    display:none;
}
#seal {
width: 4% !important;
 margin: 2px 0 3px 0!important;
}
#fedsep {
width: 13% !important;
}
.ui-fluid {
text-align:center!important;

}
.ui-grid-col-3 {
    width: 40%;
    padding: 20px;
}
h1 {
    font-size: 35px;
}

}

/* Small devices (tablets, 640px and up) */
@media screen\0 
{ 
.wrapper .sidebar .menu ul li > a .fa:last-child {
   float: none!important;
}

.fa-minus-circle:before
{
content: url('../images/icon_delete.png')!important;
}
.fa-sign-in:before 
{
content: url('../images/sign-in.png')!important ;
}
.fa-eye:before 
{
content: url('../images/eye-open.png')!important ;
}
.fa-star:before 
{
content: url('../images/star.png')!important ;
}
.fa-trash-o:before
{
content: url('../images/trash.png')!important ;
}
.fa-unlock:before
{
content: url('../images/padlock-unlock.png')!important ;
}
.fa-unlock-alt:before
{
content: url('../images/padlock-unlock.png')!important ;
}
.ui-icon-carat-2-n-s:before
{
content: url('../images/sort-arrows-couple-pointing-up-and-down.png')!important ;
}
.ui-icon-triangle-1-n:before
{
content: url('../images/sort-up.png')!important ;
}
.ui-icon-triangle-1-s:before
{
content: url('../images/sort-down.png')!important ;
}
.ui-icon-seek-first:before
{
content: url('../images/backward-button.png')!important ;
}
.ui-paginator .ui-paginator-prev .ui-icon-seek-prev.ui-icon
{
	
    -ms-transform: none !important;
    transform: none !important;
}
.ui-paginator > a span {
    position: relative;
    top: 2px; 
}
.ui-paginator .ui-paginator-next .ui-icon.ui-icon-seek-next
{
	height: 10px !important;
}
.ui-paginator .ui-paginator-next .ui-icon.ui-icon-seek-first
{
	height: 10px !important;
}

.ui-paginator .ui-paginator-first .ui-icon.ui-icon-seek-first
{
	width: 8px !important;
}
.ui-paginator .ui-paginator-last .ui-icon-seek-end.ui-icon
{
	height: 10px !important;
	width: 8px !important;
}
.ui-icon-seek-prev:before
{
content: url('../images/step-backward.png')!important ;
}
.ui-icon-seek-next:before
{
content: url('../images/step-forward.png')!important ;
}
.ui-icon-seek-end:before
{
content: url('../images/forward-button.png')!important ;
} 
.ui-icon-check:before 
{
content: url('../images/correct-symbol.png')!important ;
}
.ui-icon-close:before 
{
content: url('../images/cross-mark-on-a-black-circle-background.png')!important ;
}
.ui-icon-pencil:before
{
content: url('../images/pencil.png')!important ;
}
.ui-icon-alert:before 
{
content: url('../images/warning-sign-on-a-triangular-background.png')!important ;
}
.ui-icon-closethick:before
{
content: url('../images/cross-mark-on-a-black-circle-background.png')!important ;
}
.ui-confirm-dialog-severity:before
{
content: url('../images/warning-sign-on-a-triangular-background.png')!important ;
}
.fa-thumbs-up:before 
{
content: url('../images/thumbs-up-hand-symbol.png')!important ;
}
.fa-thumbs-down:before
{
content: url('../images/thumbs-down-silhouette.png')!important ;
}
}
.ui-icon-closethick:focus
{
outline:3px solid #f1ca00!important ;		
}
.ui-icon:focus
{
outline:3px solid #f1ca00!important ;	
}
.ui-icon-check:focus
{
outline:3px solid #f1ca00!important ;	
}
.ui-widget:focus
{
outline:3px solid #f1ca00!important ;	
}
.input:focus 
{ 
outline:3px solid #f1ca00!important ;		
}
.ui-commandlink:focus
{
outline:3px solid #f1ca00!important ;	
}
.img:focus
{
outline:3px solid #f1ca00!important ;	
}

.fa:focus
{
outline:3px solid #f1ca00!important ;	
} 
.i:focus
{
outline:3px solid #f1ca00!important ;	
} 
a:focus {
outline:3px solid #f1ca00!important ;
}