/* 
    Document   : rmsStyle
    Created on : 19 Mar, 2012, 3:36:25 PM
    Author     : vishnukk
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,     
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    font-family: 'RobotoCondensed-Regular' !important;   
}
#dynamicMenu div.ui-widget-content{
    margin-top: 0;
}
#dynamicMenu div.ui-widget-content,
#dynamicMenu div.ui-menu{
    background: none;
    border:none;
}
#dynamicMenu div.ui-widget-content{
    border-radius: 0;
}
#dynamicMenu div{
    padding:0 !important;
}
#header {
    height:70px !important;
    padding:0px !important;
}
#header #top-menu{
    padding:3px;
}
#header #sitename{
    padding:0 !important;
}
#header #sitename a.logo{
    width:353px !important;
    background: url("../../images/rbi_logo_in.jpg") no-repeat scroll 20% 0 transparent !important;
}
body.loginPage{




}
body.bg-color
{
    background: #fff !important;
    background-color: #fff !important;

}
body.sessionExpire .ui-dialog {
    padding:0; 
}
body.sessionExpire .ui-dialog .ui-dialog-titlebar{
    /*        background: #017B42 !important;*/
    border: none !important;
    color: white;
    /* height: 40px; */
    padding: 15px;
    /* text-align: center; */
    font-size: 15px;
}
body.sessionExpire .ui-dialog,body.sessionExpire .ui-widget-content,
body.sessionExpire .ui-dialog-titlebar
{
    border:none !important; 
}

body.sessionExpire .ui-dialog{
    box-shadow: 0px 1px 9px 1px black;
}
#welcome_login .logo{text-align: center;background:#3E72AA }

#welcome_login  label.desc{font-weight: normal}
#header #top-menu a.home-icon{
    background:none;
    padding: 2px 10px;
    margin-right: 5px;
}
div#dynamicMenu div ul li a span{
    color:#000000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

div#dynamicMenu div ul li .ui-widget-content {border: 0;box-shadow: 1px 2px 0px #D9E8F7;}
div#dynamicMenu div ul li:hover a span{
    color:#072B54;

}

div#dynamicMenu .ui-menu .ui-menuitem {margin: 0;padding: 1px 0}
#footer{
    border-top: 3px solid #E3E3E3 !important;
    height: 15px !important;   
}
#header #top-menu a:hover, #header #sitename a.logo:hover{
    color:rgb(253, 181, 81) !important;
}

.ui-radiobutton {
    margin: -5px 3px !important;
    width: 20px !important;
    float:left;
}

form li div.personalInfo{
    display: inline-block !important;
    width:24%;
}
div.ui-datatable table thead tr th.checkBoxColumn{
    width:80px;
}
div.ui-datatable table thead tr th.checkBoxColumn div span div.ui-chkbox{
    margin:0 0 0 10px;
    vertical-align: middle;
    padding: 1px;
}
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td{
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}

.ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c{
    display:inline-block;
}
.ui-datatable .ui-datatable-data td div.ui-dt-c{
    display:inline;
}
.ui-datatable th div.ui-dt-c{
    display:inline;
}
div.ui-dialog{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 1px 1px 5px #000000;
}
div.ui-dialog,
div.ui-dialog div.ui-dialog-content{
    margin: 0;
    padding: 1.15em;
}
div.ui-dialog div.ui-dialog-titlebar{
    margin: 0;
}
div.ui-dialog div.ui-dialog-content form{
    height: auto;
}
/* a.btn span.top4{
    top:4px !important;
} */
.ui-messages{
    margin-bottom: 5px;
}
.ui-messages-info ul li, .ui-messages-warn ul li, .ui-messages-error ul li, .ui-messages-fatal ul li {
    clear: none !important;
    /*    display: inline-block;*/
    padding: 0;
    vertical-align: middle;
}
.ui-messages-info ul, .ui-messages-warn ul, .ui-messages-error ul, .ui-messages-fatal ul {
    width:95%;
}
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid;
    margin: 0 0 !important;
    padding: 15px;
}
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    height: 24px;
    margin-top: -4px;
    width: 30px;
    position: absolute;
}
.ui-messages-error-icon{
    /*    background-image: url("../../images/icons/error.png");*/
    background:url("../../images/icons/error.png") no-repeat scroll 0 0 transparent;
}
.ui-messages-fatal-icon{
    background: url("../../images/icons/error.png") no-repeat scroll 0 0 transparent;
}
.ui-messages-info-icon{
    background: url("../../images/icons/success.png") no-repeat scroll 0 0 transparent;
}
.ui-messages-warn-icon{
    background: url("../../images/icons/notice.png") no-repeat scroll 0 0 transparent;
}
.ui-menu .ui-menu-parent .ui-menu-child {
    width:210px;
}
/*ajax loader*/
#ajaxLoading
{
    width: 100% !important;
    height: 100% !important;
    opacity: .4;
    background: grey !important;

}

