@import "../../../../variables.less";
@import "../../../../mixins.less";
//============================================
* {
  margin: 0;
  font-family: @baseFontFamily;
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  color: @textColor;
}
.btn.btn-primary:visible {
    color: #fff;
}
html, body {
    background: none;
}
.mgB5 {
    margin-bottom: 5px;
}
.mgB10 {
    margin-bottom: 10px;
}
.mgB15 {
    margin-bottom: 15px;
}
.mgB20 {
    margin-bottom: 20px;
}
.mgT5 {
    margin-top: 5px;
}
.mgT10 {
    margin-top: 10px;
}
.mgT15 {
    margin-top: 15px;
}
.mgT20 {
    margin-top: 20px;
}
.uiTabSelectorCenter {
    text-align: center;
    margin-bottom: 20px;
    .btn-group {
        display: inline-block;
        .btn.active {
            span {
                color:@linkColor;
            }
        }
    }
}
.UIGadgetPortlet {
    .gadgets-gadget-content {
        iframe {
            body {
                background-color: transparent;
            }
        }
    }
}
.ThemeColor {
    color: @linkColor;
}
.btn-group .btn.active, .btn-group .btn:hover {
    color: @linkColor;
}
.btn-group {
    .btn.icon.active {
        color: @textColor;
    }
}
a, a:link {
    color: @linkColor;
    text-decoration: none;
}
a:hover {
    color: @linkColorHover;
}
a.btn-primary, .btn-primary {
    color: @btnPrimaryColor;
}
img {
    border: none;
}
.UIGadgetThemes {
    .TitGad {
        line-height: 25px;
        padding: 0 5px 0 8px;
        background: @primaryBackgroundLight;
        border: 1px solid @borderColor;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: @textColor;
        .ContTit {
            font-size: 13px;
            font-weight:bold;
            img {
                float: right;
                padding-top: 3px;
            }
        }
    }
    .GadCont {
        padding: 10px 8px;
        font-size: 12px;
    }
    .IconDropDown {
        background: url('@{images-path}/platform/porlets/exo-gadget-resources/IconDropDown.gif') no-repeat right 7px;
        float: right;
        padding-right: 12px;
        font-size: 11px;
        color: @textColor;
        display: block;
    }
    .IconLink {
        color: @textColor;
        padding-left: 10px;
        text-decoration: none;
        display: block;
        + .IconLink {
                margin-top: 5px;
            }
        & > .caretIcon {
            margin-left: -16px;
        }
    }
    .SettingButton {
        float:right;
        margin-top:2px;
        margin-right:10px;
        display:none;
        background:url('@{images-path}/platform/porlets/exo-gadget-resources/settings.png') no-repeat right 3px;
        a {
            display:block;
            width:16px;
            height:16px;
        }
    }
    .title {
        .setting {
            display: none;
        }
    }
}
.light_message {
    color: @textLightColor;
}
.uiBox {
    margin-bottom: 0;
    box-shadow: none;
    .title {
        text-align: center;
        .setting.actionIcon {
            margin-left: 5px;
            padding: 3px 4px;
        }
        .actionIcon {
            margin: -1px 0;
        }
    }
    .title.left {
        text-align: left;
    }
}

.uiPageIterator ul > li.prev > a,
.uiPageIterator ul > li.next > a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

@media (max-width: 767px) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input,
  select:focus,
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
      font-size: 13px!important;
  }
}