/* ----------- Tabs ----------- */
@font-face { font-family: "Myriad Pro", Arial; font-style: normal; font-weight: normal; src: url(../fonts/TCM_____.ttf) format('truetype'); }
/* General */ 
body { background: none; font-family: "Tw Cen MT", sans-serif; padding: 0 }
.clear { clear: both; }
li, table, td, input, textarea, select { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#tabs { position: relative; margin: 5px; height: 95%; min-height: 95% }
#tabs { }
#tabs .tabs_container:before, #tabs .tabs_container:after { content: ""; clear: both; display: block }
#tabs .tabs_container { height:99%; overflow: auto; }
#tabs li a { text-transform: uppercase; font-weight: 700; }
#tabs fieldset:before, #tabs fieldset:after, fieldset:before, fieldset:after { content: ""; clear: both; display: block }
#tabs fieldset, fieldset { margin-bottom: 5px; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#tabs legend { padding-left: 5px; text-transform: uppercase; font-weight: 700; }
#tabs label { float: left; display: block; text-align: left; margin: 0px 5px 0px 5px; }
#tabs textarea { padding: 4px; width: 305px;  }
#tabs h1 { font-size: 14px; font-weight: 700; margin-bottom: 1px; padding-bottom: 5px; border-bottom: 1px solid #b7ddf2; }
#tabs select { margin-top:0; outline: none; }
#tabs input[type='text'] { width: 280px; font-size: 14px; line-height: 100%; margin: 0px }
#tabs select, #tabs textarea, #tabs input, #tabs td { font-size: 13px; }
#tabs select { width:120px }
#tabs select.number { width:40px }
/*#tabs input:focus, textarea:focus, select:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0 0 4px #007eff; -moz-box-shadow: 0 0 4px #007eff; box-shadow: 0 0 4px #007eff; outline: none }*/
#tabs .tabs_container div { margin-bottom: 3px; }
#tabs .new { float: left; }
#tabs .box_label { float: left; margin-right: 10px; }
#tabs .float-right { float: right; margin-right: 10px; }
#tabs p { font-size: 11px; color: #666; margin-bottom: 20px; padding-bottom: 10px; }
#tabs div:before, #tabs div:after { content: ""; clear: both; display: block }
#tabs .wide { width: 130px; }
#tabs .price { width: 80px !important; text-align: right; font-size: 14px }
#tabs .add_contact, #tabs .add_row, #tabs .delete_row { margin: 0px 0px 0px -2px; padding: 3px 6px 3px 7px; color: #fff; text-decoration: none; border-radius: 10px }
#tabs .add_contact { background: #419945 }
#tabs .add_row { background: #419945 }
#tabs .delete_row { background: #C00 }
#tabs .users-det label.wide { width: 140px; }
#tabs .users-det .send_pw_btn { margin: 2px 0 0 149px }
#tabs .users-det input[type=checkbox] { margin: 0; padding: 0 }
#tabs .contacts_column { float:left; vertical-align: top }
#tabs .contacts_column div { width:330px; }
#tabs .contacts_column label.wide { width: 90px; padding: 2px; text-align:right }
#tabs .contacts_column input[type='text'] { min-width: 100px; max-width: 220px }
#tabs .contacts_column textarea { min-width: 100px; max-width: 220px; height:70px }
#tabs .expedients_column { float:left; vertical-align: top }
#tabs .expedients_column { min-width:350px; width:48% }
#tabs .expedients_column label.wide { padding: 2px; width: 95px !important }
#tabs #right input.input_with_plus { width: 200px !important; }
#tabs .expedients_column input[type='text'] { width: 55%; max-width: 305px }
#tabs .expedients_column textarea { width: 58%; max-width: 305px }
#tabs .expedients_column .addbox { margin-left: 0px; width:340px; height: 30px; }


#tabs .invoices_column label.wide { width: 115px; text-align: right }
#tabs .invoices_column .snapline { margin: 0px !important; padding: 0px !important }
/*#tabs .invoices_column .snapline input { position: relative; margin: 0px; padding: 0px }*/
.snapline input, .snapline textarea { float: left; height: 20px; font-size: 12px !important; margin: 0px 0px 2px 0px; padding: 2px 5px !important }
small { font-size:10px}
	
#tabs .invoices_column .width1 { width: 100px !important }
#tabs .invoices_column .txt-right { text-align: right }
#tabs .invoices_column .input1 { width: 210px }
#tabs .invoices_column .snapline input.date { width: 70px !important; text-align:right; }
#tabs .invoices_column .snapline textarea.details { width: 370px; resize: vertical !important; min-height: 20px !important }
#tabs .invoices_column .snapline input.amount { width: 88px !important; text-align:right }
#contact_dialog { }
#contact_dialog label.wide { width:80px; padding: 3px }
#contact_dialog input[type='text'] { width: 58%; max-width: 250px }
#contact_dialog textarea { width: 58%; max-width: 250px }
#tabs .change_pwd div { margin-bottom: 7px }
#tabs .change_pwd label.wide { width: 150px }
#tabs .change_pwd input.chg_pwd { width: 160px }
#pop_action div { margin-bottom: 7px }
#pop_action label.wide { width: 100px !important; font-size: 14px; }
#pop_action input[type=text], #pop_action select { width: 200px }
#pop_action textarea { width: 100% !important }
.fromBox { margin-left: 150px }
.fromBox:after { content: ""; clear: both; display: block }
.btn { background: #ccc; border: none !important; border-radius: 5px; color: #000; cursor: pointer; font-size: 14px !important; padding: 0px 6px !important; height: 24px !important; line-height: 24px !important; }
.btn_submit { margin-top: 10px }
.add_action { float: right; width: 82px; cursor: pointer; line-height: 26px }
.add_action img { float: left; margin-right: 3px }
input.error, textarea.error, select.error { border: 1px solid #f00; }
.info, .success, .warning, .errorbox, .validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
.errorbox { color: #D8000C; background-color: #FFBABA; background-image: url('../media/icons-lib/cancel.png'); }
.snapped { float:left; position: relative; border:1px solid #fff; background-color:#e0e0e0; border-radius:5px; margin:0px 5px 5px 0px; padding:5px 20px 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/** Cases Details **/
#cases-detail { }
/*
#cases-detail .content_body { top: 10px !important; }
#cases-col-left { padding: 10px; width:200px; position:absolute; top: 50px; right:0; bottom: 0; left:0; overflow: auto  }
#cases-col-right { max-width: 100%; height: auto !important; position: absolute; top: 50px; bottom: 20px; right: 10px; left: 240px }
#cases-col-right #tabs { position: relative !important; max-width: 100%; max-height: 100%; top: 0; bottom: 0px !important; overflow: hidden }
*/
#cases-detail .btn_edit { background: #ccc; border-radius: 5px; color: #000; cursor: pointer; float: right; margin: 0; font-size: 14px; padding: 4px 6px }
#cases-detail #top { width: 100%; /*border-bottom: 1px solid #ccc;*/ margin-bottom: 20px; text-align: center }
#cases-detail #top:after { content: ""; clear: both; display: block }
#cases-detail p { margin-bottom: 3px }
#cases-detail b { font-size: 18px }
#cases-detail .column { position: relative; bottom: 0; top: 0; float: left; width: 20%; height: 100%; text-align: left; margin: 0px !important; padding: 0 10px !important; overflow: auto }
#cases-detail .column:last-child { width: 75% }
#cases-detail .lawyer { margin-bottom: 10px; padding-bottom: 10px }
#cases-detail .lawyer:last-child { background: none; padding-bottom: 24px !important; }
/*textarea.activity { max-width: 200px !important; resize: none }*/
.cases_title { padding: 0 15px; font-size: 18px !important }
#cases-detail .top_options { height: 28px; margin: 0px; padding: 0px }
#cases-detail .actions_toolbar { float: left; width: 600px; height: 28px }
/*#cases-detail select.selectbox { float: left; padding: 3px 0; }*/


#cases-detail .options_actions { float: left; height: 28px; margin: 0px; padding: 0px }
#cases-detail .options_actions li { list-style: none; text-align: left }
#cases-detail ul.select_checkbox { float: left; width: 260px; height: 28px; margin: 0px; padding: 0 25px }
#cases-detail ul.select_checkbox li { display: inline-block; padding: 0 10px; line-height: 12px }
#cases-detail .tbl_header { width: 100%; table-layout: fixed; font-size:13px }
#cases-detail .tbl_header a { color: #fff }
#cases-detail .tbl_header th { padding: 1px 5px; text-align: left; vertical-align: middle; background: #2b7dbc; color: #fff; border-top: 1px solid #ccc; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap }
#cases-detail .tbl_content td { font-size: 13px !important; border-bottom: 1px solid #ccc; border-left: solid 1px #ccc; padding: 1px 5px; vertical-align: middle; text-align: left; margin: 0px; min-width: 40px; overflow: hidden; white-space:nowrap;empty-cells: show;  }

#cases-detail .tbl_content td:first-child { border-left:none }
#cases-detail .tbl_content:before, #cases-detail .tbl_content:after { content: ""; clear: both; display: block }
#cases-detail .tbl_content { width: 100%;border-collapse: collapse;  }
#cases-detail .tbl_content tr:hover { background-color:#ebebeb; }
#cases-detail .tbl_content .row_pos input { text-align:left; }
#cases-detail .tbl_content a { color:#000; text-decoration:none; }
#cases-detail .tbl_content a:hover { text-decoration:underline; }
#cases-detail .tbl_content_inner { max-width: 99.8%; height: 250px; border: 1px solid #ccc; overflow-x: hidden; overflow-y: scroll }

#case-form { font-size: 14px }
#case-left, #case-right { position: relative; float: left; width: 100%; max-width: 472px; margin-bottom: 15px }
#case-left { margin-right: 15px; }
#case-form .center { text-align: center }
#case-form .separator { clear: both; display: block; height: 20px; }
#case-form .title { float: left; font-weight: 700; font-size: 18px; margin-right: 8px; line-height: 22px }
#case-form .title_box { border: none; border-bottom: 1px solid #999; color: #000; font-size: 14px; width: 94% }
#case-form .field { float: left; position: relative; }
#case-form .field_input { background-color: #f5f5f5; border: 1px solid #7db4d8; height: 24px; margin-top: 3px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#case-form .textarea { background-color: #f5f5f5; border: 1px solid #7db4d8; font-size: 13px; min-height: 221px; margin-bottom: 10px; padding: 5px; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#case-form .width1 { width: 105px }
#case-form .width2 { width: 216px }
#case-form .width3 { width: 450px }
#case-form .width4 { width: 540px }
#case-form .box1 { margin: 0 10px 8px 0 }
#case-form .box2 { margin: 0 0 8px 0 }


/*color*/
.color_box{ width: 25px; height: 25px; display: inline-block; margin-right: 5px;}
.color2{background: #ff5200; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color3{background: #ff9c00; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color4{background: #ffc600; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color5{background: #fbeb00; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color6{background: #08ff08; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color7{background: #00a08c; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color8{background: #004aff; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.color9{background: #9400a5; width: 15px; height: 15px; display: inline-block; margin-right: 10px;}
.usercolor{margin-right: 10px;}
.radio1{float: left;}