@charset "utf-8";
/* CSS Document */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}


.rec {
    background-color: #709D28;
    color: white;
    border-radius: 4px;
    padding:2px 7px 4px 7px;
}

.mod {
    background-color: #4B0082;
    color: white;
    border-radius: 4px;
    padding:2px 7px 4px 7px;
}

.fed {
    background-color: #FF620D;
    color: white;
    border-radius: 4px;
    padding:2px 7px 4px 7px;
}


/*.menu .ui-selectonemenu-label {
background-color: rgb(235, 235, 228) !important;
}

.panel .ui-selectonemenu-list  {
background-color: rgb(235, 235, 228) !important;
}*/


.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane{
    text-align:left !important;
}

body {
    /* background: #FFFFFF; */
    /* color: #333333; */
    /* margin: 0 0 0 0; */
    /* padding: 0 0 0 0; */
    /* font-family: Arial; */
}


#createForm .col-md-1,#createForm  .col-md-2,#createForm  .col-md-3,#createForm  .col-md-4,#createForm  .col-md-5,#createForm  .col-md-6,#createForm  .col-md-7,#createForm  .col-md-8,#createForm  .col-md-9,#createForm  .col-md-10,#createForm  .col-md-11,#createForm  .col-md-12{
    padding-left: 5px;
    padding-right: 5px;
}


#container {
    /* width: 1220px; */
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

.header {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    height: auto;
    margin: 0px 0px;
    padding: 0px 0px;
}

