/* This is the Think it First custom CSS completed for the Axiom Elite Design 
   Built in March 2015
*/



/* Colors below:
	
light blue = rgb(81,197,210);
grey (like text in sidebar) = rgb(101,101,101);
dark blue = #21447c; (aka rgb(33,68,124);)


/* Fonts */
body {
	font-family: 'Asap', sans-serif;
}

.nav, .sidebar-nav {
	font-family: 'Ruda', sans-serif;
}

/* UI Elements */

	/* Buttons */
	

#SourcesPanel .btn-success,
.edit-phase-modal-button {
	background:rgb(81,197,210);
	border-color:rgb(156,217,225);
}
#SourcesPanel .btn-success:hover, #SourcesPanel .btn-success:focus,
.edit-phase-modal-button:hover, .edit-phase-modal-button:focus {
	background:rgb(30,146,159);
	border-color:rgb(105,166,174);
}


/* Nav */
.nav > li > a > img {
	margin-right:5px;
}
.dropdown-menu {
	margin:0px;
}

/* Top Nav Bar */

.navbar-header {
	background:rgb(33,68,124);
    min-width: 630px;
}

.navbar-brand {
	padding:0px 15px;
}

.navbar-brand img  {
    height: 70%;
    margin-top: 4%;
}

.navbar-default .navbar-toggle {
	border:none;
	margin-right:5px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background:none;
}

.navbar-default .navbar-brand, .navbar-default .navbar-toggle .icon-bar, .navbar-default .menu-word {
	color:white;
}

.navbar-default .menu-word {
	text-transform: uppercase;
	line-height: 50px;
	font-size:12px;
    float:left;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:white;
}

.navbar-default a.dropdown-toggle {
	color:white;
}

.navbar-default a.dropdown-toggle i.fa-caret-down, .nav .dropdown span.caret {
	color:rgb(81,197,210);
}

.nav .dropdown span.SourceDropdownTitle {
	text-transform: uppercase;
}
.nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus {
	background:rgb(0,17,73);
}
.nav.navbar-top-links .open > a, .nav.navbar-top-links .open > a:hover, .nav.navbar-top-links .open > a:focus {
	background:rgb(0,17,73);
}

/* Side Nav Bar */

#side-menu {
	background:white;
}

.sidebar ul li a.active {
	background:rgb(232,237,240);
}

#side-menu .nav-second-level {
	background:rgb(244,247,248);
}

#side-menu.nav > li > a:hover, .sidebar .nav-second-level li a:hover, .sidebar .nav-third-level li a:hover,.sidebar ul li a.active a:hover {
	background:rgb(181,186,189);
}

.sidebar .fa-caret-down, .sidebar .fa-caret-up {
	float:right;
	color:rgb(81,197,210);
}

#side-menu a {
	color:rgb(101,101,101);
	text-transform: uppercase;
}

/* Content Area */

	/* Headers */
h4 {
	font-family:'Ruda', san-serif;
	text-transform: uppercase;
	color:#21447c;
	font-size:24px;
}

h2 {
    font-family: 'Ruda', san-serif;
    text-transform: uppercase;
    color: #21447c;
    font-size: 24px;
}

	/* Panels */
.panel {
	border:none;
	border-radius:0px;
}
.panel-default > .panel-heading, .panel-heading {
	background-color:rgb(232,237,240);
	border:none;
	border-radius:0px;
}
.panel-body {
	background-color:rgb(244,247,248)
}
label {
	color:#21447c;
}
p.help-block {
	color:rgb(81,197,210);
	font-style:italic;
}
.panel input, .panel textarea {
	border-radius: 0px;
	box-shadow: none;
	border-color: rgb(230,233,235);
}
.panel input, .panel textarea {
	color:rgb(101,101,101);
	font-size:13px;
}
#EntityColumn {
	padding:0px;
}
/*table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
	color:rgb(101,101,101);
	text-transform: uppercase;
	font-family:'Ruda',san-serif;
	font-size:12px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	color:rgb(81,197,210);
}*/
.EntityName {
    text-transform: uppercase;
    font-size: 20px;
    color: #21447c;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.EntityQuery p {
	color:rgb(101,101,101);
	font-size:13px;
	margin-left:30px;
	margin-top:3px;
}
.SourceFieldListItem {
	border:none;
	background:none;
	color:#21447c;
	font-weight:bold;
}
#EntityTable .TableResultColumn, #ProcessTable .TableResultColumn {
	background:white;
}
.InputParameters {
	color:rgb(101,101,101);
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: rgb(244,247,248);
}
.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
  background-color: white;
}
.group-title, #SourcesFieldsContainer li.SourceFieldListItem, .droppable-fields li {
	font-family:'Ruda', san-serif;
	text-transform: uppercase;
	font-size:12px;
}
#SourcesFieldsContainer li.SourceFieldListItem, .entity-fields .SourceFieldListItem, .droppable-fields li {
	color:rgb(101,101,101);
	background:rgb(244,247,248);
	border-color:rgb(230,233,235);
}

