
/* Admin UI
__________________ */

.configured-services{
  overflow: auto;

  .admin-table{
    width:100%;
	cursor:pointer;
    border-bottom: 1px solid #E4E9F0;
  }

  .admin-table-container{
	border-top: none;
	border-left: 1px solid #E4E9F0 !important;
	border-bottom: 1px solid #E4E9F0 !important;
	border-right: 1px solid #E4E9F0 !important;
    min-height: 240px;
  }

  .admin-table .admin-table-row{
	height:40px;
	border-top:1px solid #e4e9f0;
  }

  .admin-table .table-header{
	border: 1px solid #e4e9f0;
	font-weight:700;
  }

  #admin-table-left{
	border-right-width: 0;
  	border-bottom-width: 0;
	width:20%;
  }

  #admin-table-center{
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	width:30%;
  }

  #admin-table-right {
	border-left-width: 0;
	border-bottom-width: 0;
	width:50%;
  }

  .office-hours-table{
    #admin-table-center{
      width:45%;
    }

    #admin-table-right {
      width:55%;
    }

   .table-value{
    width:45%;
    }

    .table-description{
      width:55%;
    }

  }

  #admin-table-left:hover,
  #admin-table-center:hover,
  #admin-table-right:hover {
	box-shadow: inset 0 -3px #2e69db;
  }

  .admin-table-selected {
    box-shadow: inset 0 -3px #2e69db !important;
  }

  .table-section-headings{
	font-weight:700;
	font-size:1.1em;
	vertical-align:middle !important;
  }

  .table-entry{
	padding: 10px 15px;
	vertical-align:top;
  }
  
  .table-dropdown{
    vertical-align: middle;
  }

  .table-name{
	width:20%;
    word-wrap: break-word;
    text-overflow: ellipsis;
  }

 .table-value{
	width:30%;
	word-wrap: break-word;
	text-overflow: ellipsis;
 }

  .table-checkbox{
    width:20px;
  }

  .admin-table .bold{
	font-weight:700;
  }

  .blue-bottom{
	border-bottom: 3px solid #2e69db;
  }

  .unSorted{
	font-size: 14px;
	position: relative;
	bottom: 3px;
  }

  .btn.xbutton{
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	border-right-width: 1px;
	padding-right: 6px;
    vertical-align: baseline;
  }

  .reverseSorted{
	font-size: 14px;
	position: relative;
	transform: rotate(-180deg);
	top: 3px;
  }

  .sorted{
	font-size: 14px;
	position: relative;
	bottom: 3px;
  }

  .table-description{
	width:50%;
    word-wrap: break-word;
    text-overflow: ellipsis;
  }

  .admin-table button[ark-select] span{
	text-overflow: ellipsis;
  }

  .table-highlight{
	background-color: rgba(94,153,255,.3) !important;
  }

  .table-highlight-checkbox{
	background-color: rgba(94,153,255,.3) !important;
  }

  .selection-container .dropdown-menu{
	width:auto !important;
  }

  .inline-datepicker{
	display:inline;
  }

  .zebra-strips{
	background-color: #f5f7fa;
  }

  .non-clickable{
	cursor:not-allowed;
  }

  .table-entry.table-value .fonticon.icon-locked{
	float:  left;
    margin-right: 5px;
  }

  .ark-datepicker-wrap table{
	border:none;
  }

  .datepicker-button{
	font-size:1.15em !important;
	border:none;
  }

  .disabled{
	color: #8794A3;
	pointer-events: none;
	opacity: 0.5;
	background-color: inherit;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   -ms-user-select: none;
   user-select: none;
  }

  .admin-toolbar .ark-toolbar .lefttoolbar>li:first-child {
	padding:0;
  }

  #generic-selector .bootstrap-select {
	max-height:300px;
	overflow-y: auto;
  }

  .admin-toolbar-divider{
	padding-top:5px;
	padding-bottom:5px;
	border-right: 1px solid #E4E9F0;
	margin:0 3px;
  }

  .admin-toolbar-icon{
	font-size:16px;
	padding-right: 2px;
    padding-left: 2px;
  }

  .admin-toolbar-label{
	padding-left:4px;
	height:31px;
	font-size:13px;
	font-weight:700;
  }

  .admin-toolbar-button{
	cursor:pointer;
	padding: 5px 3px 5px 3px;
  }

  .admin-toolbar-button:hover{
	color:#5e99ff;
  }

  .admin-toolbar-button:active{
   -moz-box-shadow:    inset 0 0 8px #e4e9f0;
   -webkit-box-shadow: inset 0 0 8px #e4e9f0;
   box-shadow:         inset 0 0 8px #e4e9f0;
  }

  .btn.admin-confirmation-buttons{
	padding-left:5px;
	padding-right:5px;
    padding-bottom: 3px;
    vertical-align: baseline;
  }

  .admin-search-dropdown{
	cursor: pointer;
  }

  .admin-search-dropdown:hover{
	color: #5e99ff;
  }

  .admin-search-dropdown-item{
      margin-left: 7px;
	    cursor:pointer;
  }

  .admin-toolbar-active-blue {
	color: #5e99ff;
  }

  .admin-toolbar .toolbar-div{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .toolbar-header{
    margin-top: 0px;
    padding-top: 11px;
    padding-bottom: 4px;
    height: 50px; //want header to take up space so that the table div does not come on top
  }

  .toolbar-header h2{
    margin: 0;
    padding-top: 12px;
  }

  .admin-caret{
	height: 20px;
  }

  .admin-search-cross {
  position: absolute;
  top: 0.25px;
  right: 182px;
  padding: 0px 8px;
  font-size: 16px;
  color: #A2A6AC;
  cursor: pointer;
  }

  .admin-search-dropdown-container{
    left:-7px;
    width:140px;
  }

  .sidebar-resizer {
	background-color: silver;
    width: 3px;
    cursor: ew-resize;
  }


  #filterbarContainer .bootstrap-select {
    margin-bottom: 0 !important;
  }

  #search-box{
    width: 200px;
  }

#search-box::-ms-clear {
    display: none;
}

  /*change the width of the categoriesFilterbar */
  #categoryFilterbarSpan .btn-group.bootstrap-select.show-tick.pull-left.categoryFilterbar{
    width: 170px;
    margin-bottom: 4px;
  }

  /*change the width of the dropdown menu in the categories filterbar*/
  #categoryFilterbarSpan .btn-group.bootstrap-select.categoryFilterbar .ark-select-wrapper.bootstrap-select.dropdown-menu.ng-scope.bottom-left.am-fade.select-multiple{
    width: 167px;
  }

  /*change the width of the dropdown menu items and display ellipsis for items that are too long */
  #categoryFilterbarSpan .dropdown-menu > li > a {
    width: 167px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    padding-right: 2px;
  }

  .disableSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #categoryFilterbarSpan > .categoryFilterbar > div > ul > li:first-child {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e9f0;
  }

  /* UI fix for timezone search bar */

  .admin-table-row{
    .ark-filter-bar{
      display: inline-block;
      max-width: 264px;
      min-width: 75px;
      width: 75%;
    }

    .filter-search-box{
      width: 100%;
      display: inline;
    }

    .input-container{
      width: 100%;
    }
  }
}

.footer-container{
    position: fixed;
}
/*__________________ */
