/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form { }
div.form input, div.form textarea, div.form select { margin: 0.2em 0 0.5em 0; }
div.form fieldset { border: 1px solid #DDD; padding: 10px; margin: 0 0 10px 0; -moz-border-radius:7px; }
div.form label { font-weight: bold; font-size: 13px; display: block; float:left; width:172px; }
div.form .row { margin: 5px 0; position:relative; /*min-height:41px; */}
div.form .hint { margin: 0; padding: 0; color: #999; }
div.form .note { font-style: italic; }
div.form span.required { color: red; }
div.form div.error label, div.form label.error, div.form span.error { color: #C00; }
div.form div.error input, div.form div.error textarea, div.form div.error select, div.form input.error, div.form textarea.error, div.form select.error { background: #FEE; border-color: #C00; }
div.form div.success input, div.form div.success textarea, div.form div.success select, div.form input.success, div.form textarea.success, div.form select.success { background: #E6EFC2; border-color: #C6D880; }
div.form .errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; font-size: 0.9em; }
div.form .errorMessage { color: red; font-size: 0.9em; margin-left: 150px; }
div.form .errorSummary p { margin: 0; padding: 5px; }
div.form .errorSummary ul { margin: 0; padding: 0 0 0 20px; }
div.wide.form label { float: left; margin-right: 10px; position: relative; text-align: right; width: 100px; }
div.wide.form .row { clear: left; }
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage { clear: left; padding-left: 110px; }
/*div.form .row input[type="submit"] { float:left; margin-left:150px; }*/

div.form div.row span.required {  left: 435px; position: absolute;}
form#repairersreg-form div.row span.required {  left: 532px;    position: absolute;}
form#login-form div.row span.required {  left: 532px;    position: absolute;}

.mrgn_t_50 { margin-top:50px }
.mrgn_t_80 { margin-top:80px }


/* New Css 17/04/2014 */

div.form input, div.form textarea, div.form select { margin-top:0; }
div.form .row > input[type=checkbox] { margin-top: 10px; }
div.form .row > label { line-height: normal; padding-top:10px; }
div.form .row > label, div.form .row > select { vertical-align:top; }
div.form div.row span.required { line-height: normal; }

#login-form div.row span.required { top:0; }




/*------09-03-2015-------*/

.form.customer_form     {padding: 0px;                      position: relative;}
div.form.customer_form label    { margin-bottom:5px;}
.customer_form .formCol-left    { width:40%; float:left; padding:0 2.5%;}
.customer_form .formCol-right   { width:40%; float:right; margin-left:0%; padding:0 2.5%;}
.customer_form .form_row    { width:100%; float:left; margin:0 0 10px 0;}
.form_row .set_one  { width:48%; float:left;}
.form_row .set_two  { width:48%; float:right;}
.form_row input[type="password"], .form_row  input[type="text"] { width:97%; float:left; padding:6px 1.5%;}

.form_row .city     { width:31.33%; float:left; margin-right:3%;}
.form_row .state    { width:31.33%; float:left; margin-right:3%;}
.form_row .zip      { width:31.33%; float:right;}

.customer_form .account_form    { width:100%; float:left; padding:30px 0; background:#e7e7e7; margin-bottom:30px;}
.account_form .formCol-left { width:35%; float:left;}
.account_form .formCol-right    { width:55%; float:right;}
.form_row textarea  { width:100%; float:left; padding:0px; border:1px solid #cccccc; height:49px; border-radius:5px;}

.customer_form .note_form { width:95%; float:left; padding:30px 2.5%; background:#e7e7e7; margin-bottom:30px;}
.customer_form .cust_form       { width:100%; float:left; padding:20px 0%; margin-bottom:30px; background:#e7e7e7;}
.customer_form h3   { text-align:left; margin-bottom:20px;}
.form_row .multiselect, .form_row select    { width:100%; padding-bottom:10px;}
.form_row .multiselect .ms-choice   { height:28px; line-height:28px;}
.form_row table { width:100%;}
.form_row label.full    { width:100%; float:left;}
.content_right .form_row table td.column1   { text-align:left;}

.note_form .upload_btn  { width:100%; float:left; padding:0px;}
.upload_btn .btn_left   { width:45%; float:left; padding:0px;}
.upload_btn .btn_right  { width:45%; float:right; padding:0px;}
.upload_btn .upload_pdf     { width:100%; float:left; padding:10px 0; background:#bababa; border-radius:3px; color:#000000; font-size:18px; cursor:pointer; text-align:center; position:relative;}
.upload_btn .upload_img     { width:100%; float:left; padding:10px 0; background:#bababa; border-radius:3px; color:#000000; cursor:pointer; font-size:18px; text-align:center; position:relative;}
.upload_btn input[type="file"]  { opacity:0; position:absolute; top:0px; left:0px; height:100%; width:100%; cursor:pointer;}
.upload_btn i   { width:auto; font-size:18px; margin:0 10px 0 0;}
.upload_btn .pdf_preview    { width:99%; float:left; padding:10px 0px 10px 0; border:solid 1px #bababa; margin-top:10px}
.pdf_preview .pfd_view  { margin-bottom: 5px; width:90%; float:left; padding:5px; border:solid 1px #bababa; margin-left:10px; background:#fff; position:relative;}
.pdf_preview .pfd_view .img { width:40%; float: left;}
.pdf_preview .pfd_view img  { width:100%;}
.pfd_view .edit-delete  { width:100%; position:absolute; bottom:0px; left:0px; background:url(bg_opacity.png) repeat left top; display:none;}
.pfd_view .edit-delete .edit    { width:15px; height:15px; float:left; padding:4px 0 4px 5px; margin:0px;}
.pfd_view .edit-delete .delete  { width:15px; height:15px; float:right; padding:4px 0 4px 5px; margin:0px;}
.pfd_view:hover .edit-delete    { display:block;}
.pdf_preview .pfd_view .pdf-edit {
    float: left;
    width: 55%;
    padding-left: 10px;
    padding-top: 20px;
}
.pdf_preview .pfd_view .pdf-edit input[type="text"],
.pdf_preview .pfd_view .pdf-edit textarea {
    width: 90%;
    padding: 3px 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    resize:none;
}
.pdf_preview .pfd_view .delete {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 15px;
    height: 15px;
}




/*------09-03-2015-------*/


.content_right .rowmy table td {
    padding: 7px 0;
}

div.form_row .errorMessage {
    clear: both;
    color: red;
    float: none;
    font-size: 0.9em;
    width: 100%;
    margin-left: 0px;
}


.config-save-btn {
    position: absolute !important;
    right: 90px !important;
    top: 5px !important;
    width: auto !important;
    margin: 0px !important;
}
.config-save-btn input {
      line-height: 21px !important;
}

div.form div.equipments_equipment_attributes_no_group_unit_location span.required {  left: 355px; top: 5px; position: absolute;}
.ms-drop ul > li label{
    width: 100% !important;
}

#mainform_client .MultiFile-intercepted .form.customer_form {padding:0px; position: relative;}
#mainform_client .MultiFile-intercepted .customer_form h3 {margin-bottom: 0px;}
#mainform_client .MultiFile-intercepted .customer_form .cust_form {padding: 0px; margin-bottom: 20px;}
#mainform_client .MultiFile-intercepted .box-heading {margin: 0px;}
#mainform_client div.form textarea {float: left; width: 100%; padding: 0px !important;}


div.form .row.btn_row {float: left; text-align: center; width: 100%; padding: 20px 0px; background: #b9d6e6; clear: both; margin-bottom: 20px !important; margin-top: 10px}
/**#mainform_client .row.btn_row.bottom-btn {margin: 0px;} **  Removed by Brien **/
#mainform_client .row.btn_row.bottom-btn p {text-align: center; font-weight: bold; color: #000; margin-top: 10px; margin-bottom: 0px; padding: 0px; width: 100%;}
/*#mainform_client div.form input, div.form textarea, div.form select {margin: 0px;}*/
#mainform_client .box-container .box-left.gray-background {min-height: 115px;}
#mainform_client .box-container .box-right.gray-background {min-height: 115px;}




.content_right table td { font-size:10px; color: #5f6160; font-weight:700; padding:5px 10px; text-align:left; text-decoration:none;}
.content_right  table tbody.fix-table td a img { float: left; display: inline-block; width: 16px; height: auto;}


/*.content_right table tbody.fix-table tr td {width: 14.5% !important; padding: 10px !important; text-align: left;}*/
/*#page.container table {width: 100% !important}*/
a#btn_repair_invoice { margin-right: 0%; float: right;} 
p.add_timestamp {margin: 0;}

/*.content_right table tbody.fix-table tr:nth-child(even) {background: #bdbec0; vertical-align: middle; height: 30px; display: inline-table; width: 100%; float: left;}*/
/*.content_right table tbody.fix-table tr:nth-child(odd) {background: #d1d2d6; vertical-align: middle; height: 30px; display: inline-table; width: 100%; float: left;}*/
/*.content_right table tbody.fix-table {height: 250px; overflow-x:hidden; overflow-y:scroll;width: 100%; display:block;}*/

.formCol-right.main_inner_client table {border: 1px solid #5f6160; margin-top: 0; padding: 0;} 
.formCol-right.main_inner_client thead th {padding: 10px; text-align: left; border-right: 1px solid #fff; width: 17%; font-size: 11px; background-color: #555; color: #fff;}
.formCol-right.main_inner_client thead th:last-child {padding: 10px; text-align: left; border-right:none;}
/*.formCol-right.main_inner_client table {width:100% !important; vertical-align: top; top: 0; }*/
/*.formCol-right.main_inner_client thead { background: #5f6160; color: #fff; float: left; width: 100%; display: inline-table;}*/