/* GENERIC CLASSES */
.postcontent label { font-family: 'proxima-nova', Helvetica, Sans-Serif;}
.postcontent input { height:20px; }
.postcontent h1 { font-size:46px; font-family: 'proxima-nova', Helvetica, Sans-Serif;}
.postcontent h2 { font-size:24px; font-family: 'proxima-nova'. Helvetica, Sans-Serif;}
.postcontent p { margin:0px; font-family: 'proxima-nova', Helvetica, Sans-Serif; }

/* UNIVERSAL CLASSES */

.labelUnit { margin: 0 20px 0 20px; display:inline;}
.uppercase { text-transform: uppercase; }
.bold { font-weight:700; }
.notbold { font-weight:400; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.light { font-size:14px; }
.medium { font-size:16px; }
.medium2 { font-size:20px; }
.large { font-size: 26px; }
.blue { color: #47a0e2; }
.red { color: rgb(170,0,0); }
.green{ color: rgb(150, 199, 37); }
.orange { color:#f56f10; }
.dark { color: rgb(25,25,25); }
.displaynone { display: none; }
.proxima { font-family: 'proxima-nova', "Helvetica Neue", Helvetica, Arial, sans-serif; }
.opacity5{ opacity: .5; }
.noPointer{ cursor: default; }
.floatLeft { float:left; }

/* HEADER CLASSES */

#dattoheader{ width: 100%; margin: 0 auto; background-color: rgba(255,255,255,1); padding:20px 0 20px 0; }
.mainText { margin:0; }
.description { width: 880px; margin: 0px auto 20px;}
#headerContainer{ margin: 0 auto; width:920px; height: 140px;}
#bottomBorder{ height:4px; width:920px; background-image: url(/files/2015/10/topborder.png); margin:0 auto; }

/* CALCULATOR CLASSES */

#calcContainer { margin:0 auto; width:920px; margin-top:34px;}
#calc1{ text-align: left; }

/* TITLE CLASSES */

.blockTitle {padding:8px 20px 8px 20px; color:rgb(255,255,255); background-color: rgba(6, 71, 118, .7); margin: 42px 0 0 0; font-size: 22px; font-weight: 300; text-align: left;}

/* TARGET BOX CLASSES */

.targetBox { height: 148px; background-color: rgba(255,255,255,.2);}
.target { width: 400px; padding: 10px 20px 20px 20px; position: relative; float:left; }

/* RECOVERY TIME CLASSES */

#recoveryTimeBox { margin-right:20px; }
.rtoTitle,.rpoTitle { margin-bottom: 20px; }
.rtoTarget, .rpoTarget { width: 300px; }
.rtoTarget label, .rpoTarget label{ left:22%; position:relative; }

/* CALCULATOR CLASSES */

#recoveryInfo { width:920px; height:314px; background-color: rgba(255,255,255,.2); }
#downtimeCosts { width:920px; height: 336px; background-color: rgba(255,255,255,.2); }

.opacity60 { opacity: .60; }

/* COLUMN CLASSES */

#col1, #col2, #col3, #col4 { width: 400px; float:left; padding:10px;}
.columnList li { list-style-type: none; }
#col1, #col3 { margin: 5px 20px 0 0; }
.margin32 { margin: 0 0 32px 0; }
.margin27 { margin: 0px 0px 44px; }

/* INPUT CLASSES */

#inner-editor { height:30px; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number]{ width:48px; height: 22px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:'proxima-nova', Helvetica, Sans-Serif; text-align:center; font-weight: 700; !important }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; !important }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; !important }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; !important }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; !important }

/* CALCULATE BUTTON CLASSES */

#calcButton{ margin-bottom:42px; }
button#openModal { background: rgb(150, 199, 37); padding:10px 20px; cursor: pointer; border: none; font-family: 'proxima-nova', Helvetica, Sans-Serif;}
button#openModal:hover{ background-color:rgb(150, 186, 70); }

/* RESULTS CLASSES */

.main-dialog-class{ display: none; }
.counter{ display:block; }

/* FOOTER */

#dattofooter{ width: 100%; margin: 0 auto; background-color: rgba(255,255,255,1); padding:20px 0 20px 0; }
.footerText{ margin:0; text-align: center; }

/* LOGO ANAIMATION */

#logoBlock{
    height: 90px;
    width: 427px;
    display: block;
    float: left;
}

#logoBlock img{
    width:100%
}

/* PRINT BUTTON */

input#printBtn { background: rgb(150, 199, 37); padding:10px 20px; cursor: pointer; border: none; font-family: 'proxima-nova', Helvetica, Sans-Serif; float:right; height:40px; color:#fff;}
input#printBtn:hover { background-color:rgb(150, 186, 70); }

/* RADIO BUTTON */

input[type=radio], input[type=checkbox] {
    display:none;
}

input[type=radio] + label, input[type=checkbox] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label{
    background: none repeat scroll 0% 0% rgb(150, 199, 37);
    outline: 0;
    color: #fff;
}