/* Custom css outside of template defaults */
/* Overrides of Plugin Styles for AP */
.m-none {
    margin: 0
}
.red {
    color: red;
}
.green {
    color: green;
}
.orange {
    color: #f8ac59;
}
.profile-image {
    width: 48px;
    height: auto;
    margin: 6px;
}

.profile-image img {
    max-height: 70px;
    max-width : 70px;
}
.profile-image-container {
    width: 48px;
    height: auto;
    clear: right;
}
#hol_desc, #hol_name {
    color: #000;
}

.sweet-alert button {
    background-color: #1ab394;
}
.chosen-container {
    width: 100% !important;
}
.icon-5x {
    font-size: 5em;
    line-height: 1em;
}

.dropzone {
    background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: 3px;
    min-height: 200px;
    padding: 23px 23px 50px 23px;
}

.dropzone .dz-default.dz-message {
    filter: none;
    height: 123px;
    margin-left: 0;
    opacity: .5;
    position: absolute;
    transition: opacity 0.3s ease-in-out 0s;
}
.upload-btn-container {
    position: absolute;
    padding-left: 40px;
    right: 8px;
    bottom: 8px;
}
#lang-dropzone .upload-text-container ,
#tile-dropzone .upload-text-container {
    position: relative;
    cursor:pointer;
}
#lang-dropzone .upload-text-container p ,
#tile-dropzone .upload-text-container p {
    text-align: center;
    opacity: .60;
    cursor:pointer;
}

#lang-dropzone .upload-text-container p i,
#tile-dropzone .upload-text-container p i{
    cursor:pointer;
}
.graphText {
    color: black;
    opacity: .50;

    font-weight: 900;
    left: -8px;
    position: relative;
    text-align: right;
    top: -20px;
}
.progress {
    margin-bottom: 2px;
}
#themeProgress {
    display: none;
}
#themeCompletePerc {
    font-size:8px;
    color:#000;
    text-shadow:1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    0px 1px 0 #fff,
    1px 0px 0 #fff,
    0px -1px 0 #fff,
    -1px 0px 0 #fff,
    4px 4px 3px #000;
    font-family:Verdana, Geneva, sans-serif;
}
#manifest-image-attributes {
    display: none;
}
.dspMessage {
    background-image: linear-gradient(to bottom, #ffffff, #f8f8f8);
    border: 1px solid #fff;
    color: #666;
    display: block;
    margin-top: 4px;
    padding: 4px 5px;
    text-align: left;
    text-decoration: none;
    width: 100px;
    font-size: small;
}
.dspButton {
    background-image: linear-gradient(to bottom, #fafafa, #eee);
    border: 1px solid #eee;
    border-radius: 2px;
    color: #aaa;
    display: block;
    margin-top: 4px;
    padding: 4px 5px;
    text-align: left;
    text-decoration: none;
    width: 100px;
    font-size: small;
}
.dspButton:hover {
    color: #666;
}
.awsDelButton {
    background: transparent;
    border: 1px solid transparent;
    color: #666;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 4px 5px;
    text-align: left;
    text-decoration: none;
    font-size: small;
}
.awsDelButton:hover {
    color: red;
}
.awsReportsButton {
    background: transparent;
    border: 1px solid transparent;
    color: #666;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 4px 5px;
    text-align: left;
    text-decoration: none;
    font-size: small;
}
.awsReportsButton:hover {
    color: green;
}

#appwait {
    height: 200px;
    padding-top: 70px;
}
.rptButton {
    width: 160px;
    text-align: left;
}
.ibox-content h3 {
    margin: 20px 15px 0;
}
.ibox-content.no-border {
    border : 0px;
}
.num-right {
    text-align: right;
}
.file-type td {
    font-size:20px;
    font-weight: 700;
}
.status-panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
}
.server-status {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    color: inherit;
    /*padding: 5px 20px 5px;*/
}
.server-status h2 {
    /*font-size: 30px;*/
    text-decoration: none;
    margin-bottom: 8px;
}
.server-status h5 {
    text-decoration: none;
    color: #777;
}
.server-status small  {
    color: #777;
}
.status-control {
    color: #777;
}
.refresh-cntl {
    margin-left: 10px;
}
.collapse-link, a:focus {
    outline: none;
}
div.status-detail {
    padding: 2px;
    border-top: 1px solid transparent;
}
.ping-legend {
    padding: 5px;
    width: 120px;
    color: white;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
    font-weight: 800;
}
.ping-wait {
    color: lightgrey;
    font-weight: 900;
    font-size: 100px;
}

