﻿
.newEmail {
    height: 24px;
    border-radius: 0;
    width: 200px;
    padding: 2px;
    border: 1px solid #E3E3E3;
}


.search-item, .results-item{
    display: flex;
    flex-flow: row nowrap;
}

.column {
    display: inline;
}

.pagination-btn{
    margin-top: 12px;
    /*margin-left: 12px;*/
}

.track-popup .table {
    max-width: 200px;
    min-width: 150px;
    width: 80%;
    border: 1px solid lightgray;
    z-index: 3;
    font-weight: bold;
}

/*accounts->index table-results*/
.table-results {
    margin-left: 12px;
}

.table-responsive-sm {
    width: 100%;
}

.add-edit-remove-btn-group {
    margin-left: 12px;
}

.blue-btn {
    background-color: #5983ac;
    display: block;
    color: white;
    margin-top: 12px;
}

.light-btn {
	background-color:white;
	display: block;
	color:black;
  margin-top: 7px;
}
  .light-btn:hover, .blue-btn:hover {
      color: #333;
      background-color: #d4d4d4;
  }

  .light-btn.disabled,
  .light-btn[disabled],
  .light-btn[disabled]:hover
  .light-btn.disabled:hover {
    pointer-events: none;
  }

#btnSearch, #btnGroupRefresh, #btnContainerEditSubmit, #btnContainerChangeTrack, #btnGroopsChangeTrack, #btnMapOpen {
  margin-top: 24px;
}

/*Account search input fields*/
/*bootstrap uses a bold font-weight in label
    sometimes we need a smaller label width
*/
.search-form {
    margin-bottom: 24px;
}
    .search-form label {
        font-weight: normal;
        margin-left: 32px;
    }
    .search-form .search-label-lg {
        width: 120px;
        text-align: left;
        margin-left: 24px;
    }
    .search-form .search-label-nm {
        width: 100px;
        text-align: left;
        margin-left: 24px;
    }
    .search-form .search-label-sm {
        width: 75px;
        text-align: left;
        margin-left: 24px;
    }
    .search-form .search-label-xsm {
        width: 50px;
        text-align: left;
        margin-left: 24px;
    }


.heading {
	color: #5983ac;
    margin-top: 3px;
}

ul {
    margin-bottom: 0px
}
.navtabs-heading {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
    margin-top: 24px;
}
	.navtabs-heading li {
		display: inline;
		margin-left: 0;
		padding-left: 0;
		margin-right:10px;
	}
	.navtabs-heading a {
		text-decoration: none;
		color: #555;
        border: none;
        /*h4 font properties*/
		font-size:18px;
        font-weight: 500;
        line-height: 1.1;
	}

.active a {
	color: #5983ac;
	background-color: white;
}
.selected {
	background-color: #5983ac;
	color: #FFF;
}

.activeDependency {
	color: #5983ac;
}

.selectReleaseBody tr:hover {
	cursor: default !important;
}

.dependencyIcon:hover {
	cursor: pointer;
}
.releaseDependenciesBody tr:hover {
	background-color: white !important;
	color: #5983ac;
}

.table {
	background-color:white;
    /*Bootstrap appends 15px by default to tables*/
    margin-bottom: 0px;
}
	.table thead tr th {
        border-bottom: 1px solid #5983ac;
        border-right: 1px solid #5983ac;
	}
    .table tbody tr:hover {
        background-color: #B0C4DE;
        cursor: pointer;
    }
    .table a {
        text-decoration: none;
        color: #5983ac;
    }
    .table tr {
        line-height: 2.1;
    }

.hide {
	display: none;
}

.col-checkbox{
    text-align: center;
    vertical-align: middle;
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: none;
}

#btnClearContainerExpiration{
    width: 90px;
    margin-top: 3px;
}

#trackTypeBody tr td i {
    color: #5983ac;
}
.dropMe {
	color: #5983ac;
	cursor:pointer;
}

.nowrap-row {
    flex-wrap:nowrap;
}

.verifiedList {
    width: 100px;
}
