/** jQuery UI CSS Framework 1.8.9** Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px*/
/* Component containers----------------------------------*/
 	.ui-datatable-tablewrapper {
		  max-height: 72vh;
		}

.table-fixed-head {
	overflow-y: auto;
	height: 78vh;
}

.table-fixed-head thead th {
	position: sticky;
	top: 0;
}

 
.table-fixed-head table {
	border-collapse: collapse;
	width: 100%;
}

 
 
:root { 
--default-color: #ffffff;
    --default-hover-color: #eeeeee;
    --primary-color: #0d559f;
    --primary-color-odd: #84cce2;
    --primary-color-selected: #56a4bb;
    --primary-hover-color: #0a708e;
    --secondary-color: #e4e4e4;
    --secondary-hover-color: #adadad;
    --alternate-color: #07860d;
    --alternate-color-odd: #f2fbe1;
    --alternate-color-selected: #59a95c;
    --alternate-hover-color: #09750e;
    --primary-text-color: #626262;
    --default-text-color: #191919;
    --default-text-hover-color: #3c3c3c;
    --alternate-text-color: #ffffff;
    --danger-color: #cf1b1f;
    --success-color: #009700;
	
}
*{
	box-sizing: border-box;
}
a, a *{
	cursor: pointer;
}
@font-face {
font-family: 'MehrNastaliqWeb';
src: url('/resources/urdu-font/MehrNastaliqWeb.woff') format('woff'),
     url('/resources/urdu-font/MehrNastaliqWeb.woff2') format('woff2');
font-weight: normal;
             font-style: normal;

}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/resources/metrial-icon/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
} 
 
 
 
 
 
 .rounded{
  border-radius: 4px ;
 }
 
 
 
 
 @keyframes blinker {
  50% {
    opacity: 0;
  }
} 
.dis-head{
	font-weight: bold;
    font-size: 11px;
    color: #bd0b0b;
    padding: 5px 0;
}
.dis-body{
	line-height: 1.4;
    font-size: 11.5px;
    color: #828282;
}
.vertical-align-sub{
	vertical-align: sub;
}
 .ui-dialog .ui-dialog-title{
  margin: .4em 15px .3em 0 !important;
  font-size: 15px !important;
 }
.logo-separator{
background-color: #246db2;
height: 1px;
display: block;
    margin: 5px 0;
}
table tr, table td{
border-width: 0px!important;
}
.text-white{
	color: #fff !important;
}
.text-blue {
    color: #0c579d;
}
.text-green{
    color: #158218;
}

.logout-link{
	color: #fff;
	text-decoration: none;
}

.logout {
	background-color: #f6b526 !important;
}


.mandatoryLable{
	color: red !important; 
}
.ui-widget{
font-size:12px;
}
 
.ui-selectonemenu label.ui-selectonemenu-label {
     padding-top: 13px;
}
.login_dialog{
margin: 50px auto;
padding: 20px; 
width: 340px; 
    -webkit-box-shadow: 0px 0px 26px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 26px 6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
    background-color: fff;
     
}

.blink_me {
  animation: blinker 2s linear infinite;
  color:red;
  font-weight:bold;
  font-size:13px !important;
}

   

 
 body {
height: 100%;
font: 12px Arial, Helvetica;
margin: 0;
background-color: #fff;
font-family: Arial;
}

/*  */

.footer {
    
    background-color: #337ab7;
    color: #fff;
    text-align: center;
    height: auto;
    padding: 5px;
}
a{
font-size:12px;
cursor: pointer;
text-decoration: none;
color: var(--default-text-color);
}

/*--------------------*/
  

#header{
background: url(../resources/images/login/fbr-logo.jpg) no-repeat;
height:121px;
 
}

 

.iris-logo{
background: url(../resources/images/login/iris-logo.png) no-repeat;
width:100px;
height:80px;
margin:auto;
}
 
.note-forgotpass{
color:#858585;
text-decoration: none;
}

 

/*--------------------*/
#inputs{
width:260px;
margin:auto;
}
#inputs input[type="text"], #inputs input[type="password"] {
 
 
}

.username {
background: #fff url(../resources/images/login/user-icon.png) no-repeat;
background-position: 10px 11px;
}
.email{
background: #fff url(../resources/images/login/email-icon.png) no-repeat;
background-position: 5px 11px;
}
 
.password {
background: #fff url(../resources/images/login/pass-icon.png) no-repeat;
background-position: 10px 11px;
}

#inputs input[type="text"]:focus {
background-color: #fff;
border-color: #e8c291;
outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/


.submit {
background: #015196 !important;
padding: 10px;
cursor: pointer;
color: #fff !important;
width:120px;
height:36px;
text-align: center;
margin-left:62px;
}

 

 

.submit span{
padding:0px !important;
}
 
 /*----------------------------*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-selectonemenu-panel
{
background-color: #fff;
}

.ui-widget-content {
 	color: #626262;
	/* background-color: #f4f4f4 !important; */
}

.ui-widget-content a {
color: #333333;
}

.ui-datatable-header{
background: #4586bd;
    color: #ffffff;
    min-height: 20px;
}
.caption{
font-size: 14px;
}
.ui-paginator{
 
 
}
.ui-widget-header {
    
}