.header_box {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.pr_box {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #999999;
    position: relative;
    padding: 0px 10px 0px 10px;

}



.pr_box .tag {
    position: absolute;
    width: 100%;
    height: 30px;
    background: url(/bcmoi/faces/javax.faces.resources/images/profile_bg.png) no-repeat center;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    top: -6px;
    font-weight: bold;
    padding: 6px 0 0 0;
    text-align: center;
    margin-left: -10px;
}

.clr {
    clear: both;
}

.pr_box .butn_box {
    margin-top: 32px;
    margin-bottom: 8px;
}

.pr_box .butn_box .btn {
    width: 100%;
    height: 32px;
    margin-right: 8px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 8px;
    border: 1px solid #999999;
    font-weight: normal;
}
/*.pr_box .butn_box .btn:hover {
        background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
        background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
        background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
        background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 )
        font-family: Helvetica, Arial, sans-serif;
        width: 120px;
        height: 32px;
        margin-right: 8px;
        border-radius: 8px;
        font-weight: normal;
        border: 1px solid #999999;
        cursor: pointer;
}*/


.mrtop30{ margin-top:30px;}

ul.search_fields{
    margin:0; padding:0;

}
ul.search_fields li {
    width: 223px;
    margin-right: 10px;
    float: left; display:inline; display:inline-block; border:none; position:relative; font-size:16px;  color: #333333 ;
    text-align:left;
}

ul.search_fields input{ border: 1px solid #999999;
                        border-radius: 8px;
                        color: #333333 !important;
                        font-family: Arial;
                        font-size: 16px;
                        font-weight: normal;
                        height: 42px;
                        text-align:left;
                        margin-top: 12px;
                        padding: 0 20px 0 10px;  margin-bottom: 12px; width:192px;}


ul.search_fields select{ border: 1px solid #999999;
                         border-radius: 8px;
                         color: #333333 !important;
                         font-family: Arial;
                         font-size: 16px;
                         font-weight: normal;
                         height: 42px;
                         text-align:left;
                         margin-top: 12px;
                         padding: 0 0px 0 10px;  margin-bottom: 12px; width:225px;}


.mar0{ margin-right:0px!important;}


.pad30{ padding:0px 30px; }


.search_box{ border-radius:8px; border:solid 1px #999999; width:1218px;
             background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
             background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
             background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
             background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
             filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
}
.search_head{ height: 47px; /* Sham */
              background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
              background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
              background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
              background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
              filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
              border-top-right-radius: 8px;
              border-top-left-radius: 8px;
              border-bottom: 1px solid #999999;}
.search_head span{font-family: Arial; font-size:16px; font-color:#333333; line-height:47px; padding-left:30px; float:left;}
.mart{ margin-top:15px;}
.mart20{ margin-top:20px;}
.search_inner{ padding:30px; float:left; width:100%};


.button {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    width: 100%!important;
    text-align: center!important;
    padding:5px 40px!important;
    height: 38px;
    display: block;
    margin-bottom: 10px;

}
.button:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    width: 100%!important;
    text-align: center!important;
    cursor:pointer;
    padding:5px 40px!important; 
}

.btn_width{ width:140px!important; margin-top:18px!important; text-align:center; margin-left:2px}

.mr10{ margin-right:10px!important;}
.mr20{ margin-right:20px;}
#header_out{ width:100%;
             background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
             background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
             background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
             background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
             filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 ); 
}
.search_results{ margin:30px 0px ; color:#333; font-size:16px; }
.search_results span{ color:#999;font-size:16px; padding-left:10px; }

table{ 
    /* border-collapse: collapse; */ 
    /* margin: 15px 0 15px 0px; */ 
    /* width:1218px; */ 
    /* border-radius: 8px; */

}

table a { 
    color:#0078ae; text-decoration:none; font-size:14px; font-weight:normal;font-family:Arial, sans-serif
}

table a:hover { 
    color:#1e9dd6; text-decoration:none; font-size:14px; font-weight:normal;font-family:Arial, sans-serif

}


table th{ 
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    color: #333333;
    border:solid 1px #999999;
    font-size: 14px; 
    font-weight: bold; 
    padding: 14px 7px; 

}
table tr{ 

}
/* table td{ 
    border:solid 1px #999999;
    color: #333333;
    padding: 13px; 
    text-align:center;
    font-size:14px;
}
table tr:hover td{ 
    background: #eeebeb;
    color: #333333; 
} */

/*Decesed page start*/

.strip{background-image: -webkit-linear-gradient( rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
       background-image: -moz-linear-gradient( rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
       background-image: -o-linear-gradient( rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
       background-image: linear-gradient( rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
       width:100%; border-top: solid 1px #999999; border-bottom: solid 1px #999999; 
       filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 )
}
.strip_in{ float:none;  padding:10px; width:100%;}


.fix_menu {
    position: fixed;
    top: 15px;
    width: 100%;
    z-index: 10000;  
}

.fix_header_out {
    margin-bottom: 67px;
}

.decesea_btns{
    margin:0; padding:0;

}
.decesea_btns li {
    margin-right: 10px;
    float: left; display:inline; display:inline-block; border:none; position:relative; font-size:16px;  color: #333333 ;
    text-align:left;
}
.decesea_btns li select{ border: 1px solid #999999;
                         border-radius: 8px;
                         color: #337ab7 !important;
                         font-family: Arial;
                         font-size: 16px;
                         font-weight: normal;
                         height: 38px;
                         text-align:left;
                         padding: 0 0px 0 10px;  width:190px;}

.decesea_btns li a {
    color: #337ab7 !important;
}
.button_new {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    padding:8px 12px!important; 
    height: 37px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #4f4f4f;

}
.button_new:hover, .button_new:visited, .button_new:active  {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    text-decoration: none;
    cursor:pointer; 
    color: #4f4f4f;
}

.bg_blue{background-image: -webkit-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
         background-image: -moz-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
         background-image: -o-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
         background-image: linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
         filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ab', endColorstr='#00568d',GradientType=0 )!important;
         color:#fff!important;
         border:solid 1px #003363;
}

.bg_blue:hover{background-image: -webkit-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
               background-image: -moz-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
               background-image: -o-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
               background-image: linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%)!important;
               filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ab', endColorstr='#00568d',GradientType=0 )!important;
               color:#fff!important;
               border:solid 1px #003363;
}

.search_arrow{ background:url(/bcmoi/faces/javax.faces.resources/images/arrow_right.png) right no-repeat;  margin-right:15px;  font-family: Arial;
               font-size: 16px; color:#333; float:left; padding-right:15px;}
.details_blue{ color:#0078ae; font-size: 16px;  }
.bg_none{ background:white!important;}

.details table{ 
    border-collapse: collapse; 
    margin: 0px 0 0px 0px; 
    width:1157px; 


}

.details table a { 
    color:#0078ae; text-decoration:none; font-size:14px; font-weight:normal;font-family:Arial, sans-serif
}

table tr{ 

}
.details table td{ 
    border-bottom:solid 1px #cccccc;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #999;
    padding: 13px 13px 13px 0px; 
    text-align:left;
    font-size:15px;

}
.details table tr:hover td{ 
    background: none; color:#999;


}
.details table td span{ color:#333!important;}

.round_div{ background:#f0f0f0; line-height:42px; text-align:left; color:#333; padding-left:30px; width:1097px; border-radius:8px;}
.mrbottom{ margin-bottom:30px;}
.mrbottomNew{ margin-bottom:60px;}
/*Edit Page*/

.edit{
    margin:0; padding:0;

}
/*
.edit span{
    color:#666666;

}*/
/*
.edit li {
    margin-right: 20px;
    float: left; display:inline; display:inline-block; border:none; position:relative; font-size:16px;  color: #333333 ;
    text-align:left;
}

.edit textarea{ border: 1px solid #999999;
                border-radius: 8px;
                color: #999999 !important;
                font-family: Arial;
                font-size: 16px;
                font-weight: normal;
                height: 98px;
                text-align:left;
                margin-top: 12px;
                padding: 10px 10px 10px 10px;  margin-bottom: 12px; width:100%;}


.edit select{ border: 1px solid #999999;
              border-radius: 8px;
              color: black !important;
              font-family: Arial;
              font-size: 16px;
              font-weight: normal;
              height: 42px;
              text-align:left;
              margin-top: 12px;
              display: block;
              padding: 0 0px 0 10px;  margin-bottom: 12px; width: 100%}

.edit input[type="file"] {
    border: 1px solid #999999;
    border-radius: 8px;
    color: #999 !important;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    height: 42px;
    text-align: left;
    margin-top: 12px;
    padding: 0 0px 0 10px;
    margin-bottom: 12px;
    width: 100%;
    background: #fff;
    display: block;
}
*/

.input_box { border: 1px solid #999999;
             border-radius: 8px;
             color: black !important;
             font-family: Arial;
             font-size: 16px;
             font-weight: normal;
             height: 42px;
             text-align:left;
             margin-top: 12px;
             display: block;
             padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}

.cal .hasDatepicker{
    border: 1px solid #999999;
    border-radius: 8px;
    color: black !important;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    height: 42px;
    text-align:left;
    margin-top: 12px;
    display: block;
    padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}

.wdth{ width:537px !important;}

.reg_submit{ color:#999999; font-size:16px; padding:10px 20px 0px 0px; float:left;}

.big_area{border: 1px solid #999999;
          border-radius: 8px;
          color: #999999 !important;
          font-family: Arial;
          font-size: 16px;
          font-weight: normal;
          height: 250px;
          text-align:left;
          margin-top: 12px;
          padding: 10px 10px 10px 10px; width:1136px;}

.feedback_list{border-radius:8px; padding:25px;  border:solid 1px #999999; margin-bottom:10px;}
.feedback_list img{ margin-right:25px; border:none; padding:0px; float:left; width:100px; height:100px; }

ul.details_case{
    margin:0; padding:0;

}
ul.details_case li {
    width: 289px;
    /*margin-right: 10px;*/
    float: left; display:inline; display:inline-block; border:none; position:relative; font-size:16px;  color: #333333 ;
    text-align:left;
}

ul.details_case input{ border: 1px solid #999999;
                       border-radius: 8px;
                       color: #333333 !important;
                       font-family: Arial;
                       font-size: 16px;
                       font-weight: normal;
                       height: 42px;
                       text-align:left;
                       margin-top: 12px;
                       padding: 0 20px 0 10px;  margin-bottom: 12px; width:254px;}


ul.details_case select{ border: 1px solid #999999;
                        border-radius: 8px;
                        color: #333333 !important;
                        font-family: Arial;
                        font-size: 16px;
                        font-weight: normal;
                        height: 42px;
                        text-align:left;
                        margin-top: 12px;
                        padding: 0 0px 0 10px;  margin-bottom: 12px; width:285px;}

.big_input{border: 1px solid #999999;
           border-radius: 8px;
           color: #333333 !important;
           font-family: Arial;
           font-size: 16px;
           font-weight: normal;
           height: 42px;
           text-align:left;
           margin-top: 12px;
           padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}

.maright{ margin-right:20px;}	
.input_death { border: 1px solid #999999;
               border-radius: 8px;
               color: #999 !important;
               font-family: Arial;
               font-size: 16px;
               font-weight: normal;
               height: 42px;
               text-align:left;
               margin-top: 12px;
               padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}

.input_age { border: 1px solid #999999;
             border-radius: 8px;
             color: #999 !important;
             font-family: Arial;
             font-size: 16px;
             font-weight: normal;
             height: 42px;
             text-align:left;
             margin-top: 12px;
             padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}

.input_user { border: 1px solid #999999;
              border-radius: 8px;
              color: #999 !important;
              font-family: Arial;
              font-size: 16px;
              font-weight: normal;
              height: 42px;
              text-align:left;
              margin-top: -3px;
              padding: 0 20px 0 10px;  margin-bottom: -2px; width:340px;}



.input_occu { border: 1px solid #999999;
              border-radius: 8px;
              color: #999 !important;
              font-family: Arial;
              font-size: 16px;
              font-weight: normal;
              height: 42px;
              text-align:left;
              margin-top: 12px;
              padding: 0 20px 0 10px;  margin-bottom: 12px; width:100%;}



.pr_box .butn_box .logoutbtn {
    width: 100%;
    height: 32px;
    margin-right: 8px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    border-radius: 8px;
    border: 1px solid #999999;
    font-weight: normal;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    color: black;
    font-size: 13px;
    height: 32px;
    display: block;
}


.pr_box .butn_box .logoutbtn :hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    width: 120px;
    height: 32px;
    margin-right: 8px;
    border-radius: 8px;
    font-weight: normal;
    border: 1px solid #999999;
    cursor: pointer;
    text-align: center;
    position: absolute;
    line-height: 32px;
    text-decoration: none;
    color: black;
    font-size: 13px;
    height: 30px;
}

.mt67 {
    margin-top: 67px;
}

.width328 {
    width: 328px!important;
}
.quote_header {
    background: #f0f0f0;
    line-height: 42px;
    color: #000000;
    text-align: left;
    width: 1142px;
    padding: 0 0 0 15px;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 13px;
    margin-top: 10px;
}
.marl10 {
    margin-left: 10px;
}
.left_part {
    float: left;
    width: 880px;
    padding: 10px 0

        ;
}
.left_part table {
    width: 880px;
}
.right_part {
    width: 100%;
    padding: 0px 0 0 0px;
    position: relative;
    font-size: 14px;
    font-family: Arial;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    overflow: hidden;    
    margin-bottom: 30px;
}
.right_part .title_section {
    font-size: 15px;
    font-family: Arial;
    line-height: 58px;
    padding-left: 20px;
    font-weight: 600;
    border-bottom: solid 1px #999999;
}
.mt67 {
    margin-top: 67px;
}
.right_section {
    background: #f8f8f8;
    padding: 15px 20px;
}
.right_part input[type="text"], .right_part select, .ui-password {    
    box-shadow: none;
    height: 44px;
    border: solid 1px #999999;
    border-radius: 8px;
    width: 100%;
    height: 38px;
    font-family: "Lucida Grande",Lucida Sans Unicode,arial;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 10px;
}

.ui-password.ui-state-focus {
    box-shadow: none;
}
.right_part label {
    font-size: 15px;
    font-family: Arial;
    color: #333333;
    display: block;
    margin: 0px;
    font-weight: 600;
}
.right_part span {
    font-size: 14px;
    font-family: Arial;
    color: #cc0000;
}
.right_part input[type="button"] {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0 );
    font-family: Arial;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #999999;
    width: 100%!important;
    text-align: center;
    padding: 8px 40px!important;
}
.right_part input[type="button"]:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa', GradientType=0 );
}
.right_part select {
    height: 44px;
    border: solid 1px #999999;
    border-radius: 8px;
    width: 100%;
    height: 38px;
    font-family: Arial;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 15px;
}
.submit_text {
    font-size: 15px!important;
    font-family: Arial;
    color: #999999!important;
    display: block;
    margin-top: 10px;
    text-align: center;
}
.pad5 {
    padding: 5px 12px!important;
    margin-top: 3px;
}
.death_short_btn {
    border-radius: 8px;
    border: solid 1px #999999;
    position: relative;
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    font-family: arial;
    text-align: center;
    padding-left: 32px;
    padding-right: 20px;
    width: 130px;
    white-space: pre;
    background: #FFFFFF;
    margin: 10px auto 0px auto;
    font-weight: 100;
}
.death_short_btn img {
    width: 12px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
}
.wdth1000 {
    width: 1000px!important;
    margin: 0px 0px!important;
}
.width132 {
    width: 132px!important;
    padding: 11px 30px!important
}
.width290 {
    width: 290px!important;
}
ul.search_doc {
    margin: 0;
    padding: 0;
}
ul.search_doc li:last-child {
    border-right: none;
}
ul.search_doc li {
    text-align: center;
    display: inline;
    margin: 0px 0px 0 0;
    padding: 0 5px 0 5px;
    border-right: solid 1px #cccccc;
    line-height: 40px;
    color: #333333;
    font-size: 15px;
    width: 20%;
    display: table-cell;
}
ul.search_doc li a {
    color: #0078ae;
    text-decoration: none;
}
.pad0 {
    padding: 0px!important;
}
.select304 {
    width: 304px!important;
}
.doc_details {
    width: 100%;
    border-radius: 8px;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding-right: 10px;
    float: left;
    display: table;
}
.doc_details .edt_dlt_box {
    background: #f8f8f8;
    border-right: solid 1px #CCCCCC;
    text-align: center;
    margin: 0px 10px 0 0;
    width: 20%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: table-cell;
    vertical-align: middle;
}
.doc_details .edt_dlt_box img {
    max-width: 75%;
    min-width: 20px;
    height: auto;
    margin: 5px;
    border: none;
}
.doc_details .edt_dlt_box .edit_btn {
    width: 50%;
    border-right: solid 1px #CCCCCC;
    border-left: none;
    border-top: solid 1px #CCCCCC;
    border-bottom: none;
    font-size: 13px;
    font-family: arial;
    color: #1f253d!important;
    text-align: center;
    line-height: 28px;
    height: 28px;
    padding: 0px;
    border-bottom-left-radius: 8px;
    text-decoration: none;
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0 );
    text-decoration: none;
    margin: 0px;
    cursor: pointer;
}
.doc_details .edt_dlt_box .edit_btn:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa', GradientType=0 );
    text-decoration: none;
    margin: 0px;
    border-right: solid 1px #CCCCCC;
    border-left: none;
    border-top: solid 1px #CCCCCC;
    border-bottom: none;
}
.doc_details .edt_dlt_box .delt_btn {
    width: 50%;
    font-size: 13px;
    font-family: arial;
    color: #1f253d!important;
    text-align: center;
    line-height: 28px;
    height: 28px;
    padding: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0 );
    text-decoration: none;
    border-right: none;
    border-top: solid 1px #CCCCCC;
    border-bottom: none;
    border-left: none;
    margin-left: -4px;
    cursor: pointer;
}
.doc_details .edt_dlt_box .delt_btn:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa', GradientType=0 );
    text-decoration: none;
    border-right: none;
    border-top: solid 1px #CCCCCC;
    border-bottom: none;
    border-left: none;
    margin-left: -4px;
}
.doc_content {
    padding: 10px;
    float: left;
    display: table-cell;
}
.doc_content label {
    color: #999999;
    float: left;
    text-align: left;
    margin-right: 10px;
    padding: 0px;
    line-height: 22px;
}
.doc_content span {
    color: #333333;
    float: left;
    text-align: left;
    padding: 0px;
    width: 200px;
    line-height: 22px;
}
.marb15 {
    margin-right: 15px;
    margin-bottom: 15px
}
.marleft {
    margin-left: 25px;
}
/*.doc_content select {
    border: 1px solid #999999;
    border-radius: 8px;
    color: #999 !important;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    height: 42px;
    margin-top: 12px;
    padding: 0 0 0 10px;
    text-align: left;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 34px;
    float: left;
}*/
.btn_ok {
    width: 45px;
    height: 45px;
    cursor: pointer;
    margin-right: 7px;
    padding: 0px;
    border: none;
    background: url(/bcmoi/faces/javax.faces.resources/images/btn_ok.png) no-repeat;
    display: inline-block;
    margin-top: 10px;
}

.btn_ok_new{
    width: 45px;
    height: 45px;
    cursor: pointer;
    margin-right: 7px;
    padding: 0px;
    border: none;	
    display: inline-block;
    margin-top: 10px;
}
.btn_close {
    width: 45px;
    height: 45px;
    cursor: pointer;
    padding: 0px;
    border: none;
    background: url(/bcmoi/faces/javax.faces.resources/images/btn_close.png) no-repeat;
    display: inline-block;
    margin: 10px 0 0 0;
}
.btn_pad {
    padding: 8px 14px!important;
}
.user_profile {
    width: 600px!important;
    float: left;
    position: relative;
    overflow: hidden;
}
.user_profile .edit_icon{
    width: 47px;
    height: 47px;
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0 );
    border-left:solid 1px #999999; border-top-right-radius:8px; position:absolute; text-align:center; cursor:pointer; right:0px; top:0px;
}
.user_profile .edit_icon img{ margin:13px auto auto auto;}  

.user_profile table{}

.user_profile table {
    border-collapse: collapse;
    margin: 0px 0 0px 0px;
    width: 530px!important;
    border-radius: 8px; border:none;
}

.user_profile table tr {
}
.user_profile table td {
    border-bottom: solid 1px #cccccc;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #999999;
    padding: 10px;
    text-align:left!important;
    font-size: 16px;
    line-height:23px;
}
.user_profile table td span { color:#333333;}

table tr:hover td { background:#f8f8f8; 

}
.change_password{ position:relative;
                  width: 100%}
.change_password input {
    height: 47px;
    width: 100%;
    font-weight: normal;
    border-radius: 8px;
    border: 1px solid #999999;
    font-size: 15px;
    font-family: Arial, sans-serif;
    direction: ltr;
    padding: 0 10px 0 60px;
    color: #9999!important;
    margin-bottom: 13px;
    font-family:Arial;
}
/* .change_password input[type="button"] { width:auto!important;} */
.change_password label{ color:#333333; display:block; margin-bottom:14px}
.pass_icon {
    width: 47px;
    height: 47px;
    position: absolute;
    top:0px;
    left: 0px;
}

*.pass_icon2 {
    width: 47px;
    height: 47px;
    position: absolute;
    top:0px;
    left: 0px;
}

.pass_icon3 {
    width: 47px;
    height: 47px;
    position: absolute;
    top:0px;
    left: 0px;
}

.error {
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: auto;
    height: auto;
    margin-top:-33px;
    padding-left:250px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: red;
    list-style-type: none;
}

.fileError {
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 397px;
    height: auto;
    margin-top:-33px;
    padding-left:5px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #cc0000 !important;
    list-style-type: none;
}

/*.search_inner label.required{
    color:red;
    margin-right:3px;
    display: inline-block;
}
*/
.required{
    color:red;
    margin-right:3px;
    display: inline-block;
}


#changePassword .input_group{
    position: relative;
}

.table tr:first-child td {
    border-top: none;
}

.ar_txt {
    direction: rtl;
}

.search_inner label {
    display: inline-block;
}
/*
.table.tbl_full td:first-child, .table.tbl_full td:last-child {
    width: 24.5%;
}
*/

.table.tbl_full td {
    width: 25%; 
}

.table label{
    display: block
}

.table.tbl_half td{
    width: 50%;
}

.or_hold {
    position: relative;
}

.or_hold .or_msg {
    position: absolute;
    right: -10px;
    top: 45px;
}

.txt_output input{
    height: 98px;
}



.button_new_prime {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    padding:8px 12px!important; 
    height: 37px;
    font-weight: normal;
    color: #337ab7;


}
.button_new_prime:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    cursor:pointer; 
    font-weight: normal;
    color: #337ab7;

}


#regButton1 .ui-button-text-only .ui-button-text {
    padding: 0px !important;
}

#regButton2 .ui-button-text-only .ui-button-text {
    padding: 0px !important;
}

