body {
}

.login-form {
      md-card {
        padding: 0!important;

        md-card-title {
          background-color: #388E3C;
        }
      }
}

md-toast.md-error-toast-theme {
    .md-toast-content {
        background-color: red;
    }
}

.card-media {
    background-color: #999999; 
    width: 100%;
    height: 100%;
    display: inline-block;
}

/*table.md-table th.md-column {
  white-space: normal !important;
}*/

table.md-table th.md-cell {
  white-space: normal !important;
}

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0px 15px 0 0 !important;
}


.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }


.md-progress-circular.md-default-theme.md-hue-4 path, md-progress-circular.md-hue-4 path {
    stroke: #e8f5e9 !important;
}

.datetime-picker-custom > input {
    color: rgba(0,0,0,0.87);
}

.table-row-success, .table-row-greater:hover {
    background-color: #d5f7e6 !important;
}

.table-row-error, .table-row-lower:hover {
    background-color: #fde8e8 !important;
}

.sm-calender-pane.hide-animate {
    -webkit-transition: all 0s cubic-bezier(0.04, 1.01, 0.13, 1.02) !important;
    -moz-transition: all 0s cubic-bezier(0.04, 1.01, 0.13, 1.02) !important;
    -o-transition: all 0s cubic-bezier(0.04, 1.01, 0.13, 1.02) !important;
    transition: all 0s cubic-bezier(0.04, 1.01, 0.13, 1.02) !important;
    max-height: 0px;
    max-width: 0px;
    display:none !important;
}

.security-conditional-rules-basic-item {
    background: #fff; 
    min-height: 50px; 
    width: 200px;
}

.security-conditional-rules-basic-item > div{
    margin-left:20px; 
    font-size: 13px; 
    letter-spacing: 0.020em; 
    color: #828282;
}

.security-conditional-rules-module-item {
    background: #4caf50; 
    min-height: 50px; 
    width: 200px;
}

.security-conditional-rules-module-item > div {
    margin-left:20px; 
    font-size: 13px; 
    letter-spacing: 0.020em; 
    color: #FFFFFF;
}



.security-conditional-rules-child-item {
    background: #f7f7f7; 
    min-height: 50px; 
    min-width: 200px;
    max-width: 600px;
}
.security-conditional-rules-child-item > div{
    margin: 18px;
    margin-left:20px; 
    font-size: 13px; 
    letter-spacing: 0.020em; 
    color: #828282;
}


.security-conditional-rules-separator-row {
    width: 20px;
}

.security-conditional-rules-separator-column {
    height: 20px;
}

.security-conditional-rules-separator {
    width:0px;
}

.wrap {
  text-align: center;
  margin: 20px;
  position: relative;
}
.links {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  position: relative;
  
  align-items: flex-start;
}
.wrap:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1px solid black;
  background: black;
  width: 100%;
  transform: translateY(-50%);
}

.row-box-middle-line {
    height: 100%;
    text-align: center;
    border-bottom: 1px solid #828282;
    line-height: 0.1em;
    transform: translateY(-50%);
}

.column-box-middle-line {
    position: relative;
    top: 0;
    bottom: 0;
    left: 100px;
    border-left: 2px solid #c0c0c0;
}

.column-box-middle-line-w-items {
    position: relative;
    top: 0;
    bottom: 0;
    left: 100px;
    border-left: 2px solid #c0c0c0;
}

.fade {
  transition: 0.1s linear all;
  -webkit-transition: 0.1s linear all;
}

.fade.ng-enter {
  opacity: 0;
}

.fade.ng-leave {
  opacity: 0;
}

.ivh-treeview {
    list-style-type: none !important;       
}



@media screen and (min-width: 900px) {
    .rules-tabs {
        width: 800px;
        height: -webkit-fill-available;
        min-height: 500px;
        border-radius: 0;
    }

    .frequency-dialog {
        width: 800px;
        height: -webkit-fill-available;
        min-height: 500px;
        border-radius: 0;
    }
}

@media screen and (max-width: 899px) {
    .rules-tabs {
        width: 500px;
        height: -webkit-fill-available;
        min-height: 300px;
        border-radius: 0;
    }

    .frequency-dialog {
        width: 500px;
        height: -webkit-fill-available;
        min-height: 300px;
        border-radius: 0;
    }
}

