@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Avenir-Light; src: url('fonts/Avenir-Light.otf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Avenir-Medium; src: url('fonts/Avenir-Medium.otf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: basic-sans-heavy-bold; src: url('fonts/basic-sans-heavy-bold.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: calibri; src: url('fonts/calibri.ttf'); font-weight:300; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: CinzelDecorative-Regular; src: url('fonts/CinzelDecorative-Regular.otf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Cinzel-Regular; src: url('fonts/Cinzel-Regular.otf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund-regular; src: url('fonts/eund-regular.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund; src: url('fonts/eund-medium.ttf'); font-weight:700; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: monofont; src: url('fonts/monofont.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-bold; src: url('fonts/NotoSerif-Bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-bold-italic; src: url('fonts/NotoSerif-BoldItalic.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-italic; src: url('fonts/NotoSerif-Italic.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: notoserif-regular; src: url('fonts/NotoSerif-Regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-bold; src: url('fonts/roboto-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: shentox-bold; src: url('fonts/shentox-bold.woff'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { background-color:#1A1A27; }

#google-container { z-index:9999; float:right; position:fixed; top:18px; right:0px; height:25px; width:20px; }
.clear { clear:both; height:10px; }
.clear20 { clear:both; height:20px; }
.clear40 { clear:both; height:40px; }
.center { vertical-align:middle !IMPORTANT; text-align:center; }
.img-product { width:100%; min-width:80px; max-width:200px; height:auto; }
.img-capturethumb  { width:100%; min-width:80px; max-width:480px; height:auto; }
.img-container { padding:6px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; }
.img-thumbnail { padding:5px; margin:5px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #ababab; background-color:#ffffff; }
.scroll-to-top { bottom:30px; }

/* PAGE HEADER */
.page-header.navbar { height:65px; background-color:#1A1A27; }
.page-header-fixed .page-container { margin-top: 65px; }
.page-header.navbar .page-logo { position:relative; width: 265px; height: 65px; padding-left: 0px; padding-right: 0px; }
.page-header.navbar .page-logo .logo-default { width:160px; max-height:40px; position:relative; top:12px; left:50px; margin:0px 0px 0px 0px; }
.page-header.navbar .page-logo>a { display: inline-block; float: none; position:relative; width:230px; height:65px; }
.page-header.navbar .menu-toggler.sidebar-toggler { float: none; margin: 0; position:absolute; top:10px; right:0px; color:#494B74; padding:10px; font-size:22px; }
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler { margin-left:10px; margin-right: 0px; }
.page-header.navbar .top-menu { margin: 0; padding: 0; float: right; height:65px; }
.page-header.navbar .top-menu .navbar-nav { padding: 0; margin-right: 10px; display: inline-block; height:65px; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown { margin: 0; padding: 0 4px; height: 65px; display: inline-block; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle { padding: 22px 6px 13px 10px; height:65px; color: #c5c5c5; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img { float: left; position:relative; top:-4px; margin-top: -5px; margin-right: 10px; height: 40px; display: inline-block; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username { font-size: 15px; color: #c5c5c5; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle { background-color: #232839; }

@media (min-width: 992px) {
	.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo>a { display: inline-block; float: none; position:relative; left:30px; width:200px; height:65px; }
   .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo .logo-default { display: block; position:relative; left:30px; }
}
@media (max-width: 991px) {
	.page-header.navbar .page-logo img { margin-left: 0px !important; }
	.page-header.navbar .page-logo .logo-default { left: 8px; }
	.page-header.navbar .menu-toggler.responsive-toggler { display: block; color:#494B74; font-size:22px; }
	.page-header.navbar .page-logo { width: 180px; height: 65px; padding-left: 0px; padding-right: 0px; margin-right:0px; }
}
@media (max-width: 480px) {
	.page-header.navbar .top-menu { display: inline-block; clear: none; float: right; background-color: transparent; }
	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle { background-color: transparent; }

}

/* PAGE SIDEBAR */
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
	background-color: #1e1e2d; width: 265px;
}
@media (max-width: 991px) {
	.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
		width: 95%;
	}
}
/* Page Content Background Color #14141E */
.page-content-wrapper .page-content {
	background-color:#f7f7f7; margin-left: 265px; margin-top: 0; min-height: 600px; padding: 20px 20px 10px!important;
}
/*.page-sidebar .page-sidebar-menu>li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li { display:block; margin: 0; padding: 0; border: 0; height:44px; }*/
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
	border-top: 0px solid #2C3D6F; color: #9A9CB7; padding-top:12px; padding-bottom:12px;
}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
	background: #1B1B28; color: #f7f7f7; padding-top:12px; padding-bottom:12px;
}
.page-sidebar .page-sidebar-menu>li>a:hover>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
   color: #3699FF;
}
.page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i {
	color: #9A9CB7; }
.page-sidebar .page-sidebar-menu .sub-menu li, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {
	height:44px; background:#123456; margin: 0; padding: 0; margin-top: 1px !important; }
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
	background: #222236 !important; height:44px; color: #f7f7f7;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a:hover, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a:hover, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
	background: #15151D !important; height:44px;
}
.page-sidebar .page-sidebar-menu .sub-menu li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li>a {
	display: block; margin: 0; padding: 12px 15px 12px 40px; text-decoration: none; font-size: 15px; color: #9A9CB7; font-weight: 300; background: #1B1B28;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a>i, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a>i, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a>i {
	color: #3699FF;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a:hover>i, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a:hover>i {
	color: #3699FF;
}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
	background: #15151D; border-top-color: transparent; color: #f7f7f7;
}
.page-sidebar .page-sidebar-menu>li.active.open>a>i,.page-sidebar .page-sidebar-menu>li.active>a>i { color: #3699FF; }

.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover {
	background: #1B1B28;
}
.page-sidebar .page-sidebar-menu .sub-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a>i {
	color: #4C4E6F; margin-right:5px;
}

/* PAGE CONTENT */
.page-nav .nav-tabs {
    border-bottom: 1px solid #101016;
}
.page-nav .nav-tabs>li>a {
    font-size: 14px; color:#ffffff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
.page-nav .nav-tabs>li>a:hover, .page-nav .nav-tabs>li>a:active {
    background-color:#15151D!important; border:1px solid #15151D!important;
}
.page-nav .nav-tabs .dropdown.open>.dropdown-toggle {
    background: #15151D!important; color: #ffffff!important; border-color: #15151D!important;
}
.portlet.light>.portlet-title>.caption>i {
	color: #777; font-size: 16px; font-weight: 300; margin-top: 3px; margin-right:10px;
}

/* /////////////////////////////////// */

.form-md-checkboxes>label { position:relative; top:6px; text-align:right; font-size: 16px; font-weight:400; color: #2C3E50; opacity: 1; filter: alpha(opacity = 100); }
.md-checkbox-inline .md-checkbox:last-child { margin-left:10px; margin-right: 0; }

.cookie-policy { display:none; z-index:9999; margin:0px auto; padding:10px 20px; position:fixed; bottom:0px; width:100%; min-height:46px; max-height:125px; background-color:#010c69; }
.cookie-policy span { position:relative; float:left; margin-right:30%; font-family:opensans-regular,sans-serif,arial; font-size:12px; color:#ffffff; line-height:16px; }
.cookie-policy a { float:right; position:absolute; top:8px; right:50px; padding:6px 10px; border: 1px solid #dedede; border-radius:6px; background-color:#ffffff;
	color:#121212; font-size:12px; font-family:opensans-regular,sans-serif,arial; }

/*notification*/
#notification { margin-top:20px; margin-bottom:20px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
#notification2 { margin-top:20px; margin-bottom:20px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
.notifcrumb { padding: 10px; background-color: #ffffff; border: 1px solid #dedede; height:44px; border-radius:4px; min-height:40px; max-height:200px; height:auto; }
.notifcrumb .title { float:left; position:relative; display:inline-block; margin-left:10px; font-size:15px; color:#ffffff; }
.notifcrumb .message { position:relative; display:inline-block; margin:0px; font-size:15px; color:#ffffff; }
.notifcrumb .errors { float:left; position:relative; display:inline-block; }
.notifcrumb .errors ul { float:left; position:relative; list-style: none; margin:5px 0px 0px 0px; padding:0px; }
.notifcrumb .errors li { position:relative; float:left; display:inline-block; margin-right:5px; }
.notifcrumb a { font-size:15px; margin-left:8px; position:relative; top:2px; }
.notifcrumb span { font-size:15px; font-family:tahoma,verdana;position:relative; top:1px; margin:0px 0px 0px 8px; color:#ababab; }
.notifcrumb img { float:left; position:relative; display:inline-block; margin-right:10px; width:100%; max-width:24px; }

/*modal*/
#modal-message { margin-top:0px; margin-bottom:10px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
.modal-content { background:transparent; }
.modal-header { background-color:#15151D!important; border-bottom: 1px solid #454545!important; border-top-left-radius:6px; border-top-right-radius:6px; }
.modal-header .clear-modal { float:right; }
.modal-title { color:#ffffff!important; }
.modal-body { padding: 30px 15px; background-color:#ffffff; }
.modal-footer { background-color:#15151D!important; border-top: 1px solid #454545!important; border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.modal-footer .clear-modal { float:right; }
.modal-goBack { float:right;display:none;margin-right:10px; }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert i { float:left; display:inline-block; position:relative; top:2px; margin-right:10px; font-size:14px; }
.alert ul { margin-top: 0; margin-bottom: 0px; padding-inline-start: 20px; }
.alert-success { background-color: #26C281; border-color: #26C281; color: #ffffff; }
.alert-info { background-color: #5C9BD1; border-color: #5C9BD1; color: #ffffff; }
.alert-warning { background-color: #E87E04; border-color: #E87E04; color: #ffffff; }
.alert-danger { background-color: #D91E18; border-color: #D91E18; color: #ffffff; }

.pager2 { display:block; position:relative; height:auto; min-height:42px; max-height:160px; width:100%; min-width:240px; max-width:1600px; padding:0px 3px 0px 3px; background-color:#f7f7f7; border:1px solid #efefef; 
	border-radius:4px; margin: 10px 0px; list-style: none; text-align: center; }
.pager2 .infodisplay { position:absolute; top:-14px; left:10px; padding:2px 6px; width:auto; min-width:140px; max-width:300px; height:18px; background-color:#f7f7f7; border:1px solid #efefef; border-radius:4px; line-height:10px; border-bottom-width:0px; }
.pager2 .infodisplay span { position:relative; color:#898989; font-size:9px; }
.pager2 .searchBar-btn { position:absolute; top:3px; left:3px; height:34px; margin-right:4px; margin-bottom:0px; padding-left:10px; width:34px; border-radius:4px; border:1px solid #cdcdcd; }
.pager2 .btn-group { position:absolute; display:inline-block; top:3px; left:40px; height:34px; width:auto; margin-right:4px; }
.pager2 .btn-group a { position:relative; top:0px; left:0px; display:inline-block; padding:6px 0px 0px 0px; text-decoration:none; color:#565656; width:34px; max-width:34px; min-width:34px; height:34px; min-height:34px; max-height:34px; }
.pager2 .btn-group input { float:left; position:relative; top:-1px; left:0px; display:inline-block; padding:0px; margin:0px;
	width:40px; height:36px; border:1px solid #efefef; border-radius:4px; text-align:center; background-color:#4B77BE; color:#ffffff; }
.pager2 .pagedisplay { display:inline-block; position:relative; margin-right:4px; margin-bottom:0px; padding:4px 4px; top:4px; height:32px; border:1px solid #cdcdcd; border-radius:4px; }
.pager2 .pagerange { float:right; position:relative; top:1px; margin-right:0px; border:1px solid #f7f7f7; border-radius:4px; }
.pager2 form { display:none; position:absolute; margin:0px; height:34px; top:3px; left:40px; width:60%; }
@media (max-width: 403px) {
	.pager2 .pagerange { display:none; }
}


/***************************************************/
.tdkey { padding:12px 8px 0px 8px !IMPORTANT; width:40px !IMPORTANT; max-width:40px !IMPORTANT; text-align:center; }
.tdname { display:block; padding:12px 8px 0px 8px !IMPORTANT; white-space:normal; width:200px !IMPORTANT; min-width:200px !IMPORTANT; max-width:200px !IMPORTANT; text-align:right; }
.tdindent { display:block; margin-left:30px; margin-right:0px; width:auto; min-width:140px; max-width:1500px; white-space:normal; }
.wrapspan { display:block; margin-right:0px; width:auto; min-width:140px; max-width:1500px; white-space:normal; }
.gowhitespace { white-space:normal; }

.table-responsive .table td { width:auto; min-width:10px; max-width:200px; }

.form-group.form-md-line-input { padding-top:10px; margin: 0 0 15px; }
.portlet>.portlet-title>.caption>i {
	margin-right: 15px;
}

/*
.ptc-button { position:relative;top:8px;left:10px;max-height:24px;padding-top:2px; background-color:#ffffff !IMPORTANT; }
.ptc-button-active { position:relative;top:8px;left:8px;max-height:24px;padding-top:2px; color:#ffffff !IMPORTANT; background-color:#2C3E50 !IMPORTANT; }
*/

/*/// CALENDAR ///*/
.calendar { font-family:'opensans-bold',arial,sans-serif; background-color:#ffffff; }
.calendar th { color:#232323; background-color:#cdcdcd; padding:12px 16px; font-size:18px; text-align:center; }
.calendar tr:nth-child(2) { background-color:#dedede; }
.calendar td { color:#898989;  padding:12px 16px; border:1px solid #efefef; font-size:15px; font-weight:200; line-height:18px; text-align:center; vertical-align:middle; }

/*/// TREE VIEW ///*/
.treeView .checker { margin: 0 auto; padding:0; float: none; }
.treeView { width:100%; min-width:280px; max-width:1920px; background-color: #ffffff; margin-left:auto; margin-right:auto; }
.treeView tbody tr { border-top: 0px solid #e4e4e4;width:100%; min-width:300px; max-width:1920px; background-color: #ffffff; }
.treeView tbody tr:nth-child(even) { background-color: #ffffff; }
.treeView tbody td { padding: 0px; vertical-align: middle; font-family:opensans-regular, verdana; color:#121212; font-weight:500;font-size:12px; border-bottom: 1px solid #efefef; height:100%; min-height:34px; max-height:70px; }

.treeView thead tr { background:#ffffff; border-bottom:1px solid #dedede; }
.treeView thead tr:nth-child(even) { background-color: #ffffff; border-bottom:1px solid #dedede; }
.treeView thead th { border-left:1px solid #ffffff; padding: 8px 12px; vertical-align: middle; color:#676767; font-size:14px; font-family:opensans-regular, verdana; color:#454545; text-align:center; }
.treeView thead th:first-child { border-left: none; }
.treeView thead tr:first-child { border-top: none; }

.treeView a:active {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:link {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:visited {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:hover{margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#B50000;}
/*.treeView input{ font-family:arial,verdana; font-size:14px; color:#121212; font-weight:400; background:#F9F9F9; border-bottom-color:#cdcdcd; border-left-color:#dedede; border-top-color:#dedede; border-right-color:#cdcdcd; border-style:solid; border-width:1px; padding:4px; margin:0px; width:100%; min-width:100px; max-width:300px; }*/
.treeView select { position:relative; margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; min-width:40px; max-width:400px;
	background-color:#f7f7f7; font-family:arial,verdana; color:#343434; font-weight:100;font-size:14px;line-height:16px; border: #dedede solid 1px; }
.treeView textarea { position:relative; margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; width:100%; min-width:100px; max-width:600px; height:100%; min-height:100px; max-height:400px;
	background-color:#f7f7f7; font-family:arial,verdana; color:#343434; font-weight:100;font-size:14px;line-height:16px; border: #dedede solid 1px; }


#user_popup { float:left;position:relative;display:none;top:210px;left:-320px;padding:0px;margin:0px;margin-left:20px;width:300px;height:185px; }
#matrix { width:100%;min-width:1540px;text-align:center; min-height:690px; margin-left:10px;margin-right:40px; }
#matrix_my_position { float:left;position:relative;padding:8px;left:50px;width:auto;min-width:200px;max-width:450px;height:38px;background:#dedede; }
#matrix_search { float:left;position:relative;padding:3px;padding-left:8px;margin-left:60px;width:auto;min-width:200px;max-width:450px;height:38px;background:#dedede; }
.posinfo { overflow:hidden; position:absolute; left:0px; height:20px; width:100%; text-align:center; font-family:arial;font-size:14px;color:#232323; font-family:arial,sans-serif; }
.posinfo span { position:relative; font-family:arial;color:#232323; font-size:14px; }
.posinfo img { position:relative; margin-left:2px; margin-right:7px; top:4px; }

.pos_2x2 { float:left; margin-left:auto; margin-right:auto; display:block; margin-top:0px; margin-bottom:0px; padding:0px; padding-top:8px; width:140px; height:79px; font-size:12px; line-height:14px; vertical-align:middle; overflow:hidden;
	border:1px solid #dedede; box-shadow: 0px 0px 2px #dedede; border-radius:8px; }
.pos_2x4 { float:left; position:relative; top:60px; display:block; margin:4px; padding:8px; width:200px; height:34px; font-size:12px; line-height:14px; vertical-align:middle; overflow:hidden;
	border:1px solid #dedede; box-shadow: 0px 0px 2px #dedede; border-radius:8px; transform: rotate(90deg); }
#rowTop { width:1400px; min-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px; height:140px; background:url('../images/binary/spacer-top-row.png') bottom center no-repeat; }
#rowSecond {width:1400px; min-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:18px; height:140px; background:url('../images/binary/spacer-second-row.png') bottom center no-repeat; }
#rowThird {width:1480px; min-width:1480px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:8px; height:140px; background:url('../images/binary/spacer-third-row.png') bottom center no-repeat; }
#rowFourth {width:1490px; min-width:1490px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:34px; height:200px; }

.pos_child { float:left; position:relative; width:auto; display:block; margin:0px; padding:0px; padding-top:21px; width:116px; height:79px; font-size:34px; color:#cdcdcd; line-height:24px; vertical-align:middle; overflow:hidden; background:url('../images/binary/child_arrow.png') no-repeat; }
#spacer-top-row { width:100%; height:36px; margin-top:8px; /*background:url('../images/binary/spacer-top-row.png') bottom center no-repeat;*/ }

a.btn-cart {
	display:inline-block; height:30px;
	padding:5px 10px; margin:0; border-radius:8px; border:1px solid #8F4200;
	background-image:linear-gradient(to bottom, rgba(255,215,20,1), rgba(255,128,20,1) );
	font-family:roboto-bold,opensans,sans-serif; font-size:13px; color:#232323; text-decoration:none;
}
.btn-cart {
	display:inline-block; height:30px;
	padding:5px 10px; margin:0; border-radius:8px; border:1px solid #8F4200;
	background-image:linear-gradient(to bottom, rgba(255,215,20,1), rgba(255,128,20,1) );
	font-family:roboto-bold,opensans,sans-serif; font-size:13px; color:#232323; text-decoration:none;
}

.btn-white { background-color:#ffffff;  }
.btn-white-left { width:50%; position:absolute; padding:8px; bottom:0px; left:0px; border: 1px solid #dedede; border-bottom-left-radius: 4px; border-right-width:0px; }
.btn-white-right { width:50%; position:absolute; padding:8px; bottom:0px; right:0px; border: 1px solid #dedede; border-bottom-right-radius: 4px; }

.icon-container { margin:10px 0px; width:100%; }
.icon-container h4 { margin-bottom:20px; }
.icon-container a { display:inline-block; width:22%; height:120px; margin:0px 15px 15px 0px; padding:0px; text-decoration:none; }
.icon-btn { position:relative; top:0px; background-color: #ffffff; border-radius:6px; border-color:#f7f7f7; width:100%; height:120px; box-shadow: 1px 1px 5px 0px #dedede;
	padding:20px 10px; margin:0px 0px 0px 0px; overflow:hidden; }
.icon-btn:hover { background-color: #F1F9FF; border-radius:6px; border-color:#BBDBF2; box-shadow: 1px 1px 5px 0px #cdcdcd; }	
.icon-btn i { font-size:26px; color:#4B77BE; height:30px; position:relative; top:5px; margin-bottom:0px; }
.icon-btn h4 { font-family:Avenir-Medium; color:#495E74; text-shadow: 2px 2px 4px #ababab; font-weight:400; font-size:14px; line-height:20px; }
.icon-btn ul { list-style-type:none; padding:0px 10px; }
.icon-btn li { line-height: 20px; font-size:14px; font-family:Avenir-Light; color:#787878; }
.icon-btn p { line-height: 18px; font-size:12px; font-family:Avenir-Light; color:#787878; margin-top:5px; }
@media (max-width: 1680px) { .icon-container .icon-btn { width: 20%; } }
@media (max-width: 1560px) { .icon-container .icon-btn { width: 25%; } }
@media (max-width: 1280px) { .icon-container .icon-btn { width: 40%; } }
@media (max-width: 990px) { .icon-container .icon-btn { width: 20%; } }
@media (max-width: 740px) { .icon-container .icon-btn { width: 25%; } }
@media (max-width: 560px) { .icon-container .icon-btn { width: 40%; } }
@media (max-width: 360px) { .icon-container .icon-btn { width: 100%; } }


/* SPINNERS */
.loader-spinner { width: 50px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side,#3699FF 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#3699FF);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); animation: l13 1s infinite linear;
}
@keyframes l13{ 100%{transform: rotate(1turn)} }
.loader-blocks { width: 80px; height: 10px; margin:6px auto; -webkit-mask:linear-gradient(90deg,#000 70%,#0000 0) 0/20%; background: linear-gradient(#3699FF 0 0) 0/0% no-repeat #7D7F93; animation: l4 2s infinite steps(6); }
@keyframes l4 { 100% {background-size:120%} }
.loader-dots { width: 120px; height: 20px; -webkit-mask: radial-gradient(circle closest-side,#000 94%,#0000) left/20% 100%; background: linear-gradient(#9A9CB7 0 0) left/0% 100% no-repeat #3699FF;
  animation: l17 2s infinite steps(6); }
@keyframes l17 { 100% {background-size:120% 100%} }
.loader-progress-bar { width: 120px; height: 22px; border-radius: 20px; color: #514b82; border: 2px solid; position: relative; }
.loader-progress-bar::before { content: ""; position: absolute; margin: 2px; inset: 0 100% 0 0; border-radius: inherit; background: currentColor; animation: l6 2s infinite; }
@keyframes l6 { 100% {inset:0} }


a.btn-custom {
	display:inline-block; width:22%; height:120px; margin:0px 15px 15px 0px; padding:20px 10px; text-decoration:none; overflow:hidden;
	position:relative; top:0px; background-color: #ffffff; border-radius:6px; border-color:#f7f7f7; box-shadow: 1px 1px 5px 0px #dedede;
	text-align:center; font-family:Avenir-Medium; color:#495E74; text-shadow: 2px 2px 4px #ababab; font-weight:400; font-size:14px; line-height:20px;
}
.btn-custom i { font-size:26px; color:#4B77BE; height:30px; position:relative; top:5px; margin-bottom:0px; }
.btn-custom h4 { font-family:Avenir-Medium; color:#495E74; text-shadow: 2px 2px 4px #ababab; font-weight:400; font-size:14px; line-height:20px; }

a.btn-custom:hover {
	background-color: #ffffff; border-radius:6px; border-color:#f7f7f7; box-shadow: 1px 1px 5px 0px #dedede;
}

.content-compensation img { width:100%; margin-bottom:30px; min-width:220px; max-width:600px; height:auto; }
.content-compensation h1 { color:#5B085B;  margin-top:0px; margin-bottom:40px; }

.panel-heading a, .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover { font-family: 'open-sans',sans-serif; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { padding:40px; }
.summary-line-item { position:relative; display:table; width:100%; padding-bottom:10px 10px 3px 10px; border-bottom: 1px dotted; border-color: #dedede; margin-bottom:15px;
   font-size:14px; line-height:18px; font-family: 'opensans-bold',sans-serif; color:#565656;
}

@media (max-width: 1212px) {
	.username-hide-on-mobile { display:none!important; }
}
@media (max-width: 500px) {
	.text-hide-on-mobile { display:none!important; }
}