#ajaxLoading .ui-dialog-content.ui-widget-content
{
    box-shadow:none;
    top:50%;
    left:48%;
}
.blueText{
    color: #3D5F8E;
    /*    font-family: Verdana;*/
    font-weight: bold;
}
.checkBoxColumn{
    width:80px;
}

.popup-btn{
    margin: 10px 0;
}
td.table-btn-center div{
    display: inline-block !important;

}
td.table-btn-center div a.btn{
    margin:0 !important;
}
.mar-top-5{
    margin-top: 5px !important;
}
.mar-bot-5{
    margin-bottom: 5px !important;
}
textarea{
    resize:none;
}
/*command button*/
.ui-button-text-icon-left .ui-button-text{
    padding: 0em 0.8em 0.23em 20px;
    font-size: 15px;
    color: white;
}
.ui-button-icon-left {
    left: 0.2em;
}
.ui-button{
    /*margin: 5px;*/
}
.ui-button-icon-only {
    height: 21px;
    width: 20px;
    margin: 0;
}
.emptyLabel{
    visibility: hidden;
}
.no-pad{
    padding: 0 !important;
}
.no-pad-top{
    padding-top: 0 !important;
}
.no-pad-botm{
    padding-bottom: 0 !important;
}
.no-pad-left{
    padding-left: 0 !important;
}
.no-pad-right{
    padding-right: 0 !important;
}
.border-bottom{
    border-bottom: 1px dotted #A6C9E2;
    /*    color: #515151;*/
    padding-bottom: 8px !important;
}

.datePattern{
    font-size :10px !important; 
    font-weight:lighter;
}


/*.ui-selectonemenu{
    width:165px !important;
    margin-right: 0 !important;
}
.ui-selectonemenu .ui-selectonemenu-label {
    padding: 2px 26px 6px 5px !important; 
}*/
div.ui-selectonemenu-trigger{
    margin: 0;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
    height: 100%;
    background: #fff;
}
.ui-selectonemenu.ui-helper-clearfix{
    display:inline-block !important;
}
.ui-selectonemenu-trigger,.ui-selectonemenu-trigger.ui-state-default{
    border-right-width: 0px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    margin-right:5px;
    /*    border:1px solid #5D89CA !important;*/
}
button.ui-datepicker-trigger{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 21px;
    padding: 0;
    width: 20px;
}
.gecko button.ui-datepicker-trigger{
    margin:2px 0 5px -2px;
}
.chrome button.ui-datepicker-trigger{
    margin:2px 0 5px 0px;
}
div.confirmDialog div.ui-dialog-titlebar{
    padding: 2px 30px 2px 5px;
}
div.confirmDialog div.ui-dialog-content{
    padding: 10px 0;
}
div.confirmDialog{
    position:fixed;
}
.ui-inputtext{
    background: #fff !important;
}
.ui-inputfield {
    /*    border-radius: 0 0 0 0 !important;*/
    box-shadow: none !important;
    font-size: 12px !important;
    margin: 0;
    padding: 3px;

}

/*employee detail */
/*span.emp-det-span span input.ui-inputfield{
    width:100%;
    padding: 2.5px;
}*/

div.emp-detail span.emp-det-span{
    width:164px;
}
div.emp-image{
    width: 150px; 
    height: 150px; 
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
}
div.emp-image span{
    color: #CCCCCC;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
div.emp-image span img{
    border-radius:5px;
    -webkit-border-radius:0px; 
}
div.emp-detail input.emp-text{
    margin:2px 0;
    width:97%;
}
span.emp-det-span span.ui-autocomplete,
span.emp-det-span span#employeeCalenderId{
    width:97% !important;
}
.profileInfo{
    background-image: url(../../images/PersonalInfo.png) !important;

}
.qualification{
    background-image: url(../../images/qualification.png) !important;

}
.certification{
    background-image: url(../../images/certificate.png) !important;

}
.experiences{
    background-image: url(../../images/experiences.png) !important;

}
.skills{
    background-image: url(../../images/skills.png) !important;

}
.projectSummary{
    background-image: url(../../images/projectSummary.png) !important;

}
.resignation{
    background-image: url(../../images/resignation_red.png) !important;

}
.passport{
    background-image: url(../../images/passport.png) !important;

}