#allServices {
    text-align:center;
}

#chart-stats-footer {
    margin-bottom: 50px;
}
.exp-text {
    padding-top: 5px;
    font-weight: 700;
}

.widget-header {
    text-align: center;
    font-weight: 600;
    margin-bottom:  -8px;
    border-radius:  20px 20px 0 0;
    border-top:     1px solid lightgrey;
    border-right:   1px solid lightgrey;
    border-left:    1px solid lightgrey;
}

@media (max-width: 992px) {
    .widget-header-group div{
        display: none;
    }
}

.login-error {
    color: darkred;
    font-weight: 700;
}
.navbar-cu-select {
    display: inline-table;
    float: left;
    height: 50px;
    padding: 18px;
    width: 300px;
}
#selected-cu-img {
    display: none;
    height: 50px;
    padding: 18px;
    width: 300px;
}


/* Required for select2 drop down to show up correctly in a modal. */
.select2-container--open {
     z-index:9999999
}

.select2.select2-container--disabled .select2-selection {
    background-image: -webkit-linear-gradient(top, #eee 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #eee 100%);
    cursor: not-allowed;
}

.select2.select2-container--disabled .select2-selection:focus {
    border-color: #aaa;
    cursor: not-allowed;
}

.inmodal .modal-header {
    padding: 5px;
    text-align: left;
}

.inmodal .header-alt {
    padding: 15px 15px 0px 15px;
}

.inmodal .modal-icon {
    font-size: 45px;
    color: #fff
}

.inmodal .modal-body {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 67vh;
}

.inmodal .modal-title {
    font-size: 22px;
}

.profile-info {
    margin-left : 80px;
}

.wrapper-content {
    /*padding: 20px 10px 0px;*/
}

.full-height {
    height: 97%;
}

.elements-list .list-group-item-btn {
    list-style-type: none;
    border-left: none;
    border-right: none;
    padding: 15px 25px;
}

.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
}

.tile-card {
    height: 200px;
    width: 160px;
}

.tile-card-tiles {
    background-color: white;
    display: inline-block;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.25);
    margin: 10px 20px 10px 0;
}

.tile-card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.tile-card-grid .selected-tile {
    box-shadow: 0 0 0px 4px #f8ac59;
}

.selected-check {
    position: absolute;
    padding: 0 3px 3px 0;
    background-color: #f8ac59;
}

.tile-card-add {
    border: rgba(0, 0, 0, 0.25) dashed 2px;
    background-color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


.tile-card-add:hover {
    background-color: #e7eaec;
    cursor: pointer;
}

.tile-card-add:active {
    background-color: inherit;
    cursor: pointer;
}

/*
.tile-card {
    height: 200px;
    width: 160px;
    background-color: white;
    display: inline-block;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.25);
    margin: 10px 20px 10px 0;
}
*/

.choose-tiles {
    cursor: pointer;
}

.tile-card-plus {
    padding: 5px;
    width: 160px;
    border-radius: 7px;
}

.tile-card-icon {
    padding: 5px;
    width: 160px;
    height: 160px;
    border-radius: 7px;
    border: white solid 4px;
    background-position-y: center;
    background-size: 100%;
    background-color: #e7eaec;
}

.elements-list .btn-primary {
    color: white;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
    width: 350px;
    min-width: 0;
}

.fixed-nav .minimalize-styl-2 {
    margin: 15px 5px 5px 15px;
}

.navbar-top-links li a {
    padding: 20px 10px 0;
    min-height: 50px;
}

.password-rules > tr:first-child td{
    border: 0px;
}

.collapsed {
    margin-bottom: 10px;
}

.ibox-first {
    border: 0px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

/* datatable styling overwrite  */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled,
table.dataTable thead .not-sort {
    background-color:#f5f5f6;
}

.align-right {
    text-align: right;
}

.dashed {
    border: 2px dashed rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.fa-btn {
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bad-field {
    border-color: #EF5352;
}

.btn-toggle > button:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -6px;
}

.footable-row-detail-inner {
    width: 100%;
}

.widget-header-group {
        /* mobile first */
    margin-top: 80px;
}

@media (min-width:480px) {
    .navbar-top-links .dropdown-profile {
        width: 359px;
        min-width: 0;
    }
    .widget-header-group {
        margin-top: 0px;
    }
}

@media (max-width:768px) {
    .navbar-top-links .dropdown-profile {
        margin-left: -210px;
    }
    .widget-header-group {
        margin-top: 40px;
    }
}
#allowedTile_chosen.chosen-disabled > ul > li > span {
    cursor: not-allowed;
}
#allowedTile_chosen.chosen-disabled > ul > li > a  {
    cursor: not-allowed;
}
#allowedTile_chosen > ul > li > input[type="text"]:disabled {
    cursor: not-allowed;
}
#allowedTile_chosen.chosen-disabled > ul.chosen-choices {
    cursor: not-allowed;
}
/*
CSS for slider button on the MFA tab in roles page
 */

