/*
Theme Name: The Theme
Theme URI: http://noosawebdesign.com.au
Description: A Theme for CTN.
Version: 1.0.1
Author: Dave Spencer
Author URI: http://noosawebdesign.com.au
*/

.theme .toggle-target {
	display:none;
}

input[type="checkbox"].row-select {
	margin-top: 0;
}

table {
	width:100%;
}

th {
  background-color: #eee;
  border: 1px solid #e0e0e0;
  padding: 5px;
  vertical-align: top;
  display: table-cell;
}

td {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  padding: 5px;
  vertical-align: top;
  display: table-cell;
}

.remote {
	background: repeating-linear-gradient(
	  45deg,
	  #606dbc,
	  #606dbc 10px,
	  #465298 10px,
	  #465298 20px
  );
}

#calendar {
	margin-top: 16px;
}

.theme .info-dropdown .dropdown-menu {
	min-width: 360px;
	padding-left: 10px;
}

.theme .nav > .info-dropdown a {
	padding:0;
}

.theme .nav > .info-dropdown:hover a,  
.theme .nav > .info-dropdown:focus a {
	color: #468847;
	background-color: transparent;
}

@media (min-width: 1440px) {
  .container {
    width: 1410px;
  }
}

.date-passed {
	background-color: #aaa !important;
	border-color: #aaa;
}

body {
	font-size:13px !important;
}

.theme progress {
	display:none;
	width:100%;
	padding: 10px;
}

a {
    outline: 0;
    cursor: pointer;
}

a small {
	color:#666;
}

div[class*='col-']{
	padding-left:10px;
	padding-right:10px;
}

input[type="text"] {
	width:100%;
}

input[class*='search-'] {margin-bottom: 4px;}

.input-row {
	line-height:34px;
}

.menu-row {
	background-color: #f7f7f7;
	border-bottom: 1px solid #f0f0f0;
	padding-top: 6px;
}

.form-inline {
	padding-top: 4px;
}

form p {
	margin: 5px auto;
}

.hr-bottom {
	margin-top:0;
}

.sidebar-collapse {
	position:absolute;
	left:-16.6667%;
	display: block;
}

.description {
	overflow-x: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}

.attention {
	background-color: #FCF8E3 !important;
    border-color: #FF0000 !important;
}

.warning {
	background-color: #FCF8E3 !important;
    border-color: #FFCC00 !important;
}

.ui-autocomplete { 
	max-height: 250px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}

.ui-widget {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}

.upload-message {
	padding-top:10px;
}

.theme .navbar-inverse {
    background-color: #403c5d;
    border-color: #080808;
}

.theme .navbar-inverse .navbar-nav > li > a {
    color: #ddd;
}

.theme .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #555555 !important;
}

.nav-tabs > li > a {
    max-width: 240px;
}

.theme .navbar-brand {
	padding:2px 6px 2px 8px;
}

.row {
	margin-bottom:4px;
	/*min-height: 32px;*/
}

.loading {
	margin-left:10px;
}

.danger {
	background-color: rgba(255, 204, 0, 0.5)
}

.container .text-muted {
    /*padding-left: 6px;*/
    color: #777;
}

.sort-by {
	cursor: pointer;
}

.sort-by:hover {
	color: #E4A425;
}

.btn-link.btn-danger, .btn-link.btn-danger:hover {
	color: #D9534F;
}

.btn-link.btn-warning, .btn-link.btn-warning:hover {
	color: #f0ad4e;
}

.col-md-1.btn-col {
	padding-left:0px;
	padding-right:8px;
}

.input-comment {
	line-height: 34px;
}

.envelope {
	font-size: 16px;
    position: absolute;
    right: 18px;
    top: 7px;
}

.edit {
	font-size: 16px;
    position: absolute;
    right: 24px;
    top: 7px;
}

.glyphicon a {
    cursor: pointer;
    outline: none;
}

.glyphicon a:hover {
    color:#E4A425 !important;
}

.glyphicon {
    margin-right: 6px;
}

.glyphicon-trash, .glyphicon-thumbs-down, .glyphicon-flag {
    color:#d43f3a !important;
    margin-left: 8px;
    margin-right: 0px;
}

.glyphicon-edit {
    color:#468847 !important;

    outline: none;
}

.glyphicon-edit:focus {
    outline: none;
}

.glyphicon-thumbs-up {
    color:#468847 !important;
}

.glyphicon-collapse-down, .glyphicon-collapse-up {
	color:#468847;
}