button.emp-detail-button span.ui-icon{
    background-position: 50% 0;
    height: 60px;
    margin: 0 !important;
    top: 5% !important;
    width: 98%;
}
button.emp-detail-button{
    padding: 50px 0 0;
    width: 100px;
    height: 100px;
}
button.emp-detail-button span.ui-button-text{
    padding:0.2em 0.4em 0.23em 4px !important;
}


span.medium input.hasDatepicker
{
    width:70%;
}
span.full .ui-inputfield{
    width:99%;
}
div#empProjectInfoTable th {
    padding: 4px 2px;
}
span.VisaSuccess{
    background-image: url(../../images/Thumbs_up.png); 
}
span.VisaFailure{
    background-image: url(../../images/Thumbs_down.png);
}
span.visaStatus{
    width: 24px;
    height: 24px;
}


/*forgotPasswordScreen*/

div.forgotPasswordScreen{
    width:350px;
    margin: 0 auto;
}
div.forgotPasswordScreen div.float-left{
    width:150px;
}

/*file upload primefaces3.0*/
.ui-fileupload {
    margin: 0;
    /* visibility: hidden;*/
    /*    width: 340px;*/
}
div.fileupload-buttonbar{

    margin: 0;
}
div.fileupload-content{
    margin: 0;
}
.fileupload-buttonbar {
    padding: 0.2em 0.4em;
    margin:0;
    height: 25px;
}
.fileupload-content{
    padding: 0;
    margin: 0;
}
.fileinput-button {
    height: 24px !important;
    overflow: hidden;
    padding: 0 !important;
}
div.fileupload-buttonbar .start,div.fileupload-buttonbar .cancel{
    height: 27px !important;
    margin: 0 !important;
}
div.fileupload-buttonbar label.ui-button{
    margin:0;
}
div.fileupload-buttonbar label,div.fileupload-buttonbar .start,div.fileupload-buttonbar .cancel{
    float:left !important;
}
.files{
    margin:2px 0 !important;
}
div.fileupload-content .files tbody tr.template-upload{
    background-color: #EDEDED;
    border-top: 2px solid #FFFFFF;

}
.files td{
    padding: 0 !important;
    vertical-align: middle;
}
.files .name {
    padding: 0 5px !important;
    width:120px;
}

.files td.progress div.ui-progressbar{
    height: 20px;
    margin: 10px 3px;
    vertical-align: middle;
    width: 100px !important;
}
.files td.start .ui-button-icon-only,.files td.cancel .ui-button-icon-only{
    height: 25px !important;
    width: 25px !important;
    margin:0 3px;
}

/*progressbar in primefaces 3.0*/
div.ui-progressbar div.ui-progressbar-value{
    padding: 0 !important;
}
.ui-progressbar{
    height: 20px !important;
}

.ui-widget-overlay{
    width: 100% !important;
}
/*default password change*/
#defaultPasswordNC label.desc{
    width:135px;
    text-align: left;
}
input.semi-full{
    width:80%;
}
div.dashBoard_RMS ul li div{
    width:31%;
}
div.dashBoard_RMS ul li div img{
    background-color: #CCECFC;
    border: 1px solid #8EB9CE;
}
div.dashBoard_RMS ul li div img:hover{
    background-color: #BFE1F2;
    border: 1px solid #8EB9CE;
}
div.dashBoard_RMS ul li div label{
    text-align: center !important;
    font-size: 15px;
    color:#444444;
}
div.dashBoard_RMS div ul li{
    padding-bottom: 15px;
}

