﻿.calc-button
{
    display:block;
    padding: 7px 8px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline:none;
    color: #fff;
    background-color: #0165a8;
    border: none;
    border-radius:4px;
    margin: auto;

}     
.calc-container {
margin-top:130px;
}
.calc-button:hover {
         box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);

}

.calc-h1{
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin: .67em 0;
}

.calc-jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
  font-family: Arial, Helvetica, sans-serif;
  border:1px solid #888;
  box-shadow: 0px 2px 5px #ccc;
  text-align:left;
  margin-top:50px;
  margin-left:0px;
  margin-right:0px;
}

.calc-h5{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
}

.calc-jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.calc-jumbotron p {
  line-height: 1.4;
}

.calc-container .calc-jumbotron {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .calc-jumbotron {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .calc-container .calc-jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .calc-jumbotron h1 {
    font-size: 63px;
  }
}

.calc-container .calc-jumbotron, .calc-container-fluid .calc-jumbotron {

    border-radius: 6px;
}


.calc-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.calc-container:before,
.calc-container:after {
  display: table;
  content: " ";
}

.calc-container:after {
  clear: both;
}

.calc-container:before,
.calc-container:after {
  display: table;
  content: " ";
}

.calc-container:after {
  clear: both;
}

@media (min-width: 992px) {
    .calc-container {
       // width: 970px;
    }
}

@media (min-width: 768px){
    .calc-container {
        //width: 750px;
    }
}

.calc-table{
    border:1px solid #000000;
    margin-bottom: 30px;
}
.calc-table th{
    padding: 5px;

}

.calc-table td{
    padding:6px !important;
    line-height: 25px;
    vertical-align: middle;

}

.calc-table input{
    vertical-align:middle !important;
}

.calc-table input[type="text"]{
    padding:3px;
    background:none;
    font-size:inherit;

}

.calc-responsive-textbox { 
             vertical-align:baseline;
             font-family:Arial, Helvetica, sans-serif;
         }


.calc-WindowsStyle .calc-ajax__combobox_inputcontainer
        {

        }

        .calc-WindowsStyle .calc-ajax__combobox_textboxcontainer
        {
            width:100%;
            vertical-align:top;
        }

        .calc-WindowsStyle .calc-ajax__combobox_textboxcontainer input
        {
            width:100%;
            vertical-align:top;
        }

        .calc-WindowsStyle .calc-ajax__combobox_buttoncontainer
        {
            
        }
                
        .calc-WindowsStyle .calc-ajax__combobox_buttoncontainer button
        {            
            background-position: center;
            background-repeat: no-repeat;
            border-color: ButtonFace;
            height: 15px;
            width: 15px;
        }

        .calc-WindowsStyle .calc-ajax__combobox_itemlist
        {
            margin: 0px;
            padding: 0px;
            cursor: default;
            list-style-type: none;
            text-align: left;
            border: solid 1px ButtonShadow;
            background-color: Window;
            color: WindowText;
            vertical-align:auto;
        }

        .calc-WindowsStyle .calc-ajax__combobox_itemlist li
        {
            white-space: nowrap;
            width: 100%;
            padding: 0 3px 0 2px;
        }

.ajax__combobox_inputcontainer{
top:0 !Important;
}

.ajax__combobox_itemlist{
left:initial !Important;
}

.ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer, .calc-table td.ajax__combobox_buttoncontainer{
padding:0 !Important;
}

   /* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     ajax__combobox_itemlist {
        top: auto;
        left: auto;
    }
}

/*    Style for IE 9: */
<!--[if IE 9]>
    ajax__combobox_itemlist{
        top:unset;
        left:unset;
    }
<![endif]-->

   /* https://www.sencha.com/forum/showthread.php?138155-combobox-item-list-not-displaying-correctly-in-IE */
