@import url(https://fonts.googleapis.com/css?family=Roboto|Oswald|Roboto+Condensed);

body {
    padding-bottom: 20px;
}

@media (max-width: 929px) {
  .loading-spiner {
    top: 40%;
    left: 45%;
    position: absolute;
  }
}
@media (min-width: 930px) {
    .main-offset {
        margin-left: 20em;
    }
    .loading-spiner {
        top: 45%;
        left: 55%;
        position: absolute;
    }
    .col-md-6 .smallTitle {
        height: 65px;
        vertical-align: middle;
        display: table-cell;
    }
}
@media (max-width: 720px){
    .intrologos{
        width: 100% !important;
    }

    .intrologos img{
        width: 31%;
    }

    .page-wrapper h1{
        font-size: 16px;
    }

    .navbar-header{
        width: 100%;
    }
}

/* LOGIN page - Change password*/
.login-form button[type="submit"],
.login-form input[name=submit] {
    background: #DC151A none repeat scroll 0 0;
}
.login-form button[type="submit"]:hover,
.login-form input[name="submit"]:hover {
    background: #DF1D1E none repeat scroll 0 0;
}

.page-wrapper h1 {
    background-color: #f5f5f5;
    border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
}

.breadcrumb {
    display: none;
}
.page-wrapper h1 small {
    margin-top: 5px;
}
fieldset {
    border: 1px solid #ccc;
    padding: 1em;
}

fieldset legend {
    border: none;
    font-size: 15pt;
    margin-bottom: 0px;
}

label {
    font-weight: normal;
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button {
    display: none;
}

.list-group-item {
    padding: 5px;
    padding-left: 14px;
}

.animated.fast {
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/** DASHBOARD ***/


.nps-score {
    background-color: #f4f4f4;
}



.ecom-dashboard .radial-svg {
    margin: 0px auto 0;
}

.ecom-dashboard .general-satisfaction .col-md-6  {
    padding-right:5px;
    padding-left:5px;
}

.ecom-dashboard .dash-panel {
    padding: 10px 11px;
}

.promises-body {
    margin-top: 20px;
    
}
.promises-body .score-card {
    margin-top: 10px;
    
}

@keyframes growLess {
    0%   {width: 0%}
    100% {width: 20%}
}

zoop-action-plans .alert, zoop-comments .alert {
    animation-name:growLess;
    animation-duration: .3s;
    white-space: nowrap;
    overflow: hidden;
}


/*reports page*/
.report-list li {
    list-style-type: none;
}

.report-list select {
    float: left;
    margin-right: 20px;
    width: 200px;
}

.report-list button {
    float:left;
}

.pointer {
    cursor:pointer;
}

.input-daterange .input-group-addon {
    padding: 6px 12px;
    border-width: 1px !important;
}
.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.intrologos {
    margin: 0 auto 13px;
    padding-top: 21px;
    width: 720px;
}

.loading-spiner-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 100;
}
.disabled-button-wrapper {
    position: relative;
}
.disabled-message {
    display: none;
    position: absolute;
    top: 2px;
    left: 37px;
    padding: 4px;
    border-radius: 3px;
}
.disabled-message:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: -10px;
    width: 0;
    height: 0;
    border-color: transparent #f2dede transparent transparent;
    border-style: solid;
    border-width: 5px;
}
.btn[disabled]:hover + .disabled-message {
    display: block;
}


zoop-hierarchy-filter form {
    position: relative;
}

zoop-hierarchy-filter .form-group {
    margin-bottom: 41px;
}

zoop-hierarchy-filter .ui-select-container {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

zoop-hierarchy-filter .select2-container .select2-choice > .select2-chosen {
    cursor: default;
}

zoop-hierarchy-filter .select2-container .select2-choice abbr {
    top: 5px;
}

zoop-hierarchy-filter .select2-container .select2-choice .select2-arrow b {
    background-position: 0 -1px;
}

zoop-hierarchy-filter .select2-default {
    color: #444 !important;
}

/** Alerts **/
.alert-icon.type-suggestion {
    background-image: url(../img/alert/suggestion.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
}

.alert-icon.type-unsatisfied{
    background-image: url(../img/alert/unsatisfied.png);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
}
.alert-icon.status-unread{background-color: #e5493a;}
.alert-icon.status-open{background-color: #e59b3c;}
.alert-icon.status-closed{background-color: #bbbbbb;}

#alert-survey-list td:nth-child(10) div::after {
    content: " %";
}
.alert-info-subscore {
    padding-left: 35px;
}
.alert-info-subscore::before {
    content: " - ";
}
.alert-grey-value {
    margin-top: 8px;
}

zoop-shortcuts .btn.group1::after {
    content: '@';
    width: 20px;
    height: 18px;
    color: black;
    top: -10px;
    position: absolute;
    background-color: #a1cd70;
    top: -9px;
    left: 20px;
    border-radius: 9px;
}

zoop-shortcuts .btn.group2:not(.btn-success) {
  background-image: -webkit-linear-gradient(top, #828c95 0%, #28343b 100%);
  background-image:      -o-linear-gradient(top, #828c95 0%, #28343b 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#828c95), to(#28343b));
  background-image:         linear-gradient(to bottom, #828c95 0%, #28343b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#828c95', endColorstr='#28343b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #000;
}
zoop-shortcuts .btn.group2:not(.btn-success):hover,
zoop-shortcuts .btn.group2:not(.btn-success):focus {
  background-color: #28343b;
  background-position: 0 -15px;
}
zoop-shortcuts .btn.group2:not(.btn-success):active,
zoop-shortcuts .btn.group2:not(.btn-success).active {
  background-color: #28343b;
  border-color: #000;
}

/* Custom logo size */
.navbar-brand img {
    margin-top: -13px;
    max-height: 40px;
    max-width: 95px;
}

/* Migration notice; width comes from the grid classes in footer.phtml. */
.csat-migration-notice {
    margin-bottom: 16px;
    text-align: left;
    color: #CC0000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.csat-migration-notice p {
    margin-bottom: 10px;
}

.csat-migration-notice p:last-child {
    margin-bottom: 0;
}

/* Keep the mailto red rather than Bootstrap link blue. */
.csat-migration-notice a {
    color: #CC0000;
    text-decoration: underline;
}