div.ui-dialog div#defaultPasswordNC.ui-dialog-content{
    padding: 0.5em;
}
div.ui-dialog div#forgotPasswordNC.ui-dialog-content{
    padding: 0.5em;
}
/*div#empTable table thead tr th,
div#empTable table tbody tr td{
    padding: 4px 1px;
}*/
.ui-datepicker .ui-datepicker-header{
    background:url("../styles/default/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;
    margin: 0;
    border-radius:5px;
}

/*browser based css*/
.gecko .empIdPopupSelect{
    width:165px;
}
.chrome .empIdPopupSelect{
    width:155px;
}
.gecko #projectType,
.gecko #projectEditType{
    width:170px;
}
.chrome #projectType,
.chrome #projectEditType{
    width:159px;
}
/*emp details*/
span.emp-det-span span input.ui-inputfield {
    width: 100%;
    padding: 3px 0px;
    margin-top: 1px;
}
.ie span.emp-det-span span input.ui-inputfield {
    padding-bottom: 2px;
}
.gecko div.emp-detail select{
    margin-top: 1px;
    padding: 2px 1px 3px;
    width: 100%;
}
.ie div.emp-detail select{
    margin-top: 1px;
    padding: 1px;
    width: 100%;
}
.chrome div.emp-detail select {
    margin-top: 2px;
    padding: 1px 1px 1px;
    width: 100%;
}
div#ui-datepicker-div{
    display:none;
}
div.ui-datatable{
    display: inline-block;    
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
    padding-bottom: 24px;
    width:100%;
}
div#empProjectAllocationTable table tbody tr td span.medium input{
    width:100px;
}
a.btn.accordian{
    padding: 0.1em 0.6em 0.2em 20px;
}
/*span.ui-commandlink.ui-state-disabled{
    padding: 0.4em 1em 0.4em 20px;  
    position: relative;
    display: block;   
    float: left;   
    margin: 5px;
}*/
span.ui-commandlink.ui-state-disabled span.ui-icon{
    left: 0.2em;  
    margin: 0 5px 0 0; 
    position: absolute; 
    top: 2px;
}
.ui-datatable-data-empty div.ui-dt-c{
    color:#b50007;
}

.ui-menubar .ui-menuitem-link {
    padding: 0.26em 0.3em !important;
}

div.ui-dialog{
    margin: 0;
    position: fixed !important;
}
.calendar span button.ui-datepicker-trigger{
    /*float:none !important;*/
    margin: 1px 0px 0px -30px;
    border-radius: 0 !important;    
}
.calendar span button.ui-datepicker-trigger .ui-button-text{
    padding:0 !important;
}
td .calendar ,td .ui-autocomplete 
{display: inline-block;margin: 0 auto;width: auto}
td .calendar span .ui-inputfield,td .ui-autocomplete  .ui-inputfield{float: left;}
td .calendar span button.ui-datepicker-trigger,td .ui-autocomplete  button.ui-state-default,td .ui-autocomplete span button{
    margin: 1px 0px 0px -20px;
    float: left;
    position: relative;
}
td input[type=text]{width: 90%;margin:0 auto;padding:5px;}

.drop-down-fix button, .drop-down-fix input {
    float: left !important;
}
#styleTable_data tr:first-child td:last-child {
    width:25px;
}
.rep-assem div.main{
    margin-left: 2px;
}

.rep-assem div{
    width:225px;
}

#uploadedImage{
    margin-left: 10px;
}
.ui-fileupload{
    float: left;
}

.rep-assem div input { 
    width:100%;
}
.rep-assem div select { 
    width:72.5%;
}

#chartStyleMappingTable_data td button{
    float: left !important;
}

#chartStyleMappingTable table {
    width:50%;
}
.ui-inputfield{
    /* height:19px;*/
}

.report-template-name input{
    /*width:136px !important; height: 15px !important;*/
}

.elements-near-button {
    margin-right: 5px;
}

.drop-down-even{
    width:163px !important;
}

.ie li.ie-input-fix input{
    width:165px; 
}

.ic {
    margin-top: 2px;
}

.ui-autocomplete-input {
    background: #fff !important;
}

.reportassemblerLogoupload {
    width:auto !important;
}

.reportassemblerLogoupload div.fileupload-buttonbar {
    width:75px;
}

.reportassemblerLogoupload div.fileupload-content {
    width:89px;
}
.exportDeclaration > table{
    width: 100%;
}

span.generalInfo {
    width:170px;
}

.generalInfoUL li input,.generalInfoUL li input.ui-selectonemenu-label, .generalInfoUL li div.ui-selectonemenu {
    width:150px !important;
}

.generalInfoUL li input.ui-selectonemenu-label {
    width:150px !important;
}

