/* --------- STANDARD COLORS ----------- */

.mq-green {
    background:#007a3d;
}
.mq-green-mid {
    /*background:#2dc510;*/
    background:#32c33b;
}
.mq-green-light {
    background:#32f711;
}
.mq-purple{
    background:#9d2956;
}
.mq-blue{
    background:#327faa;
}
.mq-orange{
    background:#ed6e22;
}
.mq-yellow{
    background:#ffd746;
}

/*--------------------- APP.CSS ------------------*/

.studio-header { 
    /*background:#11671E;*/ 
    background:#000; 

                 color:#fff;border:none;height:30px;line-height:30px;margin-bottom:1px;display:block; }
.studio-header a { color:#fff; }
.studio-header a:hover { color:#fff; }
.studio-header .container { margin-left:20px; }

.studio-navbar-brand { margin-left:10px;float:left; }
.studio-navbar-logo {  width:17px;margin-top:-2px; }
.studio-navbar-name { font-size:14px;cursor:pointer; }
.studio-navbar-mqcentral {
    padding: 0px 20px 0px 20px;
}

.studio-navbar-identity {
    margin-right: 10px;
    float: right;
}

.studio-navbar-tools {
    font-size:14px;
    position:absolute;
    right:12px;
    top:0px;
    width:370px;
}
.navbar-id
{
    position:absolute;
    top:0px;
    left:20px;
    display:block;font-size:14px;width:250px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
}
.studio-navbar-tools .fa
{
     font-size:18px;
}
.navbar-logout
{
    position:absolute;
    right:0px;
    top:0px;
    width:70px;
    cursor:pointer;
    color:#fff;
}
.navbar-logout:hover
{
    color:#fff;
}
.mq-studio-footer { margin:20px;clear:both; }

.mq-studio-header {
    color:#fff;
    position:absolute;
    font-size:14px;
    top:-28px;
    line-height:22px;
    height:27px;
}

.studio-header-button
{
    display:inline-block;
    padding:0px 15px;
}

.mqstudio-loading { 
    margin-left:20%;
    position: absolute;
    top: 30px;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 60%;
}

#MQDASHBOARD > div {
    /*background: #fff;*/
}
#mqstudio-login, #mqstudio-baduser {
    font-size: 22px;
    margin: 20px;
}

.studio-nav-tab{
display: inline-block;
    float: left;
    min-width: 100px;
    height: 100%;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    padding: 0px 10px;
}
.studio-nav-tab:hover{
    background-color: #d3d3d3;
}

[is-active='true'].studio-nav-tab{
    color: antiquewhite;
    background: #afafaf;
}

.studio-nav-activity-controls {
    float: right;
    width: 80%;
    height: 60px;
}

/* ----------------- ADMIN ------------------- */
.admin-forms
{
    margin:20px;
}
.admin-form {
    width:1070px;
    margin:0px auto;
}
.admin-form-header
{

}
.admin-form-col
{
    float:left;
    width:360px;
}
.admin-form-col-wide
{
    width:530px;
}
.admin-form-col-narrow
{
    width:170px;
    margin-right:10px;
}
.admin-lists
{
    margin:20px;
}


.admin-form-item
{
    width:335px;
    min-height:35px;
    padding:8px 8px 0px 0px;
    margin:8px 8px 2px 0px;
    border-top:dashed 1px #ddd;
}
.admin-form-col .admin-form-item
{
    width:100%;
}

/* ------- ADMIN NAV ------- */

.admin-nav-area
{
    padding: 10px;
    box-shadow:rgba(0,0,0,0.3) 0px 10px 40px;
}
.admin-nav-inner
{
    width:1000px;
    margin:0px auto 38px auto;
}
.admin-nav
{
    margin:5px;
    padding:5px;
    width:240px;
    float:left;
}
.admin-nav.admin-nav-get-all
{
    padding-top:70px;
    font-size:12px;
    width:200px;
}
.admin-nav-list
{
    padding:10px 0px;
    height:160px;
    overflow:auto;
    font-size:13px;
    border:solid 1px #ccc;
    margin-bottom:8px;
}
.admin-button-add
{
    float:right;
}
.admin-search
{
    margin-top:8px;
    width:100%;
}
.admin-nav-list-item 
{
    padding: 4px 8px;
    margin:0px 6px;
    height:20px;
    line-height:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 

}
.admin-nav-list-item[is_selected='true']
{
    background: #337AB7;
    color: #fff;
    border-radius: 4px;

}
.admin-nav-list.screen-list {
    height:30px;
    overflow:hidden;
    padding:5px 0px;
}
.admin-nav-list.screen-list .admin-nav-list-item  {
    margin:0px;
}
.admin-nav-list.site-list {
 height:90px;margin-top:10px;
}
.admin-nav-head
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    padding-left:4px;
}
.admin-search
{
    font-size:12px;
    margin-bottom:8px;
}
.admin-list 
{
    table-layout:fixed;
}
.admin-list .dash-list-col
{
    width:170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.admin-breadcrumb{
    width:1000px;
    margin:0px auto;
}
.admin-breadcrumb-link
{
    text-decoration:underline;
}

/* ------- ADMIN FORM ------- */

.admin-form-item .fa{
    margin-left:4px;
}
.admin-form-item .fa-exclamation-triangle {
    color: #900;
}
.admin-form-item .fa-asterisk{
    color:#990;
}
.form-display-col
{
    color:#357DBB;
    width:120px;
    text-align:right;
    margin-right:8px;
   display:inline-block;
   font-size:13px;
}
.admin-form-col-wide .form-display-col
{
    width:120px;
}
.admin-form-col-narrow .form-display-col
{
    width:69px;
}
.admin-form-col-narrow select { width: 60px; }
.admin-form-col-narrow input { width: 60px; }
.admin-form-col-narrow .form-input-col
{
    width:60px;
}

.list-form .form-input-col {
    width:100%;
}
.form-input-col
{
    width:170px;
    display:inline-block;
}
.admin-form-col-wide .form-input-col
{
    width:368px;
}

.admin-form-item[data_type='heading']
{
    display:none;
}
.admin-form-item[data_type='boolean'] .form-input-col
{
    width:20px;
}
.admin-form-item[data_type='heading'] div { display:none;}
.admin-form-item[data_type='stringLong'] { display:block; }
.admin-form-item[data_type='stringLong'] textarea
{
    height:65px;
    width:100%;
    max-width:100%;
}
.admin-form-col-wide .form-input-col[data_type='string'] input
{
    width:100%;
    max-width:100%;
}
.admin-form-col-wide .form-input-col[data_type='subdomain'] input
{
    width:100%;
    max-width:100%;
}
.list-form .form-input-col[data_type='string'] input
{
    width:100%;
    max-width:100%;
}
.form-input-col input[type='checkbox']
{
    width:auto;
}
.form-input-col[data_type='dropdown'] select,
.form-input-col[data_type='dropdownNum'] select {
    width: 100%;
    max-width: 100%;
}

/*  left side col filters - search  */

.studio-filters-left-col{
    width: 180px;
    float: left;
    background: #ccc;
    padding: 20px 6px 6px;
    margin-right: 20px;
}
.studio-filters-controls-dropdown{
    width:140px;
    float: left;
    margin: 12px;
}
.studio-filters-text-input{
    margin: 10px 12px;
}
.studio-filters-text-input span{
    font-size: 12px;
}
.studio-filters-text-input input{
    width: 140px;
    padding: 0px 2px;
    border-radius: 4px;
}


.mq-devwarning {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0px;
    width: 200px;
    height: 30px;
    background: #f121c6;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.mq-devwarning.qa {
    background: #ed6e22;
}

.mq-devwarning.local {
    background: #32c33b;
}