.hidden-field
 {
     display:none;
 }


.input-group {
    position: relative;
    display: inline !important;
    border-collapse: separate;
}


.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff !important;
    border: 0px solid #ccc !important;
}

*:focus {outline:none !important}

body {font-size:12px !important;} /* 18 to 12 */

#Create, #Update, #Review{font-size:16px;}/* 18 to 16 */

.multiselect-selected-text {font-size:12px !important; color:#ff0000;}/* 16 to 12 */

label.radio {font-size:12px !important;} /* 16 to 12 */

.lead {font-size:12px !important;} /* 22 to 12 */

.centered {
    'Background:rgba(39,64,139,0.1);
    color: #27408b;
    text-shadow: 0 1px 0 #27408b;
    position: relative;
    height:20px; 
    bottom: -1px;
    left: 50%;
    transform: translate(-50%,-130%);
}

.thumbnail_WJ {
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Container_WJ
{   position: relative;
    text-align: center;
    'background-color:rgb(39,64,139);
    width:100%;
}

.Container_WJ:before
{
        content: '';
        display: inline-block;
        vertical-align: middle;
}

.Content_WJ
{
    display: inline-block;
    vertical-align: middle;
}

.R {
  display: flex; /* equal height of the children */
}

.C{
  flex: 1; /* additionally, equal width */
  
  padding: 1px;
  border: 1px solid;

}

#purpose{
  font-size:12px; /* 18 to 12 */
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: normal !important;
   margin-right: 5px;
   margin-left: 5px;
}

.navbar-inverse .navbar-inner {
    /* background-color: #1b1b1b; */
    background-color: #000;
    /*background-color: #1b4374;*/
    background-image: -moz-linear-gradient(top, #222222, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
    background-image: -webkit-linear-gradient(top, #222222, #111111);
    background-image: -o-linear-gradient(top, #222222, #111111);
    /*background-image: linear-gradient(to bottom, #1b4374, #27408b) !important;*/
    background-image: linear-gradient(to bottom, #000, #000) !important;
    background-repeat: repeat-x;
    border-color: #000;
    /*border-color: #252525;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

h1 {
/*font-size:28px !important;*/

}

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


.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #ffffff;
    /*background-color: #27408b !important;*/
    background-color: #000 !important;
}

.navbar .nav > li > a {
    float: none;
    padding: 15px 15px 10px;
    color: #777777;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}

.btn {padding:3px 12px !important;}

/* make the toolbar wrap */
.mceToolbar td {
    display:table-row;
    float: left;
}
.mceToolbar td:nth-of-type(1){
    clear: left;
}

#cphcontent_RichTextBox_ifr
/*{height:350px !important;}*/

#cphcontent_RichTextBox2_ifr
/*{height:350px !important;}*/

#cphcontent_RichTextBox1_ifr
/*{height:350px !important;}*/


@media (max-width: 376px) {

/*#1 {border: 0px !important;}*/
/*#2 {border: 0px !important;}*/
/*#3 {border: 0px !important;}*/
/*#4 {border: 0px !important;}*/
/*#5 {border: 0px !important;}*/

#textarea1 {
  /*height:850px;*/width:100%;float:left;
}

#textarea2 {
  /*height:850px;*/width:100%;float:left;
}

#textarea3 {
  /*height:850px;*/width:100%;float:left;
}

#appTitle {
display:none;
}

}



textarea[readonly] {
    font-family: georgia !important;
    border-color: #ffffff !important;
background-color:#ffffff important;
}


#cphcontent_lblRichTextBox p, #cphcontent_lblRichTextBox1 p, #cphcontent_lblRichTextBox2 p {
margin-left: 10px;}


#cphcontent_CheckBox1 { height:18px; width:18px;}


/*new added*/

.font20{ font-size:20px;}

.font18{ font-size:18px;}

.font16{ font-size:16px;}

.font14{ font-size:14px;}

.gvhspadding { padding:10px;}

.rowNo { padding-left:25px;}

span.ChkBoxClass input[type='checkbox']  {width:20px !important; height:20px !important; 
}