/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 22, 2016, 2:55:29 PM
    Author     : Aaron Is'Awesome Dixon
*/

/* VIS Timeline CSS */
.vis-item {
    cursor: pointer;
    border-color: #a2a2a2 !important;
}

.vis-item-content {
    padding: 5px !important;
    font-size: 12px;    
}

.vis-time-axis.vis-foreground {
    background-color: rgba(191, 182, 182, 0.5);
}

.vis-time-axis .vis-text {
    color: #686868;
    font-weight: bold;
}

.vis-text.vis-major {
    font-size: 14px;
}

.vis-selected {
    border-color: #00acc1 !important;
    background-color: #00acc1 !important;
    color: #FFF !important;

    -webkit-box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.60);
     -moz-box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.60);
     box-shadow: 3px 5px 20px 0px rgba(0,0,0,0.60);
}


.table-header-colored > thead {
    background-color: #e9edef;
    color: #4B77BE;
    font-weight: bold;
}

.table-header-colored > thead > tr > th {
    font-weight: bold;        
}
.timeline-entry .card-body p {
    font-size: 14px;
}
.timeline-event-success,
.timeline-event-database{
    background-color: #4CAF50;
    color: #FFF;
}
.card.timeline-event-database{
    background-color: #FFF;
    border-color: #4CAF50;
    color:#313335;
    -webkit-box-shadow: 0 1px 3px 0 #4CAF50;
    box-shadow: 0 1px 3px 0 #4CAF50;    
}
.timeline-entry .card.timeline-event-database:after {
    border-color: transparent transparent transparent #4CAF50;
}
.timeline-event-error {
    background-color: #F44336;
    color: #FFF;
}
.timeline-event-calendar {
    background-color: #724eb3;
    color: #FFF;
}

.timeline-event-good,
.timeline-event-notes{
    background-color: #2196F3;
    color: #FFF;
}
.card.timeline-event-notes{
    background-color: #FFF;
    border-color: #2196F3;
    color:#313335;
    -webkit-box-shadow: 0 1px 3px 0 #2196F3;
    box-shadow: 0 1px 3px 0 #2196F3;    
}
.timeline-entry .card.timeline-event-notes:after {
    border-color: transparent transparent transparent #2196F3;
}


.timeline-event-note {
    background-color: #FFEB3B;
    color: #212121;
}

.timeline-event-warning {
    background-color: #FF9800;
    color: #FFF;
}

.timeline-event-neutral {
    background-color: #757575;
    color: #FFF;
}   
/* END VIS Timeline CSS */


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;}

h1 {
    }
    
h2 {
    }
    
h3 {
    padding: 10px 10px 10px 0;}
    
h4 {
    padding: 10px;}
    
h5 {
    padding: 10px;}
    
h6 {
    }
    
    
    label.radio, label.checkbox {
        cursor: pointer;
    }    
#popup-child-modal {
    z-index: 10009;
    padding-left: 0 !important;
    background: rgba(0, 0, 0, 0.66);
}
.bx-left-nav {
    width: 300px;
    padding: 10px 10px 10px 0px !important;
    overflow-y: auto;     
    background-color: #eaeaea;
    color: #212121;
    height: 100%;
    flex: 0 0 auto;
}   

.bx-left-nav-item {
    background-color: #FFF;
    color: #212121;
    cursor: pointer;
    /*padding: 10px;*/
    /*margin-bottom: 10px;*/
    display: flex;
    align-items: center;    
}

.bx-left-nav-item.active {
    background-color: #00acc1;
    color: #FFF;
}

.bx-left-nav-item:not(.active) :hover {
    background-color: #dadada;
    color: #212121;
}
.bx-left-nav-item > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    flex-grow: 1;
    font-size: 14px;
    text-decoration: none;
}

.bx-content {
    background-color: #FFF;
    color: #212121;
    height: 100%;    
    padding: 10px 15px 10px 10px;
    overflow-y: scroll;
}


.bg-light {
    background-color: #eaeaea;
    color: #212121;
}

.full-screen-modal-dismiss{
    width: 40px;
    height: 40px;
    margin: auto;
    cursor: pointer;    
    float:left;
    font-size:24px;
    margin-top: -5px;
}

.full-screen-modal {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;        
} 

.full-screen-modal.modal-dialog {
    margin-top: 0px;
    margin-bottom: 0px;
}   


.full-screen-modal-header {
    border-bottom: 1px solid #757575;
    font-size: 22px;
    height: 52px;  
    background-color: #242a31;
    color: #f9f9f9;
}
.bg-white {
    background-color: #FFF;
    color: #212121;
    }

.quickFindBar{
    background-color: #eeeeee;
    padding-bottom: 12px;
    padding-top: 10px;
}    