#natureOfCargo, #exportTypeId, #modeOfTransport, #natureOfContract {
    width:152px !important;
}

ul.detailsExportVal li input.ui-selectonemenu-label, ul.detailsExportVal li input,  ul.detailsExportVal li div.ui-selectonemenu{
    width:150px !important;
}

.detailsExportVal li div {
    width:360px;
}

.addUL li input.ui-selectonemenu-label,  ul.addUL li div.ui-selectonemenu{
    width:150px !important;
}

/*.addUL li div {
    width:360px;
}*/

/*.generalInfoUL li div {
    width:200px;
}*/

/*.detailsExportVal li div {
    width:353px;
}*/

td.ui-datagrid-column table tbody tr {
    padding-bottom: 8px;
}


/* For RBI Styles */


#headerContent, #bodyContent, #footerContent { 
    /* width: 1260px; margin: 0px auto; */
    background-color: white;
}

#dynamicMenu li a.ui-state-hover .ui-icon{background-image: url("../../images/icons-gray.png");
}

#dynamicMenu a.ui-state-hover {

    font-weight: normal !important;
    background: #fff ;
} 

#dynamicMenu .ui-menu-child a.ui-state-hover,#dynamicMenu .ui-menu-child .ui-menuitem-active,
#dynamicMenu .ui-widget-content  .ui-menu-child .ui-menuitem-active a.ui-state-hover span
{
    background: #1A6DBF !important;
    color:#fff ;
}

#dynamicMenu .ui-menuitem:hover {
    color:#EFE6E6 !important;
    font-weight: normal !important;
}
#dynamicMenu  .ui-menu .ui-menu-list .ui-menuitem .ui-menu-list .ui-menuitem{border-bottom: 1px dotted #f97301}
#dynamicMenu  .ui-menu .ui-menu-list .ui-menuitem  a {font-size: 12px}
#dynamicMenu  .ui-menu .ui-menu-list .ui-menuitem .ui-menu-list .ui-menuitem a{font-size: 11px}
a.btn:hover  {
    background-color: #E3EFF7 !important;
    border:1px solid #217BC0 !important;
}

a.btn {
    color: #217BC0 !important;
    border:1px solid #217BC0 !important;
    background-color: #A4DAF2 !important;
}

.ui-widget-header .ui-state-default, table thead th,  table tbody th {
    background-color: #A4DAF2 !important;
    border:1px solid #217BC0 !important;
}

button, .ui-chkbox-box, .ui-radiobutton-box {
    border:1px solid #217BC0 !important;      
}

/* button, .ui-chkbox-box, .ui-radiobutton-box, .ui-tabs .ui-tabs-nav, .ui-accordion-header {     
    background-color: #A4DAF2 !important;
} */

.no-border {
    border:0px !important;
}

.no-box-shadow {    
    box-shadow:none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: none;
}

.ui-datatable .ui-sortable-column-icon {
    top: 42%;
}

.ui-dt-c {
    display:block !important;
}

.input-tiny {
    width:50px !important;
}

.input-10d {
    width:70px !important;
}

.input-15d {
    width:100px !important;
}

.input-20d {
    width:125px !important;
}

.input-25d {
    width:163px !important;
}

/*.ui-autocomplete-panel {
    width:100% !important;
}*/

.table tbody tr, .table tbody tr td{
    padding:5px !important;
    /*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 #C4C4C4*/
    border:1px 
}


.customAssembleVal, .indianBankName{
    width:340px !important;
}

.customAssembleVal span input, .indianBankName span input{
    width:321px !important;
}

.exp-con-reg {
    width: 275px !important;
}

.exp-con-reg span input {
    width: 255px !important;
}


#zoneId_content, #multipleRegionId_content, #singleRegionId_content {
    box-shadow: none !important;
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


    #headerContent, #bodyContent, #footerContent { 
        width: 1024px !important;        
    }

}

input.text, textarea.textarea,
input[type=text].ui-state-default,
input[type=password].ui-state-default,
.ui-widget-content .ui-datatable input.ui-state-default,input[type="text"],.ui-selectonemenu{

    border:1px solid #7c7c7c ;
}

select.select{
    padding:3px;
    border:1px solid #7c7c7c ;
}

