/*
All css files should be imported into the app_facs.css master css file
*/


/* ui-grid */

/*
@TODO
this is a temporary hack to turn off the gray modal background
because it interferes with stacked modals
needs a permanent fix
*/
.modal-backdrop {
    display: none;
}

/* font-size at this level ends up only impacting the 'v' chevron on column headers for sorting. */
.grid {
    width: 100%;
    height: calc(100vh - 350px);
    font-size: .75em;
}
.subgrid {
	width: 100%;
	font-size: .65em;
}

.grid-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1em;
}


.radiobutton {
    margin-right:30px;
}


.ui-grid-pager-container{
    margin-left:30%;
}

/*.Grid-heading-title {*/
    /*font-size:1.5em;*/
    /*font-weight:bold;*/
    /*margin:4px;*/
/*}*/
.Grid-heading-description {
    font-size:.8em;
    font-weight:bold;
    margin:4px;
}

.section-heading-title {
    font-size:1em;
    font-weight:bold;
    margin:4px;
}




/*.entry_form label {*/
    /*width: 120px;*/
    /*margin-right: 4px;*/
    /*white-space: nowrap;*/
    /*overflow:hidden;*/
    /*float:left;*/
    /*clear:left;*/
    /*color:navy;}*/

/*.entry_form_button_div {*/
    /*text-align:center;*/
    /*margin:10px;*/
/*}*/

/*.entry_form_checkbox {*/
    /*width:182px;*/
    /*display:inline-block;*/
/*}*/
/*.entry_form_checkbox_groupby {*/
    /*width:255px;*/
    /*display:inline-block;*/
/*}*/
#label-subgrid {display:none;}

#subGridModal {z-index:9999;}



/*  Tooltip related styles  */
.tooltip-icon.fa:before {
	padding: 6px;
	font-size: 12px;
	color: #B0ADAB;
}

.tooltip-icon:hover {
	cursor: pointer;
}

.tooltip-content {
	max-width: 300px;
	border-radius: 4px;
	background-color: #FFF;
	color: #000;
	z-index: 9000;
	position: absolute;
	display: block;
	padding: 5px 8px;
	box-shadow: #666 0px 0px 10px 0px;
}
.grid-tooltip-container {
	color: #B0ADAB;
}



/* jquery mobile select menu with filter/type ahead */
.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}
/* jquery mobile select menu with filter/type ahead */



/* Form Elements */



/*     Select Menu      */
/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
/*select.soflow, select.soflow-color {*/
   /*-webkit-appearance: button;*/
   /*-webkit-border-radius: 2px;*/
   /*-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);*/
   /*-webkit-padding-end: 20px;*/
   /*-webkit-padding-start: 2px;*/
   /*-webkit-user-select: none;*/
   /*background-image: url('/img/down_arrow_with_left_border.png'), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
   /*background-position: center right;*/
   /*background-repeat: no-repeat;*/
   /*border: 1px solid #AAA;*/
   /*color: #555;*/
   /*font-size: inherit;*/
   /*margin: 2px;*/
   /*overflow: hidden;*/
   /*padding: 0px 17px 0px 5px;*/
   /*text-overflow: ellipsis;*/
   /*white-space: nowrap;*/
   /*width: 300px;*/
/*}*/




abbr[data-original-title], abbr[title] {
     border-bottom:none;
     text-decoration: none;
}

/*.entry_form_comments_list {*/
    /*text-align:left;*/
/*}*/
/*.entry_form_comments_comment {*/
    /*border-bottom:1px solid #d8d8d8;*/
/*}*/
/*.entry_form_comments_childcomment{*/
    /*border-bottom:1px solid #d8d8d8;*/
/*}*/
/*.entry_form_comments_comment_header {*/
    /*margin-left:0px;*/
/*}*/
/*.entry_form_comments_comment_creator {*/
    /*font-size: 12px;*/
    /*padding-right: 4px;*/
    /*vertical-align: text-bottom;*/
    /*height: 20px;*/
    /*margin-right: 4px;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*clear: left;*/
    /*color: navy;*/
    /*font-weight: bold;*/
/*}*/
/*.entry_form_comments_comment_date{*/
    /*font-style: italic;*/
/*}*/

/*.entry_form_comments_comment_content{*/
    /*margin: 10px;*/
    /*color: #333;*/
/*}*/
/*.entry_form_comments_newcomment_button {*/
	/*height: 29px;*/
/*}*/
/*.entry_form_comments_newcomment_content {*/
    /*width:100%;*/
    /*padding:0px;*/
/*}*/
/*.entry_form_comments_newcomment_content_textarea{*/
    /*width: 100%;*/
    /*height:47px;*/
/*}*/
/*.entry_form_comments_add{*/
    /*float:right;*/
    /*padding: 1px 2px;*/
    /*font-size: 12px;*/
    /*margin-left: 5px;*/
/*}*/
/*.entry_form_comments_cancel{*/
    /*float:right;*/
    /*padding: 1px 2px;*/
    /*font-size: 12px;*/
    /*margin-left: 5px;*/
    /*background-color:#efefef;*/
/*}*/
/*.entry_form_comments_comment_link{*/
    /*color: #707070;*/
    /*cursor: pointer;*/
    /*text-decoration: none;*/
    /*display:inline-block;*/
    /*padding-right: 10px;*/
/*}*/
/*.entry_form_comments_comment_link:hover{*/
    /*text-decoration: none;*/
/*}*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.entry_form_checkbox {
    display: inline-block;
}

.entry_form_checkbox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .entry_form_checkbox ul {
        max-height: 230px;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .entry_form_checkbox ul {
        max-height: 160px;
        flex-wrap: wrap;
    }
}

.entry_form_checkbox ul li {
    display: inline-block;
    padding-right: 20px;
}
.entry-form-label-input-pair .Account_usage{
    width:100px !important;
}
.pair-account_usage span {
    margin: 0 5px;
}

/* checklist */
.checklist_table {
    width: 100%;
    table-layout: fixed;
}
.checklist_header_column {
    text-align: center;
    background-color: #dadada;
    padding: 5px;
    color: #44494c;
}
.checklist_column {
    padding: 8px;
}

.checklist_column--disabled {
    background-color: #C9D3DC;
}

.checklist_column_fixed_width {
    text-align: center;
    padding: 8px;
    word-break: break-word;
}
.pair-checklist {
    width: 100% !important;
}
.checklist_note {
    vertical-align: top;
    margin-left: 5px !important;
    padding: 0 !important;
    padding-left: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}
.hidden {
    display: none;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1;
    padding-right: 5px;
    padding-left: 10px;
}

.flex-1 > input {
    width: 100%;
    height: 40px;
}
.pointer-cursor:hover {
    cursor: pointer;
}
td .check_control.check_control--disabled {
    visibility: unset;
    border: 2px solid #1d205e;
    border-radius: 5px;
    color: #1d205e;
    font-weight: 700;
    font-size: 15px;
    opacity: 0.2;
}

td .check_control {
    visibility: hidden;
    border: 2px solid #1d205e;
    border-radius: 5px;
    color: #1d205e;
    font-weight: 700;
    font-size: 15px;
    max-width: 60px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

td .check_control.check_control--selected {
    visibility: unset;
    background-color: #1d205e;
    border-radius: 5px;
    color: white;
    font-weight: 700;
    font-size: 15px;
}