.sliderWrapper {
    display:inline-block;
    position: relative;
    padding-left: 15px;
}

.sliderWrapper div{
    display: inline-block;
    line-height: 60px;
    font-weight: bold;
    padding-left: 10px;
}

.switch {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {display:none;}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #1ab394;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:disabled + .slider {
    opacity:0.5;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* for display exclamation sign on the input field */
.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;
}
.right-inner-addon span {
    position: absolute;
    right: 0px;
    padding: 8px 10px;

}

/* This is for the collapsible sections in the settings page */
.panel-heading.accordion-toggle:before {
    font-family:'Glyphicons Halflings';
    content:"\e114"; /* symbol for expanded panel */
    float: right;
    /*color: grey;*/
}
.panel-heading.accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content:"\e080"; /* symbol for collapsed panel */
}
.panel-heading {
    cursor: pointer;
}
.row.dashboardPanelRow {
    background-color: white;
    padding-top: 20px;
}
.recentConnectorStatusHeader {
    padding-top: 10px;
}
.recentReportsHeader {
    padding-top: 10px;
}
/*.panel {*/
    /*background-color:#F5F5F5;*/
/*}*/

/* This overrides select2 specific styles when select2 is placed inside a "wizard" control. */
.wizard > .content > .body .select2 ul > li
{
    display: inline;
}

.wizard > .content > .body .select2 input
{
    display: block;
    border: 0px solid transparent;
}

/* Org Permissions */
.item-spacer {
    margin-bottom: 40px;
}
.icon-align {
    margin-top : 3px;
}
select.md-h-modal {
    min-height: 200px;
}
/* END - Org Permissions */

.checkbox-horizontal {
  margin-right: 15px;
}


/* Tile File Components */

/*.file-tile{
    float: left;
    width: 145px;
    height: 150px;
    background: #fff;
    margin: 10px 5px;
    border: 1px solid #e7eaec;
    position: relative;
}

.file-tile:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 16px 16px;
  border-style: solid;
  border-color: #F3F3F4 #fff;
}

.file-tile .flt-header{
    text-align: center;
    margin: 5px 0;
    font-size: 48px;
    color: #dadada;
    float: left;
    width: 100%;

}
.file-tile .flt-body{
    text-align: center;
    float: left;
    width: 100%;
    background: #F8F8F8;
    padding: 12px 0;
}*/
#screenshot-cards .file-box .flt-footer,
#awsfiles .file-box .flt-footer{
    float: left;
    width: 100%;
}

#screenshot-cards .file-box,
#awsfiles .file-box{
    margin-bottom: 20px;
    margin-right: 20px;
    width: 146px;
}
#screenshot-cards .file-box .file,
#awsfiles .file-box .file{

    float: left;
    cursor: pointer;
    width: 100%;
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #ffffff;
    position: relative;

}

#screenshot-cards .file-box  .flt-footer a,
#awsfiles .file-box  .flt-footer a{
    color: #333;
}

#screenshot-cards .file-box  .flt-footer .right-icon,
#awsfiles .file-box  .flt-footer .right-icon{
    float: right;
    margin-top: 10px;
    margin-right: 25px;
}

#screenshot-cards .file-box  .flt-footer .left-icon,
#awsfiles .file-box  .flt-footer .left-icon{
    float: left;
    margin-top: 5px;
    margin-left: 25px;
}
#screenshot-cards .file-box  .flt-footer .left-icon a:link,
#awsfiles .file-box  .flt-footer .left-icon a:link{
    background: transparent;
    border: 1px solid transparent;
    color: #666;
    display: block;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 4px 5px;
    text-align: left;
    text-decoration: none;
    font-size: small;
}

#screenshot-cards .file-box .flt-footer .left-icon a:hover .fa-trash:before,
#awsfiles .file-box .flt-footer .left-icon a:hover .fa-trash:before{
    color: red;
}