.loginPage .ui-dialog{
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    border-radius:3px;
    padding: 0;
}
a.btn,button.ui-state-default{
    /*background: #017B42 !important;*/
    /* background:#1a6dbf url(../styles/default/images/header-nav-bg.gif) repeat-x 0 -3px !important;*/
    border-radius:3px !important;
    color:#fff !important;
    border:0 !important;
    /* font-family: OpenSansSemibold;*/
    font-size: 12px;
    font-weight: normal;
    margin: 3px;
}
a.btn:hover,button.ui-state-hover,.btn:hover {
    background: #444444 !important;           
}

div.fileupload-buttonbar label.ui-button {
    background:#1a6dbf url(../styles/default/images/header-nav-bg.gif) repeat-x 0 -3px !important;
    border:0 !important;
    /* font-family: OpenSansSemibold; */
    font-size: 12px;
    font-weight: normal;
    color:#fff !important;
    border-radius: 3px !important;

}



div.fileupload-buttonbar label.ui-state-hover {
    background:#f47422 url(../styles/default/images/header-nav-bg-ovr.gif) repeat-x 0 -3px !important;

}

div.fileupload-buttonbar .ui-state-default .ui-icon,
div.fileupload-buttonbar .ui-state-hover .ui-icon,button.ui-state-default .ui-icon,
.ui-datatable .ui-widget-content .tools .ui-icon-pencil,.ui-datatable .ui-widget-content .tools .ui-icon-trash{
    background-image: url("../styles/default/images/ui-icons_white.png");

}
.ui-widget-content .tools .ui-icon-pencil{
    border-radius: 3px;
    background-color: #217BC0;
}
.ui-widget-content td a.ui-icon-pencil,.ui-widget-content td a.ui-icon-pencil:hover,
.ui-widget-content td a span.ui-icon-pencil,.ui-widget-content td a:hover span.ui-icon-pencil, .ui-icon-white,
span.ui-icon-pencil
{
    border-radius: 3px;
    background-color: #217BC0;
    display: inline-block;
    float: none !important;
    margin: 0 auto;
    background-image: url("../styles/default/images/ui-icons_white.png")!important;
    border: 1px solid #165788;
    width:17px;
    padding-left: 1px;
    height: 18px;

}.ui-widget-content a.ui-icon-pencil:hover{ background-color: #165788;}

.ui-datatable .ui-widget-content .tools .ui-icon-trash,.ui-datatable a.ui-icon-trash,.ui-datatable a .ui-icon-trash{
    border-radius: 3px;
    background-color: #fb6674;
    border:1px solid #ff0000;
    background-image: url("../styles/default/images/ui-icons_white.png");
    display: inline-block;
    margin-left: 2px;
    width:17px;
    padding-left: 1px;
    height: 18px;
}
#page-wrapper  a.rbi-activate,#page-wrapper  a.rbi-activate:hover{
    clear: both;
    display: inline-block;
    float: none;
    height: 18px;
    margin: 0 auto;
    padding: 0;
    width: 18px;
    background: none repeat scroll 0 0 #4AA02C !important;
    border: 1px solid #2E681A !important;
}#page-wrapper  a.rbi-activate:hover{ background:  #2E681A !important;}

#page-wrapper  a.rbi-deactivate,#page-wrapper  a.rbi-deactivate:hover{
    clear: both;
    display: inline-block;
    float: none;
    height: 18px;
    margin: 0 auto;
    padding: 0;
    width: 18px;
    background: #fb6674 !important;
    border:1px solid #ff0000 !important;
}#page-wrapper  a.rbi-deactivate:hover{   background: #ff0000 !important;}



.ui-datatable table th.ui-datatable-header{
    background:#d6d7dc url("../styles/default/images/dt-table-head.png") repeat-x;
    font-family: OpenSansSemibold;
    font-weight: normal;
}

.ui-datatable table th.ui-state-default,.ui-datatable table td.ui-widget-header {
    background:#e8e9ee url("../styles/default/images/dt-table-col.png") repeat-x;
    font-family: OpenSansSemibold;
    font-weight: normal;


}
.ui-dashboard .ui-datatable table th.ui-state-default, .ui-dashboard .ui-datatable table td.ui-widget-header{
    padding-top: 0;
    vertical-align: middle;
    white-space: pre-wrap;
}