.err_hold {
    position: relative;
}

.err_hold .vald_msg {
    position: absolute;
    z-index: 100;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    bottom: -20px;
    left:30%;
    background:#fff; 
    border: 1px solid #ccc;
    padding: 4px 6px;
    font-size: 13px;
    -webkit-box-shadow: 0px -3px 8px 0px rgba(50, 50, 50, 0.32);
    -moz-box-shadow:    0px -3px 8px 0px rgba(50, 50, 50, 0.32);
    box-shadow:         0px -3px 8px 0px rgba(50, 50, 50, 0.32);
}

.err_hold .vald_msg:after, .err_hold .vald_msg:before {
    bottom: 100%;
    left: 40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.err_hold .vald_msg:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 9px;
    margin-left: -30px;
}
.err_hold .vald_msg:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ccc;
    border-width: 10px;
    margin-left: -31px;
}

.srl_numb{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    padding: 15px;
    height: 100%;
}


/* ui override */

.ui-dialog-content table {
    width: 100%;
}

.ui-dialog-content input[type="text"]{
    margin-bottom: 10px;
}

.ui-dialog-content table.optn_tbl td:nth-child(1), .ui-dialog-content table.optn_tbl td:nth-child(3){
    width: 10%;
}

.ui-dialog-content table.optn_tbl td:nth-child(2){
    width: 35%;
}
/*
#regButton2 .ui-button-text{
    color: #4f4f4f;
}
*/

