/***********************************
  GENERIC
***********************************/

html, body { padding:0px;margin:0px;background:#dcdcdc; }
.clear { clear:both; }

.dp{cursor: pointer;}

.bgwhite {background:#fff;}

label{
  display: inline-block !important;
  margin-right: 15px;
}

label:after{
  content: "";
  display: block;
  clear: both;
  width: 100%;
}

/**********************************
  BOOTSTRAP OVERRIDES
**********************************/

.c-canvas.c-inner .alert { margin-top:10px; }

.modal .modal-footer { padding:9px 10px 10px }

input[type=file] {
  display: inline-block;
  min-height: 34px;
  padding: 6px 9px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

/**********************************
  STRUCTURE
**********************************/

.c-inner { margin:0 30px;min-height:10px; }
.c-header {
  height:80px;background-color:#555;padding:0px 12px;border-radius:0px 0px 6px 6px;
  -moz-box-shadow: 0px 0px 10px #111111;
  -webkit-box-shadow: 0px 0px 10px #111111;
  box-shadow: 0px 0px 10px #111111;
}
.c-header #logo { margin:0px;padding:10px 0px;float:left;height:60px; }
.c-header #logo img { height:60px; }
.c-header #pagetitle { position:absolute;top:0px;left:50%;margin:0px 0px 0px -200px;padding:0px;width:400px;color:#fff;text-align:center;line-height:80px; }
.c-header #menu {
  padding:0px;margin:0px;display:block;float:right;
}
.c-header #menu li {
  display:inline;list-style-type:none;float:right;
}
.c-header #menu li:hover a {
  background-color:#888;
}
.c-header #menu li a {
  color:#fff;font-size:16px;text-decoration:none;padding:0px 12px;margin:12px 0px 12px 4px;display:block;line-height:56px;border-radius:4px;
}

/*********************************
  MENU
*********************************/

.c-menu {
  min-height:110px;/*238px;*/
  background-color: #333;
  -moz-box-shadow: inset 0px 0px 10px #111111;
  -webkit-box-shadow: inset 0px 0px 10px #111111;
  box-shadow: inset 0px 0px 10px #111111;
}
.c-menu .c-main-tabs {
  padding:0px 6px;
}
.c-menu .c-main-tabs .c-main-tab {
  float:left;width:100px;height:110px;}
.c-menu .c-main-tabs .c-main-tab a {
  display:block;width:90px;height:90px;margin:10px 0px 10px 10px;color:#fff;border-radius:6px;
}
.c-menu .c-main-tabs .c-main-tab a:hover {
  background:#2394c6;text-decoration:none;color:#fff;
}
.c-menu .c-main-tabs .c-main-tab.active a {
  background:#2394c6;text-decoration:none;color:#fff;height:100px;border-radius:6px 6px 0px 0px;
}
.c-menu .c-main-tabs .c-main-tab i {
  font-size:38px;line-height:50px;height:50px;padding-top:12px;display:block;text-align:center;width:90px;
}
.c-menu .c-main-tabs .c-main-tab span {
  font-size:14px;line-height:16px;display:block;text-align:center;width:90px;
}
.c-menu .c-sub-menu {
  background:#2394c6;height:48px;width:100%;border-radius:6px 6px 0px 0px;
  -moz-box-shadow: 0px 0px 10px #111111;
  -webkit-box-shadow: 0px 0px 10px #111111;
  box-shadow: 0px 0px 10px #111111;
}
.c-menu .c-sub-menu ul {
  margin:0px;padding:0px 12px;height:48px;list-style-type:none;
}
.c-menu .c-sub-menu ul li {
  float:left;
}
.c-menu .c-sub-menu ul li a {
  display:inline-block;margin:4px 4px 4px 0px;border-radius:4px;padding:6px 10px;line-height:28px;color:#fff;font-size:16px;
}
.c-menu .c-sub-menu ul li a:hover, .c-menu .c-sub-menu ul li.active a {
  background-color:#197aa4;text-decoration:none;
  -webkit-box-shadow: inset 0px 0px 8px #136184;
     -moz-box-shadow: inset 0px 0px 8px #136184;
          box-shadow: inset 0px 0px 8px #136184;
}