.ui-datatable table thead th, .ui-datatable table tbody th ,
.ui-datatable table tbody td,.ui-datatable .ui-widget-header{
    border:1px solid #ccc !important;
    margin: 0 !important;
}
.ui-datatable .ui-paginator-bottom .ui-state-default {background-color:#fff !important;
                                                      border: 1px solid #ccc !important;
                                                      color:#000;
}
.ui-datatable table tfoot .ui-widget-header .ui-paginator-pages .ui-state-active {
    background:#fff url(../styles/default/images/bt-bg.png) repeat-x !important;
    border: 1px solid #fff !important;
    border-radius: 2px;
    color: #fff;
}

#footer{display: none;}
.ui-datatable .ui-sortable-column-icon {
    display: inline-block;
    margin: -3px 0 -3px 5px;
}
.ui-accordion h3.ui-state-default {
    background: #f2f2f2 !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom: 1px solid orange !important;
    margin: 0 0 2px 0;
}
.ui-accordion h3.ui-state-active{
    background:#f2f2f2 !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom: 1px dotted orange !important;
    margin: 0 0 2px 0;
}

.ui-autocomplete button.ui-state-default,
.ui-inputfield button.ui-datepicker-trigger 
{border-radius: 0 !important}

#zoneId_content, #multipleZonalId_content, #multipleZonalId, #singleRegionId_content, #singleRegionId, #multipleRegionId_content, #multipleRegionId,
#zoneIdForEdit_content, #multipleZonalIdForEdit_content, #multipleZonalIdForEdit, #singleRegionIdForEdit_content, #singleRegionIdForEdit, #multipleRegionIdForEdit_content, #multipleRegionIdForEdit {
    margin:0px !important; padding : 0px !important;
}

#zoneId > .ui-widget-content, #zoneId {
    margin-top:-1.5px !important;
}

#multipleZonalId > .ui-widget-content, #multipleZonalId {
    margin-top:-1.5px !important;
}

#multipleZonalId_content,  #singleRegionId_content, #multipleRegionId_content, #multipleZonalIdForEdit_content, #singleRegionIdForEdit_content,  #multipleRegionIdForEdit_content {
    box-shadow: none !important;
}

#zoneIdForEdit > .ui-widget-content, #zoneIdForEdit {
    margin-top:-1.5px !important;
}

#multipleZonalIdForEdit > .ui-widget-content, #multipleZonalIdForEdit {
    margin-top:-1.5px !important;
}
div.panelNoBorder.ui-panel,div.panelNoBorder .ui-panel-content {
    border: medium none;
    box-shadow: 0 0 0 #D9E8F7;
    margin-top: 0;
    padding: 0;
    font-family: inherit !important;
    font-size: inherit !important;
    background: none;

}

/*.width190px{
    width:190px !important;
}*/
a.reportImageOnly img{
    height: 30px;
    padding: 0px 10px;
}
/* button#loginBtn:hover{
    background:#017B42 !important;
} */
/*.importerExporterCodeMaster li div ,#page-wrapper form ul.searchCriteria li div.float-left{
    width:165px !important;
}
ul.searchCriteria li div.searchCriteriaSelect .ui-selectonemenu{
    width:140px !important;
}*/
/*
#page-wrapper form ul.searchCriteria li div.autoComplete{
    width:185px !important;
}

#page-wrapper form ul.searchCriteria li div.autoComplete input{
    width:165px !important;
}
.width170px{
    width: 170px !important;
} /*

/*UI fix */
.ui-button-text-only .ui-button-text {
    padding: 0.2em 1em !important;
    font-size:14px;
}
div.fileUploadIcon .fileupload-buttonbar .ui-button .ui-icon-plusthick{
    background-position: -160px -192px !important;
}
.innerTableHeading {
    color: #222222;
    font-size: 1.2em;
    font-weight: bold;
    padding: 9px;
}
.ui-button-icon-only .ui-button-text{
    display:none !important;
}
#welcome_login{background: #f5f5f5;}
.logo{background: #fff !important;}
#downloadId table td:last-child button{float: none;}
.width20Per{
    width: 20% !important;
}
.heightauto{
    height: auto !important;
}
.width25Per{
    width: 25% !important;
}
.width10Per{
    width: 10% !important;
}
.width15Per{
    width: 15% !important;
}
.ui-messages-error-icon {
    background-image: url('../../images/btmu-icons.png') !important;
    background-repeat: no-repeat;
    width: 37px !important;
    height: 35px !important;
    float: right;
    background-position: -4px -81px;
}