* {
  box-sizing: border-box;
}

/* RESET CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color:rgba(6, 71, 118, 1);}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
*:focus { outline: 0; }


font-face {font-family: "Arial";
    src: url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.eot");
    src: url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.eot?#iefix") format("embedded-opentype"),
    url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.woff2") format("woff2"),
    url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.woff") format("woff"),
    url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.ttf") format("truetype"),
    url("../font/8d223b3ad8d4819e9dcf22757e4cc2c4.svg#Arial") format("svg");
}

@font-face {
	font-family: 'Arial';
	src: url('./Arial.eot');
	src: local('Arial'), url('./Arial.woff') format('woff'), url('./Arial.ttf') format('truetype');
}

/* GENERIC CLASSES */

body { font-family: 'Arial' !important; background-image: url('img/background.jpg'); background-repeat:repeat; margin: 0; /*color:#000;*/ color: #fff; background:#232c3b; }
label { font-family: 'Arial' !important;}
input { height:20px; }
h1 { font-size:35px; font-family: 'Arial' !important;}
h2 { font-size:16px; font-family: 'proxima-nova'. Helvetica, Sans-Serif;}
p { margin:0px; font-family: 'Arial' !important; }

/* UNIVERSAL CLASSES */

.labelUnit { margin: 0 20px 0 20px; display:inline;}
.uppercase { text-transform: capitalize; }
.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: #191970; }
.red { color: rgb(170,0,0); }
.green{ color:lightgreen; }
.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; }
.line10{ line-height: 10px; }

/* HEADER CLASSES */

#header{ width: 100%; margin: 0 auto; background-color: rgba(255,255,255,1); padding:20px 0 10px 0; }
.mainText { margin:0; }
.description { max-width: 880px; margin: 0px auto 0px;width:100%;font-size:16px}
#headerContainer{ margin: 0 auto; max-width:920px; height: auto;width:100%}
#bottomBorder{ height:4px; width:920px; background-image: url(img/topborder.png); margin:0 auto; }
.righthead{width:100%}

/* CALCULATOR CLASSES */

#calcContainer { margin:0 auto; max-width:1024px; margin-top:34px;width:100%;}
#calc1{ text-align: left; }

/* TITLE CLASSES */

.blockTitle {padding:8px 20px 8px 20px; color:#fff; background-color:#0E5899; /*margin: 42px 0 0 0;*/ font-size: 22px; font-weight: 300; text-align: left;float:left;width:100%;}

/* 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: 10px;text-align: left;}
.rtoTarget, .rpoTarget { width: 100%; }
.rtoTarget label, .rpoTarget label{ left:20%; 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 50px; }

/* 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: 32px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:'Arial' !important; 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: #5c860d;padding: 13px 23px;cursor: pointer;border: none;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: normal;font-family: "Roboto", Helvetica, Arial, sans-serif;}
button#openModal:hover{ background-color:#6fa013; }

/* RESULTS CLASSES */

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

/* FOOTER */

#footer{ 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: 132px;
    width:30%;
    display: block;
    float: left;
}

#logoBlock img{
    width:100%
}

/* PRINT BUTTON */

input#printBtn { background:royalblue; padding:10px 20px; cursor: pointer; border: none; font-family: 'Arial' !important; float:right; height:40px; color:#fff;}
input#printBtn:hover { background-color:darkblue; }

