/*This is a style sheet designed for the Offers-Portal.
    Some names of all elements designed specifically for the portal start with the letter op */

/*************************************************/
/*SHARED PAGE LAYOUT that is shared across pages */
/*************************************************/

img.logo {
    margin-top: 0px;
    margin-left: 10%;
    width: 50%;
    height: 50%
}

hr.blue-line { display: block; height: 0px;
    border: 0;    
    border-top: 5px solid #1B3469;
    margin: 0; 
    padding: 0; }

hr.lightblue-line { display: block; height: 0px;
    border: 0;     
    border-top: 5px solid #528BA6;
    margin: 0; 
    padding: 0; }

hr.grey-line { display: block; height: 0px;
    border: 0;     
    border-top: 30px solid #E8E7E3;
    margin: 0; 
    padding: 0; }

.grey_area { 
    background-color: #E8E7E3;
    height: 40px;
    padding-top:0px;
    padding-right:5px;
    padding-left:6px;
    padding-bottom:19px;
    font-size: 12px;
    vertical-align: middle;
}

.lightgrey_area_strip { 
    background-color: #f1f1f1;
    height: 40px;
    padding-top:0px;
    padding-right:5px;
    padding-left:6px;
    padding-bottom:19px;
    font-size: 12px;
    vertical-align: middle;
}

.lightgrey_area { 
    background-color: #f1f1f1;   
    border-radius: 15px;
    padding:10px;
}

.darkgrey_area { 
    background-color: #a4a3a3;
    height: 60px;
    padding-top:0px;
    padding-right:5px;
    padding-left:6px;
    padding-bottom:15px;
    font-size: 12px;
    vertical-align: middle;
}

hr.black-line { display: block; height: 0px;
    border: 0;    
    border-top: 5px solid #000000;
    margin: 0; 
    padding: 0; }

.burgundy-text {
    color: #A83A3F;
}

/***************/
/*ACTION ICONS*/
/***************/

.action_icon {
    height: 15px;
    width: 15px;
}

.disabled {
    opacity: 0.4;
    zoom: 1;
	filter: alpha(opacity=10);
}

.home_icon {
    height: 30px;
    width: 30px;
}

/***************/
/*FONT AND TEXT*/
/***************/

.main_font {
        font-size: 15px;   
        vertical-align: middle;
}

div.capitalised_text {
    text-transform: capitalize;
}

.SM_font {    
}

.op-main-font.middle {        
        vertical-align: middle;
}

.blue-text {
    color: #1B3469;   
    text-align: center;   
}

.normalsize {
    color: #1B3469;   
    text-align: center;
    font-size: 15px;  
}


.blue-text-left {
    color: #1B3469;    
    text-align: left;    
}

.white-text {
    color: #ffffff;   
    text-align: center;   
}

.green-text-left {
    color: #009900;    
    text-align: left;    
}

.larger {
    font-size: 16px;
}

.largebold {
    font-size: 17px;
    font-weight: bold;
}

.table-header {
    color: #1B3469;   
    text-align: center;
    font-size: 15px;  
    font-weight: bold;
}

