/*******************
*
* *** Order Form css *** 
*
********************/

.container-fluid{}

.header-right{float:right;}

.header-right h4{border-bottom:1px solid #df7e04;font-weight: bold;color:#df7e04;}
.header-right p{text-align:center;padding-right:4px;}

.line{width:135px;margin:auto;}
.line h4{border-bottom: 1px solid #df7e04;font-weight: bold;color:#df7e04;}
.theme-color{color:#df7e04;}
.theme-bg{background:#df7e04;}
 
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  padding:1em;
}
page[size="A4"] {  
  width: 21cm;
  height: auto; 
}
input,textarea,select{outline:0 none !important;}
.date-box{float: right;}
.form-box{border:1px solid #888;padding: 15px;width:100%;float: left;margin-bottom: 1em;}
.text-line{width:100%;float: left;}

.text-line label{width:40%;float: left;font-weight: normal;}
.text-line input{width:60%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.text-12{width:100%;float: left;}

.text-12 label{width:19%;float: left;font-weight: normal;}
.text-12 input{width:81%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}
.check-box{display:flex;}
.check-box div{flex:1;}

.row-3{width:100%;float: left;}
.row-3 label{width:20%;float: left;}
.row-3 input[type="checkbox"]{width:5%;float: left;}
.row-3 input[type="text"]{width:62%;float: right;border-bottom:1px dotted #333;border-top:none;border-right:none;border-left:none;}
.row3-2nd{width:100%;float: left;margin-bottom: 5px;}
.row3-2nd label{width:20%;float: left;}
.row3-2nd input[type="checkbox"]{width:35%;float: left;margin-bottom: 2px;}


.hosting {width:100%;float: left;}
.hosting input[type="text"]{width:97px;float: right;}

.cost-line{width:100%;float: left;margin-bottom: 7px;}
.cost-line input{width:90%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.cost-box{display:flex;}
.cost-box div{flex:1;*text-align: center;}
.cost-box input{width:65px;}

.cost-url{width:100%;float: left;}
.cost-url label{font-weight: normal;}
.cost-url input{width:90%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.soft-box{display:flex;}
.soft-box div{flex:1;*text-align: center;}
.soft-box input[type="text"]{float:right;border-bottom: 1px dotted #333;*height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;width:73%;}

.other-box{width:100%;float: left;}
.other-box label{float: left;}
.other-box div{width:85%;float: right;}
.other-box div input{width:93%;border-bottom: 1px dotted #333;*height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.payment-box{width:100%;float: left;}
.payment-box input{*width:334px;border-bottom: 1px dotted #333;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}
.payment-box div{margin-bottom: 5px;float: left;}

.adv-amount{width:100%;float: left;}
.adv-amount label{font-weight: normal;}
.adv-amount input{width:84%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.footer-left{width:100%;float: left;}
.footer-left label{font-weight: normal;}
.footer-left input{width:68%;float: right;border-bottom: 1px dotted #333;height:20px;letter-spacing: 3px;border-top:none;border-right:none;border-left:none;}

.copy-box{display: flex;text-align: center;}
.copy-box div{flex:1;}
.b1{background:#df7e04;color:#fff;padding:7px; }
.b2{background:#8a8a8a;color:#fff;padding:7px; }
.copy-box a{text-decoration: none;color:#fff;}
.footer-box h4{font-weight: bold;font-size: 16px;}

.login_form {margin-top:10%;}
.login_form .well {border-radius:1px;background:rgba(255,255,255,1);border:none;padding:7% 5% 7%;border:7px solid rgba(235, 135, 18,0.6);border-radius:3px;}
.login_form input{border-radius:0;background:#fff;}
.btn {border-radius:none !important;}