.plain_txt {
    display: block;
    padding-top: 20px;
}

.ifield{
    color:black !important;
}

/*#changePassword .right_part input[type="text"], .right_part select, .ui-inputfield {
    margin-top: 0;
}*/

.ui-icon {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    /* border-radius: 10px; */
}



input[type="button"].action, input[type="submit"].action, button.action, a.action {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    padding:8px 30px!important; 
    margin: 4px 0;
    width: 100%;
    display: block;
}


input[type="button"].action:hover, input[type="submit"].action:hover, button.action:hover, a.action:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(232,232,232,1.00) 0%, rgba(255,255,255,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px!important;
    border-radius: 8px;
    border: 1px solid #999999;
    text-align: center!important;
    cursor:pointer; 
}


button.action.ui-button-text-only .ui-button-text{
    padding: 0;
}



/*Navigation bar

ul.nav{
    margin:0; padding:0;

}
ul.nav li {
    width: 78px;
    height: 78px;
    margin-right: 10px;
    float: left; display:inline; display:inline-block; border:none; position:relative;
}
ul.nav li a {
    background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(232,232,232,1.00) 100%);
    width: 78px;
    height: 78px;
    border: solid 1px #999;
    border-radius: 7px;
    float: left; text-align:center; position: relative; text-decoration:none;
    color:#333333; font-family: Arial;font-size:13px;
}
ul.nav li a.select {
    background-image: -webkit-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -moz-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -o-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    width: 78px;
    height: 78px;
    border:none;
    color:#fff;font-family: Arial; font-size:13px; text-decoration:none; border:none; 

}

ul.nav li a:hover {
    background-image: -webkit-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -moz-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -o-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    width: 78px;
    height: 78px;
    color:#fff; font-family: Arial; font-size:13px; text-decoration:none; border:none;

}



ul.nav li a.sel {
    background-image: -webkit-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -moz-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: -o-linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    background-image: linear-gradient( rgba(0,110,167,1.00) 0%, rgba(0,59,108,1.00) 100%);
    color: #fff;
}

Navigation End*/