.ui-widget-header a {
/* color: #333333; */
} /* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 0px solid #ffffff00;
color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, .ui-state-disabled,
.ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
background-color: #e6e6e6;
*background-color: #d9d9d9;
color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	color: #0c579d !important;
}
.ui-state-hover.ui-datepicker-next, .ui-state-hover.ui-datepicker-prev{
background-color: #3978ad !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover
{
color: #333333;
text-decoration: none;
background-color: #e6e6e6;
*background-color: #d9d9d9;
/* Buttons in IE7 don't get borders, so darken on hover */
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
 
    /* 
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
rgba(0, 0, 0, 0.05); */
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
cursor: default;
background-color: #e6e6e6;
background-image: none;
opacity: 0.65;
filter: alpha(opacity = 65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color: #333;
    background-color: #dadada;
    border-color: #e4e4e4;
    color: #333;
    border: 1px solid #c5c5c5;
    border-radius: 0;
} /* Interaction Cues----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 
    background-color: #b7b7b7;
    box-shadow: inset 0px 0px 5px 1px #a5a5a5;
}


.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #ffffff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
{
border: 1px solid #eed3d7;
background: #f2dede 50% 50% repeat-x;
color: #b94a48;
}

.ui-state-error a, .ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #b94a48;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #b94a48;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity = 70);
font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity = 35);
background-image: none;
color:#a0a0a0;
} /* Icons----------------------------------*/ /* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image:
url("");
}

.ui-widget-content .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_217bc0_256x240.png.xhtml?ln=primefaces-bootstrap")  ;
}

.ui-widget-header .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_217bc0_256x240.png.xhtml?ln=primefaces-bootstrap") ;
}

 .ui-dialog-titlebar  .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_217bc0_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
}

.ui-state-active .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
}

.ui-state-highlight .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image:
url("") !important;
} /* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}

.ui-icon-carat-1-ne {
background-position: -16px 0;
}

.ui-icon-carat-1-e {
background-position: -32px 0;
}

.ui-icon-carat-1-se {
background-position: -48px 0;
}

.ui-icon-carat-1-s {
background-position: -64px 0;
}

.ui-icon-carat-1-sw {
background-position: -80px 0;
}

.ui-icon-carat-1-w {
background-position: -96px 0;
}

.ui-icon-carat-1-nw {
background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
background-position: -144px 0;
}

.ui-icon-triangle-1-n {
background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}

.ui-icon-arrow-4 {
background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}

.ui-icon-extlink {
background-position: -32px -80px;
}

.ui-icon-newwin {
background-position: -48px -80px;
}

.ui-icon-refresh {
background-position: -64px -80px;
}

.ui-icon-shuffle {
background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
background-position: 0 -96px;
}

.ui-icon-folder-open {
background-position: -16px -96px;
}

.ui-icon-document {
background-position: -32px -96px;
}

.ui-icon-document-b {
background-position: -48px -96px;
}

.ui-icon-note {
background-position: -64px -96px;
}

.ui-icon-mail-closed {
background-position: -80px -96px;
}

.ui-icon-mail-open {
background-position: -96px -96px;
}

.ui-icon-suitcase {
background-position: -112px -96px;
}

.ui-icon-comment {
background-position: -128px -96px;
}

.ui-icon-person {
background-position: -144px -96px;
}

.ui-icon-print {
background-position: -160px -96px;
}

.ui-icon-trash {
background-position: -176px -96px;
}

.ui-icon-locked {
background-position: -192px -96px;
}

.ui-icon-unlocked {
background-position: -208px -96px;
}

.ui-icon-bookmark {
background-position: -224px -96px;
}

.ui-icon-tag {
background-position: -240px -96px;
}

.ui-icon-home {
background-position: 0 -112px;
}

.ui-icon-flag {
background-position: -16px -112px;
}

.ui-icon-calendar {
background-position: -32px -112px;
}

.ui-icon-cart {
background-position: -48px -112px;
}

.ui-icon-pencil {
background-position: -64px -112px;
}

.ui-icon-clock {
background-position: -80px -112px;
}

.ui-icon-disk {
background-position: -96px -112px;
}

.ui-icon-calculator {
background-position: -112px -112px;
}

.ui-icon-zoomin {
background-position: -128px -112px;
}

.ui-icon-zoomout {
background-position: -144px -112px;
}

.ui-icon-search {
background-position: -160px -112px;
}

.ui-icon-wrench {
background-position: -176px -112px;
}

.ui-icon-gear {
background-position: -192px -112px;
}

.ui-icon-heart {
background-position: -208px -112px;
}

.ui-icon-star {
background-position: -224px -112px;
}

.ui-icon-link {
background-position: -240px -112px;
}

.ui-icon-cancel {
background-position: 0 -128px;
}

.ui-icon-plus {
background-position: -16px -128px;
}

.ui-icon-plusthick {
background-position: -32px -128px;
}

.ui-icon-minus {
background-position: -48px -128px;
}

.ui-icon-minusthick {
background-position: -64px -128px;
}

.ui-icon-close {
background-position: -80px -128px;
}

.ui-icon-closethick {
background-position: -96px -128px;
}

.ui-icon-key {
background-position: -112px -128px;
}

.ui-icon-lightbulb {
background-position: -128px -128px;
}

.ui-icon-scissors {
background-position: -144px -128px;
}

.ui-icon-clipboard {
background-position: -160px -128px;
}

.ui-icon-copy {
background-position: -176px -128px;
}

.ui-icon-contact {
background-position: -192px -128px;
}

.ui-icon-image {
background-position: -208px -128px;
}

.ui-icon-video {
background-position: -224px -128px;
}

.ui-icon-script {
background-position: -240px -128px;
}

.ui-icon-alert {
background-position: 0 -144px;
}

.ui-icon-info {
background-position: -16px -144px;
}

.ui-icon-notice {
background-position: -32px -144px;
}

.ui-icon-help {
background-position: -48px -144px;
}

.ui-icon-check {
background-position: -64px -144px;
}

.ui-icon-bullet {
background-position: -80px -144px;
}

.ui-icon-radio-off {
background-position: -96px -144px;
}

.ui-icon-radio-on {
background-position: -112px -144px;
}

.ui-icon-pin-w {
background-position: -128px -144px;
}

.ui-icon-pin-s {
background-position: -144px -144px;
}

.ui-icon-play {
background-position: 0 -160px;
}

.ui-icon-pause {
background-position: -16px -160px;
}

.ui-icon-seek-next {
background-position: -32px -160px;
}

.ui-icon-seek-prev {
background-position: -48px -160px;
}

.ui-icon-seek-end {
background-position: -64px -160px;
}

.ui-icon-seek-start {
background-position: -80px -160px;
} /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}

.ui-icon-stop {
background-position: -96px -160px;
}

.ui-icon-eject {
background-position: -112px -160px;
}

.ui-icon-volume-off {
background-position: -128px -160px;
}

.ui-icon-volume-on {
background-position: -144px -160px;
}

.ui-icon-power {
background-position: 0 -176px;
}

.ui-icon-signal-diag {
background-position: -16px -176px;
}

.ui-icon-signal {
background-position: -32px -176px;
}

.ui-icon-battery-0 {
background-position: -48px -176px;
}

.ui-icon-battery-1 {
background-position: -64px -176px;
}

.ui-icon-battery-2 {
background-position: -80px -176px;
}

.ui-icon-battery-3 {
background-position: -96px -176px;
}

.ui-icon-circle-plus {
background-position: 0 -192px;
}

.ui-icon-circle-minus {
background-position: -16px -192px;
}

.ui-icon-circle-close {
background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
background-position: -192px -192px;
}

.ui-icon-circle-check {
background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
} /* Misc visuals----------------------------------*/
/* Corner radius */
.ui-corner-tl {
 
}

 

 

.ui-corner-top {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}