#screenshot-cards .file-box  .required-icon,
#awsfiles .file-box  .required-icon{
    color: #FE3D4B;
}

#awsfiles .file-box  .required-icon div.legend{
    margin-top: -5px;
    font-size: 12px;
}

#screenshot-cards .file-box.required-file .file-name ,
#awsfiles .file-box.required-file .file-name {
    text-align: center;
    line-height: 60px;
    min-height: 14px;
    color: #333;
}

#screenshot-cards{
    display: inline-block;
}
    

#awsfiles .file-box.required-file .file .icon i{
    color:#FE3D4B;
}

#screenshot-cards .file-box.required-file .footer-required,
#awsfiles .file-box.required-file .footer-required{
    float: left;
    width: 100%;
    min-height: 32px;
}

#screenshot-cards .file .icon{
    margin-bottom: 10px;
}

#screenshot-cards .file-box.required-file .file-name{
    line-height: 20px;
}

.wizard > .content > .body label.error {
    margin-left: 0;
}

/* Define look of errors on forms */
.validation-error-item {
    color: #d80000;
    font-weight: bolder;
}

.content > .body label.validation-error:before, label.validation-error:before, label.error:before {
    font-family: FontAwesome;
    content: "\f00d";
    color: #d80000;
    margin: 5px 3px;
    font-size: 1.1em;
}
.content > .body label.validation-error, label.validation-error, label.error {
    clear: both;
    display: block;
}
.content > .body input.validation-error, input.validation-error, input.error {
     border: 1px solid #d80000;
}

.content > .body textarea.validation-error, textarea.validation-error, textarea.error {
    border: 1px solid #d80000;
}

.content > select.validation-error + span {
    border: 1px solid #d80000;
}

.select2-container--classic .validation-error, .select2-container--classic .error, .chosen-select.validation-error {
    border: 1px solid #d80000;
}
.select2-selection.select2-selection--multiple.validation-error {
    border: 1px solid #d80000;
}
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic.select2-container--open .select2-dropdown,
.select2-container--classic .select2-selection--single:focus {
    border-color: #1ab394;
}

.select2-selection--multiple .select2-search--inline .select2-search__field {
    width: auto !important;
    min-width: 210px;
}

/* Wizard step fix - This commented version is a nicer way to make the transition from page to page smoother */
/*.wizard > .content {*/
/*background: #eee;*/
/*display: block;*/
/*margin: .5em;*/
/*min-height: 35em;*/
/*overflow: hidden;*/
/*position: relative;*/
/*width: auto;*/
/*-webkit-border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
/*}*/
/*.wizard > .content > .body {*/
/*float: left;*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 100%;*/
/*padding: 2.5%;*/
/*}*/
/*.large-modal.wizard > .content {*/
/*min-height: 53em;*/
/*}*/

/* Turn off Hamburger by default */
.fixed-nav .minimalize-styl-2 {
    display: none;
}

/* All Errors in LI styles */
.content > .body ul.error > li {
    list-style: none;
    clear: both;
}

.content > .body ul.error > li i {
    color: red;
}


.forum-item .forum-sub-title {
    margin-left: 0;
}

.wizard > .content > .body {
    float: none;
    width: 100%;
}

.b-r-default {
    border-right: 1px solid #dddddd;
}

.b-l-default {
    border-left: 1px solid #dddddd;
}

.b-b-navy {
    border-bottom: solid #1ab394;
}

.b-b-primary {
    border-bottom: solid #1c84c6;
}

small.highlight {
    color: #1c84c6;
    font-weight: bold;

}

.ibox-blend-override {
    background-color: inherit;
    border-color: inherit;
    border-style: inherit;
    padding-top: 0;
}

.form-control.error {
    border-style: solid;
}

label.error {
    color: #676a6c;
}

.wizard > .actions a.cancel {
    background-color: white;
    color: inherit;
    border: 1px solid #e7eaec;
}

.wizard > .actions a.cancel:hover, 
.wizard > .actions a.cancel:focus,
.wizard > .actions a.cancel:active {
    border: 1px solid #d2d2d2;
}


#notificationTypes {
    margin-bottom:20px;
}

a[role="menuitem"].btn-disabled {
    pointer-events: none;
    background-color: gainsboro;
    cursor: not-allowed;
}


/*
    Added to address sizing issue on the dashboard when reports are present.
 */
.wrapper-content.dashboard {
    display: table;
    width: 100%;
}

.icheckbox_square-green.checked.disabled {
    background-color: #1ab394;
}

.forum-item {
    border: none;
}