#SourcesFieldsContainer li.field-group {
    border-color: rgb(210,210,210);
    min-height: 50px;
}
.field-list li, .droppable-fields li{
	overflow:auto;
	height:auto;
}
#SourcesFieldsContainer .field-group, .droppable-fields {
	background:white;
}
#SourcesContainer .panel-title {
	font-family: 'Ruda', san-serif;
	text-transform:uppercase;
	color:rgb(33,68,124);
}


/* Sortable Tables */
.sortable-field-info, .sortable-field-info .group-title {
	background:#21447c !important;
}
.sortable-field-info {
	padding:5px;
}
.field-list .sortable-field-info, .droppable-fields .sortable-field-info, .ui-draggable-dragging .sortable-field-info {
	padding:0px;
	background:transparent !important;
	/*overflow:auto;*/
}
#SourcesFieldsContainer .ui-sortable li.active {
	background:rgb(81,197,210);
}
.SortableFieldsPanelBody img.icon-add {
	float: right;
	margin-right: 10px;
	color: white;
	cursor: pointer;
	margin-top: 4px;
}
.SourcePanel {
	min-height: 0px;
}
.EditSource {
	width:7%;
	margin-top:-44px;
}
.editGroup {
	margin-right:0px;
    margin-top: -4px;
}
.SourcePanelContainer .panel-body {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.SourcePanelContainer .btn.btn-primary {
	background: white;
	border:1px solid rgb(232,237,240);
	color: rgb(101,101,101);
	width:80%;
	font-family: 'Ruda', sans-serif;
	color: rgb(33,68,124);
	font-size: 12px;
}
#SortableFieldsPanel .PanelTopControls .btn, #FieldsPanel .PanelTopControls .btn, .GroupDisplayContainer .btn {
	width:100%;
	margin:0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#SortableFieldsPanel .PanelTopControls .btn-primary,#FieldsPanel .PanelTopControls .btn-default, .GroupDisplayContainer .btn-default {
    background: rgb(244,247,248);
	border-color: rgb(230,233,235);
    color:rgb(101,101,101);
}
#SortableFieldsPanel .PanelTopControls .btn-primary:hover {
	background:rgb(193,196,197);
	border-color:rgb(179,182,184);
}
#SortableFieldsPanel .PanelTopControls .btn.active, #SortableFieldsPanel .PanelTopControls .btn.active:hover, #SortableFieldsPanel .PanelTopControls .btn.active:focus, #FieldsPanel .PanelTopControls .btn.active, #FieldsPanel .PanelTopControls .btn.active:hover, #FieldsPanel .PanelTopControls .btn.active:focus {
	background:rgb(193,196,197);
	color:white;
	border:none;
	-moz-box-shadow:    inset 0 0 10px #5B5E5F;
    -webkit-box-shadow: inset 0 0 10px #5B5E5F;
    box-shadow:         inset 0 0 10px #5B5E5F;
}
#SortableFieldsPanel .PanelTopControls .btn span, #FieldsPanel .PanelTopControls .btn span {
	margin-right:5px;
}

/* Modal */

.modal-open .FullScreenModalBody .Modal {
	display:block;
	position:relative;
}
.modal-body {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
/*.ui-draggable.SourceFieldListItem, .droppable-fields .SourceFieldListItem {
	height:auto;
}*/
.entity-fields .sortable-field-info {
	background:transparent !important;
}
.entity-fields li, .result-columns li {
    border: rgb(230,233,235) solid 1px;
    height: 33px;
}

.SourceFieldListItem.ui-draggable {
	color:rgb(101,101,101)!important;
	background:rgb(244,247,248)!important;
	border-color:rgb(230,233,235)!important;
}