.frequency-datepicker > div > input {
    font-size:16px;
}

 .frequency-checkbox-container > div {
     padding-left: 10px;
 }

.slot-input-container {
    margin: 0px;
    /*width: 25%;*/
}

.slot-item-list {    
   border: 1px solid #ccc!important;
    padding: 5px;
    border-radius: 5px;
}

.liproducer {
    border-radius: 5px;
    -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
    transition: background 1s; /* For modern browsers */
}
.liproducer:hover {
    border-radius: 5px;
    background: #d63e3e;
}

.md-datepicker-input {
    width: 100%;
    max-width: 100%;
}

.md-datepicker-input-container {
    width: 100% !important;
    margin-left: 0px !important;
}

.md-datepicker-button {
    display:none !important;
}


.selectTournament {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
.selectTournament .selectTournament-searchbox {
border: none;
outline: none;
height: 100%;
width: 100%;
padding: 0; }
.selectTournament .selectTournament-header {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
padding-left: 10.667px;
height: 48px;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
width: auto; }
.selectTournament md-content._md {
max-height: 240px; }


.login-tab {
    height:100% !important;
}

.checkbox-check-samples {
    position: relative !important;
    left: 0 !important;
}

/* Custom Table cell spacing */
.custom-table-spacing.md-table.md-row-select td.md-cell:first-child,
.custom-table-spacing.md-table.md-row-select th.md-column:first-child {
  padding: 0 0 0 6px !important;
}
.custom-table-spacing.md-table.md-row-select td.md-cell:nth-child(2),
.custom-table-spacing.md-table.md-row-select th.md-column:nth-child(2) {
  padding: 0 6px !important;
}
.custom-table-spacing.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
.custom-table-spacing.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
  padding: 0 0 0 0 !important;
}
.custom-table-spacing.md-table:not(.md-row-select) td.md-cell:first-child,
.custom-table-spacing.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 0 !important;
}
.custom-table-spacing.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
.custom-table-spacing.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 0 0 0 !important;
}
.custom-table-spacing.md-table td.md-cell:last-child,
.custom-table-spacing.md-table th.md-column:last-child {
  padding: 0 0 0 0 !important;
}


/*COLLAPSIBLE*/

.collapsible {
  /*border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;*/
  margin: 0.5rem 0 1rem 0; }

.collapsible-header {
  display: block;
  cursor: pointer;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
  .collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem; }

.collapsible-body {
  overflow: hidden;
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .collapsible-body p {
    margin: 0;
    padding: 2rem; }

.side-nav .collapsible {
  border: none;
  box-shadow: none; }
  .side-nav .collapsible li {
    padding: 0; }
.side-nav .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  margin: 0 1rem; }
  .side-nav .collapsible-header i {
    line-height: inherit; }
.side-nav .collapsible-body {
  border: 0;
  background-color: #FFF; }
  .side-nav .collapsible-body li a {
    margin: 0 1rem 0 2rem; }

.collapsible.popout {
  border: none;
  box-shadow: none; }
  .collapsible.popout > li {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform: scaleX(.92) translate3d(0, 0, 0);
    transition: margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .collapsible.popout > li:hover {
      will-change: margin, transform; }
  .collapsible.popout > li.active {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    margin: 16px 0;
    transform: scaleX(1) translate3d(0, 0, 0); }

.side-nav {
  position: fixed;
  width: 240px;
  left: -105%;
  top: 0;
  margin: 0;
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #FFF;
  z-index: 999;
  overflow-y: auto;
  will-change: left; }
  .side-nav.right-aligned {
    will-change: right;
    right: -105%;
    left: auto; }
  .side-nav .collapsible {
    margin: 0; }
  .side-nav li {
    float: none;
    padding: 0 15px; }
    .side-nav li:hover, .side-nav li.active {
      background-color: #ddd; }
  .side-nav a {
    color: #444;
    display: block;
    font-size: 1rem;
    height: 64px;
    line-height: 64px;
    padding: 0 15px; }

.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
  background-color: #ee6e73; }
  .side-nav .collapsible-body li.active a, .side-nav.fixed .collapsible-body li.active a {
    color: #fff; }

 .disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.md-input, .md-select-value {
    font-size: 21px !important;
}

.page-select .md-select-value, .limit-select .md-select-value  {
    font-size: 12px !important;
}