input.select2-search__field {
    background: inherit;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%;
        max-width: 1000px;
    }

    .modal-xl {
        max-width: 1250px;
    }
}
@media (max-width: 768px) {
    .fixed-nav .minimalize-styl-2 {
        display: inline-block;
    }
    .error-page {
        margin-top: 40px;
    }
}

@media (max-width: 992px) {
    .forum-info {
        display: inline-block;
    }
}

@media (max-width: 846px) {
    .error-page {
        margin-top: 60px;
    }
}

@media (max-width: 721px) {
    .error-page {
        margin-top: 100px;
    }
}

@media (max-width: 350px) {
    .error-page {
        margin-top: 0px;
    }
}

.hidden-icon{
    text-indent: -9999px;
}
.modal.user-modal {
    height: 85vh;
    min-height: 915px;
}

.permissions-side {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 50vh;
}
.override-na {
    font-weight: 900;
    font-size: 1.4em;
}
.iSpinnerContainer{
    width: 100%;
    position: absolute;
    text-align: center;
    background-color: gray !important;
    top: 0;
    opacity: 0.5;
    height: 100%;
    right: 0;
    color: black;
    font-size: 2em;
}
.iSpinner{
    top: 45%;
    left: 50%;
    position: absolute;
}

.calendarIcon {
    color: #1ab394;
}

.calendarList{
    color: lightgray;
}

.bottom-buffer {
    margin-bottom:20px;
}

.fa-play{
    left: 2px;
}
.btn-remove-tile {
    border-color: transparent;
    border-width: 0px;
}
.selected-delete {
    opacity: .50;
}
/* ellipsing search placeholder in the input controls */
input[placeholder] { text-overflow: ellipsis; }
::-moz-placeholder { text-overflow: ellipsis; } /* firefox 19+ */
input:-moz-placeholder { text-overflow: ellipsis; }

/*
Added to address an issue in iOS 11 input element within a modal
 */
 @supports (-webkit-overflow-scrolling: touch)
 {
     .html,body{
         -webkit-overflow-scrolling : touch !important;
         overflow: auto !important;
         height: 100% !important;
    }
}
body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper {
    position: fixed;
    top: 0px;
}


/* Dashboard documents table */
.dev-docs-tabble .table-wrapper-white{
    width: 95%;
    margin: 10px auto;
    background: #fff;
    border-top: 2px solid #ccc;
    padding: 15px;

}

/*calendar toggle icons  */
.calendarToggleIcon {
    color:white;
    background-color: #1ab394
}

.calendarToggleList {
    color: lightgray;
}

.pager {
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.pager select {
  margin-left: 5px;
  margin-right: 5px;
}


.tileicon-desc{
    color: #ccc;
    margin-top: -20px;
    line-height: 20px;
}

.tileicon-desc-org{
    color: #ccc;
}
.dashboardhdr {
    text-align: center;
}
.status-arrow {
    padding: 5px 20px 5px;
}

#orgZip input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#logDate{
    font-size: 12px;
}

.sectionMethodsAndParams a {
    color: rgb(68, 68, 68);
    font-size: 1.1em;
    line-height: 40px;
}

.green-icon {
    color: #1ab394;
}

.docres-folder {
  padding: 4px;
    border-bottom: 1px solid #e7eaec;
    color: #666;
}

.docres-folder.active, .docres-folder:hover {
    color: #1ab394;
}

.faq-link {
  padding: 4px;
  color: #666;
}

.lightgray-icon {
  color: lightgray;
}

/* Modals */
@media screen and (min-width: 970px) {
    .docs-Res-Modals.inmodal .modal-dialog {
        width: 60%;
    }
}

.docs-Res-Modals.inmodal .modal-title {
    font-size: 28px;
}

.docs-Res-Modals.inmodal .hint {
    font-style: italic;
}

/* Add folder */

/* Add resources */

.new-folder input:not(:focus){
    border-style: dashed;

}

/* Add resources */


.folder-tab {
     display: none;
}

.folder-tab.active {
     display: block;
}

.upload-res-modal .add-resources-modal-body .form-title{
  margin-bottom: 10px;
}

.upload-res-modal .add-resources-modal-body .resourcesInfoForm .input-group[class*=col-]{
  padding-left: 20px;
}

.upload-res-modal .upload-file-wrapper .form-control {
    position: relative;
    overflow: hidden;
}
.upload-res-modal .upload-file-wrapper .form-control .fileinput-filename
{
    position: absolute;
    left: 2.2em;
    white-space: nowrap;
}

