/* Mobile first ----------- */
 
 /*general*/
body {
    background: #FFF;
}

.logo {
    margin-top: 20px;
}

 p, td, h3{
     color:#fff;
 }

 table{
     width:100%;
 }

 label{
     color:#fff;
 }

 .super-user{
     color:orange;
 }

 /**/
 .well-calc-logo{
    width:100%;
    max-width: 225px;
    margin:0 auto 50px auto;
    display: block;
    clear:both;
    
}

.fileTable .tablehead {
    font-weight: bold;
    background-color: rgba(255,255,255,0.5);
}

.folderBanner {
    font-weight: bold;
    background-color: rgba(255,255,255,0.5);
    padding: 8px 16px;
    border: 1px solid #CCC;
    border-width: 1px 0;
}

.folderList ul {
    padding: 0;
    margin: 0;
}

.folderList li {
    list-style-type: none;
    padding: 6px 0 0 18px;
    margin: 0;
}

.folderList a {
    color: #00448C;
}

 .pm-sub-content{
     margin-left: 20px;
     display:block;
 }

 .pm-caution {
     text-transform:uppercase;
     font-size:16px;    
 }


 .pm-important-warning,
 .pm-results .pm-important-warning{
     color: #FF0000;
     font-size: 16px;
 }

header select{
    margin: 20px 0;
}
   
header img{
    margin-top:20px;
}
  
 .pm-form{
     max-width: 400px;
     margin:0 auto;
 }

 .pm-form h2{
     font-size:24px;
 }

 .pm-form label, .pm-form p{
     color: #333;
 }

.pm-form label.error {
    color:#D8000C
}


 .pm-form-footer{
     border-top: 1px solid#888;
     padding-top:15px;
     font-size:85%
 }

 .pm-panel-hint{
     float:right;
     font-size: 80%;
     position: relative;
     top:-10px;
 }

.pm-results {
    border: 5px solid white;
    border-radius: 3px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: rgba(255,255,255,0.9);
    margin-top: 30px;
    margin-bottom: 50px;
}

 .pm-results p,  .pm-results h3, .pm-results td{
     color: #000;
 }

 .pm-txt-block{
     margin-top:30px;
     background-color:white;
 }

 .error{
     color: #D8000C;
 }

 #divMessages{
     background-color:#fff;
     margin: 20px 0;
     padding:10px;
     border-radius:4px;
 }

 #divMessages.error{
     background-color:#f2dede;
     color:  #d9534f;
 }



 span[style*="display: inline;"].error + .input-group .form-control{
     border-color:#a94442;
 }

 /*bootstrap overrides*/
 a{
     color: #006BDD;
 }

 .panel-title h1{
     font-size:24px;
     margin-top:0;
     margin-bottom:0;
 }

 .panel-info {
    border-color: #006BDD;
 }

.panel-info > .panel-heading {
    color: #006BDD;   
    background-color: #E6F0FA;
    border-color: #006BDD;
}

.btn-primary {   
    background-color: #006BDD;
}

.btn-default {
    background-color: #eeeeee;
}



.text-danger {
    color:  #ff0033;
}

/*ltr overides*/

body[dir=rtl]  .pm-panel-hint{
     float:left; 
 } 

body[dir=rtl] .pm-panel-hint{
     float:left;
 }


body[dir=rtl] .input-group .form-control:last-child
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

body[dir=rtl] .input-group-addon:first-child{
      border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

body[dir=rtl]  .checkbox label, .radio label {    
    padding-left: 0;
    padding-right:20px;
}

.input-group-addon:first-child {
    border-right: 1px solid #ccc;
}

footer{
    margin-bottom: 50px;
}

footer img{
    width: 100%;
    max-width: 150px;
    margin: 0  auto;
    display: block;
}



/*default page*/
.default-page {
    margin: 50px 0;
}

.default-page p{
    text-align:center;
}


.default-page h2{
    margin: 5px 0;
}



/**/

/*Results page*/

#resultsBasicInfo td{
    font-size: 16px;
}

 #resultsBasicInfo tr td:last-child{
     font-weight:600;
 }


 .pdf-download-link{
     margin-right: 20px;
 }


#resultLinks {
    position:relative;
    height:50px;

}

    #resultLinks > p {
        position: absolute;
        display: inline;
        top: 0;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 0);
    }

 .hidden-input {
     visibility: hidden;
     height: 0;
     width: 0;
     position: absolute;
 }

/**/
/* Tablet (portrait) ----------- */
@media only screen and (min-width : 768px) {
    body{
       background: #FFF;
   }

   header select{
       max-width:200px;
       float:right;
   }

   .pm-form{
       margin-top: 30px;
   }


   
   /*bootstrap overrides*/
   
/*ltr overides*/
   body[dir=rtl]  header select{       
       float:left;
   }
}


 /* Tablet (landscape) ----------- */
@media only screen and (min-width : 1024px) {

}


    /* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {



}



     /* Large screens ----------- */
@media only screen and (min-width : 1524px) {
}