.ui-corner-bottom {
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.ui-corner-right {
 
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.ui-corner-left {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
  /* Overlays */
.ui-widget-overlay {
background: #3a3a3a73;
opacity: .80;
filter: Alpha(Opacity = 80);
}

.ui-widget-shadow {
margin: -7px 0 0 -7px;
padding: 7px;
background: #000000;
opacity: .30;
filter: Alpha(Opacity = 30);
} /* PrimeFaces Extensions */
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
{
 width: 100% !important;
box-sizing: border-box;
cursor: text;
background: none #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-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 linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s; 
}
.ui-selectonemenu {
     
    width: 88% !important;
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
rgba(82, 168, 236, 0.6);
}

.ui-inputfield.ui-state-error, .ui-widget-header .ui-inputfield.ui-state-error,
.ui-widget-content .ui-inputfield.ui-state-error {
color: #333333;
border: 1px solid #eed3d7;
} /** TabView **/

.ui-tabs .ui-tabs-panel{
	/* border-top-width: 2px !important;
	border-top: 2px solid #d1d1d1;
	padding: 1em 0em !important; */
    border-width: 0;
	padding: 1em 0.0em !important;
	background: 0;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav{
	/* padding-left: 20px !important;
	 background-color:#f4f4f4; */
}
.ui-tabs.ui-widget-content {
 	background: transparent none;
	border: 0; 
	max-width: 100%;
    overflow: hidden;
}

.ui-tabs .ui-tabs-nav.ui-widget-header {
	/* background: #f4f4f4; */
}

.ui-tabs .ui-tabs-nav.ui-widget-header li {
	/* line-height: 18px;
	background: #e4e4e4;
	border: 1px solid #e4e4e4;
	box-shadow: none; */
}
.ui-tabs .ui-tabs-nav.ui-widget-header li a {
	line-height: 18px;
	padding-bottom: 8px;
	padding-top: 8px;
	/* color: #0088CC; */
	font-weight: normal;
	border: 0px none;
}
.ui-tabs-selected{
	background-color: #0d559f !important;
    color: #fff !important;
    border: 1px solid #0d559f !important;
}
.ui-tabs-selected a{
	 color: #fff !important;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-hover {
	text-decoration: none;
	background-color: #eeeeee;
	border-color: #eeeeee #eeeeee #dddddd;
	color: #005580;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	color: #555555;
	cursor: default;
}

.ui-tabs .ui-tabs-nav li{
	 display: table-cell !important; 
}

@media (max-width: 768px) {
	.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
	width: 100% !important;
	}
	.ui-tabs .ui-tabs-nav li{
	 display: inline-block !important; 
	}
	
}
@media (max-width: 992px) {
 /* .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
	width: 100% !important;
	}
	.ui-tabs .ui-tabs-nav li{
	 display: inline-block !important; 
	} */
}

.ui-tabs .ui-tabs-nav li .ui-icon {
	margin: 0.6em 0.2em 0 0 !important;
}
.ui-tabs .ui-tabs-nav li a{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header {
	border-bottom: 3px solid #0d559f;
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li{
	top: 0 !important;
}
.ui-tabs.ui-tabs-top {
	/* border-bottom: 1px solid #DDDDDD; */
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
	border-color: #DDDDDD #DDDDDD transparent #DDDDDD;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li {
	border-radius: 8px 8px 0px 0px;
    margin-right: 5px;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
	
}

.ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header {
border-top: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-bottom {
border-top: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header li.ui-state-active
{
border-color: transparent #DDDDDD #DDDDDD #DDDDDD;
}

  
.ui-tabs.ui-tabs-bottom .ui-tabs-nav.ui-widget-header li.ui-state-active
{
margin-top: -1px;
}

.ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header {
border-right: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-left {
border-right: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header li.ui-state-active {
border-color: #DDDDDD transparent #DDDDDD #DDDDDD;
}
 

.ui-tabs.ui-tabs-left .ui-tabs-nav.ui-widget-header li.ui-state-active {
margin-right: -1px;
}

.ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header {
border-left: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-right {
border-left: 1px solid #DDDDDD;
}

.ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header li.ui-state-active
{
border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
}

 

.ui-tabs.ui-tabs-right .ui-tabs-nav.ui-widget-header li.ui-state-active
	{
	margin-left: -1px;
} /** AccordionPanel **/
.ui-accordion .ui-accordion-header {
	background: transparent;
	box-shadow: none;
}

.ui-accordion .ui-accordion-header.ui-state-default {
margin-bottom: 2px;
border: 1px solid #E5E5E5;
}

.ui-accordion .ui-accordion-header.ui-state-active {
margin-bottom: 1px;
}

.ui-accordion .ui-accordion-header .ui-icon {
display: none;
}

.ui-accordion .ui-accordion-header.ui-state-default a {
padding: 8px 15px;
color: #0088CC;
}

.ui-accordion .ui-accordion-header a:hover {
color: #005580;
}

.ui-accordion .ui-accordion-content.ui-widget-content {
padding: 9px 15px;
} /* Breadcrumb */

.breadcrumb{
}
.ui-breadcrumb {
padding: 7px 14px;
margin: 0 0 18px;
list-style: none;
background-color: #fff;
border-bottom: 1px solid #ddd;
    padding: 5px 5px 1px 5px;
}
.ui-breadcrumb .ui-menuitem-icon{
float: left;
}
.ui-breadcrumb li {
display: inline-block;
*display: inline;
text-shadow: 0 1px 0 #ffffff;
*zoom: 1;
}

.ui-breadcrumb .divider {
padding: 0 5px;
color: #a0a0a0;
}

.ui-breadcrumb a {
text-decoration: none;
color: var(--default-text-color);
font-weight: normal;
} /* ProgressBar */
.ui-progressbar.ui-widget-content {
height: 18px;
margin-bottom: 18px;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5),
to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#f9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ui-progressbar .ui-progressbar-value.ui-widget-header {
height: 18px;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border: 0 none;
margin: 0;
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf),
to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(top, #149bdf, #0480be);
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf',
endColorstr='#0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-ms-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
} /** Dialog **/
.ui-dialog.ui-widget-content {
background-color: #ffffff;
border: 0px solid #999;
border: 0px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
padding: 2px 10px;
background: #3978ad;
color: #fff;
font-size: 13px;
}


.ui-dialog.ui-widget-content .ui-dialog-title {
font-size: 1.4em;
}

.ui-dialog.ui-widget-content .ui-dialog-content {
padding: 15px;
 
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
/* margin-top: 10px; */
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar-close:hover, .ui-dialog.ui-widget-content .ui-dialog-titlebar-close:focus,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-minimize:focus,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:hover,
.ui-dialog.ui-widget-content .ui-dialog-titlebar-maximize:focus {
padding: 1px;
} /** DataTable **/
.ui-datatable-odd {
background-color: #e8f2fb !important;
} /** TabMenu **/
.ui-tabmenu {
*position: relative;
*z-index: 2;
margin-bottom: 20px;
overflow: visible;
color: #555555;
}

.ui-tabmenu .ui-tabmenu-nav.ui-widget-header {
min-height: 38px;
padding: 0 20px;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-default {
padding: 5px 10px;
color: #555555;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
border: 0 none;
top: 0;
margin: 0;
font-weight: normal;
} /** Toolbar **/
.ui-toolbar.ui-widget-header {
background-color: #ffffff;
padding: 10px;
    box-shadow: inset 0px 0px 4px 3px #d0d0d0;
    margin: 5px 0px;
} /** **/
.ui-priority-primary, .ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',
endColorstr='#ff0044cc', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.ui-priority-primary:hover, .ui-priority-primary:active,
.ui-priority-primary.active, .ui-priority-primary.disabled,
.ui-priority-primary[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3;
}

.ui-priority-primary:active, .ui-priority-primary.active {
background-color: #003399 \9;
} /** Menu **/
.ui-menu.ui-widget {
min-width: 160px;
padding: 5px 0;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

.ui-menu.ui-widget a {
display: block;
clear: both;
font-weight: normal;
color: #333333;
white-space: nowrap;
}

 

.ui-menu.ui-widget .ui-menu-list {
}

.ui-menu.ui-widget li>.ui-menuitem-link {
padding: 0.3em 0;
width: 100%;
border-width: 1px 0px;
}

.ui-menu.ui-widget .ui-menu-list .ui-widget-header {
border-width: 1px 0px;
width: 100%;
}

.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
background-color: #0081c2;
background-position: 0px;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',
endColorstr='#ff0077b3', GradientType=0);
}

.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover .ui-icon {
background-image:
url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap");
}

.ui-menu.ui-widget .ui-separator {
height: 1px;
overflow: hidden;
background-color: #e5e5e5;
border: 0 none;
border-bottom: 1px solid #ffffff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-icon {
margin-left: 0.3em;
margin-right: -0.2em;
}

.ui-menu.ui-widget .ui-menuitem-link .ui-menuitem-text {
margin-left: 0.4em;
}

.ui-shadow {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0px 0px 8px 3px rgb(82, 82, 82) !important;
}

.ui-menu.ui-slidemenu .ui-shadow {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

.ui-panelmenu .ui-panelmenu-header a {
color: #0088CC;
}

 

.ui-buttonset .ui-corner-left.ui-state-default {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.ui-buttonset .ui-corner-right.ui-state-default {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
} /** MenuBar **/
.ui-menu.ui-menubar {
padding-right: 20px;
padding-left: 10px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff),
to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat: repeat-x;
border: 1px solid #d4d4d4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',
endColorstr='#fff2f2f2', GradientType=0);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.ui-menu.ui-menubar .ui-menu-parent .ui-menu-child {
padding: 5px 0;
}

/*----------------------Bootstrap customization------------------------------*/
.btn .ui-icon{
display: inline-block;
    padding: 3px 8px;
    float: left;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary {
  color: #fff!important ; 
  background-color: #337ab7!important ; 
  border-color: #2e6da4!important ; 
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff!important ; 
  background-color: #286090!important ; 
  border-color: #122b40!important ; 
}
.btn-primary:hover {
  color: #fff!important ; 
  background-color: #286090!important ; 
  border-color: #204d74!important ; 
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff!important ; 
  background-color: #286090!important ; 
  border-color: #204d74!important ; 
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff!important ; 
  background-color: #204d74!important ; 
  border-color: #122b40!important ; 
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none!important ; 
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7!important ; 
  border-color: #2e6da4!important ; 
}
.btn-primary .badge {
  color: #337ab7!important ; 
  background-color: #fff!important ; 
}
.btn-success {
  color: #fff!important ; 
  background-color: #5cb85c!important ; 
  border-color: #4cae4c!important ; 
}
.btn-success:focus,
.btn-success.focus {
  color: #fff!important ; 
  background-color: #449d44!important ; 
  border-color: #255625!important ; 
}
.btn-success:hover {
  color: #fff!important ; 
  background-color: #449d44!important ; 
  border-color: #398439!important ; 
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff!important ; 
  background-color: #449d44!important ; 
  border-color: #398439!important ; 
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff!important ; 
  background-color: #398439!important ; 
  border-color: #255625!important ; 
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none!important ; 
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c!important ; 
  border-color: #4cae4c!important ; 
}
.btn-success .badge {
  color: #5cb85c!important ; 
  background-color: #fff!important ; 
}
.btn-info {
  color: #fff!important ; 
  background-color: #5bc0de!important ; 
  border-color: #46b8da!important ; 
}
.btn-info:focus,
.btn-info.focus {
  color: #fff!important ; 
  background-color: #31b0d5!important ; 
  border-color: #1b6d85!important ; 
}
.btn-info:hover {
  color: #fff!important ; 
  background-color: #31b0d5!important ; 
  border-color: #269abc!important ; 
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff!important ; 
  background-color: #31b0d5!important ; 
  border-color: #269abc!important ; 
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff!important ; 
  background-color: #269abc!important ; 
  border-color: #1b6d85!important ; 
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none!important ; 
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de!important ; 
  border-color: #46b8da!important ; 
}
.btn-info .badge {
  color: #5bc0de!important ; 
  background-color: #fff!important ; 
}
.btn-warning {
  color: #fff!important ; 
  background-color: #f0ad4e!important ; 
  border-color: #eea236!important ; 
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff!important ; 
  background-color: #ec971f!important ; 
  border-color: #985f0d!important ; 
}
.btn-warning:hover {
  color: #fff!important ; 
  background-color: #ec971f!important ; 
  border-color: #d58512!important ; 
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff!important ; 
  background-color: #ec971f!important ; 
  border-color: #d58512!important ; 
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff!important ; 
  background-color: #d58512!important ; 
  border-color: #985f0d!important ; 
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none!important ; 
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e!important ; 
  border-color: #eea236!important ; 
}
.btn-warning .badge {
  color: #f0ad4e!important ; 
  background-color: #fff!important ; 
}
.btn-danger {
  color: #fff!important ; 
  background-color: #d9534f!important ; 
  border-color: #d43f3a!important ; 
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff!important ; 
  background-color: #c9302c!important ; 
  border-color: #761c19!important ; 
}
.btn-danger:hover {
  color: #fff!important ; 
  background-color: #c9302c!important ; 
  border-color: #ac2925!important ; 
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff!important ; 
  background-color: #c9302c!important ; 
  border-color: #ac2925!important ; 
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff!important ; 
  background-color: #ac2925!important ; 
  border-color: #761c19!important ; 
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none!important ; 
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f!important ; 
  border-color: #d43f3a!important ; 
}

.btn-danger .badge {
  color: #d9534f!important ; 
  background-color: #fff!important ; 
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}



.btn-primary .ui-icon, .btn-warning .ui-icon, .btn-success .ui-icon, .btn-danger .ui-icon{
background-image:url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
margin-top: -9px !important;
margin-left: -9px !important;
}









input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.ui-panelgrid .ui-panelgrid-cell{
padding: 1px 5px !important;
}
.ui-datatable thead th,   .ui-datatable tfoot td, .ui-datatable tfoot th{
    background-color: #dcdcdc !important;
    color: #6a6a6a !important;
    border: 1px solid #dcdcdc !important;
    
    
     
}
.ui-datatable{
/* border-top: 0px !important;
border-bottom: 1px solid #215077 !important;
border-left: 1px solid #215077 !important;
border-right: 1px solid #215077 !important;
border-radius: 6px;
    margin: 2px 0; */
        border-top: 0px !important;
    border-bottom: 0px solid #215077 !important;
    border-left: 0px solid #215077 !important;
    border-right: 0px solid #215077 !important;
    border-radius: 3px;
  
    
    overflow-y: auto;
    overflow-x: auto;
}
.ui-fieldset {
   border-radius: 2px;
    margin: 0px;
    box-shadow: inset 0px 0px 4px 3px #d0d0d0;
    padding: 1em 2em 2em 1em !important;
    background-color: #f5f5f5;
}

.ui-fieldset .ui-fieldset-legend{
border-radius: 10px;
margin-left: 20px;
}

 .ui-tabs-panel {
	border-width: 0;
	padding:0;
	/* background-color:#fff !important ;
	box-shadow: 0px 4px 3px 2px #dedede; */
}

 

 

.ui-datatable-scrollable-header-box,.ui-datatable-scrollable-header-box table,.ui-datatable-scrollable-body table
{
width: 100% !important;
}

.borderLessGrid {
	background-color: inherit;
	background-repeat: repeat-y;
	border-width: 0 !important;
	background-color: none !important;
}
 
 
.borderLessGrid tr,.borderLessGrid td {
border: 0 !important;
/* background-color: #EDF6FF; */
background-repeat: repeat-x;
/*  background-color: none !important; */
}

.borderLessButton {
border-width: 0 !important;
background-color: none !important;
}

 
.borderLessButton tr,.borderLessButton td {
border: 0 !important;
}

.borderLessGrid_noImage {
border-width: 0 !important;
background-color: none !important;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}

.ui-wizard-navbar {
background-color: #ffffff;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
width: 100%;
border: 1em;
}

.borderLessGrid_noImage tr,.borderLessGrid_noImage td {
border: 0 !important;
background-color: none !important;
}

.ui-carousel-header {
visibility: hidden;
display: none;
}

 

.borderLessGrid_noImage_Login {
border-width: 0 !important;
background-color: none !important;
margin-left: 24%;
}

.borderLessGrid_noImage_Login tr,.borderLessGrid_noImage_Login td {
border: 0 !important;
background-color: none !important;
}

.staticLable {
text-align: left;
 
font-size: 11.5px;
}

.smallField {
width: 80px
}

.mediumField {
width: 150px
}
.mediumTextField{
width: 197px !important;
}
.mediumCalendar input[type='text']{
width: 120px !important;
}
.smallCalendar input[type='text']{
width: 75px !important;
}


.medLargField {
width: 70%
}

.largeField {
width: 98%;
}

.smallSelectOne {
width: 80px
}

.mediumSelectOne {
width: 150px
}

.largeSelectOne {
width: 200px !important;
}

.largSelectOne {
width: 250px
}

.largeSelectPercent{
width: 100% !important;
}

 

.dynamicLabel {
}

.ui-toolbar {
margin:5px 0px;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav
{
padding:0;
}
.cp_button {
height: 25px;
width: 130px;
}

.cp_column1 {
width: 10%;
vertical-align: middle;
}

.cp_column2 {
width: 52%;
vertical-align: middle;
}

.cp_column3 {
width: 20%;
vertical-align: middle;
text-align: right;
}

.cp_column4 {
width: 20%;
vertical-align: middle;
}

.cp_field_large {
width: 500px;
}

.cp_field_medium {
width: 322px;
}

.combo_box_name {
width: 250px;
}

.combo_box_period_code {
width: 100px;
}

.combo_box_response_type {
width: 240px;
}

.combo_box_response_private {
width: 135px;
}

.cp_periods_column1 {
width: 10%;
}

.cp_periods_column2 {
width: 15%;
text-align: right;
}

.cp_periods_column3 {
width: 30%;
text-align: right;
}

.cp_periods_column4 {
width: 15%;
text-align: right;
}

.cp_periods_column5 {
width: 30%;
text-align: right;
}

.cp_column70percent {
width: 70%;
padding-right: 10px;
}

.cp_header_panel .ui-panel-content {
border: 0;
background: none;
padding: 0;
}

.panelGrid {
width: 100%;
}

 

.comboBox {
width: 100%;
}

.textLabel {
font-weight: bold;
font-stretch: extra-expanded;
}

.column70percent {
width: 70%;
vertical-align: top;
}

.column30percent {
width: 30%;
vertical-align: top;
}

.column80percent {
width: 80%;
vertical-align: top;
}

.column20percent {
width: 20%;
vertical-align: top;
}

.column75percent {
width: 75%;
vertical-align: top;
}

.column25percent {
width: 25%;
vertical-align: top;
}

.colRightAlign {
text-align: right;
width: 8%;
}

.colRightAlign_Inner {
text-align: right;
width: 12%;
}

.colRightAlign_dlg {
text-align: right;
width: 18%;
}

.colRightAlignMed {
text-align: right;
width: 11%;
}

* {
margin:;
}

/* html,body {
font-size: 0.85em !important;
color: #333333;
margin: 0px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  
} */

 textarea{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  
 }

 

 

.corrospondence-panel .ui-panel-titlebar{
margin: 5px;
}

.float_left{
float: left;
}

.float_right{
float: right;
}

.corrospondence-email-field{width:215px !important }
.corrospondence-form-label{
text-align: right;
white-space: nowrap;
}





 .ui-paginator-page.ui-state-active {
    background-color: #247ac4;
    color: #fff;
} 


.ui-datatable table {
    table-layout: auto !important;
     float: left;
     
}
.ui-datatable-tablewrapper{
     min-height: 300px;
}
 

.ui-datatable th, .ui-datatable tfoot td{
text-align: center;
padding: 4px 10px;
margin: 0px;
overflow: hidden;
}
 .ui-datepicker {
    background-color: #fff;
}
 
  
  img.logo{
  height: 48px;
  width: 100px;
 }
 .logo-txt{
display: inline-block;
 
 } 
 .logo-txt .large{
  font-size: 18px;
  
 }
 .logo-txt .small{
  font-size: 12px;
    
 }
 .top-section .menu-link{
  display: inline-block;
    font-size: 13px;
    padding: 18px 10px;
    text-decoration: none;
    background: #0e5c8a;
    color: #f6f6f6;
    margin-left: 3px;
    border-bottom:solid 1px #f4f4f4
 }
 .top-section .menu-link:hover{
  background-color: #17567b;
 }
 .top-section table{
width: 100%;
 }
 
 .transparent {
background-color: transparent !important
 }

 .top_section, .top_section tr, .top_section tr td{
border: 0px !important;
} 
.top_user_info{
text-align: right;
    padding: 20px 15px 0px 0px;
}
.ui-columntoggler{
background-color: #fff;
}


.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield{
font-size: 1em;
}
.ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
    padding: .155em !important;
}





.loader_dlg{
}
.loader_dlg .ui-widget-header{
display: none;

}


 

 input, textarea{
margin-left: 1px !important;
margin-right: 1px !important;
}

.select-box-xl{
width: 869px !important;
min-width: 869px !important;
max-width: 869px !important;
margin-left: 1px !important;
margin-right: 1px !important; 
}
.select-box-lg{
width: 421px !important;
min-width: 421px !important;
max-width: 421px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-md{
width: 197px !important;
min-width: 197px !important;
max-width: 197px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-sm{
width: 85px !important;
min-width: 85px !important;
max-width: 85px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-xs{
width: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
 
.txt-field-xl, .txt-field-xl input, .txt-field-xl textarea {
width: 884px !important;
min-width: 884px !important;
max-width: 884px !important;
 
}
.txt-field-lg, .txt-field-lg input, .txt-field-lg textarea{
width: 436px !important;
min-width: 436px !important;
max-width: 436px !important;
 
}
.txt-field-md, .txt-field-md  input, .txt-field-md textarea{
width: 212px !important;
min-width: 212px !important;
max-width: 212px !important;
 
}
.txt-field-sm, .txt-field-sm input, .txt-field-sm textarea{
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
 
}
.txt-field-xs, .txt-field-xs input, .txt-field-xs textarea{
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
 
}
 
.calendar-xl input {
width: 860px  !important;
min-width: 860px  !important;
max-width: 860px  !important;
 
}
.calendar-lg input{
width: 412px !important;
min-width: 412px !important;
max-width: 412px !important;
 
}
.calendar-md  input{
width: 188px !important;
min-width: 188px !important;
max-width: 188px !important;
 
}
.calendar-sm input{
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
 
}
 .calendar-xs input{
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}

 
.margin-1{
margin:1px !important;
}
.margin-l-r-1{
margin-left:1px !important;
margin-right:1px !important;
}

.margin-l-r-10{
margin-left:10px !important;
margin-right:10px !important;
}



.margin-0{
  margin: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
 }
 .margin-2{
  margin: 2px !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
 }
 
 .padding-0{
  padding: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
 }
 .padding-10{
  padding: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
 }
 .margin-5{
  margin: 5px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
 }
 .margin-10{
  margin: 10px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
 }

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
font-weight: normal;
padding: 10px 8px !important;
}

.ui-panel .ui-panel-content{
padding: 0px !important;
}

.ui-button-icon-only{
width: 25px !important;
    height: 25px;
}

.ui-datatable-scrollable-theadclone{
display:none;
visibility: hidden;
}
.ui-overlaypanel-content{
padding: 0 !important;
    box-shadow: -5px 5px 10px 0px #828282;
}
.panel-top-arrow{
  width: 0;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    z-index: 99999999999;
    float: right;
    margin: -15px 5px;
}
.primary-panel{
    box-shadow: inset 0px 0px 4px 3px #d0d0d0;
    margin-top: 6px;
    padding: 10px !important;
}
    
 
.ui-dialog-titlebar-icon{
margin-top:3px !important;
}

 
.circle{
border-radius: 50%;
}


.circle.xxl{
height: 60px;
width: 60px;
}
.circle.xl{
height: 45px;
width: 45px;
}
.circle.lg{
height: 36px;
width: 36px;
}
.circle.md{
height: 28px;
width: 28px;
}
.circle.sm{
height: 20px;
width: 20px;
}
.circle.vs{
height: 18px;
width: 18px;
}
.circle.xs{
height: 16px;
width: 16px;
}
.circle.xxs{
height: 12px;
width: 12px;
}

.user-info-wrapper{
background-color: #fff;
}
.user-info-panel{
width: 250px;
}
.user-info-content{
text-align:center;
height: 175px;
background-color: #15618e;
}
  
.profile-pic{
height: 70px;
    width: 70px;
    margin: 12px auto;
    border: 6px solid #045280;
}
.user-info{
color: green;
text-align: center;
}
.user-info-text{
z-index: 5;
    color: #f9f9f9;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    text-shadow: 2px 2px 3px #333333;
    margin-top: 10px;
}
.user-info-desc{
z-index: 5;
    color: #f9f9f9;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    margin-top: 10px;
}
.user-info-footer{
height: 22px;
    padding: 6px 3px 6px 3px !important;
}
.full-width{
width: 100%;
}

.ui-paginator a {
font-size: 13px;
}

.ui-growl-error{
/* background-color: #9a181c!important; */
background-color: #d88412!important;
    color: #fff !important;
}
.ui-growl-message{
padding: 10px 3px 3px 10px !important;
    width: 240px !important ;
    float: right;
   }
.ui-growl-item-container{
opacity: 1 !important;
}
.ui-growl-item {
    padding: 7px 7px !important;
}
.ui-growl-title{
font-weight: normal !important;
}
 


/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--secondary-hover-color); 
   
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--secondary-hover-color); 
   
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary-hover-color); 
}

.description-color{
	color: #b1b1b1;
}


label{
display:inline-block;
}

.pointer{
cursor: pointer !important;
}
.left {
float: left !important;
}

.right {
float: right !important;
}

.center {
margin-right: auto !important;
margin-left: auto !important;
 
}
.center-inner   {
text-align: center;
}
.center-text   {
text-align: center !important;
}
.right-text   {
text-align: right !important;
}
.left-text   {
text-align: left !important;
}
i.xs{
font-size: 11px !important;
margin: 2px;
}
i.vs{
font-size: 12px !important;
margin: 2px;
}
i.sm{
font-size: 14px !important;
margin: 3px;
}
i.md{
font-size: 28px !important;
margin: 4px;
}
i.md-2{
font-size: 20px !important;

}
i.lg{
font-size: 40px !important;
margin: 6px;
}
i.xl{
font-size: 50px !important;
}
i.xxl{
font-size: 80px !important;
}




  input, textarea{
margin-left: 1px !important;
margin-right: 1px !important;
}

.select-box-xl{
width: 869px !important;
min-width: 869px !important;
max-width: 869px !important;
margin-left: 1px !important;
margin-right: 1px !important; 
}
.select-box-lg{
width: 421px !important;
min-width: 421px !important;
max-width: 421px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-md{
width: 197px !important;
min-width: 197px !important;
max-width: 197px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-sm{
width: 85px !important;
min-width: 85px !important;
max-width: 85px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
.select-box-xs{
width: 29px !important;
min-width: 29px !important;
max-width: 29px !important;
margin-left: 1px !important;
margin-right: 1px !important;
}
 
.txt-field-xl, .txt-field-xl input, .txt-field-xl textarea {
width: 884px !important;
min-width: 884px !important;
max-width: 884px !important;
 
}
.txt-field-lg, .txt-field-lg input, .txt-field-lg textarea{
width: 436px !important;
min-width: 436px !important;
max-width: 436px !important;
 
}
.txt-field-md, .txt-field-md  input, .txt-field-md textarea{
width: 212px !important;
min-width: 212px !important;
max-width: 212px !important;
 
}
.txt-field-sm, .txt-field-sm input, .txt-field-sm textarea{
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
 
}
.txt-field-xs, .txt-field-xs input, .txt-field-xs textarea{
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
 
}
 
.calendar-xl input {
width: 860px  !important;
min-width: 860px  !important;
max-width: 860px  !important;
 
}
.calendar-lg input{
width: 412px !important;
min-width: 412px !important;
max-width: 412px !important;
 
}
.calendar-md  input{
width: 188px !important;
min-width: 188px !important;
max-width: 188px !important;
 
}
.calendar-sm input{
width: 76px !important;
min-width: 76px !important;
max-width: 76px !important;
 
}
 .calendar-xs input{
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}

 





.wrapper {
	clear: both;
 
}

.top-section {
	min-height: 8vh;
    background-color: #f0f0f0;
    clear: both;
     
    width: 100%;
    overflow: hidden;
   
    top:0;
    z-index: 1002;
}
.left-menu{
background-color: #e8e8e8;
min-height: 91vh;
}
.left-menu ul{
padding: 0px !important;
margin: 0px !important;
}
.left-menu .menu-item {
    padding: 10px 5px;
    background-color: #e8e8e8;
    list-style: none;
    border-bottom: 1px solid #fff;
    min-height: 10px;
    position: relative;
    font-size: 13px !important;
    min-height: 40px;
}
.left-menu .menu-item i, .left-menu .menu-item label{
	cursor: pointer;
	}
.menu-toggler i{
font-size: 16px;
}
.left-menu .menu-item i {
    padding: 0 10px;
     
}
.top-bar-wrapper{
 
}
.hide-imp{
	visibility: hidden;
}
.step-bottom{
    position: fixed;
    width: 90%;
    bottom: 30px;
    background-color: var(--default-color);
}
.box{
	padding: 25px 12px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e7e7e7;
    min-height: 200px;
    box-sizing: border-box;
}

.box-default:hover{ 
	background-color:#f3f3f3 !important;
	-webkit-box-shadow: 0px 1px 5px 4px rgba(230,230,230,1);
	-moz-box-shadow: 0px 1px 5px 4px rgba(230,230,230,1);
	box-shadow: 0px 1px 5px 4px rgba(230,230,230,1);
}

.box .heading{
font-size: 18px;
    padding: 8px;
    display: block;
}
.box .body{
font-size: 14px;
    padding: 5px;
    display: block;
}

.box-sm{
}
.box-md{
width: 100px;
}
.box-lg{
width: 200px;
}
.box-xl{
width: 260px;
}

.box-body{
display: block;
}
.box-footer{
display: inline-block;
}
 

.box-default{
background-color: var(--default-color);
 
}

.box-primary{
background-color: var(--primary-color);
}
.box-alternate{
background-color: var(--alternate-color);
}
.top-menu-wrapper {
}

.border-default{
border: 1px solid var(--default-color);
}
.border-secondary{
border: 1px solid var(--secondary-color);
}
.border-primary{
border: 1px solid var(--primary-color);
}
.border-alternate{
border: 1px solid var(--alternate-color);
}


.bg-primary{
background-color: var(--primary-text-color);
}
.bg-default{
background-color: var(--default-text-color);
}
.bg-alternate{
background-color: var(--alternate-text-color);
}
.bg-green{
background-color: green;
}
.bg-red{
background-color: var(--alternate-text-color);
}
.bg-purple{
background-color: purple;
}
.bg-orange{
background-color: orange;
}
.bg-yellow{
background-color: yellow;
}
.text-primary{
color: var(--primary-text-color);
}
.text-default{
color: var(--default-text-color);
}
.text-alternate{
color: var(--alternate-text-color);
}

.text-xs{
font-size: 11px !important;
}

.text-vs{
font-size: 12px !important;
}
.text-sm{
font-size: 14px !important;
}
.text-md{
font-size: 18px !important;
}
.text-lg{
font-size: 26px !important;
}
.text-xl{
font-size: 32px !important;
}
.strong{
font-weight: bold;
}
.underline{
text-decoration: underline;
}
.top-menu li.ui-datalist-item {
list-style: none;
float: left;
margin: 10px;
padding: 5px;
}

.top-bar-wrapper {
clear: both;
}

.top-bar-left {
 
}

.top-bar-right {
 
}

.top-tabs {
}

.middle-section {
	clear: both;
	height: 92vh;
}
.left-section-expand {
	width : 200px;
}

.left-section-close {
	width : 45px;
}
.left-section-close .label{
	display: none;
}

.right-section-expand {
	width : calc(100% - 200px);
	height: 100%;
}
.right-section-close {
	width : calc(100% - 45px);
	height: 100%;
}

.right_content{
	background-color: #ffffff;
}

.left-menu li:hover, .left-menu li:active{
	background-color: #d5d7d8;
}
.active {
	background-color: #0c579d !important;
	color: #ffffff !important;
}

.menu-arrow{
	background: url(/resources/images/menu_arrow.png) no-repeat;
	width:9px;
	height:20px;
	position:absolute;
	right:0;
	top:7px;
	display: block;
}

.heading-banner{
	background-color: #f7f7f7;
	border: solid 1px #e7e7e7;
	-webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
}


.m
.content-area{
padding: 0 5%;
}

.footer-section{
	padding: 0 5%;
    background-color: var(--secondary-color);
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    max-height: 45px;
    overflow: hidden;
    color: #5c5c5c;
    font-size: 12px !important;
    /* border-top: 3px solid var(--secondary-hover-color); */
}

.footer-icon{
	width: 25px;
	padding-right: 5px;
	padding-left: 2px;
	padding-top: 5px;
}
.header-text{
	color: #5c5c5c;
}

.header-text i{
	color: #92a7c5 !important;
}

.heading-bar {
clear: both;
}

.heading {
}

.filter-bar {
}

.simple-datatable {
}
.padding-50{
	padding: 50px !important;
}
.h-padding-0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.h-padding-5{
padding-left: 5px !important;
padding-right: 5px !important;
}
.h-padding-10{
padding-left: 10px !important;
padding-right: 10px !important;
}
.h-padding-15{
padding-left: 15px !important;
padding-right: 15px !important;
}
.v-padding-0{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.v-padding-3{
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.v-padding-5{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.v-padding-7{
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.v-padding-10{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.v-padding-15{
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.v-padding-20{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.v-padding-header{
	padding-top: 18px !important;
	padding-bottom: 15px !important;
}

.padding-2{
	padding: 2px !important;
}
.padding-5{
	padding: 5px !important;
}

.padding-20{
padding: 20px !important;
}
.h-margin-0{
margin-left: 0px !important;
margin-right: 0px !important;
}
.h-margin-2{
margin-left: 2px !important;
margin-right: 2px !important;
}
.h-margin-5{
margin-left: 5px !important;
margin-right: 5px !important;
}
.h-margin-10{
margin-left: 10px !important;
margin-right: 10px !important;
}
.h-margin-20{
margin-left: 20px !important;
margin-right: 20px !important;
}
.v-margin-0{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.v-margin-2{
margin-top: 2px !important;
margin-bottom: 2px !important;
}
.v-margin-5{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.v-margin-10{
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.v-margin-20{
margin-top: 20px !important;
margin-bottom: 20px !important;
}

.margin-15{
margin: 15px !important;
}
.margin-20{
margin: 20px !important;
}
.margin-10{
margin: 10px !important;
}
.margin-5{
margin: 5px !important;
}


.h-padding-0-p{
padding-left: 0% !important;
padding-right: 0% !important;
}
.h-padding-2-p{
padding-left: 2% !important;
padding-right: 2% !important;
}
.h-padding-5-p{
padding-left: 5% !important;
padding-right: 5% !important;
}
.h-padding-10-p{
padding-left: 10% !important;
padding-right: 10% !important;
}
.v-padding-0-p{
padding-top: 0% !important;
padding-bottom: 0% !important;
}
.v-padding-3-p{
padding-top: 3% !important;
padding-bottom: 3% !important;
}
.v-padding-5-p{
padding-top: 5% !important;
padding-bottom: 5% !important;
}
.v-padding-10-p{
padding-top: 10% !important;
padding-bottom: 10% !important;
}

.padding-20-p{
padding: 20% !important;
}

.padding-top-20{
	padding-top: 20px;
}

.margin-top-17{
	margin-top: 17px !important;
}
.h-margin-0-p{
margin-left: 0% !important;
margin-right: 0% !important;
}
.h-margin-2-p{
margin-left: 2% !important;
margin-right: 2% !important;
}
.h-margin-5-p{
margin-left: 5% !important;
margin-right: 5% !important;
}
.h-margin-10-p{
margin-left: 10% !important;
margin-right: 10% !important;
}
.v-margin-0-p{
margin-top: 0% !important;
margin-bottom: 0% !important;
}
.v-margin-2-p{
margin-top: 2% !important;
margin-bottom: 2% !important;
}
.v-margin-5-p{
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.v-margin-10-p{
margin-top: 10% !important;
margin-bottom: 10% !important;
}

.margin-2-p{
margin: 2% !important;
}
.margin-10-p{
margin: 10% !important;
}

/******************************** 21-06-2019 ************************************/
.fbr-login-malumat-logo{
background: url(/resources/images/login/fbr_malumat_logo.png) no-repeat;
width:200px;
height:35px;
margin:auto;
}


.fbr-malumat-logo-white{
	background: url(/resources/images/FBR-Malumat-Logo_Blue-v1.png) no-repeat;
	width: 172px;
    height: 32px;
    background-size: contain;
}

.top_bar_outer{ background-color:#0c579d; width:100%; padding:10px 0 10px 0;}
.top_bar_inner{ width:1300px; margin:0 auto; overflow: auto;}
.top_bar_inner_logo{ float:left;}
.top_bar_inner_contact{ float:right; color:#8db8e0; font-size:13px; text-align:right; margin-top:15px;}
.top_bar_inner_contact i{ font-size:13px; vertical-align:sub;}
.top_bar_inner_contact a{ text-decoration:none; color:#8db8e0;}
.top_bar_inner_contact a:hover{ text-decoration:none; color:#fff;}



.fbr-maloomat-body{ 
	margin:0; 
	padding:0; 
	font-family: 'Roboto', sans-serif; 
	font-style:13px; 
	color:#333;
	background-color: #e8e8e8 !important;
}

.middle_outer{ width:100%; padding:50px 0 50px 0;}
.middle_inner{ width:1300px; margin:0 auto; overflow: auto; }

.middle_left{ float:left; text-align:left; width:770px;}
.middle_right{ float:right; text-align:center; width:530px;}

.footer_outer{ width:100%; padding:5px 0 5px 0; background-color:#f4f4f4; border-top:solid 1px #dcdcdc; position: fixed;
  left: 0;
  bottom: 0;}
.footer_inner{ width:1300px; margin:0 auto; overflow: auto; border-top: 1px solid #e4e4e4; }

.footer_inner_left{ float:left; text-align:left; color:#828282; font-size:11px; font-family: 'Roboto', sans-serif;}
.footer_inner_right{ float:right; text-align:right; color:#828282; font-size:11px; font-family: 'Roboto', sans-serif;}
.tab_text span{ color:#f4b72a !important;}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.text_field_style{
background-color:#fff !important; 
border:solid 1px #dddddd !important; 
padding:0px 8px 0px 8px !important; 
font-size:14px !important; 
color:#505050 !important;
width:100% !important;
box-shadow:none !important;
height: 40px !important;
}
.text_field_style_mandatory  {
 
	background-color:#fff !important; 
	padding:0px 8px 0px 8px !important; 
	font-size:14px !important; 
	color:#505050 !important;
	width:100% !important;
	box-shadow:none !important;
	border-left: solid 2px #e07878 !important;
	border-top: solid 1px #dddddd !important;
	border-right: solid 1px #dddddd !important;
	border-bottom: solid 1px #dddddd !important;
	height: 40px !important;
}
 

/* Set a style for the submit button */
.login-btn {
  background-color: #f4b72a !important;
  color: #fff !important;
  padding: 0px 20px !important;
  border: none !important;
  font-size:16px !important;
  cursor: pointer !important;
  width: 100% !important;
  opacity: 0.9 !important;
  box-shadow:none !important;
  height:40px;
  
}
.login-btn span{
padding:0px !important;
}
.login-btn i{ vertical-align:sub; font-size:20px;}
.login-btn:hover {
  opacity: 1;
}

.login-form-container{
max-width:400px; margin-top:20px;
}

.registration-form-container{
max-width:450px; margin-top:20px;
}

.assetsInquiryHome .ui-tabs-panel{
background-color: transparent !important;
box-shadow: none !important;
border-top: 0px !important;
}

.assetsInquiryHome .tab_text{
border-bottom: solid 3px #ccc !important;
background-color:  transparent !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
color : #505050 !important; 
outline: none !important;
}

.assetsInquiryHome ul.ui-widget-header{
border-bottom: 0px !important;
}

.assetsInquiryHome li.ui-state-active{
border-bottom: solid 3px #0c579d !important;
outline: none !important;
}

.assetsInquiryHome .ui-tabs-selected a{
color: #0c579d !important;
outline: none;
}

.assetsInquiryHome li a:hover{
outline: none;
}

.assetsInquiryHome .ui-tabs-nav li a{
padding-left: 0.5em !important;
}

.forgot_pass{ margin-top:10px; text-align:left; font-size:13px; color:#0c579d;}
.forgot_pass a{ text-decoration:none;   color:#0c579d;}
.forgot_pass a:hover{ text-decoration:none;   color:#505050;}

.assetsInquiryHome, .assetsInquiryHome .ui-tabs-nav {
background-color: transparent !important;
}

.captcha-input-field{
	background-color:#fff !important; 
	padding:0px 8px 0px 8px !important; 
	font-size:14px !important; 
	color:#505050 !important;
	width:89% !important;
	display:inline-block;
	box-shadow:none !important;
	border-left: solid 2px #e07878 !important;
	border-top: solid 1px #dddddd !important;
	border-right: solid 1px #dddddd !important;
	border-bottom: solid 1px #dddddd !important;
	height: 40px !important;
}

.captcha-image{
display:inline-block;
width:96%; 
height:41px;
}

.captcha-refresh-button{
    width: 40px !important;
    height: 40px !important;
    padding: 10px !important;
    margin-left: 5px !important;
}

.captcha-wrapper{
	background-color: #fff;
	width: 96%;
}

.text_field_style_small_mandatory  {
background-color:#fff !important; 
padding:0px 8px 0px 8px !important; 
font-size:14px !important; 
color:#505050 !important;
 
display:inline-block;
box-shadow:none !important;
border-left: solid 2px red !important;
border-top: solid 1px #dddddd !important;
border-right: solid 1px #dddddd !important;
border-bottom: solid 1px #dddddd !important;
height: 40px !important;
}

.text_field_style_small{
background-color:#fff !important; 
border:solid 1px #dddddd !important; 
padding:0px 8px 0px 8px !important; 
font-size:14px !important; 
color:#505050 !important;
display: inline-block;
border-left: solid 2px red !important;
/* width:45% !important; */
box-shadow:none !important;
height: 40px !important;
}


.text_field_margin_left{
margin-left: 10px !important;
}

.assetsInquiryHome .ui-selectonemenu .ui-selectonemenu-label { padding-top:12px !important;}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 12px !important;
}

.text_field_style_small_mandatory:readonly , .text_field_style_small:readonly{
background-color: #f1f1f1; 
}


.wrapper_load  {
margin: 0 auto;
margin-top: 0px;
width: auto;
height: 30px;
position: relative;
top: 27%;
left: 10%;
margin-top: -24px;
}

.wrapper_load a {
  position: relative;
  /*background: #121212;*/
  bottom: 0;
  color: #fff;
  height: 34px;
  line-height: 34px;
  position: absolute;
  width: 100%;
  padding: 0 0 0 20px;
  font-size: 12px;
  font-weight:700;
  font-family: 'Arial';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  transition:0.1s all ease-in;
  cursor: default;
}
.wrapper_load a span{
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
 /* right: 0px;*/
  height: 10px;
  position: absolute;
}

.wrapper_load a span span{
  background: url(/resources/images/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  height: 10px;
  opacity: 1;
  position: absolute;
}

.wrapper_load a .arrow:before {
  content:"";
  background: url(/resources/images/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  height: 10px;
  position: absolute;
  opacity: 0.5;
}

.wrapper_load a .arrow:after {
  content:"";
  background: url(/resources/images/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0px;
  height: 10px;
  position: absolute;
  opacity: 0.3;
}

.wrapper_load .arrow:before{
  animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}

.wrapper_load .arrow:after{
  animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}

.wrapper_load .arrow span{
  animation: animate-arrow-1 1s ease-in-out infinite;
}

@keyframes animate-arrow-1 {
  0%{transform:translateX(10px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@keyframes animate-arrow-2 {
  0%{transform:translateX(20px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.3;}
}
@keyframes animate-arrow-3 {
  0%{transform:translateX(30px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.5;}
}

.textdata{ display:inline-block; position:absolute; left:38px; top:6px;    color: #063f75;
    font-weight: 600; }
    .textdata span{color: #5cb85c !important;}
    
    
.captcha-input-field::placeholder, .text_field_style::placeholder, .text_field_style_mandatory::placeholder, .text_field_style_small_mandatory::placeholder,  .text_field_style_small::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.captcha-input-field:-ms-input-placeholder, .text_field_style:-ms-input-placeholder, .text_field_style_mandatory:-ms-input-placeholder, .text_field_style_small_mandatory:-ms-input-placeholder,  .text_field_style_small:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}
.captcha-input-field::-ms-input-placeholder, .text_field_style::-ms-input-placeholder, .text_field_style_mandatory::-ms-input-placeholder, .text_field_style_small_mandatory::-ms-input-placeholder,  .text_field_style_small::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
    
.urdu_txt_blk span.header{ font-size:22px; color:#0c579d; font-weight:600;}
.urdu_txt_blk span{ font-size:14px; color:#0c579d; direction:rtl;}
.urdu_txt_blk{ direction:rtl; text-align:right; font-size:16px; margin-top:7px; padding:10px; font-family: 'MehrNastaliqWeb'; line-height:30px;}

.assetsInquiryHome .tab_text{background-color: #e9e9e9 !important;}

.assetsInquiryHome li.ui-state-active{background-color: #0c579d !important; Color: #fff !important}

.assetsInquiryHome .ui-tabs-selected a {
    color: #fff !important;
    outline: none;
}

.vertical-align-sub
{ 
	vertical-align:sub;
	font-size:20px;
}   



.primary-dt{
	 
}
.primary-dt th{
	border: none !important;
    background: none !important;
    background-color: #0c579d !important;
    color: #ffffff !important;
    border-color: #0c579d !important;
    border-width: 1px !important;
    border-style: solid !important;
    
	
 	 
}
.primary-dt .ui-paginator-bottom {
    
    border: none !important;
    background: none !important;
    background-color: #e8e6e7 !important;
    color: #0c579d !important;
    border-color: #0c579d !important;
    border-width: 1px !important;
    border-style: solid !important;
}
.primary-dt .ui-paginator a{
	border: none !important;
    background: none !important;
	background-color: #0c579d !important;  
	color: #ffffff;
	border-color: #0c579d;
	border-width: 1px !important;
    border-style: solid !important;
   /*  padding: 0 4px 4px 2px; */
}
.primary-dt .ui-datatable-odd{
	background-color: #f3eeff !important; 
	 
}



.primary-dt-2{
	 
}
.primary-dt-2.ui-datatable{
	border: 1px solid #e7e7e7 !important;
}
.primary-dt-2.ui-datatable thead th, .primary-dt-2.ui-datatable tfoot td {
    text-align: left;
    padding: 10px 8px !important
}

.primary-dt-2 .ui-paginator-bottom {
    border: none !important;
   /*  background: none !important;
    color: #0c579d !important;
    border-color: #0c579d !important;
    border-width: 1px !important;
    border-top: 2px solid #0c579d !important; */
}
.primary-dt-2 .ui-paginator a{
	    border: none !important;
    background: none !important;
    color: gray;
    border-color: #0c579d;
    border-width: 0px !important;
    box-sizing: border-box;
    padding: 9px 3px;
    height: 20px;
    display: inline-block;
}

.primary-dt-2 tbody tr, .primary-dt-2 tbody tr td {
    border: 0px solid #f3eeff;
    border-left: hidden;
    border-right: hidden;
    padding: 4px;
    font-size: 12px;
}
.primary-dt-2 .ui-datatable-odd{
	background-color: #f0f0f0 !important; 	 
}


.primary-dt-2 .ui-state-highlight, .primary-dt .ui-state-highlight{
	background:none !important;
	background-color: #e1d5ff !important;
}

.primary-dt-2 th:not(.bottom-bordered-primary){
	 
    background-color: #526e88 !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 300;
    border: 0px solid #526e88 !important;
    padding: 1px !important;
}


.text_field_style_small_mandatory_password{
		background-color:#fff !important; 
	padding:0px 8px 0px 8px !important; 
	font-size:14px !important; 
	color:#505050 !important;
	width:95% !important;
	display:inline-block;
	box-shadow:none !important;
	border-left: solid 2px #e07878 !important;
	border-top: solid 1px #dddddd !important;
	border-right: solid 1px #dddddd !important;
	border-bottom: solid 1px #dddddd !important;
	height: 40px !important;
}

.field-icon-btn{
	
	box-sizing: border-box;
}
.field-icon-btn .input{
	float: left;
	width: calc(100% - 55px);
}

.count-design{
	margin-top:-13px;
}

.disabledBox{
	opacity:1;
}
.disabledBox.ui-state-disabled,
{
	background-color: #fffff;
	*background-color: #d9d9d9;
	color: #171515;
}  
.disabledBox.ui-state-disabled label, .disabledBox.ui-state-disabled i,.disabledBox.ui-state-disabled .circle.xxl {
	opacity:0.35;
} 
.ui-paginator{
text-align: right !important;
}
 
.ui-paginator > a {
    width: 32px;
    height: 32px; 
}

 .ui-paginator-first, .ui-paginator-last{
 	width: 47px !important;
    padding: 0 11px 0 0 !important;
 }

.ui-paginator a {
    background-color: #1E88E5;
}

 
.ui-paginator a,
.ui-sortable-column-icon:before {
    font-family: FontAwesome;
}

.ui-sortable-column-icon.ui-icon {
    background-image: none; 
    text-indent: 0;
    margin: 0 0 0 .5em;
    height: 20px;
}

.ui-paginator span span, 
.ui-paginator a span { 
    display: none; 
}

.ui-paginator .ui-paginator-first:before { 
    content: "Newest";
    font: 12px Arial, Helvetica;
    color: #526e88;
  
}

.ui-paginator .ui-paginator-prev:before { 
    content: "\f053";
}
.ui-paginator-next:hover{
	background: unset !important;	
}
.ui-paginator .ui-paginator-next:before { 
  content: "\f054";
}

.ui-paginator .ui-paginator-last:before { 
    content: "Oldest";
    font: 12px Arial, Helvetica;
    color: #526e88;
     
    
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n,
.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
    margin: 0px 0px 0px 0px;
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n {
    top: -2px;
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
    top: 4px;
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:before { 
    content: "\f0dc"; 
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before {
    content: "\f0d8";
}

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
    content: "\f0d7";
}

.regtxpai-dialog.ui-dialog  {
 	width: auto !important;
	height: auto !important;
	position: fixed !important;
    padding: 0 !important;
    overflow: hidden !important; 	
	
}



.display-inline{
	display: inline-block !important;
}

@media screen and (max-width:40em) {
 
 
 .ui-g-hide{
 	display: none;
 	visibility: hidden;
 }
 
 .ui-g-full-width{
 	width: 100% !important;
 }
 .captcha-image {
	display: inline-block;
    width: 93%;
    height: 41px;
    margin-left: 1px;
 }
}
 @media screen and (min-width:40.063em) {
  
.ui-md-hide{
 	display: none;
 	visibility: hidden;
 }
  

}
@media screen and (min-width:64.063em) { 
 
.ui-lg-hide{
 	display: none;
 	visibility: hidden;
 }
 

}

@media screen and (min-width:90.063em) {
	 
	.ui-xl-hide{
 	display: none;
 	visibility: hidden;
 
}