.upload-res-modal .add-resources-modal-body .resourcesInfoForm .version-number-separator{
  width: 20px;
  text-align: center;
  font-size: 32px;
  line-height: 12px;
  padding: 0;
}

.upload-res-modal .add-resources-modal-body .resourcesInfoForm .version-number {
    padding-left: 8px;
    padding-right: 5px;
    width: 4.5em;
}

.edit-version-group-hidden {
    display: none;
}

.version-validation-wrapper.col-md-1 {
    padding: 0;
}

table.docres-getting-started td:first-child {
    overflow: hidden;
    max-width: 300px;
    text-overflow: ellipsis;
}

/*Thumbnail*/
.docs-res-page .file-name small {
    display: block;
}

.docs-res-page .file-name {
    word-wrap: break-word;
}

.docs-res-page .folders-section {
    z-index: 2;
}

.docs-res-page #awsfiles .file-box{
    float: none;
    vertical-align: top;
    display: inline-block;
}

.docs-res-page #awsfiles .file-box .flt-footer .left-icon {
    margin-left: 10px;

}

.backGrey {
    background: #EBEBEB;
}

.devOrgsFormWrapper {
    padding: 15px 0;
    border-radius: 5px;
}

.devOrgsFormWrapper .panel-body {
    background: #EBEBEB;
}

.tabSelectorGrey .nav a {
    line-height: 2.3;
}

.tabSelectorGrey .nav a::before {
    content: ' ';
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #B5B5B5;
    border-radius: 100%;
    float: left;
    margin: 0 8px 0 0;
}

.tabSelectorGrey .tabs-container .nav .active a::before{
    background: #ACACAC;
}

.tabSelectorGrey .tabs-container .nav .active a,
.tabSelectorGrey .tabs-container .nav .active a:hover,
.tabSelectorGrey .tabs-container .nav .active a:focus {
    background: none;
}

.list-selector-grey .nav a {
    line-height: 2.3;
}

.list-selector-grey .nav a::before {
    content: ' ';
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #B5B5B5;
    border-radius: 100%;
    float: left;
    margin: 0 8px 0 0;
}

.list-selector-grey .tabs-container .nav .active a::before{
    background: #ACACAC;
}

.list-selector-grey .nav-tabs {
    border-bottom: 0;
}
.list-selector-grey li {
    width: 100%;
}
.list-selector-grey .tabs-container .nav .active a,
.list-selector-grey .tabs-container .nav .active a:hover,
.list-selector-grey .tabs-container .nav .active a:focus {
    background: none;
    border: 0;
}

.tabs-container.backGrey .panel-body{
    background: #EBEBEB;
}


#serviceProvList a {
    color: #1ab394;
}
#serviceProvList a.disabled {
    color: #676a6c
}
#serviceProvList a.disabled:hover {
    cursor: auto;
}
.chevy {
    text-align: right;
    color: #dadada;
}
td.chevy div.icon i.fa   {
    padding-right: 15px;
}
.delete-disabled {
    color: #aaa
}
.connprojectlist, .tileprojectlist, .extsvcprojlist {
    border:1px solid #d9d9d9
}
.connector-actions {
    text-align: right;
}

.editActionButton {
    color: #606363;            
    cursor: pointer;
}


.editActionButton:hover {
    color: #272727;            
}

.editActionButton.delete-disabled {
    color: #aaa;
    cursor: default;
}

.deleteActionButton {
    color: #ed5565;
}

.deleteActionButton:hover {
    color: #d1071b;
    cursor: pointer;
}

.connectorManageBtns {
    padding-left: 10px;
    padding-top: 10px;
}
.align.center {
    text-align: center;
}

form .row.bottom.spacer {
    margin-bottom : 20px;
}

/* Spinner */
#overlay {
    position: absolute;
    z-index: 5000;
    top: 15%;
    left: 45%;
    text-align: center;
}