/* Header */
#header {
}
#header #lang_swtch {
    font-size: 1.4em;
    font-weight: 700;
    margin-top: 20px;
    height: 20px; }
#header #lang_swtch a {
    float: right;
    margin-right: 10px;
    text-decoration: none; }
#header .navbars {
}

#header .navbars .navbar-collapse{
    padding-left: 5px;
    padding-right: 5px;
}

#header .navbars .navbar-collapse .navbar-nav li {
    margin-right: 10px;
    min-width: 80px; 
    margin-bottom: -1px;
}
/*.navbar-nav{
    margin:7.5px -11px !important;
}*/

@media only screen and (min-width:770px){
    #header .navbars .navbar-collapse .navbar-nav li {
        margin-bottom: 10px;}
}
#header .navbars .navbar-collapse .navbar-nav li.active a, #header .navbars .navbar-collapse .navbar-nav li a:hover {
    background: #0075af;
    background: -moz-linear-gradient(top, #0075af 0%, #00305f 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0075af), color-stop(100%, #00305f));
    background: -webkit-linear-gradient(top, #0075af 0%, #00305f 100%);
    background: -o-linear-gradient(top, #0075af 0%, #00305f 100%);
    background: -ms-linear-gradient(top, #0075af 0%, #00305f 100%);
    background: linear-gradient(to bottom, #0075af 0%, #00305f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075af', endColorstr='#00305f', GradientType=0 );
    border: 1px solid #002F5F;
    color: #fff; }
#header .navbars .navbar-collapse .navbar-nav li.active a .nav_icon, #header .navbars .navbar-collapse .navbar-nav li a:hover .nav_icon {
    fill: #fff; 
}
#header .navbars .navbar-collapse .navbar-nav li a {
    border: 1px solid #ccc;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    background: white;
    background: -moz-linear-gradient(top, white 0%, whitesmoke 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, whitesmoke));
    background: -webkit-linear-gradient(top, white 0%, whitesmoke 100%);
    background: -o-linear-gradient(top, white 0%, whitesmoke 100%);
    background: -ms-linear-gradient(top, white 0%, whitesmoke 100%);
    background: linear-gradient(to bottom, white 0%, whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
    padding: 10px;
    text-align: center;
    color: #333; }
#header .navbars .navbar-collapse .navbar-nav li a span {
    display: block;
    font-weight: 600; }
#header .navbars .navbar-header {
    float: left; }
#header .navbars .navbar-header .navbar-toggle .icon-bar {
    background: #999;
    height: 4px;
    width: 30px; }
#header #info_login {
    background: #fff;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #999;
    padding: 10px 10px 0px;
    margin: 15px;
    font-weight: 700; }
