/* style_extention.css */
/*  styles for bootstrap & non-bootstrap */

@media all and (min-width: 992px) {
    .autocolumn-2  {
       
      -webkit-column-count: 2;
      -webkit-column-gap: .5em; /* Saf3, Chrome*/
      -moz-column-count: 2;   
      -moz-column-gap: .5em; /* FF3.5+ */
      column-count: 2;        
      column-gap: .5em; /* Opera 11+*/
      }
  
     .autocolumn-3  {
      
      -webkit-column-count: 3;
      /* -webkit-column-gap: 1em; /* Saf3, Chrome*/
      -moz-column-count: 3;   
      /* -moz-column-gap: 1em; /* FF3.5+ */
      column-count: 3;        
      /* column-gap: 1em; /* Opera 11+*/
      }
}




/* geoff's non-bootstrap overrides for feedback - still relevant? */
.feedback_title{
    padding-bottom:0px;  /* works. was 5px */
    font-weight:bold;    /* inactive. */
    font-size:larger;   /* inactive. */
}
.xxxfeedback_content.fm_clean.right-top, .feedback_content.fm_b.right-bottom
{
    border: black 1px solid;    /* inactive. */
    background-color:#DDDDDD;   /* inactive. */
}
.feedback_content.fm_clean
{
    border: black 1px solid;  /* inactive. */
    background-color:#DDDDDD;  /* inactive. */
}
.xxxfeedback_content.fm_clean.right-top, .feedback_content.fm_bootstrap.right-bottom {
    border:black 1px solid;  /* inactive. */
    background-color:#DDDDDD;  /* inactive. */
}

/* ------------------    style_extention.css  >   start  FEEDBACK-POPUP SECTION ------------------- */

/* -  July 17,2016 - by Stephanie.  This css content will be included in Geoff's style_extention.css. This is the completely customized version of feedback popup, but general enough that it could apply to all themes. This file should override all visual styles of jquery.feedback_me.min.css.  Then, specific theme colors could be specifically applied to each theme file. - */



/* ------------------    size, margins, padding ------------------- */
   
.fm_bootstrap.feedback_content.email_present.radio_button_list_present { height: 550px; } /* full height of popup 550px */
.fm_jquery.feedback_content.email_present.radio_button_list_present {height: 500px;} /*unknown function*/

.fm_bootstrap.hero-unit { padding: 0px; } /* adds padding to both trigger tab and content box */


.feedback_trigger.right-bottom { position: fixed; }  
.feedback_trigger.right-bottom { bottom: 150px; }    /* distance from bottom of page */
.feedback_trigger.right-bottom { right: 0px; }
.feedback_trigger.right-bottom { width: 45px; height: 150px; } /* size of trigger tab bg */

.fm_bootstrap .feedback_trigger_text { right: -30px; }  /* position of trigger text. */
.fm_bootstrap .feedback_trigger_text {  top: 60px; }   /* was 35. moves trigger text down */
	
.feedback_title { padding-top: 20px; }
.feedback_title { padding-bottom:10px; }
.fm_bootstrap .feedback_title { margin-bottom: 0px; }  /* space below title. also see padding rule */
.fm_bootstrap .feedback_title span { margin-left: 25px; } /* title padding left. no padding/margin elsewhere */

.fm_bootstrap.hero-unit ul { margin-left: 15px; } /* content padding left */
.fm_bootstrap.feedback_content ul { padding: 10px; }  /* content padding left */

.feedback_content { width: 380px; }   /* width of box. other numbers dependent */
.feedback_content.right-bottom { position: fixed; }  
.feedback_content.right-bottom { bottom: 50px; }    /* distance from bottom of page */
.feedback_content.right-bottom { right: 0px; }

.feedback_name { display: block; }
.feedback_name { width: 310px;  }  /* form element - name box */
.feedback_name { margin-bottom:20px; }
.feedback_name { padding: 5px 0px 5px 10px; }

.feedback_email { display: block; }
.feedback_email { width: 310px; }  /* form element - email box */
.feedback_email { margin-bottom:20px; }
.feedback_email { padding: 5px 0px 5px 10px; }

.feedback_message { display: block; }
.feedback_message { width: 310px; } /* form element - message  box */
.feedback_message { resize: none; }
.feedback_message { margin-bottom:20px; }
.feedback_message { padding: 5px 0px 5px 10px; }

.radio_button_list_title_wrapper { margin-bottom: 0px; }  /* "how would you rate our site ?" */
.radio_button_list_title_wrapper { margin-top: 30px;  }

.radio_button_wrapper { display:inline-block; }
.radio_button_wrapper { text-align:center; }
.radio_button_wrapper { margin-right:25px; }  /* Star Rating - each radio btn - margin right */

.feedback_content ul li { margin-right: 0px; }  /* Star Rating - space to right of radio btn group */
.feedback_content ul li { margin-bottom: 0px; }  /* space below radio btn group - space for send btn */

.feedback_submit { float: left; }    /* left aligned SEND button */
.feedback_submit { margin-top:25px; }



/* -----------    colors, borders ------------------- */