.spinner {
    position:absolute;
    width: 100px;
    height: 100px;
    margin: 100px auto;
    background-color: #1ab394;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

span.forum-item-title {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.forum-sub-title {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}


@-webkit-keyframes fadeOutUp-file-box {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    75% {
        width: 0;
        width: 146px;
        margin-right: 20px;
        margin-bottom: 20px;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        height: initial;
    }

    100% {
        width: 0;
        border: 0;
        padding: 0;
        margin: 0px;
        margin-bottom: 0px;
        height: 0;
    }
}

@keyframes fadeOutUp-file-box {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    75% {
        width: 146px;
        margin-right: 20px;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        height: initial;
        margin-bottom: 20px;
    }

    100% {
        width: 0;
        border: 0;
        padding: 0;
        margin-right: 0px;
        margin-bottom: 0px;
        height: 0;
    }
}

/* fadeOutUp animated */
.file-box.fadeOutUp {
    opacity: 0;
    overflow: hidden;
    width: 0;
    border: 0;
    padding: 0;
    margin-right: 0px;
    -webkit-animation-name: fadeOutUp-file-box ;
    animation-name: fadeOutUp-file-box ;
}

.file-box.fadeOutUp .file {
    width: 146px;
    margin: 0;
}

.scale-menu-icon {
    font-size: 1.5em;
    transform: translate(0,0.1em);

}

.long-m-item {
    position: relative;
}

.long-m-item span.fa.arrow {
    position: absolute;
    top: 14px;
    right: 20px;
}

.active>.long-m-item span.fa.arrow {
    -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;
    -o-transition: right 0.4s;
    transition: right 0.4s;
    right: 15px;
}

/* CUSTOM TEXT */

.custom-text-page-wrapper .tabs-container .footer-pane.panel-body {
    border-top: none !important;
}

.custom-text-page-wrapper .entries-select {
    display: inline;
    width: auto;
    padding: 0 2em;
}
.custom-text-table .fa-stack {
    color: #676a6c;
}

.imcheck-container{
    padding-bottom:5%;
}
/*image gallery*/
.image-checkbox {
    background-color: #d9d9d9;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0;
    outline: 0;
    width: 80%;
}
.image-checkbox input[type="checkbox"] {
    display: none;
}

.pad20{
    padding: 5% 20% 5% 20%;
}

.image-checkbox-checked {
    border-color: orange;
}
.image-checkbox .fa {
    position: absolute;
    color: #fff;
    background-color: orange;
    padding: 10px;
    top: 0;
}
.image-checkbox-checked .fa {
    display: block !important;
}
#test {
    padding-bottom: 20px;
}

.languageLabel {
    line-height: 2.5;
}

td.editCustomText {
    color: #676a6c
}
td.deleteCustomText {
    color: #ed5565
}

.textTable{
    padding-top: 30px;
}


#textLoader .sk-spinner{
    margin-top: 15%;
}

#textLoader {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
    left: 15px;
    right: 15px;
    z-index: 1;
}

#customTextTable tr td:first-child, #customTextTable tr th:first-child {
    display: none;
}

#tileGroupTypeOptions label.validation-error.validation-error-item {
    margin-left: 12px;
}

#uploaded-assets td {
    white-space: nowrap;
    overflow: hidden;         /* <- this does seem to be required */
    text-overflow: ellipsis;
}

.org-banking-settings-tab .ibox-footer.editSave-theme {
    padding: 10px 0;
}

.certification-steps .ibox-content{
    display: inline-block;
}

/* Custom style rules for Member Auth Settings.*/
.auth-settings .col-xs-12 {
    margin-bottom: 20px;
}

.auth-settings-member .ibox-content {
    border: none;
}
.auth-settings a {
    color: #000000b3;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 600;
    padding-left: 15px;
}

.auth-settings .i-checks {
    display: inline;
}
.upload-data-screen .compile-build-alerts{
    width: 100%;
}

.image-help {
    text-align: left;
    font-style: italic;
}

.dataTables_wrapper .dt-buttons {
    float: left;
}

.tile-p-no-overflow{
    overflow: hidden;
    max-height: 18px;
}

.optional-text p {
  text-align: center;
  padding-top: 8px;
}

/* Nestable list */
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}
.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.dd-list .dd-list {
    padding-left: 30px;
}
.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}
.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-handle span {
    font-weight: bold;
}
.dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}
.dd-placeholder{
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}
.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/

.dd-item > button {
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold; }
.dd-item > button:before {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0; }
.dd-item > button.dd-expand:before {
    content: '+'; }
.dd-item > button.dd-collapse:before {
    content: '-'; }

.dd-expand {
    display: none; }

.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
    display: none; }

.dd-collapsed .dd-expand {
    display: block; }

.message-content {
    display: block;
    word-break: break-word;
}

#uploadProfileImgInput{
    display: inline-block;
}

.ibox-content.text-center #orgText-error{
    text-align: left;
}

