/* --------------------------------------------------
    Table of Contents
-----------------------------------------------------
:: General
:: Bootstrap surclass
:: Spacing
:: Module
:: Top Bar
:: Main Content
:: Partial
*/



/* -----------------------------------------
    General
----------------------------------------- */
body { padding-top: 60px; }
body .breadcrumb { margin-top: -20px;}

.footer { text-align:center; border-top:1px solid #DDD;}


/*link*/
a { color:#049CDB; }
a:hover { color:#047DA9; }

/* Headings*/
h1, .h1 { color: #404040; }
h2, .h2 { color: #666666; font-weight:bold; border-bottom:1px solid #EFECEC;}
h3, .h3 { color: #404040; }
h4, .h4 { color: #404040; }
h5, .h5 { color: #404040; }
h6, .h6 { color: #404040; }

/* Helpers */
.fLeft { float:left; }
.fRight { float:right; }
.center { text-align:center; }
.input-obligation > span { color:red; }

/* Clearfix */
/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


/* -----------------------------------------
    Bootstrap surclass
----------------------------------------- */

.primary-color { color:#049CDB;}

body > div.container-fluid { padding-bottom: 20px; }
.container-fluid > .content { margin-left: 328px; }
.container-fluid > .sidebar { float: left; width: 319px; }

.table .actions { height: 27px; }
.table .actions a { vertical-align: 6px; }
.table ul { margin:0px;}
.table-action li { display:inline-block;}

.table th {
  padding: 4px 8px 11px 8px;
}

.close { line-height: 18.5px; }

.input .arrow { vertical-align: 40px; }

.form-actions {
  min-height: 26px;
}

form .clearfix.error > div > label {
  color: #B94A48;
}

input.btn-fix-margin {
  margin-bottom: 3px;
}

input[type="radio"] {
  width: auto;
}

/* styling the `is_empty` checkbox using CCS3 */
input[type="checkbox"][name*="is_empty"] {
  margin: 0 0 0 5px;
}

input[type="checkbox"][name*="is_empty"] + label {
  width: auto;
  padding-top: 0;
  display: inline;
}

/* styling plain widget (http://trac.symfony-project.org/changeset/29247) */
div.input div {
  padding-top: 8px;
}

div.input-plain {
  padding-right: 20px;
}

fieldset {
  border:1px solid #D5D8D8;
  margin-bottom: 18px;
}

fieldset legend {
  margin-left: 140px;
  padding: 0 10px;
  border: 0;
  width: auto;
  line-height: 20px;
}

fieldset.no-legend {
  padding-top: 18px;
}

.error-block {
  display: block;
}

.loginFieldset { border:none; }
.loginFieldset legend { padding: 10px 0 0 160px; margin-bottom: 0; margin-left: 0; }
.loginFieldset div.error .help-block { margin-left: 160px; }
.loginFieldset .form-actions { margin-bottom: 0; }

.pagination {
  margin: 0;
  float: right;
}

.pagination .next a {
  border-right:1px solid;
  border-right-color:#ddd;
  border-right-color:rgba(0, 0, 0, 0.15);
  *border-right-color:#ddd;
}

.dropdown-menu img {
  vertical-align: middle;
  padding-bottom: 4px;
}

.modal-filters, .modal-filters.fade.in {
  position: absolute;
  top: 60px;
  margin: 0 0 0 -280px;
}

.modal-filters form {
  margin-bottom: 0;
}

.sf_admin_form_row ul, ul.audit-trail {
  margin:0;
}

.sf_admin_form_row ul li, ul.audit-trail li {
  list-style-type:none;
}

/* sytling radio_list and checkbox_list */
ul.radio_list, ul.checkbox_list {margin-left: 0px; padding-top: 6px; }

ul.radio_list li, ul.checkbox_list li {
  margin-right: 5px;
  padding-top: 1px;
  width: auto;
  float: left;
}

ul.radio_list li input, ul.checkbox_list li input { float: left; margin-top: 3px; }

ul.radio_list li label, ul.checkbox_list li label {
  width: auto;
  margin-left: 5px;
  padding-top: 0px;
  text-align: left;
}

/* adjust input help in list view */
.sf_admin_list .help-block {
  margin-top: 0;
}

/* adjust select in batch_actions */
.form-actions select {
  margin-bottom: 0;
}

/* -----------------------------------------
    Spacing
----------------------------------------- */
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan{padding-top:0px !important}
.pts,.pvs,.pas{padding-top:5px !important}
.ptm,.pvm,.pam{padding-top:10px !important}
.ptl,.pvl,.pal{padding-top:20px !important}
.prn,.phn,.pan{padding-right:0px !important}
.prs,.phs,.pas{padding-right:5px !important}
.prm,.phm,.pam{padding-right:10px !important}
.prl,.phl,.pal{padding-right:20px !important}
.pbn,.pvn,.pan{padding-bottom:0px !important}
.pbs,.pvs,.pas{padding-bottom:5px !important}
.pbm,.pvm,.pam{padding-bottom:10px !important}
.pbl,.pvl,.pal{padding-bottom:20px !important}
.pln,.phn,.pan{padding-left:0px !important}
.pls,.phs,.pas{padding-left:5px !important}
.plm,.phm,.pam{padding-left:10px !important}
.pll,.phl,.pal{padding-left:20px !important}
.mtn,.mvn,.man{margin-top:0px !important}
.mts,.mvs,.mas{margin-top:5px !important}
.mtm,.mvm,.mam{margin-top:10px !important}
.mtl,.mvl,.mal{margin-top:20px !important}
.mrn,.mhn,.man{margin-right:0px !important}
.mrs,.mhs,.mas{margin-right:5px !important}
.mrm,.mhm,.mam{margin-right:10px !important}
.mrl,.mhl,.mal{margin-right:20px !important}
.mbn,.mvn,.man{margin-bottom:0px !important}
.mbs,.mvs,.mas{margin-bottom:5px !important}
.mbm,.mvm,.mam{margin-bottom:10px !important}
.mbl,.mvl,.mal{margin-bottom:20px !important}
.mln,.mhn,.man{margin-left:0px !important}
.mls,.mhs,.mas{margin-left:5px !important}
.mlm,.mhm,.mam{margin-left:10px !important}
.mll,.mhl,.mal{margin-left:20px !important}

/* -----------------------------------------
    Module
----------------------------------------- */

/* mod */
.mod{margin:10px;}
.mod .inner{}
.ft, .hd{overflow:hidden; *overflow:visible; zoom:1;}

/* mod login skin */
.login .inner{
  -moz-box-shadow:0px 0px 4px #928F8F;
  -webkit-box-shadow:0px 0px 4px #928F8F;
  box-shadow:0px 0px 4px #928F8F;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width:500px;
  margin:0 auto;
}

.login form, .login fieldset, .login .actions { margin-bottom:0px; }

/* mod dash skin */
.dash {margin-top:30px;}
.dash .hd { border-top: 2px solid #049CDB; background-color:#F5F5F5; }
.dash .element {display:block; }
.dash ul { margin-top:10px; }
.dash ul li { display:inline-block; margin-right:30px; text-align: center; width: 135px; }

/* mod filter skin */
.filter {border:1px solid #DDD;}
.filter .hd { border-top: 2px solid #049CDB; background-color:#F5F5F5; }
.filter form label { width: 60px; }
.filter form .input { margin-left: 98px; }

/* -----------------------------------------
    Top Bar
----------------------------------------- */
.logged { padding: 11px 10px 0 20px; }
p.logout img { height: 20px; vertical-align: -25%; }
p.logout.pull-right { padding-top: 12px; }
p.logged { color: #999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) }

/* -----------------------------------------
    Main Content
----------------------------------------- */

.smad { margin-top: 20px; padding:10px 20px; background-color:#F5F5F5; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.smad .clearfix {margin:0;}
.smad ul li { display:inline-block;}
.smad .pic img { vertical-align: -2px;}

.table-result { font-weight:bold; padding:5px; line-height: 36px;}

.dash-icon-list li { -moz-transition: all 0.3s linear 0s; }
.dash-icon-list li:hover { background-color:#DDD; border-radius:20px; }

.dash h3, .dash h5 {
  line-height: 36px;
}
.dash h5 {
  font-size: 14px;
}

.back { background:url("../images/list_icon.png") no-repeat top left;}

.btn a { color: #ffffff; }
.actions li { display: inline }
#batch_checked_ids { display: none; }

.help-pagination {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
  margin-top: -5px;
  color: #999999;
}

/* -----------------------------------------
    Partial
----------------------------------------- */
.sf_admin_right_column {float:right;width:300px;padding:0 0 0 10px;}
.sf_admin_with_right_column {margin-right:320px;}

.item-information {font-size:0.8em;font-style: italic; text-align:right;}
.item-record {margin-top:1em; padding-top: 0.5em;}
.item-record.other {border-top: 1px solid #D5D8D8; }

/* -----------------------------------------
    headerSortUp & headerSortDown import from bootstrap 1.4.0
----------------------------------------- */
table .header {
  cursor: pointer;
}
table .header:after {
  content: "";
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #000 transparent;
  visibility: hidden;
}
table .headerSortUp, table .headerSortDown {
  background-color: rgba(141, 192, 219, 0.25);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table .header:hover:after {
  visibility: visible;
}
table .headerSortDown:after, table .headerSortDown:hover:after {
  visibility: visible;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .headerSortUp:after {
  border-bottom: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
  visibility: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=60);
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
table .blue {
  color: #049cdb;
  border-bottom-color: #049cdb;
}
table .headerSortUp.blue, table .headerSortDown.blue {
  background-color: #ade6fe;
}
table .green {
  color: #46a546;
  border-bottom-color: #46a546;
}
table .headerSortUp.green, table .headerSortDown.green {
  background-color: #cdeacd;
}
table .red {
  color: #9d261d;
  border-bottom-color: #9d261d;
}
table .headerSortUp.red, table .headerSortDown.red {
  background-color: #f4c8c5;
}
table .yellow {
  color: #ffc40d;
  border-bottom-color: #ffc40d;
}
table .headerSortUp.yellow, table .headerSortDown.yellow {
  background-color: #fff6d9;
}
table .orange {
  color: #f89406;
  border-bottom-color: #f89406;
}
table .headerSortUp.orange, table .headerSortDown.orange {
  background-color: #fee9cc;
}
table .purple {
  color: #7a43b6;
  border-bottom-color: #7a43b6;
}
table .headerSortUp.purple, table .headerSortDown.purple {
  background-color: #e2d5f0;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
  color: #555555;
}