@import url('http://getbootstrap.com/dist/css/bootstrap.css');
.container {
  /*padding-top: 4em;*/
}

.RadSearchBox_Bootstrap .rsbButton
{
    width: 4.62rem !important;
    height: 4.62rem !important;
}



tfoot{
   
}
.show-hide.ng-hide-add,
.show-hide.ng-hide-remove {
  transition: all linear 0.2s;
  display: block!important;
  position: absolute;
}

.show-hide.ng-hide-add.ng-hide-add-active,
.show-hide.ng-hide-remove {
  top: 10px;
  display: block!important;
  position: absolute;
  opacity: 0;
}

.show-hide.ng-hide-add,
.show-hide.ng-hide-remove.ng-hide-remove-active {
  top: 2px;
  opacity: 1;
  display: block!important;
  position: absolute;
}

.field {
  position: relative;
  /*margin-bottom: 1em;
  padding-bottom: 1em;*/
}

.field > label {
  position: absolute;
  top: 2px;/*//-14px;*/
  color: #007acc;
  font-size: 0.8em;
  margin-left:12px;
  font-weight:800;
}

.field > input {
  border: 0;
  /*padding: 0.5em 0!important;*/
  box-shadow: none !important;
  border-radius: 0;
 
  border-bottom: 2px solid #555555;
 
  /*margin-top: 15px*/
}

.short-input {

  display: block;
}


form select, .riTextBox,
form input:not([type='radio']):not([type='checkbox']) {
  /*background-color: white;*/
  border: 1px #cccccc solid;
  outline: none;
  box-shadow: none;
  height: 2.5rem;
  padding: .5rem;
  font-size: 1rem !important;
  line-height: 1rem;
  border-radius: 5px !important;
 
  
}


.form-control-static{
   
    padding-left:2em !important;
   

}

form select:active,
form select:hover,
form select:focus, .riTextBox,
form input:not([type='radio']):not([type='checkbox']):active,
form input:not([type='radio']):not([type='checkbox']):hover,
form input:not([type='radio']):not([type='checkbox']):focus {
  background-color: white;
  border: 2px #4aa9db solid;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  transition: none;
  height: 2.5rem;
  /*margin-bottom: 0.875rem;*/
  margin-left: -1px;
  /*padding-top: .5rem*/
}

html, body {
    height: 100%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.tabBody{
    background: #ffffff none repeat scroll 0 0 !important;
}


.RadMultiPage{
    height: 100% !important ;
}

.RadForm.rfdTextbox input[type='text'].rfdDecorated, .RadForm.rfdTextbox input[type='password'].rfdDecorated, .RadForm.rfdTextbox input[type='search'].rfdDecorated, .RadForm.rfdTextbox input[type='url'].rfdDecorated, .RadForm.rfdTextbox input[type='tel'].rfdDecorated, .RadForm.rfdTextbox input[type='email'].rfdDecorated
{
    height:24px !important;
}

.RadGrid 

{

   border-radius: 10px;

   overflow: hidden;

}
body {
   background: #02325b none repeat scroll 0 0 !important;
     /*background: #ffffff none repeat scroll 0 0 !important;*/
    color: #384e73 !important;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    /*font-style: normal;*/
    /*line-height: 150%;*/
    position: relative;
    cursor: default;
}

/*a:hover {
    cursor: pointer;
}*/

img {
    max-width: 100%;
    height: auto;
       display: inline-block;
    vertical-align: middle;
}

img {
    -ms-interpolation-mode: bicubic;
}
.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}
.text-uppercase{
     display:  inline !important;
}
.RadLabel_Office2010Blue  {
    color: #384e73 !important;
    font-weight: 500;
}
   
.panel-title {
    /*padding-left: 15px !important;*/
} 

button, .button {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin:  0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #008cba;
    border-color: #007095;
    color: white;
    /*width: 15%;*/
    /*transition: background-color 300ms ease-out;*/
}

   