.rotated {
   
    -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.op-blue-table-text {
    color: #1B3469;   
    text-align: center;
    font-size: 13px; 
}

.op-blue-table-text-left {
    color: #1B3469;
    text-align: left;
    font-size: 13px; 
}

.op-orange-table-text {
    color: #EC6022;
    text-align: center;
    font-size: 13px; 
    font-weight: bold; 
}

.op-grey-table-text {
    color: #bfbfbf;
    text-align: center;
    font-size: 13px; 
}

.op-blue-table-text.large {
    font-size: 15px;
    font-weight: bold; 
}

.op-orange-table-text.large {
    font-size: 15px;
    font-weight: bold; 
}

.op-blue-table-text.larger {
    font-size: 15px;    
}

.op-font {
    font-size: 15px;
}

.op-cell-middle {
    vertical-align: middle;
}

.op-notif-status-text {
    color: #009900;
    font-weight: bold;
}

.op-notif-status-text-new {
    color: #ffffff;
    font-weight: bold;
    background-color: #009900;
    font-size: larger;
    padding:1px;
}

.op-login-text {
    font-size: 20px;
    color: #1B3469;
    
}

.op-font {
}

.op-fontonly {
}


.op-profile-text {
    font-size: 15px;
}

.active {
    color: #ff6a00;
}

.op-larger-text {
    font-size: 16px;
    text-align: left;
    color: #1B3469;
    text-decoration: underline;
    font-weight: bold;
    padding-left: 35px;
}

.rotate {

    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;

    position: absolute;
    top: 0;
    left: 100%;
    white-space: nowrap;    
    font-size: 48px;
}

/*********/
/*BUTTONS*/
/*********/

.btn {
   width: 300px;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #1B3469;
  text-align: left;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*BACK button*/
.op-btn-back {
    font-size: 20px;
    color: #A83A3F;
    width: auto;
}

.btn_flex {
   width: auto;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #1B3469;
   text-overflow:ellipsis;
  text-size-adjust:auto;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/**********************/
/*BUTTONS - RIGHT MENU*/
/**********************/

input[type="submit"].right-menu{
  width: 100%;
  display: block;  
  padding-right: 10px;
  padding-left: 20px;
  height: 50px;
  color: #1B3469;
  font-size: larger;
  text-overflow:clip;
  text-size-adjust:auto;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9767AC;
  *background-color: #CCCCCC;
  background-image: -moz-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8E7E3), to(#CCCCCC));
  background-image: -webkit-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -o-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: linear-gradient(to bottom, #E8E7E3, #CCCCCC);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#CCCCCC', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].right-menu:hover {
  color: #A13A3C; 
  font-size: larger;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

input[type="submit"].burgundy-left-menu{
  width: 100%;
  display: block;  
  padding-right: 10px;
  padding-left: 20px;  
  height: 75px;
  color: #ffffff;
  font-size: 18px;
  text-overflow:ellipsis;
  text-size-adjust:auto;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: -moz-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  border-radius: 20px;
  white-space:pre-wrap;

}

input[type="submit"].burgundy-left-menu:hover {
  color: #000000; 
  font-size: larger;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

input[type="submit"].grey-left-menu{
  width: 100%;
  display: block;  
  padding-right: 10px;
  padding-left: 20px;  
  height: 65px;
  color: #000000;
  font-size: 18px;
  text-overflow:ellipsis;
  text-size-adjust:auto;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9767AC;
  *background-color: #CCCCCC;
  background-image: -moz-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8E7E3), to(#CCCCCC));
  background-image: -webkit-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -o-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: linear-gradient(to bottom, #E8E7E3, #CCCCCC);
  background-repeat: repeat-x;
  border-radius: 15px;
  white-space:pre-wrap;

}

input[type="submit"].grey-left-menu:hover {
  color: #A13A3C; 
  font-size: larger;  
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

/****************************************************/
/*BUTTONS - like RIGHT MENU buttons but more compact*/
/****************************************************/

input[type="submit"].default_button{
  width: auto;
  padding:15px;
  height: 50px;
  color: #1B3469;
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #9767AC;
  *background-color: #CCCCCC;
  background-image: -moz-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E8E7E3), to(#CCCCCC));
  background-image: -webkit-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: -o-linear-gradient(top, #E8E7E3, #CCCCCC);
  background-image: linear-gradient(to bottom, #E8E7E3, #CCCCCC);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#CCCCCC', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].default_button:hover {
  color: #A13A3C; 
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

/****************************/
/*BUTTONS - RIGHT MENU EXTRA*/
/****************************/

input[type="submit"].right-menu-extra{
  width: 300px;
  height: 50px;
  color: #ffffff;
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -moz-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A83A3F', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].right-menu-extra:hover {
  color: #1B3469;
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

.right-menu-extra1{
   width: 100%;
  display: block;  
  padding-right: 10px;
  padding-left: 20px;
  height: 50px;
  
  font-size: larger;
  text-overflow:clip;
  text-size-adjust:auto;
  line-height: 50px;  
  color: #ffffff;
    
  font-weight: bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  
  float: right;
  margin-left: 0;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -moz-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A83A3F', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  float: right;
  vertical-align: middle;
  align-content: center;
  padding-left: 15px;
}

.right-menu-extra1:hover {
  color: #1B3469;
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

.right-menu-extra2{
   width: 100%;
  display: block;  
  padding-right: 10px;
  padding-left: 20px;
  height: 50px;  
  font-size: larger;
  text-overflow:clip;
  text-size-adjust:auto;
  line-height: 50px;  
  color: #ffffff;    
  font-weight: bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  
  float: right;
  margin-left: 0;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -moz-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A83A3F', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  float: right;
  vertical-align: middle;
  align-content: center;
  padding-left: 15px;
}

.right-menu-extra2:hover {  
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

.right-menu-extra3:hover {
    color: #1B3469;   
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/*********************/
/*BUTTONS - MAIN MENU*/
/*********************/

input[type="submit"].main-menu{
  width: 283px;
  height: 144px;
  color: #ffffff;
  text-align: center;
  padding:0px;
  font-size: 20px; 
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  border-color: #A83A3F #A83A3F #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].main-menu:hover {
    background-color: #1B3469;
     background-image: none;

}

input[type="submit"].op-normal-button{
  width: auto;
  color: #ffffff;
  text-align: center;
  font-size: 20px;  
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  border-color: #A83A3F #A83A3F #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].op-normal-button:hover {
  background-color: #1B3469;
     background-image: none;
}

input[type="submit"].op-cancel-button{
  width: auto;
  color: #ffffff;
  text-align: center;
  font-size: 25px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 background-color: #808080;
  *background-color: #808080;
  background-image: -moz-linear-gradient(top, #808080, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808080), to(#808080));
  background-image: -webkit-linear-gradient(top, #808080, #808080);
  background-image: -o-linear-gradient(top, #808080, #808080);
  background-image: linear-gradient(to bottom, #808080, #808080);
  background-repeat: repeat-x;
  border-color: #A83A3F #A83A3F #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

input[type="submit"].op-cancel-button:hover {
  color: #A13A3C; 
  font-size: 25px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
}

button[type="button"].op-normal-button{
  width: auto;
  color: #ffffff;
  text-align: center;
  font-size: 22px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  border-color: #A83A3F #A83A3F #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

button[type="button"].op-normal-button:hover {
  background-color: #1B3469;
     background-image: none;
}

input[type="submit"].btn-success {   
    font-size: 25px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

input[type="submit"].btn-success:hover {    
    font-size: 25px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*************/
/*LOGIN PAGE*/
/************/

input[type="submit"].op-normal-button-login {
    width: 240px;
     color: #ffffff;
  text-align: center;
  font-size: 25px;   
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A83A3F;
  *background-color: #A83A3F;
  background-image: #A83A3F;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A83A3F), to(#A83A3F));
  background-image: -webkit-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: -o-linear-gradient(top, #A83A3F, #A83A3F);
  background-image: linear-gradient(to bottom, #A83A3F, #A83A3F);
  background-repeat: repeat-x;
  border-color: #A83A3F #A83A3F #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E7E3', endColorstr='#A83A3F', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/**********************/
/*TABS                */
/**********************/

.nav-tabs > li > a, .nav-pills > li > a {
  text-align: center;
  font-size: 15px;  
  line-height: 20px;
  /*color: #807e7e;*/
  /*background-color: #e0e0e0;*/
  /*border: solid 1px ;
  border-color: #818080 #818080 transparent;*/
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {   
    color: #1B3469;       
    border-color: #1B3469 #1B3469 transparent;
}

.nav {       
    border-color: #1B3469;    
}

.tab-white-box {
    background-color: #ffffff;
     padding: 10px;
     border: solid 5px #009900;
}

hr.thin-blue-line { display: block; height: 0px;
    border: 0;    
    border-top: 2px solid #1B3469;
    margin: 0; 
    padding: 0; }

/*****************/
/*COMMON ELEMENTS*/
/*****************/

/*BLUE box and WHITE font for section title*/
.blue-title-box {
    background-color: #1B3469;
     padding:1px;
}

.title-box {
    background-color: #1B3469;
     padding:1px;
}

.section-title {
    color: #ffffff;
    text-align: center;
}

.green-title-box {
    background-color: #009900;
     padding:6px;
}

.blue-box {
    
     padding:6px;
     border: solid 2px  #1B3469;
}

.black-title-box {
    background-color: #000000;
     padding:1px;
}


/*****************/
/*OTHER ELEMENTS*/
/*****************/

.login-img {
    width: 650px;   
}

.login-img-autosize {
    width: auto;
    height: auto;  
}

.login_black_bgr
{
    background-color: #000000; 
    padding: 10px;  
}


.login-page-box {     
     align-content: center;
     margin-top:0px;      
}

.pdficon {
    width: 20px;   
    height: 20px;
}

.wordicon {
    width: 15px;   
    height: 15px;
}

.offers-text-box {     
     text-align: justify;
     margin-top:0px;  
     text-align: center;
     padding: 5px;
     border: solid 1px #1B3469;
     font-size: 14px;
}

.menu-text-box {     
     text-align: justify;
     margin-top:0px;  
     text-align: center;
     padding: 15px;
     border: solid 1px #1B3469;
     font-size: 18px;
}

.navbar .nav > li {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;    
}

.navbar-text {
    height: 25px;  
    line-height: 30px;  
}

.navbar .nav > li > a {   
    padding: 5px 15px;
}


.op-main-login-box {    
    width: auto; 
    margin:auto;
}

.op-red-border {
    border:5px solid #A83A3F;
    padding:0px;
    width: auto; 
}

.op-red-login-box {
    background-color: #A83A3F;
    width: auto;
    height: auto;
    padding:10px;
    color: white;
}

#pdfbox
{    
    width: 100%;
    height: 450px;
    border: 5px solid #ccc;
}

#pdfbox_full
{    
    width: 100%;
    height: 275mm;
    border: 5px solid #ccc;
}

.photo-box {
    background-color: #ffffff;
     width: 3.5cm;
     height: 3.5cm;
     border: solid 2px #000000;
}

.plac-support-img {
    width: 650px;
}

.profile-box {
    background-color: #e6e6e6;
     padding: 10px;
     border: solid 1px #000000;
}

.profile-white-box {
    background-color: #ffffff;
     padding: 10px;
     border: solid 1px #000000;
}

.offer-grey-box {
    background-color: #bfbfbf;
     padding: 10px;
     border: solid 2px #7d7d7d;
}

.red-box {
    background-color: #A83A3F;
     width: 283px;
  height: 144px;
}

.red-link {
    color: #A83A3F;
}

.icon {
    width: 15px;
    height: 15px;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

/**********************************/
/*BOOTSTRAP TABLE - DARKER STRIPES*/
/**********************************/

.table-striped.darker_stripes > tbody > tr:nth-child(2n+1) > td, .table-striped.darker_stripes > tbody > tr:nth-child(2n+1) > th {
   background-color: #e9e8e8 ;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(~/content/images/load.gif) center no-repeat #fff;
}

/* Amend the width of the display container */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 80%;
}
    .inner{
width: 95%;
          }
/********************/
/*INPUTS FOR NUMBERS*/
/********************/
/* https://sitesforprofit.com/css-input-number-firefox */
input[type=number] {-moz-appearance: textfield; }

::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}


/********************************/
/*FROM CPMS for RISK ASSESSMENT */
/********************************/

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}


.double {
  zoom: 2;
  transform: scale(2);
  -ms-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  -moz-transform: scale(2);
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;

  
}