/* 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: #0e5899;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label{
    background: none repeat scroll 0% 0% #5c860d;
    outline: 0;
    color: #fff;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
.columnList .tooltipHolder {
	text-align:left !important;
}
.tooltipHolder .tooltip{
	box-shadow:3px 3px 5px rgb(84, 84, 84);
	color:rgb(255, 255, 255) !important;
	background:#0f304e !important;
	border-radius:5px;
}
.tooltipHolder .tooltip::after{
	border-top-color: #0f304e !important;
}
.width100{
	float:left !important;
	width:100% !important;
}
.width90{
	float:left !important;
	width:90% !important;
}
.width30{float:left !important;width:30% !important;}
.width40{float:left !important;width:40% !important;}
.width50{float:left !important;width:50% !important;}
.width60{float:left !important;width:60% !important;}
.width70{float:left !important;width:70% !important;}
.padding0{padding:0;}
.padding15{padding:15px 0px !important;}
.padding20{padding:20px 0px !important;}
.width94{
	width: 100%; padding: 10px 31px !important;
}
.width92{
	width: 100%;padding: 10px 3% !important;display: inline-block;margin: 0;font-size: 15px;
}
.margin0{
	margin:0 !important;
}
.marginbtm30{
	margin-bottom:30px !important;
}
.bgcls{
	background:#598ecf none repeat scroll 0 0;
	border:1px solid #4169e1;
	border-radius: 5px;
}
.marginleft34{
	margin-left: -40px !important;
}
div.ui-dialog.ui-widget{
	max-width:400px;
	width:100% !important;
	padding:0px !important;
	position: fixed !important;
	top:calc(50% - 150px ) !important;
}
.ui-dialog .ui-dialog-title {width: 100%;}
.ui-dialog .ui-dialog-content {padding: 0.5em 10px;}
div.ui-dialog.ui-widget .ui-dialog-titlebar{
	background: #1565C0 !important;
	color: white;
	padding: 10px 15px !important;
	border: 0;
	border-radius: 0;
}
div.ui-dialog.ui-widget #results{
	background: #FFF !important;
	color: #000;
	padding-top: 20px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{ background:#598ECF!important;}
.medium{
	float:left;
	width:35%;
}
.floatLeft p{
	float:Left;
	width:100%;
}
.floatLeft p .medium{
	float:Left;
	width:100%;
}
.ui-widget-overlay{
	background:rgb(0,0,0) !important;
	opacity:0.6 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:royalblue!important;border-color:#royalblue!important;}
.position{position:relative;}
.tooltipHolder .tooltip{padding:10px 15px !important;}
span.medium::after {
    content: ":";
    position: absolute;
    left: 33%;
    color: white;
}
.ui-corner-all{ border-radius: .25rem; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ color: #495057; }
.rd-btn { box-shadow: 0 1px 3px rgb(0 0 0 / 50%) !important; background-color: #fff; border: 1px solid transparent !important; }
.rd-btn:hover{   }
.rd-btn label{ font-family: "Roboto", Helvetica, Arial, sans-serif !important ; font-weight: 400; }
input[type=radio] + label, input[type=checkbox] + label{ color: #495057; }
input[type=radio]:checked + label, input[type=checkbox]:checked + label{ background: none repeat scroll 0% 0% #0e5899; color: #fff; margin-top: -3px; height: 32px !important;}
@media (max-width:640px){
	.width50{
		float:left !important;
		width:100% !important;
		padding-bottom:15px;
	}
	.padding20{padding:10px 0px !important;}
	
	ul li .width50.center {
    border-bottom-color: rgb(175, 175, 175);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	}
	.rtoTarget label, .rpoTarget label{
		left:5% !important;
	}
	.labelUnit{
		margin-right:15px !important;
	}
	h1{
		font-size:25px;
	}
	h2{
		font-size:14px;
	}
	.description{
		text-align:left;
		margin-top:10px;
	}
	#calcContainer { margin-top:0px;}
	#calcContainer{
		padding: 0px 3%; width: 94%;
	}
	.medium{
		width:100%;
	}
	div.ui-dialog.ui-widget{
		position: absolute !important;
		top:calc(100% - -150px ) !important;
	}
	#resultsPrint > #calc1 span {
		padding:5px 0px !important;
	}
}
	
	.cptch_dv {display: flex;align-items: center;}
	.cptch_dv a {color: #fff!important;font-size: 26px;}
	.mbl_on {display:none;}
@media only screen and (min-width:992px) and (max-width:1199px)  {
	#calcContainer{ max-width: 960px; }
	.width94{ display: block; width: auto; float: none; /*padding: 10px 15px !important;*/}

}
@media only screen and (min-width:768px) and (max-width:991px)  { 
	div.ui-dialog.ui-widget {width: 94% !important;margin: 0 0 0 3%;}
	#calcContainer{ max-width: 720px; }
	.width94{ display: block; width: 100%; float: none; padding: 10px 15px !important;}

	.width100{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -15px; margin-left: -15px;*/ }
	.width50{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; /*padding-right: 15px !important; padding-left: 15px !important;*/}
    .rtoTitle, .rpoTitle{ text-align: left; padding: 0 15px;}
    .rtoTarget, .rpoTarget{ text-align: left; padding: 0 15px; }
    .rtoTarget label, .rpoTarget label{ display: inline-block; position: unset;}
	.columnList li .width50{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }

	.columnList li{ padding: 5px 0px 20px !important; }
	.columnList li .width50 .tooltipHolder .tooltip:after{ bottom: -9px; left: 97.5%; }
	.columnList li .width50 .toolbtn.tooltipHolder:hover .tooltip{ left: auto; right: 0px; }
	.columnList li .width50 .toolbtn{ right: 0px !important; }
	.title_blc{ display: block; text-align: left; margin-bottom: 15px; }
	.in_blc{ display: block; text-align: left; }
	.marginleft34{ margin-left: 0px !important; }
}
@media (max-width:767px){
	#calcContainer{ max-width: 720px; }
	.width94{ display: block; width: 100%; float: none; padding: 10px 15px !important;}

	.width100{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -15px; margin-left: -15px;*/ }
	.width50{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; /*padding-right: 15px !important; padding-left: 15px !important;*/}
	.recoveryTimeBox_left{ padding-bottom: 10px !important; }
    .rtoTitle, .rpoTitle{ text-align: left; padding: 0 15px;}
    .rtoTarget, .rpoTarget{ text-align: left;}
    .rtoTarget label, .rpoTarget label{ display: inline-block; position: unset;}
	.columnList li .width50{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;  }

	.columnList li{ padding: 5px 0px 20px !important; }
	.columnList li .width50 .tooltipHolder .tooltip:after{ bottom: -9px; left: 97.5%; }
	.columnList li .width50 .toolbtn.tooltipHolder:hover .tooltip{ left: auto; right: 0px; }
	.columnList li .width50 .toolbtn{ right: 0px !important; }
	.title_blc{ display: block; text-align: left; margin-bottom: 5px; }
	.in_blc{ display: block; text-align: left; }
	.marginleft34{ margin-left: 0px !important; }
	.process_block_2 .columnList li .width50.title_blc .wrapper{ padding-right: 30px; }
}
@media only screen and (min-width:641px) and (max-width:767px)  { 
	div.ui-dialog.ui-widget {width: 94% !important;margin: 0 0 0 3%;}

}
@media (max-width:640px){
	.mail {padding-top: 15px;}
	.mbl_on {display:block;}
	.mbl_of {display:none;}
	div.ui-dialog.ui-widget {width: 94% !important;margin: 0 0 0 3%;}
	.labelcls {width: 93% !important;}
	.cptch_img {margin: 0px !important;}
	.sbmt_btn {float: right!important;}
	.swal2-container {position: absolute!important;top: 100%!important;}
}