.quickFindBar .quickFindRow{
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
} 

.bp-quick-find-search-input {
    flex: 0 1 auto;
    order: 2;
    background-color: white;
}
.bp-quick-find-search-input > input {
	font-size: 16px;
    border: 1px solid #eaeaea;
    border-right: none;
    background-color: #ffffff;
    width: 100%;
    height: 37px;    
}

  .bp-search{
    display:flex;
    padding-left:10px;
  }
  .bp-search-criteria{
    flex: 1 6 10%;
    order: 1;
  } 
  
  .bp-search-settings {
    margin-top: 52px;
    position: fixed;
    background-color: #777;
    color: #eee;    
    margin-left: 350px;
    max-width: 300px;
    box-shadow: rgba(0, 0, 0, 0.33) 0px 1px 10px 0px;
    z-index: 75000;
    width: 300px;
  }
  
  .bp-search-settings-header {
    margin-left: 0px !important;
    margin-bottom: 5px !important;
    margin-right: 0px !important;
    background-color: #444444;      
  }
  
  .bp-search-settings-items {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 25px;
    padding-bottom: 10px;      
  }
  
  .bp-search-input{
    background-color: rgba(255, 255, 255, 0);
  } 
  
  .bp-search-input > input {
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    border: 1px solid #a3a4a9;
    border-radius: 10px;
    height: 30px;
    font-size: 14px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
      
  }
  
  .bp-search-input button {
    border: 1px solid #a3a4a9;
    border-left: none;
    color: #242a31;
    height: 30px !important;
    background-color: #a3a4a9;
    padding-bottom: 8px;      
    border-radius: 0px;
}
  
