/* @charset "utf-8";

/* CSS Document */

#choreyn {

	background: blue;

}

#outsource_calculator {

	margin: 30px 0;

}



#outsource_calculator label {

	font-weight: bold;

	font-size: 13px;

}



#outsource_calculator .clearfix{

	clear:both;

	display:inline-block;

}



#outsource_calculator .oc_header{

	display: table;

}

#outsource_calculator .oc_next{

	min-height:70px;

}

#outsource_calculator .oc_header ul{

	list-style-type:none;

	padding:0;

	margin:0;

	display:inline-block;

}

#outsource_calculator .oc_header{

	display:inline-block;

}

#outsource_calculator .oc_header ul li{

	float:left;

	display:block;

	line-height:70px;

	padding-left:35px;

	padding-right:15px;

	position:relative;

	background:#CCC;

	margin:0;

	text-transform:uppercase;

}

#outsource_calculator .oc_header ul li:nth-child(odd){

	background:#E6E6E6;

}

#outsource_calculator .oc_header ul li:nth-child(odd):after,

#outsource_calculator .oc_header ul li:nth-child(even):after{

	width: 0px;

	height: 0px;

	border-style: solid;

	border-width: 35px 0 35px 20px;

	border-color: transparent transparent transparent #cccccc;

	content:'';

	display:block;

	position:absolute;

	left:100%;

	top:0;

	z-index:1;

}

#outsource_calculator .oc_header ul li:nth-child(odd):after{

	border-color: transparent transparent transparent #E6E6E6;

}



#outsource_calculator .oc_header ul li.current{

	background:#1595D3;















	color:#fff;

}

#outsource_calculator .oc_header ul li.current:nth-child(even):after,

#outsource_calculator .oc_header ul li.current:nth-child(odd):after{

	border-color: transparent transparent transparent #1595D3;

}



#outsource_calculator input[type=text].oc_input, select.oc_input{

	padding:14px 10px;

	border:solid 1px #999;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	width:100%;

	line-height: 19px;

	-webkit-appearance: none;

	border-radius: 0 !important;

}

#outsource_calculator .step, #outsource_calculator .information, #outsource_calculator .information2{

	display:none;

	width:500px;

	max-width:500px;

	overflow:hidden;

	background:#FFF;

	padding:10px;

}

#outsource_calculator .step.current{

	display: block;

}



#outsource_calculator .btn-back{

	display:none;

}



#outsource_calculator .btn-next,#outsource_calculator .btn-send{

	margin-left: 10px;

}







#outsource_calculator .col-6{

	width:40%;

	float:left;

	margin: 0 5px;

}



#outsource_calculator .col-3{

	width:25%;

	float:left;

	margin: 0 5px;

}



#outsource_calculator .col-2{

	width:13%;

	float:left;

	margin: 0 5px;

}



#outsource_calculator #oc_input_qty{

	width:100%;

}

#outsource_calculator .pull-right{

	float:right;

}

#outsource_calculator button{

        border: 0px !important;

        font-weight: normal !important;

        background: #1595D3;

        color: #FFF !important;

        text-shadow: none !important;

        margin-top: 10px;

        padding: 6px 14px;

        border-radius: 10px;

        line-height: 26px;

	cursor: pointer;

}



#outsource_calculator .add-job { margin-top: 30px;}



#outsource_calculator .oc_table_job_list{

	border:solid 1px #999;



}

#outsource_calculator .oc_table_job_list tr th,

#outsource_calculator .oc_table_job_list tr td{

	padding:10px;

}

#outsource_calculator .au_amount{

	width:60px;

	text-align:right;

}



#outsource_calculator .clientinfo {

	margin-bottom:20px;

}



#outsource_calculator .second, #outsource_calculator .third {

	margin-bottom: 20px;

	border:1px solid #eee;

}

.information ul li {
	margin-bottom: 20px;
}





@media only screen and (max-width: 600px) {

	#outsource_calculator .col-6{ width: 35%;}

	#outsource_calculator .col-2{ width: 14%;}

}



@media only screen and (max-width: 480px) {

	#outsource_calculator .col-6{ width: 100% !important;}

	#outsource_calculator .col-3{ width: 100% !important;}

	#outsource_calculator .col-2{ width: 100% !important;}

	#outsource_calculator .step, #outsource_calculator .information, #outsource_calculator .information2{

		max-width:100%;

	}

}











