/* LAYOUTS */

.cammixer-wrap{
  border-radius: 6px !important;
  background-color: #fff;
  padding:8px 6px;
}


/* HEADER */

#cammixer-logo{
  background: url("../images/cammixer-logo.png");
  background-repeat: no-repeat;
    background-size: 160px auto;
    width: 160px;
    height: 50px;
    float: right;
    margin-right: 8px;
}

#cammixer-support{
  float: right;
}

#cammixer-support a{
  text-decoration: none;
  color: #518d64;
}

/* HEADINGS */

h1.cammixer-heading, h1.cammixer-heading a{
  font-size: 26px;
  color: #83a98e;
  font-weight: 600;
  text-decoration: none;  
}

h3.cammixer-section-heading{
  color: #566e8b;
  margin-top: 10px;
  margin-bottom: 0 !important;
}

/* NOTICE ALERTS */
.cammixer-succmsg{color: #518d64;}
.cammixer-warnmsg{color: #c68700;}
.cammixer-errormsg{color: red;}

/* INPUTS */
.cammixer-wrap input[type="file"]{
	border: none !important;
}

.cammixer-input-80{width: 80px !important;}
.cammixer-input-320{width: 320px;}
.cammixer-input-full-width{width: 100%}

.cammixer-submit-button{
	padding: 4px 20px !important;
	font-size: 16px !important;
	background-color: #83a98e !important;
}


button#delete-models-table{
    background-color: #de130e;
    border: 2px solid #b32d2e;
    color: #fff;
    padding:6px 6px;
}

.cammixer-wrap input, select, textarea {
	border: 1px solid #c4dac3 !important;
	border-radius: 4px;
  padding: 2px;
}

/* DASHBOARD  */

#cammixer-dashboard tr:nth-child(odd) {
  background: #fffcf2;
}
#cammixer-dashboard tr:nth-child(odd):hover{
  background: #fcf0c7;
}
#cammixer-dashboard tr:nth-child(even) {
  background: #e5f5e4;
}
#cammixer-dashboard tr:nth-child(even):hover {
  background: #fcf0c7;
}

.aff-program-link{
  float:right;
}

/* EDIT MODELS  */

.cammixer-wrap #post-search-input{
  padding:0;
}

/* to show tr borders */
table#cammixer-edit-models {
  border-collapse: collapse;
}

table#cammixer-edit-models .user-online-pill {
    background-color: #ccc;
    border-radius: 8px;
    padding: 0px 6px;
    font-size: 12px;
    max-width: 68px;
    max-height: 26px;
    color: #666666;
}

table#cammixer-edit-models .user-online {
    color: green;
}

table#cammixer-edit-models .last-online{
  font-size: 10px;
}

table#cammixer-edit-models .num-viewers{
  font-size: 12px;
}

table#cammixer-edit-models tr.status-class-online{
  background-color: #E0F5E4;
  border-bottom: 1px solid #ccc !important;
}

table#cammixer-edit-models tr.status-class-offline{
  background-color: #fffcf2;
  border-bottom: 1px solid #ccc !important;  
}

table#cammixer-edit-models tr.status-class-hidden{
  background-color: #ffe7ea;
  border-bottom: 1px solid #ccc !important;  
}

table#cammixer-edit-models th.column-preview-image{
  width:110px;
}

/* preview image  */
img.cammixer-model-preview{
  max-width: 100px;
}

/* view/edit model  */
img.cammixer-model-view{
  max-width: 200px;
}

/*-- pager --*/
.cammixer-pagination{
    margin-top: 20px;
}

.cammixer-pagination a.page-numbers, .cammixer-pagination .page-numbers {
    border: 1px solid #ccc;
    min-width: 40px !important;
    min-height: 30px;

    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.625;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
}


/* snippets */
button#cammixer-add-code-snippet{
  background-color: #E0F5E4;
  border: 1px solid #c2ddca;
  color: #3582c4;
  border-radius: 4px;
}