/*********************************
  CONTENT
*********************************/

.c-canvas {
  min-height:500px;padding:4px 12px 12px;background:#fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
body.login .c-canvas { margin:30px auto 10px;min-height:20px;width:400px;position:relative;padding:52px 12px; }
.c-canvas h1, .c-canvas h2, .c-canvas h3 { margin:0px; }

.c-canvas .header {
  padding-bottom:8px;border-bottom:1px solid #ccc;margin-bottom:10px;margin-top:10px;
}

/*** CATEGORY MAIN PAGE BOXES ***/
.c-sections { margin:30px auto;  }
.c-sections .c-section { max-width:200px;margin:0 auto;min-height:120px; padding:40px 6px;
      -webkit-transition: background-color 0.5s;
      -moz-transition: background-color 0.5s;
      -o-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
      transition: background-color 0.5s;
      float:left;
      margin-right:40px;
    }
.c-sections .c-section:hover { background:#555; }
.c-sections .c-section a { text-align:center;text-decoration:none;color:#f28a20;text-shadow:-1px 1px 1px #ccc; }
.c-sections .c-section a [class^="icon-"], .c-sections .c-section a [class*=" icon-"] { display:inline-block; }
.c-sections .c-section i { margin:0 auto;font-size:101px;color:#f28a20;padding:20px 46px;width:108px;text-align:center; }
.c-sections .c-section h4 { font-size:24px; }

/*********************************
  FOOTER
*********************************/

.c-footer {
  color:#333;font-size:12px;line-height:30px;padding:0px 12px;
}
body.login .c-footer p { float:none;width:400px;text-align:center;display:block;margin:0 auto; }

/*********************************
  LOGIN
*********************************/

.c-canvas h2.c-login-header { text-align:center;position:absolute;top:0px;left:0px;width:400px;background:#ededed;padding:6px 12px;border-bottom:1px solid #d1d1d1; }
.c-canvas .c-login-actions { position:absolute;bottom:0px;left:0px;width:400px;background:#ededed;padding:6px 12px;border-top:1px solid #d1d1d1;height:40px; }
.c-canvas .c-login-actions a.btn { margin:3px 0px; }
.c-canvas .c-login-actions .c-login-checkbox { padding:8px 0px; }
.c-canvas .c-login-fields { height:150px; }
.c-canvas .c-login-field { margin-top:10px; }

/*********************************
  ADATATABLE
*********************************/

.dataTables_wrapper .span6 { padding:0px; }
.dataTables_wrapper .span6 input { width:220px; }
.dataTables_wrapper .span6 .dataTables_length label select { width:100px; }
.dataTables_paginate.paging_bootstrap.pagination { margin:0px; float:right; }
.dataTables_filter { float:left; }
#users-table_length{ float:right;}

.pagination {
  height: 40px;
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
  display: inline;
}

.pagination a,
.pagination span {
  float: left;
  padding: 0 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination a:hover,
.pagination .active a,
.pagination .active span {
  background-color: #f5f5f5;
}

.pagination .active a,
.pagination .active span {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a,
.pagination li:first-child span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination li:last-child a,
.pagination li:last-child span {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next a {
  float: right;
}

.pager .previous a {
  float: left;
}

.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.row-fluid .metrouitab {padding:0px; float:left; margin:0px 30px 0px 10px; }
.row-fluid .metrouitab.first a {margin-left:0px;}
.row-fluid .metrouitab.last a {margin-right:0px;}
.row-fluid .metrouitab:hover a {border:3px #333 solid;padding:0;}
.row-fluid .metrouitab a{display:inline-block;min-height:50px;color:#fff;font-size:20px;
    text-align:center;line-height:50px;margin:5px;padding:3px;border-radius:2px;  width:230px;}
.row-fluid .metrouitab a:hover{text-decoration:none; }
.row-fluid .metrouitab.blue a{background:#2394c6; border:3px #333 solid; padding:0px;}
.row-fluid .metrouitab.lightblue a{background:#5bbbe4;}
.row-fluid .metrouitab.darkblue a{background:#156486;}