.flexContainer {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.flexContainer #contents {
	flex: 1;
}

a {
	color: #333;
    TEXT-DECORATION: none;
    cursor: pointer;
}

a:focus, a:hover {
	color: #333;
    TEXT-DECORATION: none;
    cursor: pointer;
}

.leftnavHdr {
    FONT-SIZE: 13px;
}
.leftnavlink {
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
.bodycontent {
    font-family: 'Nunito-Regular';
    font-size: 13px;
}
.sectitleprefix {
    COLOR: #336699;
    font-family: 'Nunito-Regular';
    font-size: 24px;
    LETTER-SPACING: -1px;
}
.sectitlesuffix {
    COLOR: #003300;
    font-family: 'Nunito-Regular';
    font-size: 24px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: -1px;
}
.tabtitleprefix {
    COLOR: #ffffff;
    font-family: 'Nunito-Regular';
    font-size: 19px;
    LETTER-SPACING: -1px;
}
.tabtitlesuffix {
    COLOR: #003300;
    font-family: 'Nunito-Regular';
    font-size: 19px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: -1px;
}
.tabnav {
    COLOR: #660000;
    font-family: 'Nunito-Regular';
    font-size: 12px;
}
.cardsubject {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    LETTER-SPACING: -1px;
    TEXT-DECORATION: underline;
}

.securitytbl {
    MARGIN-RIGHT: 10px;
}
.security {
    font-family: 'Nunito-Regular';
    font-size: 10px;
}
.footer {
    FONT-SIZE: 10px;
}
.tab {
    font-family: 'Nunito-Regular';
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}

.headerfont {
    font-family: 'Nunito-Regular';
    font-size: 13px;
}
.datafont {
    font-family: 'Nunito-Regular';
    font-size: 13px;
}
big {
    font-size: 16px;
}
.componetnav {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.tblHeaderRow {
    BACKGROUND-COLOR: #eeeeee;
    COLOR: white;
    TEXT-DECORATION: none;
}

.dataDisp {
    font-family: 'Nunito-Regular';
    font-size: 13px;
}
caption {
    BACKGROUND: #ffffff;
}
.loginbox {
    BACKGROUND-COLOR: #c2c2c2;
    BORDER-BOTTOM: #dddddd 2px groove;
    BORDER-LEFT: #ffffff 2px groove;
    BORDER-RIGHT: #dddddd 2px groove;
    BORDER-TOP: #ffffff 2px groove;
}
body.global {
    BACKGROUND-COLOR: #ffffff;
    font-family: 'Nunito-Regular';
}

body.assistant {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
}

body.monitor {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
}

body.reports {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
}

body.report {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
}

body.roleDetails {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
}

.bodyfont1 {
    font-family: 'Nunito-Bold';
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}
.bodyfont {
    font-family: 'Nunito-Bold';
    font-size: 13px;
    COLOR: #333333;
}
/** Modify the class .label,.instructions in styles.css for any change in this class **/
.controlfont {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    padding: 0px;
	font-weight: normal;  
}

label {
	font-weight: normal;	
	margin-bottom: 0;
}

input.controlfont {
	color: #333333;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    font-style: normal;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: #cccccc;
    outline-style: none;
    line-height: 2em;
    padding: 0px 5px;
}

input.controlfont:hover, input.controlfont:focus {
	border-color: #FF791A;
}

select.controlfont {
	color: #333333;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    font-style: normal;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: #cccccc;
    outline-style: none;
    line-height: 2em;
    padding: 0px 5px;
    min-height: 28px;
}

select.controlfont:hover, select.controlfont:focus {
	border-color: #FF791A;
}

select[multiple].controlfont{
	overflow-x: scroll
}
.tinycontrolfont {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
}

input.tinycontrolfont {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

select.tinycontrolfont {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

.topnav {
    COLOR: #ffffff;
    font-size: 15px;
    TEXT-DECORATION: none;
    font-weight: 800;
    font-family: 'Nunito-Regular';
}
.formAction {
    COLOR: #252525;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 16px;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
}

/** Modify the class groupLabel in styles.css for any change in this class **/

.tableHeaderfont {
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}

/** Modify the class .listLabel,.licenseHead in styles.css for any change in this class **/
.tblHeader {
    BACKGROUND-COLOR: #f2f2f2;
    border-width: 1px;
    border-style: solid;
    border-color: #e4e4e4;
    COLOR: #666666;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 28px;
    padding: 0px 10px 0px 10px;
    text-transform: uppercase;
    vertical-align: middle; 
}

.sorttable_nosort {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-weight: bold;
    height: 42px;
}

table.sortable tbody tr:nth-child(2n) td {
  background: #f7f7f7;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ffffff;
}

.sectionHeaderConsole {
    BACKGROUND-COLOR: #dddddd;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
    PADDING: 2px 5px 2px 5px;
}

.tblHeaderConsole {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}

.sectionHeaderMonitor {
    BACKGROUND-COLOR: #dddddd;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
    PADDING: 2px 5px 2px 5px;
}

.tblHeaderMonitor {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}

.brdTblHeader {
    BACKGROUND-COLOR: #0c2c56;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ffffff;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

/** Modify the class tr in styles.css for any change in this class **/
.tblData {
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 43px;
}
.tblData2 {
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 42px;
}
.tblData3 {
    BACKGROUND-COLOR: #f7f7f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    FONT-STYLE: normal;
    height: 42px;
}
.tblDataLogAlert {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ff0000;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblDataLogAlert2 {
    BACKGROUND-COLOR: #f7f7f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ff0000;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblDataLogWarn {
    BACKGROUND-COLOR: #ffff00;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #222288;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblBorder {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #804000;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.msgFont {
    font-family: 'Nunito-Regular';
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
    TEXT-DECORATION: none;
}
.statusmsg{
    COLOR: #000000;
    height: auto;
    font-size: 13px;
    margin: 10px 0 10px 0;
    max-height: 120px;
    overflow-y: auto;
    padding: 10px 0 10px 0;
}

.statusmsg:empty{
	display: none;
}
    
.info {
	background-image: url(/sgms/images/inline_info.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
	text-align: left;
	display: inline-block;
}
.warning {
	background-image: url(/sgms/images/inline_warning.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
	text-align: left;
	display: inline-block;
}
.error {
	background-image: url(/sgms/images/inline_error.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
	text-align: left;
	display: inline-block;
}
.grayed {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    background-color: #fdfdfc;
}

.band {
    BACKGROUND-COLOR: #462d7c;
}

.tblDataAction {
    BACKGROUND-COLOR: #f7f7f7;
}
.longcell {
    padding-left: 6px;
    padding-right: 6px;
}

.controltzfont {
    COLOR: #999999;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

.datetitle {
    BACKGROUND-COLOR: #6f9ad3;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ffffff;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

.panelNameFont {
    font-family: 'Nunito-Regular';
    font-size: 12px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}

.panelColor {
    BACKGROUND-COLOR: #c2c2c2;
}

.panelBorderColor {
    BACKGROUND-COLOR: #e2e2e2;
}

.panelTextBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #758fc2;
}

.panelPoliciesBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelReportsBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelMonitorBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelConsoleBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelCaption {
    font-size: 15px;
    margin-top: 0;
    color: #000000;
}

.heading_link {
    FONT-SIZE: 11px;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-weight: bold;
    TEXT-DECORATION: NONE;
}

.subheading_link {
    FONT-SIZE: 11px;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    TEXT-DECORATION: NONE;
    font-style: normal;
}

.subheading_linksel {
    font-size: 11px;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    FONT-STYLE: NONE;
    TEXT-DECORATION: NONE;
}

.hideRows {
    display: none;
}
.showRows {
    display: table-row;
}

/* use http://www.somacon.com/p141.php to play with the styles */
.gmsTable {
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    padding: 2px;
    background-color: #ffffff;
}

.gmsTable td {
 		padding: 0px 10px 0px 10px;
 	}

.gmsTable tr {
    border-bottom-style: solid;
    border-bottom-width: 1px; 
    border-bottom-color: #F7F7F7;
}

.gmsTableFooter {
	height: 24px;
	background-color: #FAFAFA;
}

.gmsTableFooter .inlineNameValuePair {
	display: inline-block;
	padding: 5px 40px 0px 20px;
}

.gmsTableFooter .inlineNameValuePair .nameField {
	display: inline;
	font-family: 'Nunito-Bold';
	font-size: 12px;
	color: #999999;
}

.gmsTableFooter .inlineNameValuePair .valueField {
	display: inline;
    font-family: 'Nunito-Regular';
    font-size: 12px;
    color: #999999;
}

.gmsTable tr:hover:not(.tblHeader) td:not(.tblHeader),
.gmsCollapsibleTable tr:hover:not(.tblHeader) td:not(.tblHeader) {
	background-color:#FFF2E9;
}

.gmsTable .controlFont,
.gmsCollapsibleTable .controlFont {
	font-family: 'Nunito-SemiBold';
	font-size: 12px;
	color: #666666;
} 

.gmsCollapsibleTable {
    border-width: 0 1px 0 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    padding: 2px;
    background-color: #ffffff;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #F7F7F7;
}

.gmsCollapsibleTable tr {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #F7F7F7;
}

.gmsCollapsibleTableBottomRow {
    border-width: 0 1px 0 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    background-color: #ffffff;
}

.gmsOkCancelButton {
    background-color: #EDEDE8;
    border-style: solid;
    border-width: 1px;
    border-color: #B3B3B0;
    border-radius: 2px;
    color: black;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}

.leadingImage {
    MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 5px;
}

.loadingBox {
    BACKGROUND-COLOR: #6f9ad3;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 9;
    FONT-STYLE: normal;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}

.italicFont {
    font-size: 11px;
    COLOR: #363b55;
    font-family: 'Nunito-Regular';
    FONT-WEIGHT: BOLD;
    FONT-STYLE: ITALIC;
    TEXT-DECORATION: NONE;
}

/** Modify the class button in styles.css for any change in this class **/
.button, .btn {
    background-color: #FFFFFF;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #868686;
    border-radius: 20px !important;
    color: #868686;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block;
    font-family: 'Nunito-Regular' !important;
    font-size: 13px !important;
    cursor: pointer !important;
    height: 29px !important;
    line-height: 29px !important;
    min-width: 60px !important;
    padding:0px 20px 0px 20px !important;
    
}

a + a div.button,
.button + .button,
.btn + .btn {
	margin-left:10px;
}

.button:active, .btn:active {
   outline: none !important;
   color: #333333;
   background-color: #ff791a  !important;
   border: solid 1px #FF791A;
}

.button:focus {
	outline: 0;
}

.button:hover, .btn:hover {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #FF791A;
    border-radius: 20px;
    color: #333333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    cursor: pointer;
    height: 29px;
    line-height: 29px;
    min-width: 60px;
}


.defaultButton {
    background-color: #FFFFFF !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #868686 !important;
    border-radius: 20px !important;
    color: #868686 !important;
    padding: 0px 20px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-family: 'Nunito-Regular' !important;
    font-size: 13px !important;
    cursor: pointer !important;
    height: 29px !important;
    line-height: 29px !important;
}

.activeButton {
    background-color: #FF791A !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #FF791A)) !important;
    background-image: -webkit-linear-gradient(top, #FF791A, #FF791A) !important;
    background-image: -moz-linear-gradient(top, #FF791A, #FF791A) !important;
    background-image: -o-linear-gradient(top, #FF791A, #FF791A) !important;
    background-image: -ms-linear-gradient(top, #FF791A, #FF791A) !important;
    background-image: linear-gradient(top, #FF791A, #FF791A) !important;
    border-color: #FF791A !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 20px !important;
    color: #000000 !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-family: 'Nunito-Regular' !important;
    font-size: 13px !important;
    cursor: pointer !important;
    height: 29px !important;
    line-height: 29px !important;
    padding: 0px 20px !important;
}

.icon-info {
	font-size: 13px;
}

.gmsTable .icon-pencil, .gmsCollapsibleTable .icon-pencil, .tblData .icon-pencil, .tblData2 .icon-pencil,
.gmsTable .icon-trash, .gmsCollapsibleTable .icon-trash, .tblData .icon-trash, .tblData2 .icon-trash,
.gmsTable .icon-add, .gmsCollapsibleTable .icon-add, .tblData .icon-add, .tblData2 .icon-add,
.gmsTable .icon-export, .gmsCollapsibleTable .icon-export, .tblData .icon-export, .tblData2 .icon-export,
.gmsTable .icon-options, .gmsCollapsibleTable .icon-options, .tblData .icon-options, .tblData2 .icon-options,
.gmsTable .icon-download, .gmsCollapsibleTable .icon-download, .tblData .icon-download, .tblData2 .icon-download {
	font-size: 16px;
	padding: 7px;
	border: dashed 1px transparent;
	color: #868686; 		
}

.gmsTable .icon-pencil:hover, .gmsCollapsibleTable .icon-pencil:hover, .tblData .icon-pencil:hover, .tblData2 .icon-pencil:hover,
.gmsTable .icon-trash:hover, .gmsCollapsibleTable .icon-trash:hover, .tblData .icon-trash:hover, .tblData2 .icon-trash:hover,
.gmsTable .icon-add:hover, .gmsCollapsibleTable .icon-add:hover, .tblData .icon-add:hover, .tblData2 .icon-add:hover,
.gmsTable .icon-export:hover, .gmsCollapsibleTable .icon-export:hover, .tblData .icon-export:hover, .tblData2 .icon-export:hover,
.gmsTable .icon-options:hover, .gmsCollapsibleTable .icon-options:hover, .tblData .icon-options:hover, .tblData2 .icon-options:hover,
.gmsTable .icon-download:hover, .gmsCollapsibleTable .icon-download:hover, .tblData .icon-download:hover, .tblData2 .icon-download:hover {
	color: #333333;
}

.gmsTable .icon-pencil:active, .gmsCollapsibleTable .icon-pencil:active, .tblData .icon-pencil:active, .tblData2 .icon-pencil:active,
.gmsTable .icon-trash:active, .gmsCollapsibleTable .icon-trash:active, .tblData .icon-trash:active, .tblData2 .icon-trash:active,
.gmsTable .icon-add:active, .gmsCollapsibleTable .icon-add:active, .tblData .icon-add:active, .tblData2 .icon-add:active,
.gmsTable .icon-export:active, .gmsCollapsibleTable .icon-export:active, .tblData .icon-export:active, .tblData2 .icon-export:active,
.gmsTable .icon-options:active, .gmsCollapsibleTable .icon-options:active, .tblData .icon-options:active, .tblData2 .icon-options:active,
.gmsTable .icon-download:active, .gmsCollapsibleTable .icon-download:active, .tblData .icon-download:active, .tblData2 .icon-download:active {
	border: dashed 1px #FF791A; 
	border-radius: 300px;
	
}

.icon-disabled,
.gmsTable .icon-disabled,
.gmsCollapsibleTable .icon-disabled,
.tblData .icon-disabled,
.tblData2 .icon-disabled {
	color: #CCCCCC;
	cursor: not-allowed;
	pointer-events: none;
}

.button[disabled], .btn[disabled], .disableButton {
    background-color: #F2F2F2;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
    border-radius: 20px;
    color: #CCCCCC;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    CURSOR: not-allowed;
    padding-left: 20px;
    padding-right: 20px;
    height: 29px;
    line-height: 29px;
    min-width: 60px;
}

.divFrame {
    background-color: #f7f7f7;
    /*BORDER: thin outset;*/
}

#overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    text-align: center;
    z-index: 100;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    background-image: url(/appliance/images/transparent.png);
}

.spinner {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.PopupDiv {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    Z-INDEX: 1000;
    position: absolute;
    background-color: #ffffff;
    margin: auto;
    padding-bottom: 3px;
    box-sizing: border-box;
}

#navbarholder {
    display: none;
    height: 4px;
    width: 100%;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#navbarbaseholder {
    height: 4px;
    width: 100%;
    background-color: #727272;
}

#navbarimgholder {
    height: 4px;
    width: 100%;
    background-color: #ffffff;
    background-image: url(/sgms/images/dash/pane_opener.gif);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

#navbar {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 23px;
    /*background-color:#D4D4DC;*/
    background-color: #e6e6e6;
    border: 1px solid #000000;
}

.pageSelector {
    float: left;
    color: #465282;
    text-decoration: none;
    text-align: center;
    padding: 1px 5px;
    border: 1px solid #e6e6e6;
    /*border:1px solid blue;*/
}

.divTab {
    BORDER-RIGHT: black 1px outset;
    BORDER-TOP: black 1px outset;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    MARGIN: 0;
    BORDER-LEFT: black 1px outset;
    LINE-HEIGHT: 150%;
    BORDER-BOTTOM: black 1px;
    font-family: 'Nunito-Regular';
    HEIGHT: 21px;
    BACKGROUND-COLOR: #c2c2c2;
    TEXT-ALIGN: center;
}

.divTabLine {
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    MARGIN: 0;
    font-family: 'Nunito-Regular';
    HEIGHT: 1px;
    BACKGROUND-COLOR: #c2c2c2;
    TEXT-ALIGN: center;
}

.nolineLabel {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    font-family: 'Nunito-Regular';
    TEXT-DECORATION: none;
}

.divPanel {
    BORDER-RIGHT: black 1px outset;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: smaller;
    PADDING-BOTTOM: 6px;
    MARGIN: 0;
    BORDER-LEFT: black 1px outset;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: black 1px outset;
    font-family: 'Nunito-Regular';
    BACKGROUND-COLOR: #ffffff;
}

/** css styles specific to Unified Screen Sencha UI - start**/

.hidden {
	display: none;
}

.x-livesearch-match {
	font-weight: normal;
    background-color: #ffffff;
}

.policyAdd, .policyHideShow, .policyDelete, .policyUpdate, .policyRestore {
	padding: 6px !important;	
}

.zone-map-selector {
	padding: 2px !important;	
}

.x-grid-td {
	vertical-align: middle !important;
}

.x-column-header-text-wrapper {
	text-transform: uppercase;	
}

.x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.x-body {
    COLOR: #252525;
    font-family: 'Nunito-Regular';
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
} 

td.wrap-text div {
    white-space: normal;
}

.x-grid-table .x-grid-cell-colApp {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colURLcategory {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colURLdomain {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colCustomMatch {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colStatistics {
    background: #eeeeee;
}

.icon-grid {
    background-image: url(images/icon_object_zone.png) !important;
}	

.x-grid-row-collapsed .x-grid-row-expander {
    background-image: url(images/arrow_collapse.gif);
}

.x-grid-row-expander {
    background-image: url(images/arrow_expand.gif);
}

.highlight {
    display: block;
    background-color: #dddddd;
}

.customRowClass .x-grid-cell-inner {
    line-height: 35px;
    cursor: pointer;
}

#zoneSelectorGrid .x-column-header-inner {
    text-align: center;
}

.policyRowClass .x-grid-cell-inner {
    cursor: pointer;
}

.policyRowClass .x-grid-cell-inner i {
    margin-right: 5px;
}

.margin0px5px{
	margin: 0px 5px;
}

.x-action-col-cell img {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    margin-right: 1px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.x-btn-icon img {
    background-position: center center;
}

.details {
    color: #456ab8;
    font-weight: bold;
    font-size: 9;
    font-family: 'Nunito-Regular';
}

.detailsNotBold {
    color: #456ab8;
    font-size: 9;
    font-family: 'Nunito-Regular';
}

.detailsData {
    font-size: 9;
    font-family: 'Nunito-Regular';
}

.controlStyle, .x-form-item-label, .x-form-cb-label, .x-form-field, .x-tab-inner, .x-boundlist-item {
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.my-header .x-panel-header {
    height: 16px;
    margin: 0;
    padding: 0;
}

.formBody .x-panel-body-default {
    border-width: 0;
}

.formBody .x-component {
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.boldLabel {
    font-family: 'Nunito-Regular';
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    COLOR: #000000;
}

.readOnlyForm .x-panel-body-default {
    background: #d6dae1;
}


.addObjectOnTheFly {
    background-image: url(images/add.gif) !important;
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-position-x: 1px;
    height: 22px;
    width: 36px;
}

.qtip-target {
    width: 100px;
    text-align: center;
    padding: 5px 0;
    border: 1px dotted #99bbe8;
    background: #dfe8f6;
    color: #15428b;
    cursor: default;
    margin: 10px;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    font-style: bold;
    float: left;
} 

.invalidZone .x-grid-cell {
    color: gray;
    FONT-STYLE: ITALIC;
}

.listAddItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #94c5f7;
}

.listModItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #fbe392;
}

.listDelItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #ff9b9b;
}

.grid-row-checker-disabled {
    background-position: -39px 0;
}
/** css styles specific to Unified Screen Sencha UI - end**/

/** css styles required for jsp change order records, view and preview change order**/
.listAddItemContrast {
    BACKGROUND-COLOR: #94c5f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.listModItemContrast {
    BACKGROUND-COLOR: #fbe392;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.listDelItemContrast {
    BACKGROUND-COLOR: #ff9b9b;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: 'Nunito-Regular';
    font-size: 11px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.indParamChangeOrderMod {
    -webkit-box-shadow: inset 0 0 2px 2px rgba(249,214,97,1);
            box-shadow: inset 0 0 2px 2px rgba(249,214,97,1);
}
.indParamChangeOrderModFF {
            box-shadow: 0 0 2px 2px #fbe392;
}
.indParamChangeOrderModText {
    BACKGROUND-COLOR: #fbe392;
}
.indParamChangeOrderWhiteBG {
    BACKGROUND-COLOR: #ffffff;
}	
.actionChangeOrderModText {
    BACKGROUND-COLOR: #fbe392 !important; 
}
.x-action-col-cell img {
    width: 16px;
    height: 16px;
}

#readOnlyForm-body {
    BACKGROUND-COLOR: #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden !important;
}

.centerAlignColumnHeader {
    text-align: center;
}
.redirectLink {
    float: right;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background: url('images/column_arrow.gif') no-repeat center center;
}

/** Font families**/

.defaultBodyText {
    font-family: 'Nunito-Regular';
    font-size: 13px;
}

/** Buttons **/

.standardBtn {
	color: #555;
    background-color: #f9f9f8;
    border: 1px solid #B3B3B0;
    border-radius: 3px;
    
    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;

    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.standardBtn:hover, .standardBtn:focus {
	color: #555;
    background-color: #b3b3b0;
    border: 1px solid #B3B3B0;
    border-radius: 3px;

    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;

    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.standardBtn:active {
	color: #555;
    background-color: #dfdfda;
    border: 1px solid #B3B3B0;
    border-radius: 3px;

    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;
 
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.formActionSmall {
	color: #47AFE8;
	display: inline-block;
    font-family: 'Nunito-Regular';
    font-size: 16px;
    padding: 5px 23px;
    text-decoration: none;
    cursor: pointer;
    background: url('/sgms/images/black-dot.png') left center no-repeat;
}

.formActionSmall:hover {
	color: #FF791A;
	display: inline-block;
    font-family: 'Nunito-Regular';
    font-size: 16px;
    padding: 5px 23px;
    text-decoration: none;
    cursor: pointer;
    background: url('/sgms/images/black-dot.png') left center no-repeat;
}

.popover {
	color: #fff;
	background-color: #333333;
	border-radius: 6px;
	box-shadow: none;
  position: relative;
  max-width: 600px;
}

.popover .arrow:after {
	border-bottom-color: #333333 !important;
}

.popover.left .arrow:after {
	border-left-color: #333333 !important;
	border-bottom-color: #ffffff !important;
}

.popover.left .arrow:after {
	border-left-color: #333333 !important;
	border-bottom-color: #ffffff !important;
}

.popover.top .arrow:after {
	border-top-color: #333333 !important;
	border-left-color: #ffffff !important;
	border-right-color: #ffffff !important;
	border-bottom-color: #ffffff !important;
}


.popover p{
	font-size: 12px;
    font-family: 'Nunito-SemiBold', sans-serif;
    margin: 0px;
}

.popover-content{
	background-color: #333333;
} 

.fullName {
	white-space: nowrap;
	font-size: 12px;
    font-family: 'Nunito-Regular';
    border-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.logout {
	white-space: nowrap;
	font-size: 12px;
    font-family: 'Nunito-Regular';
    color: #C9C9C9;
}

// Fonts

// Nunito

@font-face {
    font-family: 'Nunito-Black';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/nunito/Nunito-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-ExtraBold';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito/Nunito-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-Bold';
    font-style: normal;
    font-weight: 700; 
    src: url('../fonts/nunito/Nunito-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/nunito/Nunito-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito/Nunito-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-Light';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito/Nunito-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-ExtraLight';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/nunito/Nunito-ExtraLight.ttf') format('truetype');
}

// Roboto

@font-face {
    font-family: 'Roboto-Black';
    font-weight: 900;
    src: url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    font-weight: 700;
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Medium';
    font-weight: 500;
    src: url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    font-weight: 400;
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Light';
    font-weight: 300;
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Thin';
    font-weight: 200;
    src: url('../fonts/roboto/Roboto-Thin.ttf') format('truetype');
}


@font-face {
  font-family: 'SonicWallIconFont';
  src:  url('/sgms/fonts/sonicwall/SonicWallIconFont.eot');
  src:  url('/sgms/fonts/sonicwall/SonicWallIconFont.eot#iefix') format('embedded-opentype'),
    url('/sgms/fonts/sonicwall/SonicWallIconFont.woff2') format('woff2'),
    url('/sgms/fonts/sonicwall/SonicWallIconFont.ttf') format('truetype'),
    url('/sgms/fonts/sonicwall/SonicWallIconFont.woff') format('woff'),
    url('/sgms/fonts/sonicwall/SonicWallIconFont.svg#SonicWallIconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SonicWallIconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-upsidedown {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	display: inline-block;
}

.icon-menu-more:before {
 display: inline-block;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 content: "\e701";
}

.icon-home:before {
  content: "\e904";
}
.icon-menu:before {
  content: "\ec71";
}
.icon-list:before {
  content: "\e8ee";
}
.icon-grid:before {
  content: "\e5c3";
}
.icon-item-list:before {
  content: "\e1db";
}
.icon-botnet:before {
  content: "\e90b";
}
.icon-bullet-list:before {
  content: "\e722";
}
.icon-tree:before {
  content: "\e0eb";
}
.icon-more:before {
  content: "\e701";
}
.icon-dragdable-handle:before {
  content: "\e080";
}
.icon-dashboard:before {
  content: "\ec21";
}
.icon-kill:before {
  content: "\e903";
}
.icon-puzzle:before {
  content: "\ec22";
}
.icon-eraser:before {
  content: "\e916";
}
.icon-pencil:before {
  content: "\e927";
}
.icon-search:before {
  content: "\f002";
}
.icon-service-analytics:before {
  content: "\e91b";
}
.icon-image-compare:before {
  content: "\e93d";
}
.icon-camera:before {
  content: "\e944";
}
.icon-new:before {
  content: "\e97b";
}
.icon-bookmark:before {
  content: "\e994";
}
.icon-calendar:before {
  content: "\e917";
}
.icon-calendar-date:before {
  content: "\e918";
}
.icon-calendar-event:before {
  content: "\e919";
}
.icon-calendar-date-range:before {
  content: "\e91a";
}
.icon-calendar-day:before {
  content: "\ea63";
}
.icon-file-text:before {
  content: "\e99b";
}
.icon-profile:before {
  content: "\e99c";
}
.icon-duplicate:before {
  content: "\f1e4";
}
.icon-clone:before {
  content: "\f1e5";
}
.icon-file-text2:before {
  content: "\e9ae";
}
.icon-file-presentation:before {
  content: "\e9c0";
}
.icon-report:before {
  content: "\f1e6";
}
.icon-folder-minus:before {
  content: "\e9d6";
}
.icon-phone:before {
  content: "\ea1c";
}
.icon-halo:before {
  content: "\ea1d";
}
.icon-alarm:before {
  content: "\ea53";
}
.icon-printer:before {
  content: "\ea69";
}
.icon-keyboard:before {
  content: "\f30f";
}
.icon-download:before {
  content: "\ea87";
}
.icon-upload:before {
  content: "\ea88";
}
.icon-floppy-disk:before {
  content: "\ea89";
}
.icon-database:before {
  content: "\ea93";
}
.icon-user:before {
  content: "\eb0e";
}
.icon-user-add:before {
  content: "\eb0f";
}
.icon-user-remove:before {
  content: "\eb10";
}
.icon-user-lock:before {
  content: "\eafd";
}
.icon-users-group:before {
  content: "\eb11";
}
.icon-maximize:before {
  content: "\eb48";
}
.icon-minimize:before {
  content: "\eb49";
}
.icon-control:before {
  content: "\eb5b";
}
.icon-settings:before {
  content: "\eb60";
}
.icon-options:before {
  content: "\eb61";
}
.icon-stats-dots:before {
  content: "\eb87";
}
.icon-chart-area:before {
  content: "\eb8f";
}
.icon-chart-area2:before {
  content: "\e0a1";
}
.icon-chart-column:before {
  content: "\e0a2";
}
.icon-stats-growth:before {
  content: "\eb90";
}
.icon-stats-decline:before {
  content: "\eb91";
}
.icon-chart-lines:before {
  content: "\e0a4";
}
.icon-pie-chart-box:before {
  content: "\eb89";
}
.icon-stats-bars:before {
  content: "\eb88";
}
.icon-pie-chart:before {
  content: "\eb85";
}
.icon-pulse:before {
  content: "\eb70";
}
.icon-stats-bars2:before {
  content: "\eb8c";
}
.icon-chart-bubble:before {
  content: "\e0a3";
}
.icon-chart-bubbles:before {
  content: "\e0a6";
}
.icon-trash:before {
  content: "\ebfe";
}
.icon-reboot:before {
  content: "\ec4b";
}
.icon-go-back:before {
  content: "\ea4b";
}
.icon-reload:before {
  content: "\e86a";
}
.icon-location:before {
  content: "\f34e";
}
.icon-pin:before {
  content: "\e900";
}
.icon-link:before {
  content: "\ec9f";
}
.icon-unlink:before {
  content: "\eca0";
}
.icon-attachment:before {
  content: "\ecac";
}
.icon-view:before {
  content: "\ecb2";
}
.icon-add:before {
  content: "\ed5d";
}
.icon-minus:before {
  content: "\ed5e";
}
.icon-close:before {
  content: "\e002";
}
.icon-close-thin:before {
  content: "\e804";
}
.icon-connection-ethernet:before {
  content: "\e9ae";
}
.icon-connection-isdn:before {
  content: "\e9ae";
}
.icon-connection-modem:before {
  content: "\f1bc";
}
.icon-connection-wireless:before {
  content: "\e9ae";
}
.icon-dot:before {
  content: "\ee78";
}
.icon-square:before {
  content: "\ee79";
}
.icon-partially-selected:before {
  content: "\ee7a";
}
.icon-firewall:before {
  content: "\ed7c";
}
.icon-shield:before {
  content: "\ed7d";
}
.icon-play:before {
  content: "\ed7e";
}
.icon-pause:before {
  content: "\ed7f";
}
.icon-stop:before {
  content: "\ed80";
}
.icon-previous:before {
  content: "\ed81";
}
.icon-next:before {
  content: "\ed82";
}
.icon-backward:before {
  content: "\ed83";
}
.icon-forward:before {
  content: "\ed84";
}
.icon-volume-medium:before {
  content: "\ed90";
}
.icon-volume-low:before {
  content: "\ed91";
}
.icon-volume-mute:before {
  content: "\ed95";
}
.icon-arrow-left-thick:before {
  content: "\edc4";
}
.icon-arrow-left:before {
  content: "\edc5";
}
.icon-arrow-right-thin:before {
  content: "\edc6";
}
.icon-arrow-up:before {
  content: "\edc7";
}
.icon-arrow-left2:before {
  content: "\ede2";
}
.icon-sorting-up:before {
  content: "\ee37";
}
.icon-filter:before {
  content: "\ee8b";
}
.icon-export:before {
  content: "\eec9";
}
.icon-file-pdf:before {
  content: "\ef3e";
}
.icon-file-word:before {
  content: "\ef40";
}
.icon-file-excel:before {
  content: "\ef41";
}
.icon-lightbulb:before {
  content: "\e90f";
}
.icon-help:before {
  content: "\e910";
}
.icon-shopping-cart:before {
  content: "\e8cc";
}
.icon-mic:before {
  content: "\e029";
}
.icon-mic-off:before {
  content: "\e02b";
}
.icon-archive:before {
  content: "\e901";
}
.icon-linkedin:before {
  content: "\ef28";
}
.icon-severity-critical:before {
  content: "\f029";
}
.icon-severity-high:before {
  content: "\f027";
}
.icon-severity-major:before {
  content: "\f026";
}
.icon-severity-minor:before {
  content: "\f028";
}
.icon-severity-information:before {
  content: "\f1b1";
}
.icon-status-unknown:before {
  content: "\ed56";
}
.icon-checkmark:before {
  content: "\ed71";
}
.icon-info:before {
  content: "\e094";
}
.icon-locked:before {
  content: "\e023";
}
.icon-unlocked:before {
  content: "\e719";
}
.icon-cloud-app:before {
  content: "\f1e7";
}
.icon-cloud:before {
  content: "\f3ca";
}
.icon-cloud-stack:before {
  content: "\e60b";
}
.icon-app:before {
  content: "\e9cf";
}
.icon-app-issue:before {
  content: "\e849";
}
.icon-app-add:before {
  content: "\e850";
}
.icon-app-remove:before {
  content: "\e851";
}
.icon-email:before {
  content: "\f0e0";
}
.icon-user-profile:before {
  content: "\f00c";
}
.icon-chatting:before {
  content: "\eada";
}
.icon-announcement:before {
  content: "\e85a";
}
.icon-topo-home:before {
  content: "\e905";
}
.icon-topo-compass:before {
  content: "\f1e8";
}
.icon-topo-change:before {
  content: "\f1e9";
}
.icon-topo-zoom-in:before {
  content: "\f1ea";
}
.icon-topo-zoom-out:before {
  content: "\f1eb";
}
.icon-topo-toggle:before {
  content: "\f1ec";
}
.icon-topo-layout:before {
  content: "\f1ed";
}
.icon-topo-reset:before {
  content: "\f1ee";
}
.icon-share:before {
  content: "\e80d";
}
.icon-device-hub:before {
  content: "\e335";
}
.icon-topo:before {
  content: "\e80e";
}
.icon-world-net:before {
  content: "\e80f";
}
.icon-iphone:before {
  content: "\f1ef";
}
.icon-ipad:before {
  content: "\f1f0";
}
.icon-laptop:before {
  content: "\e810";
}
.icon-monitor:before {
  content: "\e811";
}
.icon-monitoring:before {
  content: "\e812";
}
.icon-rss:before {
  content: "\eefa";
}
.icon-signal-no:before {
  content: "\e024";
}
.icon-signal-low:before {
  content: "\e025";
}
.icon-signal-medium:before {
  content: "\e026";
}
.icon-signal-high:before {
  content: "\e027";
}
.icon-signal-perfect:before {
  content: "\e028";
}
.icon-facebook:before {
  content: "\eef0";
}
.icon-twitter:before {
  content: "\eef5";
}
.icon-appleinc:before {
  content: "\ef1d";
}
.icon-windows:before {
  content: "\f17a";
}
.icon-android:before {
  content: "\f032";
}
.icon-tux:before {
  content: "\ef1c";
}
.icon-drupal:before {
  content: "\f1f1";
}
.icon-github-box:before {
  content: "\f2a3";
}
.icon-amazon:before {
  content: "\f02d";
}
.icon-dropbox:before {
  content: "\f1e3";
}
.icon-reddit-alien:before {
  content: "\f281";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-xbox:before {
  content: "\f5b9";
}
.icon-delicious:before {
  content: "\f1a5";
}
.icon-network-port-interface:before {
  content: "\f1a6";
}
.icon-app-category:before {
  content: "\f1a7";
}
.icon-app-signature:before {
  content: "\f1a8";
}
.icon-website:before {
  content: "\f1a9";
}
.icon-web-category:before {
  content: "\f1aa";
}
.icon-url:before {
  content: "\f1ab";
}
.icon-threat-intrusion:before {
  content: "\f1ac";
}
.icon-threat-virus:before {
  content: "\f1ad";
}
.icon-threat-spyware:before {
  content: "\f1ae";
}
.icon-severity-low:before {
  content: "\f1af";
}
.icon-diamond:before {
  content: "\f1b0";
}
.icon-informational:before {
  content: "\f1b1";
}
.icon-in-queue:before {
  content: "\f1b2";
}
.icon-status:before {
  content: "\f1b3";
}
.icon-diagnostics:before {
  content: "\f1b4";
}
.icon-firmware-backup:before {
  content: "\f1b5";
}
.icon-appflow-settings:before {
  content: "\f1b6";
}
.icon-log-settings:before {
  content: "\f1b7";
}
.icon-licensing:before {
  content: "\f1b8";
}
.icon-rules:before {
  content: "\f1b9";
}
.icon-appliance:before {
  content: "\f1ba";
}
.icon-dhcp:before {
  content: "\f1bb";
}
.icon-modem:before {
  content: "\f1bc";
}
.icon-objects:before {
  content: "\f1bd";
}
.icon-voip:before {
  content: "\f1be";
}
.icon-vpn:before {
  content: "\f1bf";
}
.icon-ssl-vpn:before {
  content: "\f1c0";
}
.icon-virtual-assist:before {
  content: "\f1c1";
}
.icon-high-availability:before {
  content: "\f1c2";
}
.icon-wan-acceleration:before {
  content: "\f1c3";
}
.icon-firewall-settings:before {
  content: "\f1c4";
}
.icon-deep-packet-inspection:before {
  content: "\f1c5";
}
.icon-dpi-ssh:before {
  content: "\f1c6";
}
.icon-anti-spam:before {
  content: "\f1c7";
}
.icon-security-services:before {
  content: "\f1c8";
}
.icon-sonicpoints:before {
  content: "\f1c9";
}
.icon-single-group:before {
  content: "\f1ca";
}
.icon-double-group:before {
  content: "\f1cb";
}
.icon-tripple-group:before {
  content: "\f1cc";
}
.icon-single-group-flash:before {
  content: "\f1cd";
}
.icon-double-group-flash:before {
  content: "\f1ce";
}
.icon-tripple-group-flash:before {
  content: "\f1cf";
}
.icon-single-group-clock:before {
  content: "\f1d0";
}
.icon-double-click:before {
  content: "\f1d1";
}
.icon-triple-group-clock:before {
  content: "\f1d2";
}
.icon-ethernet-fail:before {
  content: "\f1d3";
}
.icon-modem-dialup:before {
  content: "\f1d4";
}
.icon-wan-wireless:before {
  content: "\f1d5";
}
.icon-flash:before {
  content: "\f1d6";
}
.icon-severity-1:before {
  content: "\f1d7";
}
.icon-severity-2:before {
  content: "\f1d8";
}
.icon-system:before {
  content: "\f1d9";
}
.icon-content-filter:before {
  content: "\f1da";
}
.icon-dpi-ssl:before {
  content: "\f1db";
}
.icon-capture-atp:before {
  content: "\f1dc";
}
.icon-register:before {
  content: "\f1dd";
}
.icon-tasks:before {
  content: "\f1de";
}
.icon-management:before {
  content: "\f1df";
}
.icon-workflow:before {
  content: "\f1e0";
}
.icon-flow:before {
  content: "\f1e1";
}
.icon-live-report:before {
  content: "\f1e2";
}
.icon-hide-unused-zones:before{
	content: '\ec9f';
}
.icon-show-unused-zones:before{
	content: '\eca0';
}
.icon-threat-blocked:before {
	content: '\e90a';
}
.icon-all-traffic:before {
	content: '\e921';
}
.icon-threat:before {
	content: '\e922';
}
.icon-web-activities:before {
	content: '\e923';
}

/* Title Pane */
.titlePaneLevel1 {
	color: #333333;
    font-family: 'Nunito-ExtraLight';
    font-size: 18px;
    text-transform: uppercase;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #FF791A;
	height: 45px;
	padding-top:10px;
	vertical-align: top;   
	margin-bottom:0px;
}

.titlePaneLevel2 {
	color: #333333;
    font-family: 'Nunito-ExtraLight';
    font-size: 16px;
    text-transform: uppercase;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #FF791A;
	padding: 0px 0px 0px 20px;
	line-height: 29px;
}

/*Search bar*/
.searchComponent{
	min-width : 1000px;
	margin-bottom : 10px
}

.searchComponentContents > select,
.searchComponentContents > span > input,
.searchComponentToggle.icon{
	height:	29px;
	margin-right:5px;
}

/*Tree Control Icons */

.treeIcon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'SonicWallIconFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** New Tree Control Icon **/

/** global node **/
.tc-global .x-tree-icon-parent {
	background-image: url(images/tripple-group.svg) !important;
}

.tc-global-pending .x-tree-icon-parent {
	background-image: url(images/tripple-group-flash.svg) !important;
}

.tc-global-scheduled .x-tree-icon-parent {
	background-image: url(images/triple-group-clock.svg) !important;
}

/** Group Node **/
.tc-group .x-tree-icon-parent {
	background-image: url(images/double-group.svg) !important;
}

.tc-group-pending .x-tree-icon-parent {
	background-image: url(images/double-group-flash.svg) !important;
}

.tc-group-scheduled .x-tree-icon-parent {
	background-image: url(images/double-group-clock.svg) !important;
}

/** Unit Node **/
.tc-unit .x-tree-icon-leaf {
	background-image: url(images/single-group.svg) !important;
}

.tc-unit-pending .x-tree-icon-leaf {
	background-image: url(images/single-group-flash.svg) !important;
}

.tc-unit-scheduled .x-tree-icon-leaf {
	background-image: url(images/single-group-clock.svg) !important;
}

.tc-unit-manual .x-tree-icon-leaf {
	background-image: url(images/single-group.svg) !important;
}

.tc-unit-pending-manual .x-tree-icon-leaf {
	background-image: url(images/single-group-flash.svg) !important;
}

.tc-unit-scheduled-manual .x-tree-icon-leaf {
	background-image: url(images/single-group-clock.svg) !important;
}


.tc-unit .x-tree-icon-parent {
	background-image: url(images/single-group.svg) !important;
}

.tc-unit-pending .x-tree-icon-parent {
	background-image: url(images/single-group-flash.svg) !important;
}

.tc-unit-scheduled .x-tree-icon-parent {
	background-image: url(images/single-group-clock.svg) !important;
}

.tc-unit-manual .x-tree-icon-parent {
	background-image: url(images/single-group.svg) !important;
}

.tc-unit-pending-manual .x-tree-icon-parent {
	background-image: url(images/single-group-flash.svg) !important;
}

.tc-unit-scheduled-manual .x-tree-icon-parent {
	background-image: url(images/single-group-clock.svg) !important;
}
/** End New Tree Control Icon **/

.x-tree-lines .x-tree-elbow {
	background-repeat-y: repeat !important;
}

.leftArrow {
	background-image:  url("../images/leftArrow.png") !important;
}


/******* Soicpoint node styles go here *********************/

.tc-sonicpoint .x-tree-icon {
    background-image:  url("../images/sonicpointn-online.png") !important;
}

.tc-sonicpointN-Operational .x-tree-icon {
    background-image:  url("../images/sonicpoint-e.png") !important;
}

.tc-sonicpointN-Init .x-tree-icon {
    background-image:  url("../images/sonicpoint-e.png") !important;
}

 .tc-sonicpointN-Unknown .x-tree-icon {
    background-image:  url("../images/sonicpoint-e.png") !important;
}

.tc-sonicpointN-Busy .x-tree-icon {
    background-image:  url("../images/sonicpoint-e.png") !important;
}

.tc-sonicpoint-Operational .x-tree-icon {
    background-image:  url("../images/sonicpoint-i.png") !important;
}

.tc-sonicpoint-Init .x-tree-icon {
    background-image:  url("../images/sonicpoint-i.png") !important;
}

 .tc-sonicpoint-Unknown .x-tree-icon {
    background-image:  url("../images/sonicpoint-i.png") !important;
}

.tc-sonicpoint-Busy .x-tree-icon {
    background-image:  url("../images/sonicpoint-i.png") !important;
}

/******* end *********************/

/**Icons for appliance panel**/
.icon_sonicwalls {
    background-image: url("../images/sonicwalls.gif") !important;
}	
.icon_sslvpns {
    background-image: url("../images/sslvpns.gif") !important;
}
.icon_cdps{
    background-image: url("../images/cdps.gif") !important;
}
.icon_esas {
    background-image: url("../images/esas.gif") !important;
}
.icon_monitor_goto{
    background-image: url("../images/monitor_goto.gif") !important;
}

/**end of icons for appliance panel**/

/** Icons for TreeControl Right Hand Side **/

.unitUp:before {
	line-height: 32px;
   	width: 16px;
    height: 16px;
    content: '\ee78';
    font-size: 9px;
    color: #99CC00;
}

.unitDown:before {
	line-height: 32px;
   	width: 16px;
    height: 16px;
    content: '\ee79';
    font-size: 9px;
    color: #CC0000;
}

.unitProvisioned:before {
	line-height: 32px;
   	width: 16px;
    height: 16px;
    content: '\f1b0';
    font-size: 9px;
    color: #FFCC00;
}

.unitUnknown:before {
	line-height: 32px;
   	width: 16px;
    height: 16px;
    content: '\f1b0';
    font-size: 9px;
    color: #CCCCCC;
}


.tcStatusIcon div{
	text-align: right !important;	
}

/** End Icons for TreeControl Right Hand Side **/


/******tree control tool bar icon styles****/

.icon-add-on {
    background-image: url('../images/treecontrol/add-unit-on.png');
}

.icon_changeview {
    background-image: url('../images/treecontrol/view-on.png') !important;
}
.icon_find {
    background-image: url('../images/treecontrol/search-on.png') !important;
}
.icon_findnext {
    background-image: url('../images/findnext.gif') !important;
}
.icon_findprev {
    background-image: url('../images/findprev.gif') !important;
}

.icon_refresh {
    background-image: url('../images/treecontrol/refresh-on.png') !important;
}
.icon_ok {
    background-image: url('../images/ok.gif') !important;
}

.icon_cancel {
    background-image: url('../images/cancel.gif') !important;
}
.icon_prop {
    background-image: url('../images/prop.gif') !important;
}
.icon_modify_properties {
    background-image: url('../images//treecontrol/modify-on.png') !important;
}
.icon_importxml {
    background-image: url('../images/treecontrol/import-on.png') !important;
} 
.icon_importprefs {
    background-image: url('../images/importprefs.gif') !important;
}
.icon_clear {
    background-image: url('../images/clear.gif') !important;
}
.icon_deleteunit {
    background-image: url('../images/treecontrol/delete-on.png') !important;
}
.icon_logintounit {
    background-image: url('../images/treecontrol/login-on.png') !important;
}
.icon_info {
    background-image: url('../images/treecontrol/help-on.png') !important;
    background-repeat: no-repeat;
}

.icon_edit {
    background-image: url('../images/treecontrol/edit-on.png');
}
.icon_modview {
    background-image: url('../images/treecontrol/manage-on.png') !important;
}
.icon_rename {
    background-image: url('../images/treecontrol/rename-on.png') !important;
}
.icon_expand {
    background-image: url('../images/expand.gif') !important;
}

.icon_expandall {
    background-image: url('../images/expandall.gif') !important;
}

.icon_collapse {
    background-image: url('../images/collapse.gif') !important;
}

.icon_collapseall {
    background-image: url('../images/collapseall.gif') !important;
}

.icon_reassignsched {
    background-image: url('../images/treecontrol/reassign-on.png') !important;
}

.icon_usergroup {
    background-image: url('../images/groupIcon.gif')  !important;
}
.icon_addview {
    background-image: url('../images/addview.gif') !important;
}
.icon_delview {
    background-image: url('../images/delview.gif') !important;
}
.icon_switchview {
    background-image: url('../images/switchview.gif') !important;
}
.icon_modview {
    background-image: url('../images/treecontrol/manage-on.png') !important;
}
.icon_additems {
    background-image: url('../images/additems.gif') !important;
}
.icon_delitems {
    background-image: url('../images/delitems.gif') !important;
}
.icon_error {
    background-image: url('../images/inline_error.png') !important;
}




/** TreeControl Top **/

.treeControlTop {
	float: left;
	width: 230px;
	background-color: #434343;
	padding: 20px 10px 15px 10px;
}

.treeControlTop .searchBar {
	float: left;
}

.treeControlTop .toolBar {
	float: right;
}

.treeControlTop .toolBar .iconContainer{
	display: inline-block;
	width: 26px;
}

.treeControlTop .toolBar, .treeControlTop .searchBar {
	font-size: 16px;
	color: #868686;
	display: inline-table;
}

.treeControlTop .searchBar #searchBtn,
.treeControlTop .searchBar #addBtn,
.treeControlTop .toolBar #reloadBtn,
.treeControlTop .toolBar #changeViewBtn,
.treeControlTop .toolBar #menuMoreBtn,
.treeControlTop .toolBar #editBtn,
.treeControlTop .toolBar #helpBtn {
	width: 29px;
	height: 29px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.treeControlTop .toolBar #addBtn, .treeControlTop .toolBar #editBtn, .treeControlTop .toolBar #helpBtn {
	display: none;
}

/** Tooltip styles **/
.tooltip {
  opacity: 3 !important;
}

.tooltip > .tooltip-inner {
    background-color: #333333;
    color: #C9C9C9;
    font-family: 'Nunito-Regular';
    font-size: 13px;
    padding: 10px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    max-width: 350px;
}

.inside-tooltip {
	color: #C9C9C9 !important;
}


/** Tooltip styles **/
.popover {
  opacity: 3 !important;
}

.popover > .popover-content {
    background-color: #333333;
    color: #C9C9C9;
    font-family: 'Nunito-Regular' !important;
    font-size: 13px;
    padding: 10px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    max-width: 600px;
}

.inside-popover {
	color: #C9C9C9 !important;
}

.popover-content  a {
	font-family: 'Nunito-Regular' !important;
    font-size: 13px;
}

/** Header Styles **/

.iconContainer {
	cursor: pointer;
}


/** EXT JS HACKS **/
.x-menu-item-icon {
	font-size: 13px !important;
	color: #C9C9C9;
}



/** 
	Checkbox Styles 
**/
.checkboxContainer {
    position: relative;
    border-radius: 3px;
    border-collapse: separate;
    padding-right: 10px;
}

.checkboxContainer .fakeCheckbox {
    text-decoration: none;
    display: inline-block;
    height: 19px;
    width: 19px;
    border-style: solid;
    border-width: 1px;
    border-color: #868686;
    border-radius: 3px;
    margin-right: 10px;
    display: inline-table; 
    cursor: pointer;
   
}

.checkboxContainer input[type=checkbox] {
    position: absolute;
    display: none;
}

.checkboxContainer input ~ .fakeCheckbox i.checkmark {
    opacity: 0;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.checkboxContainer input:checked ~ .fakeCheckbox i.checkmark {
    color: #FF791A;
    opacity: 1;
}

.checkboxContainer input:hover ~ .fakeCheckbox {
    border-color: black;
}

.checkboxContainer input[disabled] ~ .fakeCheckbox {
    background-color: #F2F2F2;
    border-color: #CCCCCC;
}
.checkboxContainer input[disabled]:hover ~ .fakeCheckbox {
    border-color: #CCCCCC;
}

.checkboxContainer input[disabled]:checked ~ .fakeCheckbox i.checkmark {
    color: #CCCCCC;
    opacity: 1;
}

/** 
    Radio Button styles 
**/

.radiobuttonContainer {
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    cursor: pointer;
}

/* Hide the browser's default radio button */

.radiobuttonContainer input[type=radio] {
    position: absolute;
    opacity: 0;
}

/* Create a custom radio button */

.fakeRadiobutton {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    max-height: 20px;
    max-width: 20px;
	
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: dimgray;
    box-sizing: border-box;
}
/* On mouse-over, add a grey background color */
.radiobuttonContainer:hover input ~ .fakeRadiobutton {
    border-color: #3a3a3a;
}
.radiobuttonContainer:hover input[disabled] ~ .fakeRadiobutton {
    border-color: #CCCCCC;
}

/* When the radio button is checked, add a blue background */
.radiobuttonContainer input:checked ~ .fakeRadiobutton {
}
.radiobuttonContainer input[disabled] ~ .fakeRadiobutton {
    background-color: #F2F2F2;
    border-color: #CCCCCC;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.fakeRadiobutton:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.radiobuttonContainer input:checked ~ .fakeRadiobutton:after {
    display: block;
}
.radiobuttonContainer input[disabled]:checked ~ .fakeRadiobutton:after {
    display: block;
    background: #CCCCCC;
}
/* Style the indicator (dot/circle) */
.radiobuttonContainer .fakeRadiobutton:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF791A;
}

.indParamChangeOrderMod + .fakeRadiobutton,
.indParamChangeOrderMod + .fakeCheckbox {
    background-color: #fbe392;
}


/** hover tab styles, rest of styles determined in propertysheet.js **/
.notSelectedTab, .selectedTab{
	padding-left:20px;
	padding-right:20px;
}

.notSelectedTab * {
	color:#868686;
}
.notSelectedTab:hover * {
	color:#333333;
}
.selectedTab * {
	color:#333333;
}
/** Form Table Styles **/
.formTable {
	min-width: 900px;
}

.formTable tr:not(.tblData):not(.tblData2):not(.tblData2) td:not(.tblData):not(.tblData2):not(.tblHeader){
	padding-bottom: 10px;
}

.formLabel {
	text-align: right;
	width: 150px;
	padding-right: 20px;
	padding-left: 23px;
	vertical-align: middle; 
}

.updateResetTD {
	padding-left:200px;
}
.noteTD {
	padding-left:23px;
}

/* Status Table */

.genStatusTable {
	border: 0px;	
}

.genStatusTable .bodyfont {
	text-align: right;
	width: 300px;
}

.genStatusTable .controlfont {
    text-align: left;
}
}

.flowStatusTable {
	border: 0px;
	width: 800px;	
}

.flowStatusTable .bodyfont {
	text-align: right;
}

.upDownStatus {
}

.upDownStatus .icon-status-up:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
   	width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(90deg);
   	-moz-transform: rotate(90deg);
   	-ms-transform: rotate(90deg);
   	transform: rotate(90deg);
    background: #99cc00;
    content: '\ede2';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-checked:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
   	width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #99cc00;
    content: '\ed71';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-warning:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    background: #FFCC00;
    content: '\F028';
    font-size: 14px;
    color: #ffffff;	
}

.upDownStatus .icon-status-alert:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    background: #FF0000;
    content: '\F027';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-info:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    background: #47AFE8;
    content: '\F1B1';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-provisioned:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    background: #FFCC00;
    content: '\F1B2';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-down:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #FF0000;
    content: '\ede2';
    font-size: 14px;
    color: #ffffff;
  	
  	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.upDownStatus .icon-status-unknown:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #CCCCCC;
    content: '\ed56 ';
    font-size: 14px;
    color: #ffffff;
}

.upDownStatus .icon-status-unacquired:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #CCCCCC;
    content: '\e701 ';
    font-size: 14px;
    color: #ffffff;
}



.upDownStatus .icon-status-in-progress:before{
	display: table-cell;
	line-height: 14px;
   	text-align: center;
   	vertical-align: middle;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #CCCCCC;
    content: '\e701 ';
    font-size: 14px;
    color: #ffffff;
}


.upDownStatus .statusText {
	display: table-cell;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding-left: 10px;
    vertical-align: middle;
}

.connectionType .statusText {
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    padding-left: 10px;
    vertical-align: middle;
}

.panel {
	margin-top: 10px;
	box-shadow: none;
}


/** New DOM Styles **/

.anchor {
	position: fixed;
	bottom: 0;
	height: 39px;
    margin: 0px 40px 20px 0px;
    text-align: center;
    background-color: #ccc;
    font-family: 'Nunito-Regular';
    font-size: 12px;
    color: #C9C9C9;
    left: 0px;
    right: 0px
}

.contentContainer {
	min-width: 600px;
}

.sectionContainer{
       margin: 10px 0px;
   }

.sectionContainer .sectionTitle{
    color: #333333;
    font-family: 'Nunito-ExtraLight';
    font-size: 16px;
    text-transform: uppercase;
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #FF791A;
	padding: 0px 0px 0px 20px;
	line-height: 29px;
	margin: 0px 0px 20px 0px;
   }
   
   .fieldContainer{
   }

   .popover a {
      color: #47AFE8 !important;
   }
   .fieldContainer .labelContainer{
       display: inline-block;
       font-family: 'Nunito-Bold';
   		font-size: 13px;
   		COLOR: #333333;
       margin: 0px 20px 0px 43px;
       text-align: right;
       white-space: nowrap;
       min-height: 29px;
       min-width: 29px;
       line-height: 29px;
       vertical-align: top;
   }
   
   .rightIndentedlabelContainer {
       display: inline-block;
       font-family: 'Nunito-Bold';
   	font-size: 13px;
   	COLOR: #333333;
       margin: 0px 10px 0px 43px;
       text-align: right;
       white-space: nowrap;
       min-height: 29px;
       line-height: 29px;
       vertical-align: top;
   }

   .fieldContainer .valueContainer {
       display: inline-block;
       vertical-align: top;
       min-height: 29px;
       line-height: 29px;
       font-size: 13px;
   	   font-family: 'Nunito-Regular';
   }

.tooltip250 {
	width: 250px;
	text-align: left;
}

/** End New DOM Styles **/


/** Interfaces **/

.ifaceStatus {
	display: inline-table;
	vertical-align: middle;
}

.unknown:after {
	display: block;
	line-height: 24px;
	width: 24px;
    height: 24px;
    background: #CCCCCC;
    content: '\ed56';
    text-align: center;
   	vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
}

.unassigned:after {
	display: block;
	line-height: 24px;
	width: 24px;
    height: 24px;
    background: #FFCC00;
    content: '\f028';
    text-align: center;
   	vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
}

.up:after {
	display: block;
	line-height: 24px;
	width: 24px;
    height: 24px;
    background: #99CC00;
    content: '\ede2';
    text-align: center;
   	vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.down:after {
	display: block;
	line-height: 24px;
	width: 24px;
    height: 24px;
    background: #CC0000;
    content: '\ede2';
    text-align: center;
   	vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    color: #ffffff;
    -webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.ifaceList {
	display: inline-table;
	margin-left: 10px;
	vertical-align: middle;
}

.ifaceRow{
	margin: 0px 0px 5px 0px;
}

/** End Interfaces **/

/** Level 1 Tabs **/

.nav-tabs {
   	border-bottom: 1px solid #ff791a;
}

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
	zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs {
	text-align:center;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: 1px solid #ff791a;
   	border-bottom-color: transparent;
   	background-color: #FAFAFA
}

.nav>li>a{
	color: gray;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent;
	color: black;
	border: 1px solid transparent; 
}

/** Disabled Input,Select**/
input:disabled,
input:disabled:hover,
select:disabled,
select:disabled:hover {
    color: #CCCCCC;
    border-color: #CCCCCC;
    background-color: F2F2F2;
}

/* MODAL STYLES */

.modalHeader {
	font-family: Nunito-ExtraLight;
	font-size: 16px;
	color: #C9C9C9;
	vertical-align: middle; 
	background-color: #515151;
	height: 40px;
	padding: 10px;
}

.modalHeader .icon-close-thin {
	font-size: 13px;
	vertical-align: middle; 
	float: right; 
	line-height: 20px;
}

.modalHeader .icon-close-thin:hover {
	color: #FFFFFF;
}

.modalHeader .icon-close-thin:active {
	color: #FF791A;
}

.modalTable {
	width: 100%;
}

.modalTable td{
	padding-bottom: 10px;
}

.modalLabel {
	padding-right: 20px;
	width: 150px;
	text-align: right;
}

/* pagination styles */
.paginationDiv {
	font-size: 13px;
	font-family: "Nunito-Regular";
	color: #666666;
	display: inline-block;
	vertical-align: middle;
	margin-top:10px;
}

.paginationDiv i {
	padding: 4px;
	font-size: 18px;
	color: #868686;
    vertical-align: sub;
}

.paginationDiv i:hover{
	color: #333333;
}

.paginationDiv .icon-disabled {
	color:#CCCCCC;
}

.paginationButtonsSpan {
	float: right;
}

/* SPOG */

#spogLauncher {
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 0;
	height: 16px;
	width: 32px;
	color: #ffffff;
	text-align: center;
	background-color: #333;
	border-bottom-left-radius: 32px;
  	border-bottom-right-radius: 32px;
}

#spogLauncher i {
	margin-top: 2px;
}


/* scrollbar Styling */

::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
	background-color: gray;
	border-radius: 10px;
}

/** Severity Icon Containers **/

.infoIcon {
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    text-align: center;
}


.statusIcon {
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
}

.statusText {
    display: inline-table;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}

.criticalContainer {
	background-color: #CC0000;
}

.highContainer {
	background-color: #FF0000;
}

.majorContainer {
	background-color: #FF9900;
}

.minorContainer {
	background-color: #FFCC00;
}

.lowContainer{
	background-color: #EFE47E;
}

.normalContainer {
	background-color: #99CC00;
}

.unknownContainer {
	background-color: #CCCCCC;
}

.informationContainer {
	background-color: #47AFE8;
}

/*Styles for toggle buttons*/

.onoffswitch {
  position: relative;
  width: 70px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: text-top;
  
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 20px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease-in;
  transition: margin 0.2s ease-in;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  padding: 0;
  width: 50%;
  height: 26px;
  color: white;
  font: bold 14px/26px Trebuchet, Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "YES";
  padding-left: 10px;
  color: #FFFFFF;
  background-color: #2FCCFF;
}

.onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  color: #999999;
  background-color: #EEEEEE;
  text-align: right;
}

.onoffswitch-switch {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 40px;
  width: 18px;
  margin: 4px;
  background: white;
  border: 2px solid #999999;
  border-radius: 20px;
  -webkit-transition: right 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
  transition: right 0.2s ease-in, box-shadow 0.2s ease-in;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}

/* toggle switch override */

.onoffswitch {
	width: 40px;
}

.onoffswitch-label {
	border: none;
	border-radius: 30px;
	height:23px;
}

.onoffswitch-inner::before {
	content: " ";
	background-color: #99CC00;
}

.onoffswitch-inner::after {
	content: " ";
	background-color: #CCCCCC;
}

.onoffswitch-switch {
	border: none;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);
	right:14px;
	width:17px;
	height: 17px;
	margin: 3px 4px 3px 4px;
}

#spogArrowContainer{
 transition: all 1s ease;	
 -webkit-transition: all 1s ease;	
}

#spogArrowContainer.rotated{
	    -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
 -webkit-transform: rotate(180deg);
}


.loggedInUserDetailContainer .popover-content{
	padding: 2px 0px;
}

.loggedInUserDetailContainer .fullName {
	height: 29px;
	width: 100%;
	border-bottom-color: #666666;
	display: table;
}

.loggedInUserDetailContainer .fullName:hover {
	background-color: #65656A;
}

.loggedInUserDetailContainer .fullName p{
	padding: 0px 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-family: 'Nunito-Regular';
}
.loggedInUserDetailContainer .logout {
	height: 29px;
	width: 100%;
	display: table;
}

.loggedInUserDetailContainer .logout:hover {
	background-color: #65656A;
}

.loggedInUserDetailContainer .logout p{
	padding: 0px 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-family: 'Nunito-Regular';
}


.hamburgerDetail .popoverRow:hover {
	background-color: #696969;
}

.loggedInUserDetailContainer .popoverRow p{
	padding: 0px 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-family: 'Nunito-Regular';
}

.loggedInUserDetailContainer .popover-content  a {
	color: #47AFE8 !important;
	font-family: 'Nunito-Regular' !important;
    font-size: 13px;
}

.hamburgerDetail .popoverRow {
	height: 34px;
	display: table-row;
}

.hamburgerDetail .popoverRow.selected {
	background-color: #696969;
	color: #333;
	cursor: auto;
}

.hamburgerDetail .popoverRow .iconContainer {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 10px;
	border-bottom: 1px solid #666;
	color: #C9C9C9;
}

.hamburgerDetail .popoverRow .textContainer {
	padding-left: 10px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #666;
	color: #C9C9C9;
}

.hamburgerDetail .popoverRow.disabled:hover {
	background-color: #333;
}

.hamburgerDetail .popoverRow.disabled .iconContainer {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-left: 10px;
	border-bottom: 1px solid #666;
	color: #777 !important;
	cursor: not-allowed !important;
}

.hamburgerDetail .popoverRow.disabled .textContainer {
	padding-left: 10px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	border-bottom: 1px solid #666;
	color: #777 !important;
	cursor: not-allowed !important;
}

.hamburgerDetail .popover-content {
	padding: 0;
	width: 100px;
	background-color: #333;
}

.hamburgerDetail .popover-content a {
    color: #C9C9C9;
    font-family: 'Nunito-Regular' !important;
    font-size: 13px;
}

.hamburgerDetail .firstRow{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.hamburgerDetail .lastRow{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.flexContent {
	height: 100%;
	width: 100%;
}

.flexContent .stretchContent {
	height: 100%;
	margin-left: 26px;
}

.flexContent .captionContainer {
	margin-left: 26px;
}

.statusFooter {
	height: 39px;
	margin: 0px 40px 20px 0px;
	text-align: center;
	background-color: #CCCCCC;
	font-family: 'Nunito-Regular';
	font-size: 12px;
	color: #C9C9C9;
}

.statusFooter a {
	margin: 0px 5px;
	line-height: 39px;
}

.calendarInputSpan {
	border: solid 1px;
    display: inline-block;
    padding-right: 5px;
    border-radius: 3px;
    border-color: #cccccc;
}

.calendarInputSpan:hover {
    border-color: #FF791A;
}

.calendarInputSpan input {
    border: none;
}

.popupBody {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}