/* removed snippet placeholder  */
p.cammixer-snippet-removed{
  background-color: #E0F5E4;
  border: 1px solid #c2ddca;
  color: #fe7374;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 40px !important;
}


/* copy model snippet button */
.cammixer-model-snippet button.copy-model-snippet-btn{
  background-color: #E0F5E4;
  border: 1px solid #c2ddca;
  color: #3582c4;
  border-radius: 4px;
  font-size: 18px;
  padding: 6px;
}

/* delete model snippet button */
.cammixer-model-snippet button.del-model-snippet-btn{
  float: right;
  background-color: #c4dac3;
  border: 1px solid #a1d5b0;
  color: #fe7374;
  border-radius: 4px;
  font-size: 18px;  
}

.cammixer-model-snippet  textarea.model-snippet{
  margin-top: 20px;
  margin-bottom: 20px;
  height: 140px;
}


/* Filters */
/* Add Table */
table#cammixer-add-filter{
  background-color: #fffcf2 !important;
}

table#cammixer-add-filter th label {
    color: #566e8b;
}

table#cammixer-add-filter label {
    color: #83a98e;
}

table#cammixer-add-filter label.alt-label {
    color: #e4ab57;
}

#bio_must_contain_any_all{
  margin-bottom: 8px;
}


/* SETTINGS */
/* Settings Table */

.cammixer-wrap .form-table{
  /* legend effect for Default Filters to differentiate sections */
  border: 12px solid #c4dac3;
}

/* Left column padding for field names */
.cammixer-wrap .form-table th{
  padding-left: 10px;
}

/* Settings Nav Tabs */
.cammixer-wrap .nav-tab {
  border: none;
  background-color: #fff8df;
  margin-left: 2px;
  color: #d29351;
}

/* Cam Site settings (enabled light blue tab) */
.cammixer-wrap .cam-site-tab{
  background-color: #E0F2FF;
  color: #588fcb;
}

/* disabled light red tab */
.cammixer-wrap .cam-site-disabled-tab{
  background-color: #ffe7ed;
  color: #b7538c;
}

.cam-site-icon{
  max-width: 18px;
  margin-right: 4px;
  vertical-align: middle;
}

.cammixer-wrap .nav-tab-active,.cammixer-wrap .nav-tab-active:focus,.cammixer-wrap .nav-tab-active:focus:active,.cammixer-wrap .nav-tab-active:hover {
  border-bottom: 1px solid #fff;
  background: #ccc;
  color: #000;
}

.cammixer-wrap .nav-tab:focus,.cammixer-wrap .nav-tab:hover {
  background-color: #83a98e;
  color: #fff
}

.cammixer-wrap .nav-tab-wrapper{
    border-color: #fbe69b;
    background-color: #f9f9f9;
}

.cammixer-wrap .ui-tabs .ui-tabs-nav li {
  background-color: none;
}

.cammixer-wrap .ui-tabs .ui-tabs-nav li a{
  box-shadow: none;
}

/* body panel */
.cammixer-wrap .ui-tabs-panel {
  background-color: #fffcf2 !important;
}

.cammixer-wrap .ui-tabs-panel th label{
  color: #566e8b;
}

.cammixer-wrap .ui-tabs-panel label{
  color: #83a98e;
}

.cammixer-wrap .ui-tabs {
  position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0px;
}
.cammixer-wrap .ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.cammixer-wrap .ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 10px .20em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.cammixer-wrap .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .3em .6em;
  text-decoration: none;
}
.cammixer-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.cammixer-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.cammixer-wrap .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.cammixer-wrap .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
  background-color: #e5f5e4;
  color:#4f8b61;
}
.cammixer-wrap .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.cammixer-wrap .ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/* CodeMirror */

.CodeMirror{
  border: 1px solid #c4dac3;
  border-radius: 4px;
}

/* selected/highlighted text */

.CodeMirror-selected {
  background-color: #CCCCCC !E0F2FF;
}

/* textarea bg color */

.cm-s-neat {
  background-color: #fff !important;
}