#header #info_login h2 {
    font-size: 1.2em;
    text-align: center;
    margin: -16px 0 10px;
    height: 30px;
    padding: 8px 0 4px;
    text-transform: uppercase;
    background: url("../images/bg_user_info.png") no-repeat center;
    background-size: contain; }
#header #info_login input[disabled] {
    background: #fff;
    font-weight: normal; }
#header #info_login .container, #header #info_login .container-fluid {
    padding: 0 5px; }
#header .col-lg-1, #header  .col-lg-10, #header  .col-lg-11, #header  .col-lg-12, #header  .col-lg-2, #header  .col-lg-3, #header  .col-lg-4, #header  .col-lg-5, #header  .col-lg-6, #header  .col-lg-7, #header  .col-lg-8, #header  .col-lg-9, #header  .col-md-1, #header  .col-md-10, #header  .col-md-11, #header  .col-md-12, #header  .col-md-2, #header  .col-md-3, #header  .col-md-4, #header  .col-md-5, #header  .col-md-6, #header  .col-md-7, #header  .col-md-8, #header  .col-md-9, #header  .col-sm-1, #header  .col-sm-10, #header  .col-sm-11, #header  .col-sm-12, #header  .col-sm-2, #header  .col-sm-3, #header  .col-sm-4, #header  .col-sm-5, #header  .col-sm-6, #header  .col-sm-7, #header  .col-sm-8, #header  .col-sm-9, #header  .col-xs-1, #header  .col-xs-10, #header  .col-xs-11, #header  .col-xs-12, #header  .col-xs-2, #header  .col-xs-3, #header  .col-xs-4, #header  .col-xs-5, #header  .col-xs-6, #header  .col-xs-7, #header  .col-xs-8, #header  .col-xs-9 {
    padding: 0 5px; }