.button1 {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin:  0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1.2rem;
    background-color: #008cba;
    border-color: #007095;
    color: white;
    width: 150px;
    /*transition: background-color 300ms ease-out;*/
}


    form {
    margin: 0 0 1rem;
}

    form .row .row {
        margin: 0 -0.5rem;
    }

        form .row .row .column, form .row .row .columns, form .row .row .partner-header {
            padding: 0 0.5rem;
        }

        form .row .row.collapse {
            margin: 0;
        }

            form .row .row.collapse .column, form .row .row.collapse .columns, form .row .row.collapse .partner-header {
                padding: 0;
            }

            form .row .row.collapse input {
                -webkit-border-bottom-right-radius: 0;
                -webkit-border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

    form .row input.column, form .row input.columns, form .row input.partner-header, form .row textarea.column, form .row textarea.columns, form .row textarea.partner-header {
        padding-left: 0.5rem;
    }

label {
    /*font-size: 0.875rem;*/
    /*color: #4d4d4d;
    cursor: pointer;*/
    /*display: block;*/
    /*font-weight: normal;*/
    line-height: 0.9;
    margin-bottom: 0;
}

    label.right {
        float: none !important;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1rem 0;
        padding: 0.5625rem 0;
    }

    label small {
        text-transform: capitalize;
        color: #676767;
    }

    .angular-float-labels-wrapper {
    position: relative;
}



.field > label {
    color: #007acc;
    font-size: 0.7em;
    font-weight: 400;
    margin-left: 6px;
    position: absolute;
    top: 2px;
}

/*form select, form input:not([type="radio"]):not([type="checkbox"]) {
    border: 1px solid #cccccc;
    box-shadow: none;
    font-size: 1rem;
    height: 3.5rem;
    line-height: 1.5rem;
    outline: medium none;
    padding: 1rem;
}*/


.RadDropDownList.RadDropDownList_Office2010Blue
{
    height: 45px !important;
    font-size: 16px !important;
}
.RadDropDownList_Office2010Blue .rddlFocused
{
    height: 45px !important;
    font-size: 16px !important;
}

.RadDropDownList_Office2010Blue .rddlFakeInput{
     height: 40px !important;
    font-size: 16px !important;
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, .riTextBox, select {
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 4.625rem ;
    /*margin: 0 0 1rem;*/
    padding: 0.5rem;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%;
}

.has-feedback label ~ .form-control-feedback {
    top: 0px !important;
}

.form-control-feedback {
   
    width: 52px !important;
   
}

.form-control{
     height: 2.5rem !important;
}

.has-error .form-control {
    border-color: #a94442 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tooltip, .tooltip-inner {
    background-color: #007ACC;
}

element.style {
    cursor:  none !important;
    display: block;
    pointer-events: auto;
}

.radio-inline {
    position: static !important;
    vertical-align:text-top !important;
    
}

label, .has-success.radio-inline{
    /*color:#007acc !important;*/
    font-weight: 500 !important;
}

.ConfirmData{
     color:#007acc !important;
     font-weight: bold;
     font-size: 16px;
}

.ConfirmTerms{
    line-height: 1em !important;
    border-color: #384e73 !important;
    color: #384e73 !important;
}

 #CheckBox1 input[type="checkbox"] {
     margin: 0px !important;
     vertical-align: top !important;
 }

.has-success .form-control {
    /*border-color:#007acc !important;*/
}

.help-block {
    font-weight: bold;
}

.RadForm .rfdRadioChecked .rfdToggleImage,
.RadForm .rfdRadioUnchecked .rfdToggleImage

 {
    /*padding:   0 0.7em  !important;
    /*position:   static  !important;*/
     /*vertical-align: bottom !important;
       position: relative !important;
    top: -1px !Important;
    *overflow: hidden;
    line-height:1.5;*/
   
    
}

.riTextBox, .riSingle, .RadInput, .riTextBox:disabled {
    width: 100% !important;
  

}

 /*.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
   vertical-align: bottom !important;
       position: relative;
    top: -1px;
    *overflow: hidden;

}*/

.riTextBox{
    padding-left:10px !important;
}

.form-control{
    font-size: 1rem !important;
    border-radius:0 !important;

}

/*.radio-inline {
    padding-left: 1px !important;
}*/

::before {
    -webkit-padding-start: 1px !important;
     
    
}

.riContentWrapper{
    width:80% !important;
}   

.riLabel{
    text-wrap:normal !important;
}

.RadForm.rfdRadio input[type="radio"], .RadForm.rfdCheckbox input[type="checkbox"] {
    /*vertical-align: bottom !Important;*/
    margin: 0px 10px 0px 0px !important;
    vertical-align: top !important;
    color: #384e73 !important;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: relative !Important;
    margin-left: 1px !Important;
      /*vertical-align: bottom !important;*/
        top: -1px;
    *overflow: hidden;
       padding-left: 1px !important;

    /*vertical-align:text-top !important;*/

}

.RadTabStrip .rtsLevel1 .rtsLink {
     border-width: 0 !important; 
     border-style:  none !important; 

}

.RadTabStrip .tab {
    background-color:#007acc  ;
    width: 80px;
    height: 70px;
    border-right: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
}

.RadTabStrip .tab.overviewTab {
    border-top-left-radius: 5px;
}

.RadTabStrip .tab.selectedTab {
    background-color: #85b814;
}

.RadTabStrip .tab.hoveredTab {
    background-color: #81a3b2;
}

.RadTabStrip .tab.hoveredTab.selectedTab {
    background-color: #02325b;
}

.RadTabStrip .tab .rtsLink {
    border: none;
    padding: 12px 0 0 0;
}

.RadTabStrip .tab .rtsTxt {
    color: white;
    font-family: 'Segoe UI';
    font-size: 14px;
}

.RadTabStrip .tab .rtsTxt:before {
        display: block;
        height: 25px;
        width: 25px;
        border-radius: 15px;
        background-color: #FFF;
        color: #02325b;
        font-family: TelerikWebUI;
        font-size: 16px;
        text-align: center;
        margin: 0 auto 1px auto;
        padding: 4px;
    }

    .RadTabStrip .tab.homeTab .rtsTxt:before {
        content: url(images/Home.png);
        /*-webkit-mask-box-image: url("images/Home.png");*/
    }

.RadTabStrip .tab.batchesTab .rtsTxt:before {
    content: url(images/Batchlist.png) ;
}

.RadTabStrip .tab.paymentsTab .rtsTxt:before {
    content:url('images/AddingPayments.png');
}

.RadTabStrip .tab.searchTab .rtsTxt:before {
    content: url('images/Find and Select.png');
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    padding-top: 4px;
    height: 28px;
    width: 28px;
    padding: 1px;
}