.feedback_content.fm_bootstrap.right-bottom { border:#c5bdb3 1px solid; } /* content box border . */
.feedback_content.fm_bootstrap.right-bottom { background-color:#dddbd4; } /* content box bg color. */

.required_asterisk { color: #a03d3d; } /* needs theme one red */

.feedback_trigger { background-color:#dddbd4; }
.feedback_trigger { border:1px #dddbd4 solid; }
.feedback_trigger { color:#4f473b; }
	
.fm_bootstrap.feedback_trigger:hover { background-color: #dddbd4; } /* trigger bg color on hover */
	
.feedback_name { color:#635f5b; }
.feedback_name { background-color: white; }
.feedback_name { border: none; }

.feedback_email { color:#635f5b; }
.feedback_email { background-color: white; }
.feedback_email { border: none; }

.feedback_message { color:#635f5b; }
.feedback_message { background-color: white; }
.feedback_message { border: none; }



/* -----------    fonts ------------------- */

.feedback_trigger { font-size: 16px; } /* inactive. see below */
.feedback_trigger { font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", Arial, sans-serif serif; }
.feedback_trigger { font-weight:bold; }
.feedback_trigger { font-style:normal; }
.feedback_trigger { text-transform:uppercase; }

.right-bottom .feedback_trigger_text { letter-spacing: .1em; }  /* trigger tab text - effects padding */
.right-bottom .feedback_trigger_text { font-size: 16px; }   /* trigger text  */
.right-bottom .feedback_trigger_text { top:65px; }   /* trigger text  */

.feedback_title { background-color:transparent; }
.feedback_title { font-weight:bold; }
.feedback_title { font-style:normal; }
.feedback_title { text-transform:uppercase; }
.feedback_title { letter-spacing:.1em; }

.feedback_content { font-size: 14px; }
.feedback_content { font-family: Helvetica, "Gill Sans", "Gill Sans MT", "Myriad Pro", Arial, sans-serif serif; }
.feedback_content { font-weight:normal; }
.feedback_content { font-style:normal; }

.feedback_content label { background-color:transparent; }   /* labels "name" "email" "message"  */
.feedback_content label { font-weight:bold; }
.feedback_content label { font-style:normal; }
.feedback_content label { text-transform:uppercase; }
.feedback_content label { letter-spacing:.2em; }
	
.radio_button_list_title_wrapper { font-weight:bold; }  /* "how would you rate our site ?" */
.radio_button_list_title_wrapper { font-style:normal; }
.radio_button_list_title_wrapper { text-transform:none; }
.radio_button_list_title_wrapper { letter-spacing:none; }
.radio_button_list_title_wrapper { font-size: 16px; }


.glyphicon-star { font-size:.6em }



/* -----------    SUBMIT BUTTON ------------------- */
	

.feedback_submit { padding:6px 16px; }
	
.feedback_submit { font-size:14px; }
.feedback_submit { color:#fff; }
.feedback_submit { font-weight:normal; }
.feedback_submit { text-transform:uppercase; }
.feedback_submit { letter-spacing:.2em; }
	
.feedback_submit { text-align:center; }
.feedback_submit { vertical-align:middle; }
	
.feedback_submit { background-color:#aca79d; }
.feedback_submit { border:1px #aca79d solid; }
.feedback_submit { border-radius:4px; }


.feedback_submit:hover { color:#fff; }
.feedback_submit:hover { background-color:#635f5b; }
.feedback_submit:hover { border-color:#635f5b; } 
.feedback_submit:active { color:#fff; }
.feedback_submit:active { background-color:#635f5b; }
.feedback_submit:active { border-color:#635f5b; } 
.feedback_submit:focus, .feedback_submit:active:focus, .feedback_submit:hover:active { color:#fff; }
.feedback_submit:focus, .feedback_submit:active:focus, .feedback_submit:hover:active { background-color:#635f5b; }
.feedback_submit:focus, .feedback_submit:active:focus, .feedback_submit:hover:active { border-color:#635f5b; } 
	
	

/* -----------    INTERACTION ------------------- */

.feedback_content, .feedback_trigger {
	-webkit-transition: all 100ms ease-in-out;     /* transistion on hover color for trigger tab */
	-moz-transition: all 100ms ease-in-out;     
	-o-transition: all 100ms ease-in-out;     
	transition: all 100ms ease-in-out;   }

.feedback_submit {      /* are these needed? they have no effect on my version. */
	display:inline-block;
	white-space:nowrap;
-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none; }


/* ------------------    style_extention.css  >   end   FEEDBACK-POPUP SECTION ------------------- */







/* make sidebar nav vertical */
@media (max-width: 767px)
{
    .sidebar-nav .navbar 
    {
        margin-top: 0px;
        margin-bottom: 0px;
        background-color:transparent;
    }
    .sidebar-nav .navbar li
    {
        border-bottom: dashed 1px gray;
    }
    .sidebar-nav .navbar .navbar-toggle
    {
        margin-top: 0px;
        margin-bottom: 0px;
        background-color:transparent;
        float:left;
    }
    .sidebar-nav .navbar .navbar-header
    {
        margin-top: 0px;
        margin-bottom: 0px;
        background-color:transparent;
    }
}
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
   .sidebar-nav .navbar li {
    float: none;
    display: block;
    border-bottom:dashed 1px gray;
  }
  .sidebar-nav .navbar li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*  AdminLTE Overrides ------------------------------------------------------------ */

  @media (max-width: 575px) {
    
    }
  }

  @media (min-width: 576px) {
    .box {
    padding: 15px;
    margin:15px;
    }
    .content-header > h1
    {
        margin-bottom:15px;
    }
  }
  
  .form-control {
      background-color:#f4f4f4;
  }
  .form-control[disabled] {
      background-color:#f9f9f9;
  }

.navbar-nav>.notifications-menu>.dropdown-menu
{
    width:auto;
}