.bp-search-input .input-group-btn:last-of-type button {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .bp-search-input button i.md{
      margin-bottom: 8px;
  }
  
  .bp-search-input > input:focus {
    border-color: #FFF;
    box-shadow: none;
    -webkit-box-shadow: none;
  }  
  
  .bp-search-criteria > ul.dropdown-menu > li > label {
      padding-left:12px;
  }
  
  
  .bp-search-criteria > button{
    text-align: left;
    width: 100%;
    height:37px;
    color: #212121;
    text-transform: initial;
  } 

  .bp-search-criteria > button > span{
    text-align: right;
  }   
  .bp-search-button{
    flex: 0 0 5%;    
    order: 3;
  } 
  
  .bp-search-button > button{
      height:37px;
      border-left: none;
      border-top: none;
      border-bottom-color: rgba(12, 12, 12, 0.12);
      border-right-color: #fff;
      color: #212121;
  }
  .bp-search-button > button:hover{
      border-right-color: #00acc1;
  }  


.loader{
    color:#fff;
    position:fixed;
    box-sizing:border-box;
    left:-9999px;
    top:-9999px;
    width:0;
    height:0;
    overflow:hidden;
    z-index:999999;
}

.loader:after, .loader:before{
    box-sizing:border-box;
    display:none;
}

.loader.is-active{
    background-color:rgba(0,0,0,0.85);
    width:100%;
    height:100%;
    left:0;
    top:0;
}

.loader.is-active:after,.loader.is-active:before{
    display:block;
}

@keyframes rotation{
    from {transform:rotate(0)} 
    to {transform:rotate(359deg)}
}
@keyframes blink{
    from {opacity:.5}
    to {opacity:1}
}

.loader[data-text]:before{
    position:fixed;
    left:0;
    top:50%;
    color:currentColor;
    font-family:Helvetica,Arial,sans-serif;
    text-align:center;
    width:100%;
    font-size:14px;
}

.loader[data-text='']:before{
    content:'Loading';
}

.loader[data-text]:not([data-text='']):before{
    content:attr(data-text);
}

.loader[data-text][data-blink]:before{
    animation:blink 1s linear infinite alternate;        
}

.loader-default[data-text]:before{
    top:calc(50% - 63px);        
}

.loader-default:after{
    content:'';
    position:fixed;
    width:48px;height:48px;
    border:solid 8px #fff;
    border-left-color:transparent;
    border-radius:50%;top:calc(50% - 24px);
    left:calc(50% - 24px);
    animation:rotation 1s linear infinite;
}

.loader-default[data-half]:after{
    border-right-color:transparent}

.loader-default[data-inverse]:after{
    animation-direction:reverse;
}



.quick-find-progress {
    flex: 0 0 2%;
    order: 4;
    color: #00acc1;
    align-items: center;
    padding-top:     10px;
}
.bp-quick-find-search-button {
    flex: 0 1 auto;
    order: 3;
    background-color: white;
}

.modal-header h4 {
    padding: 0;}

/* Content Header */    
.content-header {
    background-color: #FFF;}
.content-header-title {
    display: flex;
    text-transform: uppercase;
    margin: 10px;
}

.content-header-title h2 {}

.content-header-title-container {  
    margin: auto 0;
    font-size: 30px;
    margin-top: -6px;
    margin-left: 10px;
}
.badge{
    border-radius: 10px;
}    
/* Alignment fix for man-nav-tabs icons */
.main-nav-tabs li i {
    width: 18px;
    text-align: center;
    color: #337ab7;}

.main-nav-tabs li.active i
{
    color:#FFF;
}
.main-nav-tabs li:hover i {
    color:#FFF;
}
/* Section Slider   */
.section-minimise {
    width: 35px;
    height: 35px;
    border: 1px solid #a2a2a2;
    background-color: #FFF;
    color: #757575;
    margin-left: auto;
    cursor: pointer;
    text-align: center;
    padding-top: 8px;}

.section-minimise i {
    font-size: 24px;
    margin-top: -8px;}

.section-minimise:hover {
    background-color: #00acc1;}
.section-minimise:hover i {
    color: #fff;}
/* END Section Slider */
    
/* Section Slider   
.toggleResize .section-minimise {
    border-left: none !important;}

.section-minimise {
    width: 35px;
    height: 35px;
    border-left: 1px solid #FFF;
    margin-left: auto;
    cursor: pointer;
    text-align: center;
    padding-top: 8px;}

.section-minimise i {
    font-size: 18px;}

.section-minimise:hover {
    background-color: #00acc1;}
/* END Section Slider   */
    
.brand-holder h3 {
    font-size: 22px;
    margin-right: 25px;
    margin-bottom: 10px;
    padding: 7px 0 0 0;}

/* Common Section CSS */
.section-title-default,
.section-title-primary,
.section-title-highlight,
.section-title-secondary {
    margin-bottom: 10px;
    display: flex;
    align-items: center;}

.section-title-default {
    background-color: #FFF;
    color: #212121;}
    
.section-title-primary {
    background-color: #00acc1;
    color: #f9f9f9;
    text-transform: uppercase;}

.section-title-secondary {
    text-transform: uppercase;
    background-color: #337ab7;
    color: #f9f9f9;}

.section-title-highlight {
    background-color: #757575;
    color: #FFF;}

.section-title-toolbar {
    margin-top: -10px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: transparent;
    display:flex;
}

.flex-toolbar{
    margin-top: -5px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 10px;
    background-color: #0000004a;
    display: flex;
    border-radius:3px;
}

.container-toolbar{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    border-bottom: 1px solid #ddd
}

.container-toolbar > .btn:not(.dt-button), .section-title-toolbar > .btn:not(.dt-button) {
    font-size:12px;
    padding: 2px 5px;
    text-transform:capitalize;
    margin-left: 5px;
}

.btn-xs {
    padding: 2px 5px;}

.container-toolbar > .btn:first-of-type, .section-title-toolbar > .btn:first-of-type{
    margin-left: 0px;
}



.section-title-toolbar-btn {
    text-transform: none;
    color: #ffffff;
    background-color: #757575;
    border-color: #757575;
    border-radius: 8px;
    transition: none;
}

/** vertical divider to separate button groups */
.section-title-toolbar > .begin-group {
    width:  1px;
    background-color: #a2a2a2;
    margin: 0 3px 0 8px;    
}

.section-title-toolbar-btn:hover {
    border-radius: 8px;
    background-color: #fff;    
}
.active-record{
    background-color: #5ca25c;
    color:#fff;
}
.cancelled-record{
    background-color: #e84a4a;
    color:#fff;
}

.inactive-record{
    background-color: #AEAEAE;
    color:#000000;
}

tr.inactive-record > td {
    font-style: italic;
    color: #a0a0a0;
    background-color: #fdfdfd;
}

tr.highlighted.inactive-record > td {
    color: #313335;
}

.suspended-record{
    background-color: #ffc46e;
    color:#000000;
}

.pending-record{
    background-color: #90caf9;
    color:#000000;
}

.status-badge{
    border-radius: 6px;
    font-size: 0.4em;
    font-weight: 500;
    padding: 7px 9px;    
}
.status-badge-lg{
    border-radius: 6px;
    font-size: 0.6em;
    font-weight: 500;
    padding: 7px 9px;    
}

.nav-icon-large {
    font-size: 30px !important;
    margin-top: -8px !important;
}

.nav-icon-small{
    font-size: 20px !important;
    margin-top: 4px;
    margin-left: 3px;
}

.nav-icon-bell{
    font-size: 24px;
}

/* Removed by AARON 
.flex-container {
	display: flex;
	flex-direction: row;
	align-items: center;}
*/
	
.flex-item1 {
    /*flex: 0 1 0;*/
    height: 100%;
    padding-right: 10px;
    order: 1;
    border: 1px solid #ddd;
    padding: 10px 10px 5px 10px;
    min-height: 50px;
}
	
.flex-item2 {
    order: 2;
    flex: 2 1 auto;
    height: 100%;
    background-color: #dddddd;
    padding: 0 10px 0 10px;
    min-height: 50px;}
	
.flex-vertical-center {
    display: table-cell;
    vertical-align: middle;
    height: 50px;}


#searchHistory {
    cursor: pointer;}

.radio.radio-styled label {
    margin-right: 10px;}

.footer-info-bar{
    
}
.easyWizardSteps {list-style:none;width:100%;overflow:hidden;margin:0;padding:0;border-bottom:1px solid #ccc;margin-bottom:20px}
.easyWizardSteps li {font-size:18px;display:inline-block;padding:10px;color:#B0B1B3;margin-right:20px;}
.easyWizardSteps li span {font-size:24px}
.easyWizardSteps li.current {color:#000}
.easyWizardButtons {overflow:hidden;padding:10px;}
.easyWizardButtons button, .easyWizardButtons .submit {cursor:pointer}
.easyWizardButtons .prev {float:left}
.easyWizardButtons .next, .easyWizardButtons .submit {float:left;color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;}

.wizard-section-title {
    background-color: #00acc1;
    color: #fff !important;
    font-weight: 600;
}

.wizard-section-title-success {
    background-color: #5cb85c;
    color: #fff !important;
    font-weight: 600;
}

/***** Progress Arrows ****/
.progress-flex-container {
    display:flex;
    flex-wrap:wrap;
}
.progress-flex-item2 {
    order: 2;
    flex: 2 1 auto;
    height: 100%;
     padding: 0 10px 0 10px;
    }
.progress-flex-item3 {
    order: 2;
    flex: 2 1 100%;
    height: 100%;
     padding: 0 10px 0 10px;
     display:flex;
    }

.progress-flex-item3 div{
    flex: 1;
}    
    
.sym-progress {
    padding: 0;
    list-style-type: none;
    /*font-family: arial;
    font-size: 12px;*/
    clear: both;
    line-height: 1em;
    margin: 0 -1px;
    text-align: center;
    width:100%;
}

.sym-progress li {
    float: left;
    padding: 10px 30px 10px 40px;
    background: #333;
    color: #fff;
    position: relative;
    border-top: 1px solid #E9EDEF;
    border-bottom: 1px solid #E9EDEF;
    width: 18%;
    margin: 0 1px;
}

.sym-progress li:not(:first-child):before {
    content: '';
    border-left: 16px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    
}

.sym-progress li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
}

.sym-progress li:after {
    content: '';
    border-left: 16px solid #333;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}

.sym-progress li:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.sym-progress li:last-child:after {
    content: '';
    border-left: 16px solid #333;
    border-top: none;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}
.sym-progress li.past {
    background: #2fc7bc;
    color:#fff;
}
.sym-progress li.past:after {
    border-left: 16px solid #2fc7bc;
}

.sym-progress li.past label:after
{
    content: '\2713';
    display: inline-block;
    /*color: #1BA39C;*/
    padding: 0 0 0 5px;
}

.sym-progress li.current {
    background: #3598DC;
    color:#fff;
    font-weight:600;
}
.sym-progress li.current:after {
    border-left: 16px solid #3598DC;
}

.sym-progress li.future {
    background: #E9EDEF;
    color: #525E64;
}
.sym-progress li.future:after {
    border-left: 16px solid #E9EDEF;
}
.sym-progress li.active:after {
    border-left-color: #555;
}
.sym-progress li.won {
    background: #5cb85c;
    color:#fff;
    font-weight:600;
}
.sym-progress li.won:after {
    border-left: 16px solid #5cb85c;
}
.sym-progress li.lost {
    background: #e84a4a;
    color:#fff;
    font-weight:600;
}
.sym-progress li.lost:after {
    border-left: 16px solid #e84a4a;
}

.network-status-icon {
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-left: 3px;
    margin-right: 17px;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
}
.network-status-icon-small {
    height: 10px;
    width: 10px;
    min-width: 10px;
    margin-left: 3px;
    margin-right: 7px;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
}

.network-status-icon.success,
.network-status-icon-small.success {
    background-color: #4CAF50;
}

.network-status-icon.warning,
.network-status-icon-small.warning{
    background-color: #FF9800;
    
}

.network-status-icon.danger,
.network-status-icon-small.danger{
    background-color: #F44336;
    
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 10px;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
  border:none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-autocomplete-category {
    margin-top: 10px;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color:#B0B1B3;
}

.ui-menu .ui-menu-item {
   font-family: 'Open Sans'; 
}