#header .row {
    margin: 0 -5px; }

/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    #header #lang_swtch a {
        float: right;
        margin-right: 20px;
        text-decoration: none; }
    #header .navbars {
        margin: 2px; }
    #header .navbars .navbar-collapse {
        padding: 0 15px; }
    #header .navbars .navbar-collapse .navbar-nav li {
        margin-right: 10px;
        min-width: 80px; }
    #header .navbars .navbar-collapse .navbar-nav li:first-child a {
        border-radius: 8px 8px 0px 0px;
        -moz-border-radius: 8px 8px 0px 0px;
        -webkit-border-radius: 8px 8px 0px 0px; }
    #header .navbars .navbar-collapse .navbar-nav li:last-child a {
        border-radius: 0px 0px 8px 8px;
        -moz-border-radius: 0px 0px 8px 8px;
        -webkit-border-radius: 0px 0px 8px 8px; }
    #header .navbars .navbar-collapse .navbar-nav li a {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        text-align: left; }
    #header .navbars .navbar-collapse .navbar-nav li a svg {
        float: left;
        width: 20px;
        height: 20px;
        margin-right: 10px; }
    #header #info_login {
        background: none;
        border-radius: 8px 8px 8px 8px;
        -moz-border-radius: 8px 8px 8px 8px;
        -webkit-border-radius: 8px 8px 8px 8px;
        border: none;
        padding: 0 5px;
        margin: 0;
        font-weight: 700; }
    #header #info_login h2 {
        display: none; }
    #header #info_login input.prof_name {
        background: transparent;
        height: auto;
        border: none; }
    #header #info_login input[disabled] {
        background: #fff;
        font-weight: normal; }
    #header #info_login .container, #header #info_login .container-fluid {
        padding: 0 5px; }
    #header #info_login .col-lg-1, #header #info_login .col-lg-10, #header #info_login .col-lg-11, #header #info_login .col-lg-12, #header #info_login .col-lg-2, #header #info_login .col-lg-3, #header #info_login .col-lg-4, #header #info_login .col-lg-5, #header #info_login .col-lg-6, #header #info_login .col-lg-7, #header #info_login .col-lg-8, #header #info_login .col-lg-9, #header #info_login .col-md-1, #header #info_login .col-md-10, #header #info_login .col-md-11, #header #info_login .col-md-12, #header #info_login .col-md-2, #header #info_login .col-md-3, #header #info_login .col-md-4, #header #info_login .col-md-5, #header #info_login .col-md-6, #header #info_login .col-md-7, #header #info_login .col-md-8, #header #info_login .col-md-9, #header #info_login .col-sm-1, #header #info_login .col-sm-10, #header #info_login .col-sm-11, #header #info_login .col-sm-12, #header #info_login .col-sm-2, #header #info_login .col-sm-3, #header #info_login .col-sm-4, #header #info_login .col-sm-5, #header #info_login .col-sm-6, #header #info_login .col-sm-7, #header #info_login .col-sm-8, #header #info_login .col-sm-9, #header #info_login .col-xs-1, #header #info_login .col-xs-10, #header #info_login .col-xs-11, #header #info_login .col-xs-12, #header #info_login .col-xs-2, #header #info_login .col-xs-3, #header #info_login .col-xs-4, #header #info_login .col-xs-5, #header #info_login .col-xs-6, #header #info_login .col-xs-7, #header #info_login .col-xs-8, #header #info_login .col-xs-9 {
        padding: 0 5px; }
    #header #info_login .row {
        margin: 0 -5px; } }
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/* footer */

