.me-ui .hidden {
	display: none;
}

/*themes*/
html.me-theme-a {
	/*white bg - used in exteral pages*/
}
html.me-theme-b {
	/*dark bg*/
}


/*button*/
.me-ui button {
    padding: 0.6em 0.8em;
   	border: 1px solid #C0C0C0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
   	background: #e3e3e3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); 
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff, #eeeeee);
    background: -o-linear-gradient(top, #ffffff, #eeeeee);
    background: linear-gradient(top, #ffffff, #eeeeee);
    box-shadow: none;
    text-shadow: none !important;
    margin: 0.2em;
    font-size: 1em;
    line-height: 1.5em;
}
.me-ui button.bg-dark {
   	border: 1px solid #333;
}

.me-ui button.red,
.me-ui button.submit-red {
    color: #fff !important;
   	background: #fe1a00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background: -webkit-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background: -moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background: -ms-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background: -o-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background: linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
}
.me-ui button.submit {
    font-size: 1.1em;
    color: #000;
}
.me-ui button.submit-red {
    font-weight: bold;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}

.me-ui button:hover,
.me-ui button.submit:hover,
.me-ui button.submit-red:hover {
	border: 1px solid #3c7fb1;
    background:#eaf6fd;
    color:#E00 !important;
}


.me-ui button.selected {
   	text-decoration:none;
    border: 1px solid #3c7fb1;
    background:#eaf6fd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf6fd', endColorstr='#afdef8');
    background: -webkit-gradient(linear, left top, left bottom, from(#eaf6fd), to(#afdef8));
    background: -webkit-linear-gradient(top, #eaf6fd, #afdef8);
    background: -moz-linear-gradient(top, #eaf6fd, #afdef8);
    background: -ms-linear-gradient(top, #eaf6fd, #afdef8);
    background: -o-linear-gradient(top, #eaf6fd, #afdef8);
    background: linear-gradient(top, #eaf6fd, #afdef8);
}

.me-ui button.remove {
    font-size: 1.1em;
}
.me-ui button.disabled {
    opacity: 0.6;
}
.me-ui button.disabled:hover {
    border: 1px solid #C0C0C0;
    background: #e3e3e3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); 
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff, #eeeeee);
    background: -o-linear-gradient(top, #ffffff, #eeeeee);
    background: linear-gradient(top, #ffffff, #eeeeee);
    color: #000;
    cursor: not-allowed;
}

.me-ui button em {
	display: block;
	color: #666;
	font-size: 0.8em;
    line-height: 1.2em;
    margin-top: 0.56em;
}
.me-ui button .fa {
	margin-right: 0.5em;
}
.me-ui button.small {
	padding: 0.5em;
}
.me-ui button.small .fa {
	margin-right: 0.25em;
}

.me-ui .fullwidth button,
.me-ui button.fullwidth {
	margin: 1em 0;
	display: block;
	width: 100%;
}


/* toggle switch  */
/*<label class="me-switch">MAC-568IF-E<div><input class="hidden" type="checkbox" onclick="toggleView('mac568')"><span class="me-slider"></span></div></label>*/
.me-ui label.me-switch {
    position: relative;
    background-color: #373737;
    border: 1px solid #1b1b1b;
    height: auto;
    display: block;
    margin: .5em 0;
    padding: .5em .5em .5em 1em;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.2em;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 0 #111;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    border-radius: .3em;
}
.me-ui .me-switch div {
    position: relative;
    display: inline-block;
    width: 3.8em;
    height: 2.1em;
    float: right;
}

.me-ui .me-switch div input {
    display:none;
}

.me-ui .me-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #1f1f1f;
    background-color: #232323;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: .2em;
}

.me-ui .me-slider:before {
    position: absolute;
    content: "";
    height: 1.6em;
    width: 1.6em;
    left: 0.2em;
    bottom: 0.2em;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: .2em;
}

.me-ui .me-switch input:checked + .me-slider {
    background-color: #2196F3;
}

.me-ui .me-switch input:focus + .me-slider {
    box-shadow: 0 0 1px #2196F3;
}

.me-ui .me-switch input:checked + .me-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* MOBILE SITE */
@media screen and (max-width: 560px) {
    
}
@media screen and (max-width: 760px) {
    .me-ui button.submit-red {
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 960px) {
    
}