/* © Copyright 2015 Sierra Wireless Inc.
 * @author: Jun Chen
 * @date: January 5th, 2015
 **/

/* Header */
@import url("header.css");
/* Gateway Selection Tree */
@import url("gateway_selection_tree.css");
/* View */
@import url("view.css");

/* custom fonts */
@font-face {
	font-family: 'r-lt';
	src: url("fonts/r-lt.eot");
	src: url("fonts/r-lt.eot?#iefix") format('embedded-opentype'),
		 url("fonts/r-lt.woff") format('woff'),
		 url("fonts/r-lt.ttf") format('truetype'),
		 url("fonts/r-lt.svg#r-lt") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'r-m';
	src: url("fonts/r-m.eot");
	src: url("fonts/r-m.eot?#iefix") format('embedded-opentype'),
		 url("fonts/r-m.woff") format('woff'),
		 url("fonts/r-m.ttf") format('truetype'),
		 url("fonts/r-m.svg#r-m") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'rc-lt';
	src: url("fonts/rc-lt.eot");
	src: url("fonts/rc-lt.eot?#iefix") format('embedded-opentype'),
		 url("fonts/rc-lt.woff") format('woff'),
		 url("fonts/rc-lt.ttf") format('truetype'),
		 url("fonts/rc-lt.svg#rc-lt") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'rc-rg';
	src: url("fonts/rc-rg.eot");
	src: url("fonts/rc-rg.eot?#iefix") format('embedded-opentype'),
		 url("fonts/rc-rg.woff") format('woff'),
		 url("fonts/rc-rg.ttf") format('truetype'),
		 url("fonts/rc-rg.svg#rc-rg") format('svg');
	font-weight: normal;
	font-style: normal;
}

table {
    border-color: transparent;
}

b {
    color: #737373;
}

body {
    color: #58584E;
    background-color: #FCFCFC;
    margin: 0;
}

input, input[type="text"], select {
    height: 20px;
    line-height: 20px;
    padding: 2px;
    box-sizing: content-box;
}

input[type="text"], input[type="password"] {
    padding: 2px 4px;
}


.fieldRequired , fieldset {
    border-color: #EBEBEB;
}

select {
    vertical-align: middle;
    min-width: 60px;
    padding: 2px 15px 2px 2px;
    background: url("images/arrow_down.png") no-repeat right center #FFF !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background: #FFF;
    padding-right: 0;
}

input[type="text"]:enabled, input[type="password"]:enabled, select:enabled, textarea:enabled {
    border: 1px solid #D4D4D4 !important;
    border-top-color: #CFCFCF !important;
    color: #333;
}

input[type="text"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled {
    border: 1px solid #EEEEEE !important;
    background-color: #F9F9F9 !important;
    color: #555;
}

input[type="text"]:enabled:hover, input[type="password"]:enabled:hover, select:enabled:hover, textarea:enabled:hover {
    border: 1px solid #C4C4C4 !important;
}

input[type="checkbox"], input[type="radio"] {
    height: inherit !important;
    padding: 0 !important;
    vertical-align: middle;
}

.SubtabButton, .SubtabButtonSelected,
a.button, a.buttonSelected, 
.button, button {
    color: #222 !important;
    font-size: 12px !important;
    padding: 0 5px !important;
    border-width: 1px !important;
    border-color: #C1C1C1 !important;
    border-style: solid !important;
    border-radius: 2px !important;
    background-color: #FBFBFB !important;
    background: #FBFBFB; /* Old browsers */
    background: -moz-linear-gradient(top,  #FBFBFB 0%, #F7F7F7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#F7F7F7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FBFBFB 0%,#F7F7F7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F7F7F7',GradientType=0 ); /* IE6-9 */
    min-height: 26px;
    min-width: 16px;
    cursor: pointer;
    border-bottom-color: #AAA !important;
}

a.button .label {
    font-size: 12px !important;
    text-decoration: none !important;
    padding: 0 3px;
}

a.buttonSelected img {
    opacity: 1 !important;
}

button:hover {
    text-decoration: none !important;
}

.SubtabButton:disabled, .SubtabButtonSelected:disabled, .button:disabled, button:disabled {
    border-color: #E2E2E2 !important;
    color: #89897A !important;
    cursor: default !important;
}

button[type=submit] {
    font-weight: normal !important;
}

.SubtabButtonSelected, a.buttonSelected, .SubtabButton:active, .button:active, button:active {
    border-color: #A7B9C7 !important;
    border-top-color: #95AABB !important;
    background: #E1E9F0 !important;
    filter: none !important;
    font-weight: normal !important;
    box-shadow: none;
}

.SubtabButtonSelected:enabled:hover, a.buttonSelected:hover {
    border-color: #869DB0 !important;
}

.SubtabButton:enabled:hover, .button:enabled:hover, button:enabled:hover, a.button:hover {
    border-color: #9F9F9F !important;
}

input, 
input[type="text"], 
textarea,
select,
.SubtabButton, 
.SubtabButtonSelected,
.button, button {
    transition: border linear .2s, box-shadow linear .2s;
    vertical-align: middle;
}

input[type=text]::-ms-clear {
    display: none;
}

input:focus, 
input:focus:hover,
input[type="text"]:focus, 
input[type="text"]:focus:hover, 
input[type="password"]:focus, 
input[type="password"]:focus:hover, 
textarea:focus,
textarea:focus:hover,
select:focus,
select:focus:hover,  
.SubtabButton:focus, 
.SubtabButton:focus:hover, 
.SubtabButtonSelected:focus,
.SubtabButtonSelected:focus:hover, 
.button:focus, button:focus,
.button:focus, button:focus:hover {
    border-color: #76B8FA !important;
    box-shadow: 0 0 5px rgba(118,184,250,0.4);
    outline: none;
}

input[type="text"], 
input[type="password"], 
textarea,
select {
    border-radius: 3px;
}

legend, legend label.tableEditPrefix  {
    color: #555 !important;
}

/*Main Slider on App page*/
#mainslider {
    position: absolute;
    width: 4px;
    background-color: transparent;
    cursor: col-resize;
    border: 1px solid transparent;
    transition: background-color linear .2s, border linear .2s, box-shadow linear .2s;
}

#mainslider:hover {
    background-color: #DFEEF9;
    border-left: 1px solid #B0D3F5;
    border-right: 1px solid #B0D3F5;
}