﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
/*          added styles

*/
#ceu_table tr
{
   
     text-align:right;

}



#ceu_table tr:last-child
{
   
     border-top:solid medium;
     font-weight:bold;

}

#ceu_table td:first-child
{
   
     font-weight:bold;

}
.right-just{
    text-align:right;

}
.email-content-div
{
    border:solid 1px;
    border-color:#aaa;
    margin:20px;
    width:80%;
    padding:10px;

}

.help-body{
    min-height: 250px;
}

.help-spacer-div{
    min-height: 50px;
}


.help-link{

    font-size:larger;
}

#beltss_header {
    margin-left: 20px;
    margin-top:10px;
    margin-bottom:10px;
    padding: 0;
    width: auto;
    height: 110px;
    border: 0px;
    background-color: White;
    /*background-position: left top;
    background-repeat: no-repeat;*/
    /*background-image: url('../Images/benha-logo.png');*/
}


body {
     padding-top: 0px; 
    padding-bottom: 20px;
}

/*.header-title{*/
    /*margin-left:300px;*/

/*}*/

.site-title{

  
    font-size: 36px;


    margin-top: 20px;
    margin-bottom: 10px;


    font-family: inherit;
    font-weight: 900;
    line-height: 1.1;
    /*color: #8A2729;*/
  /*color: #DA251D;*/
    color: #8A2729;
    font-size: 3em;
    margin: 0.67em 0;
    margin-bottom:0.15em



}
/*#cheader #statelinks
{
    width: 100px;
    height: 150px;
    padding: 1px;
    border: 0px;
    float: right;
    margin: 0 60px 1em 1em;
    background-color: White;
}*/

#nav_header {
     position: relative; 
    right: 0;
    left: 0;
    z-index: auto;

}

/*#nav_header {

    background-color: #8A2729;
}


.navbar-nav > li > a {
    color: #ffffff;
        font-size: 16px;
}*/

#ceu_table th{
    text-align:right;

}


img-list {
  display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}

img-larg {
  display: block;
  max-width:690px;
  max-height:285px;
  width: auto;
  height: auto;
}

.image-list-parent {
  width: 200px;
}

.image-list-image {
  display: block;
  width: 100% !important;
  height: auto !important;
}


.lrg-image-parent {
  /*width: 600px;*/
  overflow:scroll;
}

.lrg-image {
  display: block;
  /*width: 100% !important;
  height: auto !important;*/
}
.image-list-table
{
    width:175px;
}
.panel-primary > .panel-heading {
    color: #ffffff;
    background-color:   #8A2729;
    border-color: #8A2729;
}

.hight50
{
    height:260px;
}
.nab-message{
    font-weight:bold;
    text-decoration:underline;
}

.deadline-text{
    font-weight:normal;
    font-style:italic;
}

.home-dl dt{
    width:50%;
}

.home-dl dd {
    width: 40%;
}

.width_32{
    width:32px;
    margin-right:0px;
    margin-left:0px;
}

.red-x {
    -ms-transform: scale(1.7); /* IE 9 */
    -webkit-transform: scale(1.7); /* Chrome, Safari, Opera */
    transform: scale(1.7);
    background-position: -32px -192px;
    width: 16px;
    height: 16px;
    background-image: url("themes/base/images/ui-icons_cd0a0a_256x240.png");
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


.yellow-x {
   -ms-transform: scale(1.7); /* IE 9 */
  -webkit-transform: scale(1.7); /* Chrome, Safari, Opera */
  transform: scale(1.7);
    background-position: -32px -192px;

        width: 16px;
    height: 16px;

    background-image: url("themes/base/images/ui-icons_fadc7a_256x240.png");

    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-bottom:-3px;
      margin-right:5px;
   margin-left:5px;
}


.big-yellow-x {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);
    background-position: -32px -192px;

        width: 16px;
    height: 16px;




    background-image: url("themes/base/images/ui-icons_fadc7a_256x240.png");

    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-bottom:-3px;
      margin-right:5px;
  
}


.green-check {
      -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);

    background-position: -208px -192px;
        width: 16px;
    height: 16px;

    background-image: url("themes/base/images/ui-icons_72b42d_256x240.png");

    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-bottom:-3px;
    margin-right:5px;
     margin-left:5px;
  
}


.tight-green-check {
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);
    background-position: -208px -192px;
    width: 16px;
    height: 16px;
    background-image: url("themes/base/images/ui-icons_72b42d_256x240.png");
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;

}

.inline{
    display:inline-block;
}

.complete-text{
    font-weight:bold;
}

.renewal-row-one{

    min-height:300px;
}


.min-height-381{

    height:381px;
}


.renewalpanel{

    height:420px;
}


.min-height-292{

    min-height:292px;
}

.navbar-inverse {
  background-color:  #8A2729;
  border-color:  #DA251D;
}

.important{
    color:red;
    font-size: 1.4em;
    font-weight:bold;

}

@media (min-width: 768px) {
    .modal-dialog {
        width: 850px;
        margin: 30px auto;
    }
}