@media (max-width:1199px) {
	#calcContainer {overflow: hidden;}
}



/*********** P New Css ***********/

body button.mdl_btn {background: #5c860d !important;padding: 14px 23px !important;cursor: pointer;border: none;font-family: "Roboto", Helvetica, Arial, sans-serif !important;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: normal;border-radius: 5px;margin-top: 10px!important;}
body button.mdl_btn:hover {background-color: #6fa013 !important;}
.ui-dialog .ui-dialog-titlebar-close {width: 25px!important;height: 25px!important;margin: -12px 0 0 0!important;}

.ui-widget.ui-widget-content {border-radius: .25rem;}
.ui-widget.ui-widget-content:hover, .ui-widget.ui-widget-content:focus {border: 1px solid #80bdff;}
.ui-widget.ui-widget-content input {text-align: left;font-size: 14px;font-weight: normal;}
.ui-widget.ui-widget-content .form_inpt {width: 75%;text-align: left;padding: .222em .45rem .222em 0;font-size: 14px;}
a.ui-button:hover {cursor: pointer;}
.ui-widget.ui-widget-content {width: 92%;}

a.ui-spinner-button:hover {background: #d1e7ff;transition: all 0.4s ease;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-button {background: #ffffff;}

.rd-btn label.btn_thm {background: #5c860d!important;padding: 13px 23px!important;border: none;color: #fff!important;font-size: 16px!important;text-transform: uppercase;font-weight: normal!important;font-family: "Roboto", Helvetica, Arial, sans-serif!important;height: auto!important;border-color: #5c860d;border-radius: 5px;transition: all 0.4s ease;margin: 0 3px 0 0;}
.rd-btn label.btn_thm:hover {transition: all 0.4s ease;background-color: #6fa013!important;}
input[type=radio]:checked + label, input[type=checkbox]:checked + label {margin-top: 0px;height: auto !important;}


.ui-dialog-content .mail .labelcls {width: 100%;}
/**/
.rd-btn{ position: relative; }
.rd-btn input[type=radio]{ display: inline-block ; position: absolute; opacity: 0;} 
.rd-btn input[type=radio]:checked + label{ background-color: #6fa013!important; } 

@media (min-width:991px) {
	.two_form {display: flex;float: left !important;width: 100% !important;}
	.two_form .first_bx {margin-right: 15px;}
	.two_form .second_bx {margin-left: 15px;}
}

@media screen and (max-width: 767px) {
	.rd-btn label.btn_thm{ width: 46%; } 
	.rd-btn .local-label{ margin-right: 1% !important; }
	.rd-btn .cloud-label{ margin-left: 2% !important; }
}


/*********** P New Css ***********/