.collapser {
    float: right;

}

.collapser .up_arrow, .collapser .down_arrow{
    margin-top: -5px;
}

.collapser[aria-expanded="true"] .up_arrow{
    display: none;
}

.collapser[aria-expanded="false"] .down_arrow{
    display: none;
}

.edithead {
    float: right;
    display: inline-block;
}
.panel-default {
    margin-top: 15px;
}
.panel-default .panel-heading {

    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(232,232,232,1.00) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
   
    border-bottom: 1px solid #999999;
}

.panel-default .panel-heading .panel-title{
    font-weight: bold;
}

.ui-column-filter.ui-widget.ui-state-focus {
    background: #fff;
} 

#createForm input[type=checkbox] {
    margin: 0 3px;
}

.panel-body .ui-inputfield {
    margin: 12px 0;
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.ui-slider.ui-slider-horizontal {
    margin-top: 15px;
}

.rangeslider span{
    font-weight: bold;
    color:#000000;
}

/*Added by Karthik*/
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th{
    word-break: break-word;
}

.ui-outputlabel.ui-widget.ui-state-error{
    color: #666666;
    background: transparent;
    font-weight: 700; 
}

.panel-body .ui-inputfield.ui-state-error.hasDatepicker{
    direction: ltr;
    border-color: black;
    background-color: red;
    color: white !important;
    display: inline-block;
}


.table.tbl_half{
    word-break: break-all;
}

.fix_header_out_register{
    margin-bottom: 67px; 
    height:100vh; /*vh stands for view-port height, 1vh is 1% of screen height Added By Karthik*/
    overflow: auto;
}

/*.container .ui-outputlabel .ui-outputlabel-rfi {
    color: red;
    margin-left:3px;
}*/

.hide{
    display:none;
}

select[disabled]{
    background-color: rgb(235, 235, 228) !important;
}


div.ui-confirm-dialog.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container .ui-dialog-content.ui-widget-content {
    line-height: 100%;
}  

.zIndexPdf{
    z-index:10000 !important;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0.4em;
    color: red;
}

.recStatusFilter option:nth-child(10){
    background:#709D28;
    color:white;
    border-radius: 4px;
}
.recStatusFilter option:nth-child(11){
    background:#4B0082;
    color:white;
    border-radius: 4px;
}
.recStatusFilter option:nth-child(12){
    background:#FF620D;
    color:white;
    border-radius: 4px;
}

.ui-datatable tbody td{
    word-wrap:break-word;
}

div.dataTableCss tr:hover{
    background-color: #F8F8F8;
}

div.dataTableCss tr td:hover{
    background-color: #F8F8F8;
}

.panel-default .panel-heading-babyDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-babyDetails {

    background-image: linear-gradient(0deg, rgba(45,124,41,1) 0%, rgba(105,210,69,1) 100%);
    color: white !important;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    border-bottom: 1px solid #999999;
}


.panel-default .panel-heading-fatherDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-fatherDetails {

    background-image: linear-gradient(0deg, rgba(34,119,147,1) 0%, rgba(31,161,204,1) 100%);
    color: white !important;    
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    border-bottom: 1px solid #999999;
}

.panel-default .panel-heading-motherDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-motherDetails {

    background-image: linear-gradient(0deg, rgba(13,96,87,1) 0%, rgba(0,142,127,1) 100%);
    color: white !important;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    border-bottom: 1px solid #999999;

}

.panel-default .panel-heading-informantDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-informantDetails {

    background-image: linear-gradient(0deg, rgba(28,111,148,1) 0%, rgba(0,120,174,1) 100%);
    color: white !important; 
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    border-bottom: 1px solid #999999;
}

.panel-default .panel-heading-medicalOfficeDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-medicalOfficeDetails {

    background-image: linear-gradient(0deg, rgba(161,77,25,1) 0%, rgba(243,113,33,1) 100%);
    color: white !important;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
    border-bottom: 1px solid #999999;
}

.panel-default .panel-heading-recordDetails .panel-title {
    font-weight:bold;
}
.panel-default .panel-heading-recordDetails {

    background-image: linear-gradient(0deg, rgba(59,16,91,1) 0%, rgba(75,0,130,1) 100%);
    color: white !important;
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
}