/*======== NEW cho ===============*/



.currency{

	//background-color: rgba(0,0,0,0.3);

	margin-top: 15px;

}



.currency #currency_selection ul{

	margin: 0px;

	padding: 0px;

	margin-top: 0px;

}



.currency #currency_selection ul li {

	list-style: none;

	background-color: rgba(0,0,0,0.5);

	margin: 0px;

	padding: 0px;

}



#usd, #php, #aud, #eur {

	padding-top: 10px;

	padding-bottom: 5px;

}



#usd:hover, #php:hover, #aud:hover, #eur:hover{

	background-color: #1595D3;

	color: white;

}







.currency #default_currency, .currency #currency_selection{

	margin: 0px;

	padding: 0px;

	display: block;

	background-color: rgba(0,0,0,0.1);

}



.currency #default_currency{

	border: 1px solid rgba(0,0,0,0.3);

	background-color: white;

	color: black;

}



#default_img, #default_text{

	position: relative;

	display: inline-block;

	margin: 0px;

	padding: 0px;

}



#eur > #default_text{

	/* padding-left: 0px; */

}



#currency_selection ul li div{

	display: inline-block;

	padding-top: 10px;

}







#default_text{

	vertical-align:top;

	margin-bottom: 0px;

}

#currency_selection_text{

	vertical-align:middle;



}



.currency img{

	vertical-align:middle;

	display: block;

	padding: 0px;

	height: 23px;

	margin-right: 10px;

}

#default_img{

	margin-left: 10px;

}

#currency_img{

	margin-left: 50px;

}



#arrow_down {

    display: inline-block;

    float: right;

    width: 30px;

    height: 14px;

    margin-top: 5px

}



#arrow_down img {

	height: 14px;

    width: 16px;

    opacity: .40;

}





.currency #default_currency {

    background-color: white;

    color: black;

    padding-bottom: 6px;

    padding-top: 12px;

	margin-top: 10px;

}





#currency_selection {

    margin: 0px;

    padding: 0px;

    display: block;

    background-color: rgba(0,0,0,0.1);

    padding-top: 0px;

    padding-bottom: 3px;

}



#currency_select{

	margin-left: 10px;

	margin-bottom: 5px;

	width:80%;

	display:inline-block;

}













#outsource_calculator .btn-next {

	float: right !important;

}



#outsource_calculator .btn-container {

    width: 102%;

    max-width: 510px;

}





.my-future-ddm {

	display: none;

}

/*======== NEW cho end ===============*/





/*











<div class="" id="default_currency">

	<img src="//zigzagadvertising.com.ph/zzo/wp-content/uploads/2014/02/aud.png" />AUD</span>

	<span></span>

</div>



<ul class="" id="currency_selection">

	<li class="" id="php"><div><img src="//zigzagadvertising.com.ph/zzo/wp-content/uploads/2014/02/php.png" /></div><div id="php_text">PHP</div></li>

	<li class="" id="aud"><div><img src="//zigzagadvertising.com.ph/zzo/wp-content/uploads/2014/02/aud.png" /></div><div id="aud_text">AUD</div></li>

	<li class="" id="usd"><div><img src="//zigzagadvertising.com.ph/zzo/wp-content/uploads/2014/02/usd.png" /></div><div id="usd_text">USD</div></li>

</ul>

<br/>













.currency #default_currency{

	display: block;

	padding: 0;

	margin: 0;

	background-color: rgba(0,0,0,0.5);

	width: 100%;

}



.currency #default_currency #default_flag {



	position: absolute;

}



.currency #default_currency img{

	margin-top: 10px;

}



.currency #default_currency span{

	display: inline-block;

	background-color: rgba(0,0,0,0.1);

}



.currency #currency_selection{

	padding: 0;

	margin: 0;

	display: block;

}





.currency ul li{

	display: block;

	list-style: none;

	background: rgba(0,0,0,0.2);

	width: 100%;

}



.currency ul li:hover{

	background: green;

}









.currency #default_currency_text, #php_text, #aud_text, #usd_text{

	color: green;

	background: rgba(0,0,0,0.2);

}



.currency img{

	height: 0;

	background: rgba(0,0,0,0.2);

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



.currency img{

	height: 20px;

	background: rgba(0,0,0,0.2);

	margin-top: 0;

	margin-bottom: 0;

	margin-left: 0;

}





*/



















 */