div.tile-disabled-message{
    border-color: #aaa;
    cursor: not-allowed;
    background-color: lightgray;
    color: white;
    padding-left: 5px;
    position: absolute;
    width: inherit;
}
p.tile-disabled-message{
    font-size: smaller;
    font-weight: bold;
    display: inline;
    padding-left: 10px
}

.table>tbody.disclosureAcceptContainer {
    border-top: 0px;
}

.dropzone .upload-text-container {
    position: relative;
    cursor:pointer;
    text-align: center;
}
.dropzone .upload-text-container p {
    text-align: center;
    opacity: .60;
    cursor:pointer;
}

.dropzone .upload-text-container p i{
    cursor:pointer;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width:17em !important;
}
.supportingdocs-container,
.screenshots-container,
.supporting-docs-table .promptForDeleteArtifactBtn,
#screenshot-cards .flt-footer{
    display:none;
}
.loading-label {
    font-size: inherit;
    padding: 10px;
}

#screenshot-cards.editing .flt-footer,
.supporting-docs-table.editing .promptForDeleteArtifactBtn{
    display: inline !important;
}
.CodeMirror {
    height: 680px;
}

.dropdown-with-link {
    font-weight: bold;
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 5px;
}

#org-tile-content {
    padding: 10px 0px;
}

ul.tag-list li a {
    font-weight: 700;
    font-size: 13px;
    cursor: default;
}

.radio-selection {
    max-width: 400px;
    padding-left: 0px;
}

.radio-selection-label {
    display: inline-block;
    text-align: left;
    padding-left: 4px;
    font-weight: bold;
}

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

#uploadLogoForm input[type=file] {
    text-align: left;
}

#chip-label a:link {
    text-decoration: none;
    color: #fff;
}

#chip-label a:visited {
    color: #fff;
    text-decoration: none;
}

.org-admin-container {
    display:table;
}

.org-admin-container-row {
    display:table-row;
}

.org-admin-container-cell {
    display:table-cell;
}

.org-admin-container-cell-33 {
    display:table-cell;
    width:33%;
    padding-top: 10px;
    padding-bottom: 10px;
}

a[href="#next"]:hover,
a[href="#next"]:focus,
a[href="#finish"]:hover,
a[href="#finish"]:focus,
a[href="#previous"]:hover,
a[href="#previous"]:focus {    
    background-color: #18a689 !important;
    border-color: #18a689;
    color: #FFFFFF !important;
}

@media not  screen and  (max-width: 768px){
    #tileProjectSmartWizard .nav.nav-tabs.step-anchor, #connectorProjSmartWizard .nav.nav-tabs.step-anchor{
      display: flex;
    }
  
    #tileProjectSmartWizard .nav.nav-tabs li, #connectorProjSmartWizard  .nav.nav-tabs li {
      width: 12.5%;
    }
  
    #tileProjectSmartWizard .nav.nav-tabs li small, #connectorProjSmartWizard .nav.nav-tabs li small {
      height: 2em;
      display: block;
      white-space: normal;
      z-index: 99;
      position: relative;
      top: -6px;
    }
  
    #tileProjectSmartWizard a, #connectorProjSmartWizard a {
      padding-left: 7px !important;
      padding-right: 0px !important;
    }
  }

.text-dark {
    color: #676a6c;
}

.text-light {
    color: #ababab
}

.text-execute {
    color: #39be92
}

.popover{
    width:300px;
    height:max-content;
}

.version-disabled {
    color: #999;
    background-color: #f5f5f5;
    cursor: not-allowed;
}

/* stepup auth */
#stepup-multi-tile-list + .select2-container .select2-selection {
    font-size: 13px !important;
    padding: 10px !important;
    min-height: 45px !important;
}

/* Make the dropdown options larger */
.select2-dropdown {
    font-size: 16px !important;
    padding: 10px !important;
}

/* Style the individual dropdown options */
.select2-results__option {
    font-size: 13px !important;
    padding: 10px 15px !important;
}

/* Increase the height of the dropdown */
.select2-container--default .select2-results {
    max-height: 400px !important;
}

/* Increase spacing for selected items in multi-select */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13px !important;
    padding: 8px !important;
    margin: 5px !important;
}

/* Target only #stepup-multi-tile-list dropdown */
#stepup-multi-tile-list + .select2-container .select2-dropdown {
    max-height: 400px !important;  /* Adjust as needed */
    overflow-y: auto;
}

/* Increase the space for options inside this specific dropdown */
#stepup-multi-tile-list + .select2-container .select2-results__options {
    max-height: 350px !important;
}

/* end step up auth */