@import "variables.css";

/* ----------------------------------------------------------------------------------------------------------
Modal
---------------------------------------------------------------------------------------------------------- */
body.fluid-body.modal-page { padding-top: 0; }
body.modal-page .zend_form dt { width: 20%; }
body.modal-page .zend_form dd { width: 75%; }

/* ----------------------------------------------------------------------------------------------------------
2 Cols Search form
---------------------------------------------------------------------------------------------------------- */

.search-form.col-2 .zend_form dd.from-date-element { width: 10%; float:left; margin-left: 0px;}
.search-form.col-2 .zend_form dt.to-date-label { width: 10%; float:left;  margin-left: 0; }
.search-form.col-2 .zend_form dd.to-date-element { width: 10%; float:left; margin-left: 0px;}

/* ----------------------------------------------------------------------------------------------------------
Modal
---------------------------------------------------------------------------------------------------------- */
body.fluid-body.modal-page { padding-top: 0; }
body.modal-page .zend_form dt { width: 20%; }
body.modal-page .zend_form dd { width: 75%; }

/* ----------------------------------------------------------------------------------------------------------
Navbar
---------------------------------------------------------------------------------------------------------- */
.navbar .brand { color: #AE1413; }
.navbar .nav > li > a, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #AE1413; }


/* ----------------------------------------------------------------------------------------------------------
Dashboard
---------------------------------------------------------------------------------------------------------- */
.dashboard {}

/* ----------------------------------------------------------------------------------------------------------
Widget
---------------------------------------------------------------------------------------------------------- */
.widget { border: 1px solid #ccc; margin: 0 0 20px 0; }
.widget h2 { text-align: left; text-transform: capitalize; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 10px; font-weight: bold; margin-left: 20px; }
.widget .control-bar { margin: 10px;  width: 100%; }
.widget .control-bar dl { margin: 0; padding: 0; }
.widget .control-bar dl dt, .widget .control-bar dl dd { float:left; list-style:none;  color: #000; font-size: 16px; margin: 0px; line-height: 30px; margin-bottom: 10px; text-transform: capitalize; }
.widget .control-bar dl dt label { height: 30px; margin: 0 10px; font-weight: normal; }

.widget .control-bar.two-cols dl dt, .widget .control-bar.two-cols dl dd { width: 250px; text-transform: capitalize; font-size: 15px; }
.widget .control-bar.two-cols dl dt { width: 180px; text-align: right; text-transform: capitalize; }

.widget .camera { text-align:center; margin-bottom: 20px; }
.widget .camera h2 { text-align:center; font-size: 20px; }
.widget .camera img { width: 200px; }

.widget .control-bar.two-cols #from_t_date-element { width: 75px; }
.widget .control-bar.two-cols #to_t_date-label { width: 30px; }
.widget .control-bar.two-cols #to_t_date-element { width: 135px; }

.fis-dashboard-widget-page .container { width: 100%; }

/* ----------------------------------------------------------------------------------------------------------
EDI 
---------------------------------------------------------------------------------------------------------- */
.td-hl-1 { background-color : #BDD7EE !important; font-weight:bold; }
.td-hl-2 { background-color : #C6E0B4 !important; font-weight:bold; }

.table-striped > tbody > tr.green-line > td { background-color: #c0e0b0; }

/* ----------------------------------------------------------------------------------------------------------
Pagination
---------------------------------------------------------------------------------------------------------- */
div.pagination { margin: 10px 5px 0 5px; text-align:center; float:left; font-size:10px; color: var(--gray-darker); }
div.pagination a { padding: 7px 7px; margin-right: 8px; border: 1px solid var(--gray-darker); text-decoration: none;  color: var(--gray-darker); float:none; }
div.pagination span { padding: 7px 7px; margin-right: 8px; }
div.pagination a:hover, div.pagination a:active { border:1px solid #ddd; color: var(--fw-font-color); background-color: var(--fw-bg-color2); }
div.pagination span.current { border: 1px solid #ddd; font-weight: bold; background-color: var(--fw-bg-color2); color: var(--gray-darker); }
div.pagination span.disabled { border: 1px solid #ddd; color: #ccc; }
div.pagination .set-row-per-page { border: 1px solid #ddd; background-color: var(--fw-bg-color1); font-size: 10px; color: var(--gray-darker); margin-bottom: 0; line-height: 35px; width: 120px; height: 30px; }