.bold-menu > a
{
    font-size:1.3em;
    font-weight:bold;
    color:#DA251D;
}

/*#bold-action 
{
    font-size:1.3em;
    font-weight:bold;
    color:#DA251D;
}*/

.display-none
{
    display:none;
}


/*body {
    font-family: Lato, helvetica, srial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}*/

.red-text{
    color:red;

}

.top-padding-7{
    padding-top:7px;
}



.fix-display-7>div>div>div{
    padding-top:7px;
}


.bold
{
   
    font-weight:bold;
  
}

.lable-hight-254
{
    height:34px;


}

.radio-button-margin{
    margin-left:20px;
}

.email-step-spacer{

    height:180px;
}

.float-right{
    float:right;
}

.float-left{
    float:left;
}

.clear-right
{
    clear:right;
}

.clear-left
{
    clear:left;
}

.email-panel-body{
    min-height:314px;
}

.min-height-200{
    min-height:200px;
}
.inline-block{
    display:inline-block;
}
.renewal-check
{
    width:600px;
}
.renewal-check>dt{
    width:325px;
    padding-right:10px;
}
.renewal-check > dd {
    width: 200px;
    margin-left:0px;
    display:inline-block;
}

.ceu-detail>dt{
    width:210px;
    padding-right:10px;
}
.ceu-detail > dd {
    width: 292px;
    margin-left:0px;
    display:inline-block;
}


.wide-tb{
    width:250px;
}

.text-area textarea {
      max-width:800px;
      max-height:120px;
    width: 800px;
   height:120px;
  max-width:800px;
}

.emp-hist-box{
    border:solid thin;
    min-height:100px;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity:1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    /*width: 120px;*/
    width: 220px;
    /*background-color: black;*/
    background-color:white;
    /*color: #fff;*/
    color: black;
    text-align: center;
    border-radius: 6px;
    /*padding: 5px 0;*/
    padding: 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;

    border: solid 5px red;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.header-background{
	content:url("../Images/benha-logo.png");
    margin:10px 20px
}

 /*~/Images/benha-logo.png */

 

  #renewal-button-div-rd {
        display: block;

    }

  #renewal-button-div-sd {
        display: none;
    }
  .adjust-sm {
      display: inline-block;
  }

  .wide-button{
      width:500px;
  }

  .security-question{
      max-width:99%;
      width:99%;
  }

   .security-question-can{
      max-width:97%;
      width:97%;
  }

  /*#SecurityQuestionOne{
      width:450px;
  }*/


  .text-left-indent{
      margin-left:30px;
  }
  .top-padding-10
  {
      padding-top:10px;

  }
  .address-len{
      max-width: 500px;
      width: 500px;
  }

  .checkbox{
      display: inline-block;
		width: 25px; height: 25px;
		background: white;
		border: 1px solid #CCCCCC;
		font-family: 'Glyphicons Halflings';
		font-size: 22px;
		line-height: 1;
      /*height:10px;
      width:10px;*/

  }

  .radioButton_td{
      width:50px;
      margin-right:10px;
  }

  #ceu_clone_link a{
      color: darkblue;
      font-weight:bold;
  }

  .renewal-button{
      width:200px;
      max-width:200px;
      margin-bottom:10px;
  }

  .margin-bottom-50{
      margin-bottom:50px;
  }

  .margin-left{
      margin-left:50px;
  }

  .home-top-text
  {
      font-size:large;
      font-weight:bold;
      
  }
   .home-top-text img
  {
      max-height:50px;
      
  }
   .min-width{
       min-width:150px;
   }

  .home-top-panels{
      min-height:305px;
  }

  .activity-input input{
      max-width:none;
  }

  .flex-container{
      display:flex;
 
  }
  .flex-col{
      flex:1;
  }
  .flex-panel{
      height:100%;
  }

  .emp-col-height{
      height:545px;
  }


  .disp-form .control-label{
     padding-top:0px;
     font-weight:bold;
  }

 @media screen and (max-width:1475px ) {
     
     .header-background{
	content:url("../Images/benha-logo400.png");
    margin:10px 20px
    
}
     .site-title {
         font-size: 2.em;
     }
     .lead {
         font-size: 17px;
     }
     #header_div {
         width: 50%;
     }
     #lead_div {
         width: 50%;
     }
 }

 .center-button {

     text-align: center;
 }


 .rc-green{
     background-color: rgb(198,239,206)
 }


.rc-pink {
    background-color: rgb(255,199,206)
}
.rc-yellow {
    background-color: rgb(255,135,156)
}

@media screen and (max-width:1199px ) {
    #renewal-button-div-rd {
        display: none;

    }
    #renewal-button-div-sd {
        display: block;

        
    }
      .adjust-sm {
      display: block;
  }


    .ceu-detail>dt {
    width: 45%;
    padding-right: 5%;
}
    .ceu-detail > dd {
    width: 49%;
    margin-left: 0px;
    display: inline-block;
}
}