/* Widget styles */

#widget-container {
	margin-top: 15px;
	margin-bottom: 20px;
	width:100%;
}

.panel-body {
	
}

.panel-body ul {
	padding-left: 14px;
}

ul.sub-task {
	list-style: circle;
	padding-left: 16px;
}

html, body {
	height: 100%;
} 

body {
    padding-top: 50px;
}

h3, .h3 {
    font-size: 20px !important;
}

h4, .h4 {
    font-size: 16px !important;
}

#wrap {
    height: auto !important;
    margin: 0 auto -50px;
    min-height: 100%;
    padding: 0 0 50px;
}

.header-logo {
	padding-top: 6px;
	margin-right:10px;
}

h3 button {
	margin: 0 2px;
}

.theme th, 
.theme td {
	border-top:none;
	padding: 4px;
	vertical-align: top;
}

.table-extra-condensed thead > tr > td, .table-extra-condensed tbody > tr > td, .table-extra-condensed tfoot > tr > td {
    padding: 2px !important;
}

#doodle-sidebar {
	margin-top:24px;
}

#footer {
	background-color: #f7f7f7;
	bottom:0;
	position: fixed;
    width: 100%;
}

.close {
    line-height: 13px !important;
}

.credit {
	margin:14px;
}

.pane {
	padding-top:50px;
}

.back-success {
	background-color: #eee !important;
}

.back-success:hover {
	background-color: #428bca !important;
}

.header {
	/*margin-bottom:-30px;*/
}

.int-header {
	margin-top:-30px;
	margin-bottom: 30px;
}


.search-submit {
	margin-top:16px;
}

.help-post, .help-close{
	cursor: pointer;
	padding:0 0 5px 8px;
}

.help-container {
	width:100%;
	position: fixed;
	top:50px;
	left:0;	
	z-index: 999;
}

.help-frame {
	background-color: #f0f7fd;
	border: 1px solid #aaa;
	width:720px;
	margin: 0 auto 0 auto;
	padding: 0 24px 24px 24px;
	-moz-box-shadow: 0 0 30px 5px #999;
	-webkit-box-shadow: 0 0 30px 5px #999;
	box-shadow: 0 0 30px 5px #999;	
}

.alignright {
	float:right;
}

.list-expand, .list-delete {
	cursor: pointer;
}

.search-expand {
	display:none;
}

.search-group {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 6px 8px;
}

.clear-search {
	width: 70px;
}

.upside-down {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.width-2 {
	width:20% !important;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
}

.width-3 {
	width:30% !important;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
}

.form-control {
    padding: 6px 6px !important;
}

.tab-content {
    padding: 16px 20px 10px 16px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    margin-bottom: 12px;
}


textarea.dbsync {
	margin:0;
}

.loader {
	margin:5px 10px;
}

.text-muted a {
	color:#999 !important;
}

.btn-xs {
	margin:6px 2px;
}

.wp-editor-container {
    border: 1px solid #dedede;
    margin:0 0 1rem;
}

.mce-statusbar {
	display:none !important;
}

.wp-switch-editor {
    height: 24px !important;
}

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.strike > span {
    position: relative;
    display: inline-block;
    color:#666;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 240px;
    height: 1px;
    background: #eee;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .theme .container {
        width: 1570px;
    }

    .theme .col-xl-1, .theme .col-xl-2, .theme .col-xl-3, .theme .col-xl-4, .theme .col-xl-5, .theme .col-xl-6, .theme .col-xl-7, .theme .col-xl-8, .theme .col-xl-9, .theme .col-xl-10, .theme .col-xl-11, .theme .col-xl-12 {
        float: left;
    }

    .theme .col-xl-12 {
        width: 100%;
    }

    .theme .col-xl-11 {
        width: 91.66666667%;
    }

    .theme .col-xl-10 {
        width: 83.33333333%;
    }

    .theme .col-xl-9 {
        width: 75%;
    }

    .theme .col-xl-8 {
        width: 66.66666667%;
    }

    .theme .col-xl-7 {
        width: 58.33333333%;
    }

   .theme  .col-xl-6 {
        width: 50%;
    }

    .theme .col-xl-5 {
        width: 41.66666667%;
    }

    .theme .col-xl-4 {
        width: 33.33333333%;
    }

    .theme .col-xl-3 {
        width: 25%;
    }

    .theme .col-xl-2 {
        width: 16.66666667%;
    }

    .theme .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}