html {
    	overflow-y: scroll
    }

    body {
    	color: #222;
    	padding: 0
    }

    html,
    body {
    	height: 100%
    }


    /* fix for inputs inline shadow */
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"] {
    	-webkit-appearance: none;
    	-moz-appearance: none;
    }

    /* no borders for buttons (ie7) */
    button {
    	*border: none !important;
    	*border-color: transparent !important
    }

    a,
    button,
    input {
    	outline: none !important
    }

    /* webkit extra margin fix */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    	button {
    		margin: 0px
    	}
    }

    /* hide all elements & show preloader */
    .js,
    .js body {
    	overflow: hidden
    }

    .js body>* {
    	visibility: hidden
    }

    .js #loading_layer {
    	visibility: visible;
    	display: block !important;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: #fff;
    	z-index: 10000
    }

    .js #loading_layer img {
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	width: 100px;
    	height: 100px;
    	margin: -5px 0 0 -32px
    }

    .js .tab-pane {
    	display: block !important
    }

    .js .hide {
    	display: inherit
    }


    /* external links */
    .external_link {
    	background: url(../img/external_link.png) no-repeat right center;
    	padding-right: 12px
    }

    /* main headings*/
    .heading {
    	border-bottom: 1px solid #dcdcdc;
    	margin-bottom: 18px;
    	padding-bottom: 5px;
    	color: #0B6DB1;
    	font-weight: 400;
    }

    .heading h1,
    .heading h2,
    .heading h3,
    h1.heading,
    h2.heading,
    h3.heading,
    .modal-header h3 {
    	font-family: 'PT Sans', sans-serif;
    	font-weight: 400;
    }

    .heading .btn {
    	vertical-align: bottom;
    	margin-left: 10px
    }

    /* fix for .label position */
    h1+.label {
    	margin: 13px 10px 0 0
    }

    h2+.label {
    	margin: 12px 10px 0 0
    }

    h3+.label {
    	margin: 7px 10px 0 0
    }

    /* element separation */
    .sepH_a {
    	margin-bottom: 5px
    }

    .sepH_b {
    	margin-bottom: 10px
    }

    .sepH_c {
    	margin-bottom: 20px
    }

    .sepV_a {
    	margin-right: 5px
    }

    .sepV_b {
    	margin-right: 10px
    }

    .sepV_c {
    	margin-right: 20px
    }

    .sepH_a_line {
    	padding-bottom: 6px;
    	margin-bottom: 18px;
    	border-bottom: 1px solid #dcdcdc
    }

    .sepH_no {
    	margin-bottom: 0
    }

    .tac {
    	text-align: center
    }

    .line_sep {
    	border-bottom: 1px solid #dcdcdc;
    	margin-bottom: 18px;
    	padding-bottom: 5px
    }

    .sml_t {
    	font-size: 11px
    }

    .sml {
    	font-size: 11px;
    	color: #9d9d9d
    }

    /* accordion background animation */
    .accordion-toggle {
    	-webkit-transition: background-color 0.2s ease-in-out;
    	-moz-transition: background-color 0.2s ease-in-out;
    	-o-transition: background-color 0.2s ease-in-out;
    	transition: background-color 0.2s ease-in-out;
    }

    /* text-shadow */
    .ov_boxes .ov_text,
    .dshb_icoNav li a,
    .table th,
    .fc thead th {
    	text-shadow: 1px 1px 0 #fff
    }

    .dataTables_wrapper .sorting_asc,
    .dataTables_wrapper .sorting_desc {
    	text-shadow: 1px 1px 0 #eee
    }

    /* Bootstrap adjustments */
    .row-fluid div[class*="span"] {
    	min-height: 1px
    }

    form .row-fluid+.row-fluid {
    	margin-top: 10px !important
    }

    .main_content .row-fluid+.row-fluid {
    	margin-top: 30px
    }

    .nav-pills+.nav-pills {
    	margin-left: 10px;
    	padding-left: 10px;
    	border-left: 1px solid #dcdcdc
    }

    .nav-pills>li>a {
    	padding: 5px 8px
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
    	z-index: 999
    }

    .navbar-fixed-top .nav-collapse i {
    	opacity: 0.8
    }

    .navbar-fixed-top .nav-collapse li:hover i {
    	opacity: 1
    }

    .nav-list>li>a,
    .dropdown-menu li a {
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px
    }

    .navbar-fixed-top .navHover:after {
    	height: 1px;
    	width: 100%;
    	bottom: -1px;
    	position: absolute;
    	content: '';
    	display: block
    }

    .navbar .nav>li>a.nav_condensed {
    	padding-left: 2px;
    	padding-right: 2px
    }

    .pagination {
    	height: 26px
    }

    .pagination a.active {
    	background-color: #f5f5f5
    }

    .pagination a.active {
    	color: #999;
    	cursor: default
    }

    .pagination a {
    	line-height: 24px;
    	padding: 0 10px
    }

    .pagination ul li>div.page {
    	display: inline
    }

    .pager a {
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px;
    	padding: 4px 12px
    }

    .label {
    	cursor: default
    }

    .label-important,
    .badge-error {
    	background: #C62626
    }

    .label-success,
    .badge-success {
    	background: #70A415
    }

    .label-warning,
    .badge-warning {
    	background: #F5AA1A
    }

    .label-info,
    .badge-info {
    	background: #058DC7
    }

    .alert .close {
    	top: 0
    }

    .alert-block p+p,
    .alert-block ul+p,
    .alert-block p+ul {
    	margin-top: 10px
    }

    .alert-block h4+p,
    .alert-block h4+ul {
    	margin-top: 5px
    }

    .icon-sw {
    	width: 16px;
    	height: 16px;
    	display: inline-block;
    	background-repeat: no-repeat;
    	background-position: center center
    }

    .well {
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	-ms-box-shadow: none;
    	box-shadow: none
    }

    .dropdown-menu li{}

    .dropdown-menu li a {
    	padding: 3px 20px 3px 8px;
    	position: relative;
    	border-radius: 0;
    }

    .modal-footer {
    	padding: 7px 15px 8px
    }

    .modal {
    	border: 8px solid rgba(0, 0, 0, 0.5);
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	-ms-box-shadow: none;
    	box-shadow: none
    }

    .modal-header {
    	background: #e4e4e4;
    	border-color: #d4d4d4;
    	padding: 5px 15px
    }

    .modal-header .close {
    	margin-top: 5px
    }

    .modal-body {
    	padding: 20px 15px
    }

    .modal-backdrop,
    .modal-backdrop.fade.in {
    	opacity: .1;
    	background: #777
    }

    .popover.top .arrow {
    	border-top: 5px solid rgba(0, 0, 0, .8)
    }

    .popover.bottom .arrow {
    	border-bottom: 5px solid rgba(0, 0, 0, .8)
    }

    .popover.left .arrow {
    	border-left: 5px solid rgba(0, 0, 0, .8)
    }

    .popover.right .arrow {
    	border-right: 5px solid rgba(0, 0, 0, .8)
    }

    .popover-inner {
    	padding: 0;
    	border: 3px solid #000;
    	border: 3px solid rgba(0, 0, 0, .8);
    	background: #fff;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	-ms-box-shadow: none;
    	box-shadow: none
    }

    .popover-title {
    	padding: 8px 15px;
    	font-size: 14px
    }

    .main_content .accordion-heading .accordion-toggle {
    	background-color: #f5f5f5;
    	color: #222;
    	text-decoration: none;
    	background-image: url(../img/acc_icons.png);
    	background-position: 98% 12px;
    	background-repeat: no-repeat
    }

    .main_content .accordion-heading .accordion-toggle:hover {
    	background-color: #e5e5e5
    }

    .main_content .accordion-heading .acc-in {
    	background-position: 98% -34px
    }

    .btn-gebo {
    	text-shadow: 0px -1px 0px #004f6f;
    	color: #fff;
    	background-color: #006d8d;
    	background-image: -moz-linear-gradient(top, #1e8bab, #004f6f);
    	background-image: -ms-linear-gradient(top, #1e8bab, #004f6f);
    	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e8bab), to(#004f6f));
    	background-image: -webkit-linear-gradient(top, #1e8bab, #004f6f);
    	background-image: -o-linear-gradient(top, #1e8bab, #004f6f);
    	background-image: linear-gradient(top, #1e8bab, #004f6f);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8bab', endColorstr='#004f6f', GradientType=0);
    	border-color: #006D8D #004f6f #004f6f #006D8D;
    	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    }

    .btn-gebo:hover,
    .btn-gebo:active,
    .btn-gebo.active,
    .btn-gebo.disabled,
    .btn-gebo[disabled] {
    	background-color: #004f6f
    }

    .btn-gebo:hover {
    	color: #fff;
    	text-shadow: 0px -1px 0px #003151
    }

    .btn-gebo:focus {
    	color: #fff;
    	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	border-color: #006D8D #004f6f #004f6f #006D8D;
    	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
    }

    .btn-gebo.active,
    .btn-gebo:active {
    	background-image: none;
    	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    	color: #64d1f1;
    }

    .table-striped tbody tr:nth-child(2n) td,
    .table-striped tbody tr:nth-child(2n) th {
    	background: #fff
    }

    .modal_box {
    	background: #fff;
    	padding: 20px
    }

    .modal_box form {
    	background: #fff
    }

    #colorbox~.bootstrap-timepicker,
    #colorbox~.colorpicker,
    #colorbox~.datepicker {
    	z-index: 10000
    }

    textarea,
    input {
    	outline: none
    }

    /* header */
    .navbar .brand {
    	width: 200px;
    	padding-bottom: 0;
    	padding-top: 0;
    	font: 100 18px/40px 'PT Sans', sans-serif;
    	text-decoration: none;
    	color: #fff
    }

    .navbar .brand i {
    	margin-top: 5px
    }

    .navbar .caret {
    	opacity: .6;
    	filter: alpha(opacity=60)
    }

    .navbar .user_menu {
    	margin-left: 0
    }

    .navbar .user_menu .nb_boxes {
    	margin: 9px 0 0
    }

    .navbar .user_menu .nb_boxes .label {
    	background: transparent;
    	background: rgba(0, 0, 0, .2);
    	padding: 3px 4px
    }

    .navbar .user_menu .nb_boxes a {
    	cursor: pointer;
    	float: left;
    	margin-right: 8px
    }

    .navbar .user_menu .nb_boxes a:last-child {
    	margin: 0
    }

    .btn_menu {
    	display: none
    }

    /* main content */
    #maincontainer {
    	background-image: url(../img/main_bg.gif);
    	background-repeat: repeat-y;
    	min-height: 100%
    }

    #contentwrapper {
    	float: left;
    	width: 100%
    }

    .main_content {
    	padding: 64px 30px 30px;
    	background: #fff;
    	border-left: 1px solid transparent;
    	margin-left: 240px
    }

    .main_content li {
    	line-height: 22px
    }

    /* sidebar */
    .sidebar {
    	margin-left: -100%;
    	width: 240px;
    	float: left;
    	position: relative
    }

    .sidebar_sep {
    	background: #efefef;
    	clear: both;
    	float: none;
    	height: 5px;
    	border-color: #ccc;
    	border-style: solid;
    	border-width: 1px 0;
    	margin: 14px 0
    }

    .sidebar_switch {
    	text-indent: -10000px;
    	width: 16px;
    	position: fixed;
    	left: 220px;
    	top: 45px;
    	height: 14px;
    	cursor: pointer;
    	z-index: 100;
    	display: block;
    	opacity: .5
    }

    .on_switch {
    	background: url(../img/sidebar_switch.png) no-repeat 0 -19px
    }

    .off_switch {
    	background: url(../img/sidebar_switch.png) no-repeat 0 -1px
    }

    .sidebar_inner form {
    	padding: 14px 0 9px 15px
    }

    .sidebar_inner form input {
    	margin: 0
    }

    .sidebar_hidden .sidebar {
    	display: none
    }

    .sidebar_hidden .sidebar_switch {
    	left: 4px;
    }

    .sidebar_hidden .main_content {
    	margin: 0;
    	border-left: none
    }

    .sidebar_hidden {
    	background: #9f9f9f;
    }

    .sidebar_hidden #maincontainer {
    	background: #fff
    }

    .sidebar_info {
    	width: 180px;
    	position: relative;
    	left: 30px;
    	bottom: 10px
    }

    .sidebar_info ul {
    	padding: 5px 10px;
    	margin: 0;
    	font-size: 11px;
    	background: #fafafa;
    	border: 1px solid #e5e5e5;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px
    }

    .sidebar_info ul li {
    	line-height: 26px;
    	overflow: hidden;
    	border-bottom: 1px dashed #ccc;
    	background: #007abd
    }

    .sidebar_info ul li:last-child {
    	border: none
    }

    .sidebar_info .act {
    	float: right
    }

    .sidebar .accordion {
    	border-top: 1px solid #ccc;
    	margin-bottom: 20px;
    	margin-right: 1px
    }

    .sidebar .accordion-heading {
    	text-shadow: 1px 1px 0 #efefef;
    	background: #e0e0e0;
    	-webkit-box-shadow: inset 0px 1px 0px 0px #ececec;
    	box-shadow: inset 0px 1px 0px 0px #ececec
    }

    .sidebar .accordion-heading a:hover {
    	background-color: #cfcfcf
    }

    .sidebar .accordion-group {
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	border-radius: 0;
    	margin-bottom: 0;
    	border-color: #ccc;
    	border-style: solid;
    	border-width: 0 0 1px
    }

    .sidebar .accordion-group a {
    	color: #222;
    	text-decoration: none !important
    }

    .sidebar .accordion-group .active a {
    	color: #fff
    }

    .sidebar .accordion-group .accordion-heading a {
    	color: #222
    }

    .sidebar .accordion-inner {
    	border-top: 1px solid #ccc;
    	background: #fafafa
    }

    .sdb_h_active a {
    	background: url("../img/bullet_green.png") no-repeat 98% center
    }

    /* login page */
    .login_page {
    	margin: 40px 20px 20px;
    	margin: auto !important;
    	background: transparent linear-gradient(to bottom, rgb(60, 141, 188) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%;
    	height: 100%;
    }

    .login_page .login_box {
    	width: 100%;
    	margin: 0 auto;
    	background: #fff;
    	border: 1px solid #ccc;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px;
    	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    	-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); 
    	margin-bottom: 10px
    }
	.login_page .cnt_b {
    	padding: 30px 0;
    	width: 66%;
    	margin: 0 auto
    }

    .login_page form {
    	margin-bottom: 0
    }

    .login_page .btm_b {
    	padding: 12px 20px;
    	border-top: 1px solid #e7e7e7;
    	background: #F5A7AD;
    	-moz-border-radius-topleft: 0px;
    	-moz-border-radius-topright: 0px;
    	-moz-border-radius-bottomright: 6px;
    	-moz-border-radius-bottomleft: 6px;
    	-webkit-border-radius: 0px 0px 6px 6px;
    	border-radius: 0px 0px 6px 6px
    }

    .login_page .links_b {
    	font-size: 11px;
    	text-align: center
    }

    .login_page .link_reg {
    	font-size: 11px;
    	padding: 5px 0 0;
    	display: block
    }

    .alert-login {
    	margin: 10px 10px 0
    }

    /* error pages */
    .error_page {
    	background: #eee
    }

    .error_page,
    .error_page body,
    .error_page .error_box {
    	height: 100%
    }

    .error_page h1 {
    	font-family: 'Jockey One', sans-serif;
    	font-size: 52px;
    	line-height: 1.1;
    	text-transform: uppercase;
    	color: #067ead;
    	text-shadow: 2px 2px 0px rgba(255, 255, 255, .5), 4px 4px 0px rgba(0, 0, 0, .1);
    	margin-bottom: 10px;
    	padding: 40px 0 0 300px
    }

    .error_page p {
    	color: inherit;
    	font-size: 16px;
    	line-height: 24px;
    	font-weight: 200;
    	margin-left: 300px
    }

    .error_page .back_link {
    	margin-left: 300px
    }

    .error_page .error_box {
    	background: url(../img/error_big.png) no-repeat 0 0;
    	padding: 0;
    	width: 72%;
    	margin: 0 auto
    }

    /* search page */
    .search_page .well {
    	padding: 10px 20px;
    	line-height: 26px
    }

    .search_page .well select {
    	margin: 0;
    	width: auto
    }

    .search_page .search_panel {
    	border: 1px solid #e0e0e0;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px;
    	margin-bottom: 20px
    }

    .search_page .search_item {
    	border-bottom: 1px solid #e0e0e0;
    	padding: 10px 20px 10px 30px;
    	position: relative
    }

    .search_page .search_item:nth-child(even) {
    	background: #f2f8fd
    }

    .search_page .search_item:last-child {
    	border: none
    }

    .search_page .search_content {
    	padding-left: 110px
    }

    .search_page .search_content h4 {
    	font-size: 14px;
    	margin-bottom: 6px
    }

    .search_page .search_content h4 {
    	vertical-align: text-top
    }

    .search_page .search_content strong {
    	color: #666
    }

    .search_page .search_content small {
    	color: #666;
    	font-size: 11px
    }

    .search_page .searchNb {
    	position: absolute;
    	top: 10px;
    	left: 10px;
    	color: #ccc;
    	font-size: 11px
    }

    .search_page .result_view a {
    	opacity: 0.3
    }

    .search_page .result_view a.active {
    	opacity: 1
    }

    .search_page .box_view {
    	border: none;
    	margin-left: -1%
    }

    .search_page .box_view .search_item {
    	margin-left: 1%;
    	border: 1px solid #e0e0e0;
    	height: 200px;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px;
    	margin: 0 0 1% 1%;
    	float: left;
    	width: 32.333%;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box
    }

    .search_page .box_view h4 {
    	height: 20px;
    	overflow: hidden
    }

    .search_page .box_view .item_description {
    	max-height: 92px;
    	overflow: hidden
    }

    .search_page .box_view .label {
    	position: absolute;
    	top: -9px;
    	right: -6px
    }

    .sidebar_filters {
    	padding: 30px 30px 20px
    }

    .sidebar_filters h3 {
    	font-size: 13px;
    	color: #067EAD
    }

    .sidebar_filters .filter_items {
    	padding: 5px 10px 10px;
    	margin-bottom: 10px;
    	border-bottom: 1px dashed #ccc
    }

    /* forms */
    .formRow:last-child input,
    .formRow:last-child textarea,
    .formRow:last-child select,
    .uneditable-input {
    	margin-bottom: 0
    }

    .formRow small {
    	display: block;
    	font-size: 11px;
    	color: #999;
    	line-height: 14px
    }

    .formSep {
    	margin-bottom: 12px;
    	padding-bottom: 12px;
    	border-bottom: 1px dashed #dcdcdc
    }

    .stacked select,
    .stacked input[type="text"],
    .stacked textarea {
    	display: block
    }

    .help-inline,
    .help-block {
    	font-size: 11px;
    	margin: -4px 0 0 2px
    }

    .form-horizontal .help-block {
    	margin-top: 2px
    }

    .form-horizontal .control-group {
    	margin-bottom: 14px
    }

    input.focused {
    	border-color: rgba(82, 168, 236, .8);
    	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    	outline: 0;
    	z-index: 2;
    	position: relative
    }

    .f_warning>label,
    .f_warning .help-block,
    .f_warning .help-inline {
    	color: #c09853
    }

    .f_warning input,
    .f_warning select,
    .f_warning textarea {
    	color: #c09853;
    	border-color: #c09853
    }

    .f_warning input:focus,
    .f_warning select:focus,
    .f_warning textarea:focus {
    	-webkit-box-shadow: 0 0 6px #dbc59e;
    	-moz-box-shadow: 0 0 6px #dbc59e;
    	box-shadow: 0 0 6px #dbc59e;
    	border-color: #a47e3c
    }

    .f_warning .input-prepend .add-on,
    .f_warning .input-append .add-on {
    	color: #c09853;
    	background-color: #fcf8e3;
    	border-color: #c09853
    }

    .f_error input,
    .f_error select,
    .f_error textarea {
    	color: #b94a48;
    	border-color: #b94a48
    }

    .f_error input:focus,
    .f_error select:focus,
    .f_error textarea:focus {
    	-webkit-box-shadow: 0 0 6px #d59392;
    	-moz-box-shadow: 0 0 6px #d59392;
    	box-shadow: 0 0 6px #d59392;
    	border-color: #953b39
    }

    .f_error .input-prepend .add-on,
    .f_error .input-append .add-on {
    	color: #b94a48;
    	background-color: #f2dede;
    	border-color: #b94a48
    }

    .f_error label.error {
    	display: block;
    	font-size: 11px;
    	font-weight: 700;
    	color: #C62626
    }

    input[type="text"]+label.error,
    input[type="password"]+label.error,
    select+label.error,
    textarea+label.error {
    	margin-top: -6px
    }

    .f_error label.radio+label.error,
    .f_error label.checkbox+label.error {
    	margin-top: 5px
    }

    .input-prepend.f_error label.error,
    .input_append.f_error label.error {
    	margin-top: 4px
    }

    .control-group.f_error label.error {
    	margin-top: 2px
    }

    .f_success>label,
    .f_success .help-block,
    .f_success .help-inline {
    	color: #468847
    }

    .f_success input,
    .f_success select,
    .f_success textarea {
    	color: #468847;
    	border-color: #468847
    }

    .f_success input:focus,
    .f_success select:focus,
    .f_success textarea:focus {
    	-webkit-box-shadow: 0 0 6px #7aba7b;
    	-moz-box-shadow: 0 0 6px #7aba7b;
    	box-shadow: 0 0 6px #7aba7b;
    	border-color: #356635
    }

    .f_success .input-prepend .add-on,
    .f_success .input-append .add-on {
    	color: #468847;
    	background-color: #dff0d8;
    	border-color: #468847
    }

    .ui-tooltip label {
    	margin-bottom: 0
    }

    .f_legend {
    	font-size: 16px;
    	line-height: 16px;
    	padding-bottom: 10px;
    	margin-bottom: 22px;
    	border-bottom: 1px solid #dcdcdc
    }

    .radio.inline,
    .checkbox.inline {
    	margin-left: 0 !important;
    	margin-right: 10px
    }

    .f_req {
    	font-size: 13px;
    	color: #ff0000;
    	font-family: helvetica, arial, sans-serif
    }

    .form-horizontal .controls.text_line {
    	line-height: 25px
    }

    .row-fluid input[class*="span"],
    .row-fluid textarea[class*="span"],
    .row-fluid select[class*="span"] {
    	display: inline-block
    }

    .row-fluid input[class*="span"]+input[class*="span"],
    .row-fluid textarea[class*="span"]+textarea[class*="span"],
    .row-fluid select[class*="span"]+select[class*="span"] {
    	display: block
    }

    textarea {
    	resize: none
    }

    /* file upload */
    .btn.btn-file {
    	overflow: hidden;
    	position: relative;
    	vertical-align: middle
    }

    .btn.btn-file>input[type=file] {
    	width: 100%;
    	position: absolute;
    	left: 0;
    	top: 0;
    	opacity: 0;
    	cursor: pointer
    }

    .fileupload {
    	margin-bottom: 9px
    }

    .fileupload .uneditable-input {
    	display: inline-block;
    	margin-bottom: 0;
    	vertical-align: middle;
    	height: 28px !important;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box
    }

    .fileupload .thumbnail {
    	overflow: hidden;
    	display: inline-block;
    	margin-bottom: 5px;
    	vertical-align: middle;
    	text-align: center
    }

    .fileupload .thumbnail>img {
    	display: block;
    	vertical-align: middle;
    	max-height: 100%
    }

    .fileupload .btn {
    	vertical-align: middle
    }

    .fileupload-exists .fileupload-new,
    .fileupload-new .fileupload-exists {
    	display: none
    }

    .fileupload-inline .fileupload-controls {
    	display: inline
    }

    .fileupload-new .input-append .btn-file {
    	-webkit-border-radius: 0 3px 3px 0;
    	-moz-border-radius: 0 3px 3px 0;
    	border-radius: 0 3px 3px 0
    }

    .fileupload .fileupload-preview {
    	vertical-align: middle
    }

    .fileupload .close.fileupload-exists {
    	vertical-align: middle
    }

    /* multiselect 2-col */
    #multi_search {
    	width: 152px;
    	margin: 4px
    }

    .ms-container {
    	margin-bottom: 10px
    }

    .ms-container .ms-optgroup li.ms-elem-selectable {
    	padding-left: 20px
    }

    .ms-container h4 {
    	font-weight: 100;
    	padding: 4px 6px;
    	background: #efefef;
    	border-bottom: 1px solid #ccc;
    	-webkit-border-radius: 4px 4px 0px 0px;
    	border-radius: 4px 4px 0px 0px
    }

    .ms-container #multi_search+.ms-list {
    	height: 196px
    }

    #sForm_deselect {
    	margin: 2px;
    	display: block
    }

    /* input spinner */
    .ui-spinner button {
    	height: 14px;
    	position: absolute;
    	background: none;
    	border: none;
    	width: 18px;
    	padding: 0;
    	background: url(../img/spinner_arrows.gif) no-repeat 0 -100px;
    	cursor: pointer
    }

    .ui-spinner .ui-spinner-up {
    	top: 0;
    	right: 0;
    	background-position: 0 0
    }

    .ui-spinner .ui-spinner-down {
    	top: 14px;
    	right: 0;
    	background-position: 0 -14px
    }

    .ui-spinner .ui-spinner-up:hover {
    	background-position: -18px 0
    }

    .ui-spinner .ui-spinner-down:hover {
    	background-position: -18px -14px
    }

    .ui-spinner input,
    .ui-spinner input:focus {
    	display: block !important;
    	margin: 0 !important;
    	padding: 0;
    	min-height: 28px !important;
    	height: 28px !important;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	-ms-box-shadow: none;
    	box-shadow: none
    }

    .ui-spinner ul {
    	margin: 0
    }

    .ui-spinner li {
    	line-height: 28px
    }

    .ui-spinner {
    	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    	position: relative;
    	margin-bottom: 10px;
    	font-size: 13px;
    	height: 28px;
    	line-height: 28px;
    	color: #555;
    	background-color: #fff;
    	border: 1px solid #ccc;
    	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	border-radius: 3px;
    	overflow: hidden;
    	padding: 0 24px 0 8px
    }

    .ui-spinner .ui-spinner-box {
    	background: none;
    	border: none !important
    }

    /* animated progresbars */
    .pbar .ui-progressbar-value {
    	display: block !important
    }

    .pbar {
    	overflow: hidden
    }

    .percent,
    .elapsed {
    	position: relative;
    	text-align: right;
    	font-size: 12px
    }


    /* ul list styles */
    .list_a,
    .list_b,
    .list_c,
    .list_d {
    	margin-left: 0;
    	list-style: none
    }

    .list_a li {
    	background: url(../img/bullet_blue.png) no-repeat 3px 4px;
    	padding-left: 25px
    }

    .list_b li {
    	background: url(../img/bullet_green.png) no-repeat 3px 4px;
    	padding-left: 25px
    }

    .list_c li {
    	background: url(../img/bullet_orange.png) no-repeat 3px 4px;
    	padding-left: 25px
    }

    .list_d li {
    	background: url(../img/bullet_red.png) no-repeat 3px 4px;
    	padding-left: 25px
    }

    /* prettyprint <pre> block */
    .lit {
    	color: #195f91
    }

    .fun {
    	color: #dc322f
    }

    .str,
    .atv {
    	color: #D14
    }

    .kwd,
    .linenums .tag {
    	color: #1e347b
    }

    .typ,
    .atn,
    .dec,
    .var {
    	color: teal
    }

    .pln {
    	color: #48484c
    }

    .prettyprint {
    	background-color: #f7f7f9;
    	border: 1px solid #e1e1e8;
    	padding: 8px
    }

    .prettyprint.linenums {
    	-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    	-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    	box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0
    }

    ol.linenums {
    	margin: 0 0 0 33px
    }

    ol.linenums li {
    	padding-left: 12px;
    	color: #bebec5;
    	line-height: 18px;
    	text-shadow: 0 1px 0 #fff
    }

    .com,
    .pun,
    .opn,
    .clo {
    	color: #93a1a1
    }

    /* rowlink plugin */
    [data-rowlink] td,
    td[data-rowlink],
    [data-msg_rowlink] td,
    td[data-msg_rowlink] {
    	cursor: pointer
    }

    [data-rowlink] td.nohref,
    td.nohref[data-rowlink],
    [data-msg_rowlink] td.nohref,
    td.nohref[data-msg_rowlink] {
    	cursor: default
    }

    /* actions links */
    .act {
    	background: inherit;
    	border: none;
    	display: inline;
    	color: #555;
    	font-weight: 700;
    	-webkit-transition: text-shadow .1s linear;
    	-moz-transition: text-shadow .1s linear;
    	-ms-transition: text-shadow .1s linear;
    	-o-transition: text-shadow .1s linear;
    	transition: text-shadow .1s linear;
    	padding: 0
    }

    a.act:hover {
    	color: #333;
    	text-decoration: none;
    	text-shadow: 1px 1px 3px rgba(85, 85, 85, 0.5)
    }

    .act-primary {
    	color: #006dcc
    }

    a.act-primary:hover {
    	color: #04c;
    	text-shadow: 1px 1px 3px rgba(0, 109, 204, 0.5)
    }

    .act-info {
    	color: #49afcd
    }

    a.act-info:hover {
    	color: #2f96b4;
    	text-shadow: 1px 1px 3px rgba(75, 175, 206, 0.5)
    }

    .act-success {
    	color: #70A415
    }

    a.act-success:hover {
    	color: #468847;
    	text-shadow: 1px 1px 3px rgba(81, 164, 81, 0.5)
    }

    .act-warning {
    	color: #F5AA1A
    }

    a.act-warning:hover {
    	color: #f89406;
    	text-shadow: 1px 1px 3px rgba(192, 152, 84, 0.5)
    }

    .act-danger {
    	color: #C62626
    }

    a.act-danger:hover {
    	color: #bd362f;
    	text-shadow: 1px 1px 3px rgba(185, 72, 70, 0.5)
    }

    .act.disabled,
    .act[disabled] {
    	color: #AAA;
    	cursor: not-allowed
    }

    a.act.disabled:hover,
    .act[disabled]:hover {
    	color: #AAA;
    	text-shadow: none
    }

    .form-actions .act {
    	line-height: 30px
    }

    /* tabs */
    .tabbable-bordered {
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px
    }

    .tabbable-bordered>.nav-tabs {
    	margin: 0
    }

    .tabbable-bordered .tab-content {
    	border-color: #ddd;
    	border-style: solid;
    	border-width: 0;
    	overflow: auto;
    	padding: 18px 0 0
    }

    .tabbable-bordered>.tab-content {
    	-webkit-border-radius: 0 0 4px 4px;
    	-moz-border-radius: 0 0 4px 4px;
    	border-radius: 0 0 4px 4px;
    	border-width: 0 1px 1px;
    	padding: 20px 20px 10px
    }

    /* dashboard icon navigation*/
    .dshb_icoNav {
    	margin: 0;
    	text-align: center
    }

    .dshb_icoNav li {
    	-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    	box-shadow: inset 0px 1px 0px 0px #fff;
    	text-align: center;
    	list-style: none;
    	display: inline-block;
    	margin: 0 5px 10px;
    	background: #f9f9f9;
    	background: -moz-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #efefef));
    	background: -webkit-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    	background: -o-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    	background: -ms-linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    	background: linear-gradient(top, #f9f9f9 0%, #efefef 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#efefef', GradientType=0);
    	border: 1px solid #e2e2e2;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px
    }

    .dshb_icoNav li:hover {
    	border-color: #d2d2d2;
    	-moz-box-shadow: 0 0 6px #ccc;
    	-webkit-box-shadow: 0 0 6px #ccc;
    	box-shadow: 0 0 6px #ccc
    }

    .dshb_icoNav li a {
    	position: relative;
    	display: block;
    	padding: 42px 8px 8px;
    	width: 88px;
    	height: 22px;
    	font-size: 12px;
    	color: #222;
    	background-repeat: no-repeat;
    	background-position: center 10px
    }

    .dshb_icoNav li a:hover {
    	text-decoration: none
    }

    .dshb_icoNav .label {
    	position: absolute;
    	right: -5px;
    	top: -5px
    }

    .iconNav_left {
    	text-align: left
    }

    .iconNav_right {
    	text-align: right
    }

    /* overview boxes (+small charts) */
    .ov_boxes {
    	list-style: none;
    	display: inline-block;
    	margin: 0 0 -20px;
    	text-align: center
    }

    .ov_boxes li {
    	-webkit-box-shadow: inset 0px 1px 0px 0px #fff;
    	box-shadow: inset 0px 1px 0px 0px #fff;
    	line-height: 18px;
    	background: #f9f9f9;
    	background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ededed));
    	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    	background: -o-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    	background: -ms-linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    	background: linear-gradient(top, #f9f9f9 0%, #ededed 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ededed', GradientType=0);
    	border: 1px solid #e2e2e2;
    	display: inline-block;
    	margin: 0 10px 10px;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px;
    	padding: 0 10px
    }

    .ov_boxes .p_canvas {
    	margin-right: 12px;
    	float: left;
    	border-right: 1px solid #dcdcdc;
    	-webkit-box-shadow: 1px 0 0 0 #fff;
    	-moz-box-shadow: 1px 0 0 0 #fff;
    	box-shadow: 1px 0 0 0 #fff;
    	padding: 10px 14px 6px 4px
    }

    .ov_boxes .ov_text {
    	text-align: left;
    	width: 150px;
    	font-size: 12px;
    	float: left;
    	padding: 9px 10px 7px 0
    }

    .ov_boxes .ov_text strong {
    	font-size: 16px;
    	display: block
    }

    .p_canvas {
    	width: 50px
    }

    /* widgets */
    .w-box {
    	-webkit-box-shadow: 0px 1px 2px 0px #efefef;
    	box-shadow: 0px 1px 2px 0px #efefef
    }

    .w-box+.w-box {
    	margin-top: 20px
    }

    .w-box-header {
    	height: 32px;
    	line-height: 32px;
    	border: 1px solid #ddd;
    	padding: 0 10px;
    	background: #fbfbfb;
    	background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f1f1f1));
    	background: -webkit-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    	background: -o-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    	background: -ms-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    	background: linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f1f1f1', GradientType=0);
    	font-weight: 700;
    	color: #666;
    	font-size: 11px
    }

    .w-box-header .btn-group {
    	margin-top: 5px
    }

    .w-box-header .dropdown-menu {
    	font-size: 12px
    }

    .w-box-header input {
    	padding: 2px;
    	margin: -2px 0 0
    }

    .w-box-content {
    	border: 1px solid #ddd;
    	border-top: none
    }

    .w-box-content.cnt_a {
    	padding: 10px
    }

    .w-box-content table,
    .w-box-content pre {
    	margin-bottom: 0
    }

    .w-box-content pre {
    	-webkit-border-radius: 0 0 0 0;
    	-moz-border-radius: 0 0 0 0;
    	-ms-border-radius: 0 0 0 0;
    	border-radius: 0 0 0 0;
    	border: none
    }

    .w-box-content .no-th tr:first-child td {
    	border-top: none
    }

    .w-box-content .gebo-upload {
    	margin: 0
    }

    .w-box-content .gebo-upload .plupload_filelist_header {
    	border-top: none
    }

    .w-box-content .gebo-upload .plupload_filelist_footer {
    	border-bottom: none
    }

    .w-box-content .tabbable {
    	position: relative;
    	top: -28px;
    	margin-bottom: -28px
    }

    .w-box-content .nav-tabs {
    	border-bottom: none
    }

    .w-box-content .nav-tabs {
    	float: right;
    	clear: both
    }

    .w-box-content .nav-tabs>li>a {
    	padding: 4px 6px;
    	font-size: 11px
    }

    .w-box-content .nav-tabs>li.active>a {
    	background: #fff !important
    }

    .w-box-content .nav-tabs>li>a:hover {
    	border-color: #ddd #ddd transparent;
    	background: transparent
    }

    .w-box-content .tab-content {
    	clear: both
    }

    .w-box-content .tab-pane {
    	padding: 0 10px 10px
    }

    .w-box-footer {
    	border: 1px solid #ddd;
    	padding: 8px 10px;
    	background: #fdfdfd;
    	border-top: none
    }

    .w-box-footer .pagination {
    	margin: 0;
    	font-size: 11px;
    	height: 22px
    }

    .w-box-footer .pagination a {
    	line-height: 20px
    }

    /* sortable/searchable list */
    .user_list {
    	list-style: none;
    	margin: 0
    }

    .user_list li {
    	padding: 0 8px 8px;
    	margin-bottom: 8px;
    	border-bottom: 1px dashed #dcdcdc;
    	line-height: normal
    }

    .user_list small {
    	font-size: 11px;
    	color: #9b9b9b
    }

    /* file manager */
    #kcfinder_iframe {
    	height: 500px;
    	margin-bottom: 30px;
    	border: 1px solid #adaba9
    }

    /* icon list */
    .icon_list_a,
    .icon_list_b,
    .icon_list_c,
    .icon_list_d {
    	list-style: none;
    	margin: 0 0 30px
    }

    .icon_list_a li,
    .icon_list_b li,
    .icon_list_d li {
    	padding: 4px 0;
    	width: 30px;
    	text-align: center;
    	border: 1px solid #dcdcdc;
    	float: left;
    	margin: 4px;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px
    }

    .icon_list_c li {
    	padding: 4px 0;
    	width: 40px;
    	text-align: center;
    	border: 1px solid #dcdcdc;
    	float: left;
    	margin: 4px;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px
    }

    /* aditional icons */
    .icon-adt_trash,
    .icon-adt_atach,
    .icon-adt_enter {
    	background: url(../img/adt-icons.png) no-repeat 0 0;
    	width: 16px;
    	height: 16px
    }

    .icon-adt_atach {
    	background-position: 0 0
    }

    .icon-adt_trash {
    	background-position: 0 -24px
    }

    .icon-adt_enter {
    	background-position: 0 -47px;
    	width: 12px;
    	height: 12px
    }

    /* google maps */
    .company_add_form legend {
    	margin-bottom: 10px;
    	font-size: 15px
    }

    #g_map img {
    	max-width: none;
    }

    #g_map label {
    	display: inline;
    	margin: 0;
    	color: #000;
    	font-size: 11px;
    	line-height: normal
    }

    /* gallery grid */
    .wmk_grid ul {
    	list-style: none;
    	margin: 0;
    	position: relative
    }

    .wmk_grid ul li {
    	background-color: #fff;
    	display: none;
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	-ms-box-sizing: border-box;
    	box-sizing: border-box
    }

    .wmk_grid ul li>a,
    .wmk_grid ul li>a img {
    	display: block
    }

    .wmk_grid ul li>a img {
    	width: 100%
    }

    .wmk_grid ul li p {
    	color: #666;
    	font-size: 12px;
    	margin: 8px 4px 2px;
    	overflow: hidden
    }

    .wmk_grid ul li p a {
    	display: inline-block;
    	margin-left: 10px;
    	float: right;
    	opacity: .6
    }

    .wmk_grid ul li p a:hover {
    	opacity: 1
    }

    .wmk_grid ul li p span {
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	display: block
    }

    .wmk_grid li.thumbnail:hover {
    	border-color: #0088CC
    }

    .wmk_grid .thumbnail>a {
    	position: relative
    }

    .wmk_grid .thumbnail>a .vid_ico {
    	position: absolute;
    	top: 10px;
    	right: 10px;
    	display: block;
    	width: 16px;
    	height: 16px
    }

    .wmk_grid .self_vid .vid_ico {
    	background: url(../img/vid_local.png) no-repeat 0 0
    }

    .wmk_grid .yt_vid .vid_ico {
    	background: url(../img/vid_yt.png) no-repeat 0 0
    }

    .wmk_grid .vimeo_vid .vid_ico {
    	background: url(../img/vid_vimeo.png) no-repeat 0 0
    }

    /* small gallery grid */
    .small_grid ul li p {
    	line-height: 1.3
    }

    .small_grid ul li p span {
    	font-size: 11px
    }

    /* large gallery grid */
    .large_grid ul li p span {
    	width: 70%
    }

    .video-container {
    	position: relative;
    	padding-bottom: 55.75%;
    	height: 0;
    	overflow: hidden;
    	background: rgba(0, 0, 0, .3)
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%
    }

    #cboxContent .video-js {
    	width: 640px !important;
    	height: 360px !important
    }

    /* datatables */
    div.dataTables_length label {
    	float: left;
    	text-align: left
    }

    div.dataTables_length select {
    	width: 75px
    }

    div.dataTables_filter label {
    	float: right
    }

    div.dataTables_info {
    	padding-top: 8px
    }

    div.dataTables_paginate {
    	float: right;
    	margin: 0
    }

    .dataTables_wrapper {
    	position: relative;
    	overflow: hidden
    }

    .dataTables_wrapper table.table {
    	clear: both;
    	margin-bottom: 6px !important;
    	max-width: inherit
    }

    .dataTables_wrapper table.table thead .sorting,
    table.table thead .sorting_asc,
    table.table thead .sorting_desc,
    table.table thead .sorting_asc_disabled,
    table.table thead .sorting_desc_disabled {
    	cursor: hand;
    	cursor: pointer
    }

    .dataTables_wrapper table.table thead .sorting {
    	background: #e9f3f8 url(../lib/datatables/images/sort_both.png) no-repeat center right
    }

    .dataTables_wrapper table.table thead .sorting_asc {
    	background: #e9f3f8 url(../lib/datatables/images/sort_asc.png) no-repeat center right
    }

    .dataTables_wrapper table.table thead .sorting_desc {
    	background: #e9f3f8 url(../lib/datatables/images/sort_desc.png) no-repeat center right
    }

    .dataTables_wrapper table.table thead .sorting_asc_disabled {
    	background: #e9f3f8 url(../lib/datatables/images/sort_asc_disabled.png) no-repeat center right
    }

    .dataTables_wrapper table.table thead .sorting_desc_disabled {
    	background: #e9f3f8 url(../lib/datatables/images/sort_desc_disabled.png) no-repeat center right
    }

    .dataTables_wrapper table.dataTable th:active {
    	outline: none
    }

    .dataTables_wrapper .row {
    	margin: 0 0 5px
    }

    .dataTables_wrapper select {
    	min-height: inherit
    }

    .dataTables_wrapper table+.row {
    	margin-bottom: 0;
    	margin-top: 10px
    }

    .dataTables_scrollBody {
    	-webkit-overflow-scrolling: touch
    }

    .dataTables_wrapper .top,
    .dataTables_wrapper .bottom {
    	background-color: #f5f5f5;
    	border: 1px solid #CCC;
    	padding: 15px
    }

    .top .dataTables_info {
    	float: none
    }

    .dataTables_empty {
    	text-align: center !important;
    	font-size: 15px;
    	background: #fff !important;
    	padding: 20px 0 !important
    }

    .dataTables_scroll {
    	clear: both;
    	margin-bottom: 10px
    }

    .dataTables_scrollHeadInner table.table-bordered {
    	-webkit-border-radius: 4px 4px 0 0;
    	border-radius: 4px 4px 0 0;
    	border-bottom: none
    }

    .dataTables_scrollHeadInner table.table-bordered,
    .dataTables_scrollHeadInner table.table-bordered thead {
    	border-bottom: none
    }

    .dataTables_scrollBody table {
    	border-top: none
    }

    .dataTables_processing {
    	position: absolute;
    	top: 50%;
    	margin-top: -24px;
    	z-index: 100;
    	left: 50%;
    	width: 250px;
    	margin-left: -125px;
    	border: 1px solid #ddd;
    	text-align: center;
    	color: #000;
    	background: #fff;
    	font-size: 15px !important;
    	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    	-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    	padding: 10px 0
    }

    .dataTables_wrapper .center {
    	text-align: center
    }

    .dataTables_wrapper .details,
    .dataTables_wrapper .details:hover {
    	background: #ddd !important
    }

    .dataTables_wrapper .details table td {
    	background: #fff !important
    }

    .dataTables_scrollHeadInner table.table,
    .dataTables_wrapper .details table.table {
    	margin: 0 !important
    }

    .dataTables_wrapper .dt_actions {
    	float: left;
    	margin-right: 20px
    }

    .dataTables_empty {
    	cursor: default
    }

    .dTableR {
    	width: 100% !important
    }

    /* floating header list */
    .-list-container {
    	height: 400px
    }

    .-list-container dd,
    .-list-container li,
    .-list-container .-list-fakeheader {
    	list-style: none;
    	margin: 0;
    	padding: 0 10px;
    	line-height: 34px;
    	height: 34px;
    	border-bottom: 1px solid #efefef;
    	margin: 0;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis
    }

    .-list-container dt,
    .-list-container .list_heading,
    .-list-container .-list-fakeheader {
    	line-height: 34px;
    	height: 34px;
    	padding: 0 10px;
    	border-bottom: none;
    	background: #f9f9f9;
    	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ececec));
    	background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    	background: linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    	border-bottom: 1px solid #d6d6d6
    }

    .-list-container .list_heading h3 {
    	font-size: 13px;
    	line-height: 36px
    }

    .-list-container {
    	border: 1px solid #ccc;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px;
    	margin: 0;
    	overflow-x: hidden
    }

    .ui-list {
    	overflow: hidden
    }

    .ui-list ul {
    	margin: 0
    }

    #list-buttons {
    	margin: 0 0 6px
    }

    #list-buttons .btn {
    	margin: 0 4px 4px 0
    }

    .list-outer {
    	position: relative;
    	padding: 30px 0
    }

    .slide-nav {
    	cursor: pointer;
    	position: absolute;
    	left: 50%;
    	margin-left: -28px;
    	height: 14px;
    	border-style: solid;
    	border-color: #ccc;
    	background: #f9f9f9;
    	padding: 5px 20px
    }

    .slide-up {
    	top: 5px;
    	border-width: 1px 1px 0;
    	-webkit-border-radius: 4px 4px 0px 0px;
    	border-radius: 4px 4px 0px 0px
    }

    .slide-down {
    	bottom: 5px;
    	border-width: 0px 1px 1px;
    	-webkit-border-radius: 0px 0px 4px 4px;
    	border-radius: 0px 0px 4px 4px
    }

    .slide-nav i {
    	opacity: .6
    }

    .slide-nav:hover {
    	background: #f0f0f0
    }

    .slide-nav:hover i {
    	opacity: 1
    }

    /*  responsive table */
    .mediaTableWrapper {
    	position: relative
    }

    .mediaTableWrapperWithMenu {
    	padding-top: 48px
    }

    .mediaTableMenu li,
    .tableMenu li {
    	padding: 0 10px
    }

    .mediaTableMenu {
    	position: absolute;
    	top: 0;
    	left: 0
    }

    .activeMediaTable th.optional,
    .activeMediaTable td.optional {
    	display: none
    }

    @media (min-width: 1280px) {

    	.activeMediaTable th.optional,
    	.activeMediaTable td.optional {
    		display: table-cell;
    		_display: block
    	}

    	*+html .activeMediaTable th.optional,
    	*+html .activeMediaTable td.optional {
    		display: block
    	}
    }

    @media (min-width: 980px) {

    	.sidebar_hidden .activeMediaTable th.optional,
    	.sidebar_hidden .activeMediaTable td.optional {
    		display: table-cell;
    		_display: block
    	}

    	*+html .sidebar_hidden .activeMediaTable th.optional,
    	*+html .sidebar_hidden .activeMediaTable td.optional {
    		display: block
    	}
    }

    @media (min-width: 480px) and (max-width: 767px) {

    	.activeMediaTable th.optional,
    	.activeMediaTable td.optional {
    		display: table-cell;
    		_display: block
    	}

    	*+html .activeMediaTable th.optional,
    	*+html .activeMediaTable td.optional {
    		display: block
    	}
    }

    /* tables */
    .table_checkbox {
    	width: 13px
    }

    .table_vam th,
    .table_vam td {
    	vertical-align: middle
    }

    .tab-content table.table {
    	margin-bottom: 0 !important
    }

    /* mailbox */
    .mbox .heading {
    	padding-bottom: 0
    }

    .mbox .heading .nav-tabs {
    	margin-bottom: 0;
    	border-bottom: none
    }

    .mbox .dataTables_wrapper .row {
    	-webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
    	box-shadow: inset 0px 1px 0px 0px #fefefe;
    	margin: 0;
    	padding-bottom: 10px;
    	padding: 8px 5px;
    	border-width: 1px 0;
    	border-style: solid;
    	border-color: #ddd;
    	background: #f3f3f3
    }

    .mbox .dataTables_wrapper .row label {
    	margin-bottom: 0;
    	line-height: 28px
    }

    .mbox .dataTables_wrapper .row div.dataTables_info {
    	padding-top: 0;
    	line-height: 26px;
    	color: #404040
    }

    .dataTables_wrapper table.mbox_table {
    	margin: 0 !important
    }

    .mbox_table tbody {
    	color: #404040
    }

    .mbox_table .select_msg {
    	margin-top: -2px;
    	position: relative
    }

    .mbox_table .rowChecked td {
    	background: #fffeed
    }

    .mbox .unread {
    	font-weight: 700
    }

    .js .mbox_star {
    	display: none
    }

    .mbox_star {
    	visibility: hidden;
    	cursor: pointer
    }

    .mbox_star.splashy-star_full {
    	visibility: visible
    }

    .mbox .pagination a {
    	background: #fff
    }

    .mbox .pagination .disabled span,
    .pagination .disabled a,
    .pagination .disabled a:hover {
    	background: transparent
    }

    .mbox .pagination .active a {
    	background: #f5f5f5
    }

    /* chat */
    .chat_box select {
    	margin: 0
    }

    .chat_box .chat_content {
    	border: 1px solid #ddd;
    	-webkit-border-radius: 6px;
    	border-radius: 6px
    }

    .chat_box .chat_message {
    	margin-bottom: 10px
    }

    .chat_box .chat_editor_box {
    	margin: 10px;
    	border: 1px solid #ddd;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
    	min-height: 40px
    }

    .chat_box .chat_editor_heading {
    	height: 20px;
    	line-height: 20px;
    	padding: 2px 8px 0
    }

    .chat_box .chat_editor_box textarea {
    	border: none;
    	margin: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	-webkit-border-radius: 0px 0px 6px 6px;
    	border-radius: 0px 0px 6px 6px
    }

    .chat_box .chat_editor_box .send_btns {
    	margin: 5px
    }

    .chat_box .chat_heading {
    	-webkit-box-shadow: inset 0px 1px 0px 0px #fefefe;
    	box-shadow: inset 0px 1px 0px 0px #fefefe;
    	font-size: 12px;
    	font-weight: 700;
    	color: #444;
    	padding: 6px 12px;
    	font-size: 13px;
    	height: 21px;
    	line-height: 22px;
    	background: #f4f4f4;
    	border-bottom: 1px solid #ddd;
    	-webkit-border-radius: 6px 6px 0px 0px;
    	border-radius: 6px 6px 0px 0px
    }

    .chat_box .chat_heading .chat_close {
    	opacity: .8;
    	cursor: pointer
    }

    .chat_box .msg_window {
    	height: 300px;
    	overflow-y: auto;
    	margin: 5px 10px
    }

    .chat_box .chat_msg {
    	margin: 10px 5px
    }

    .chat_box .chat_msg .chat_msg_heading {
    	font-size: 11px;
    	padding: 0 5px
    }

    .chat_box .chat_msg .chat_msg_body {
    	padding: 4px 8px;
    	border: 1px solid #ddd;
    	background: #fafafa;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px
    }

    .chat_box .chat_msg .chat_msg_date {
    	float: right
    }

    .chat_box .chat_msg .chat_user_name {
    	color: #CC333F;
    	font-weight: 700
    }

    .chat_box .chat_msg p {
    	margin: 0
    }

    .chat_box .chat_sidebar {
    	border: 1px solid #ddd;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px
    }

    .chat_box .chat_sidebar .chat_user_list {
    	margin: 0
    }

    .chat_box .chat_sidebar .chat_user_list li {
    	list-style: none;
    	border-bottom: 1px solid #e6e6e6;
    	overflow: hidden
    }

    .chat_box .chat_sidebar .chat_user_list li:last-child {
    	border: none
    }

    .chat_box .chat_sidebar .chat_user_list li input {
    	float: left;
    	margin: 15px 0 0 6px
    }

    .chat_box .chat_sidebar .chat_user_list li a {
    	display: block;
    	margin-left: 16px;
    	padding: 5px 20px 5px 12px;
    	line-height: 32px
    }

    .chat_box .chat_sidebar .chat_user_list li a:hover {
    	text-decoration: none
    }

    .chat_box .chat_sidebar .chat_user_list li img {
    	vertical-align: middle;
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	-ms-border-radius: 4px;
    	border-radius: 4px;
    	margin-right: 5px;
    	border: 1px solid #ddd
    }

    .chat_box .chat_sidebar .chat_user_list li.online a {
    	background: url(../img/bullet_green.png) no-repeat 98% center
    }

    .chat_box .chat_sidebar .chat_user_list li.offline a {
    	background: url(../img/bullet_red.png) no-repeat 98% center;
    	cursor: default
    }

    .chat_box .chat_sidebar .chat_user_list li.active {
    	background-color: #ffffef
    }

    .chat_box .chat_sidebar .chat_user_list li a span {
    	color: #888;
    	font-size: 11px
    }

    /*  Calculator */
    #calc {
    	padding: 10px 0 0
    }

    #calc input.btn {
    	width: 44px;
    	text-align: center
    }

    #calc .control-group {
    	padding-left: 12px
    }

    /* vcard */
    .vcard .thumbnail {
    	float: left
    }

    .vcard>ul {
    	list-style: none;
    	margin: 10px 0 0 0;
    	overflow: hidden
    }

    .vcard>ul>li:first-child {
    	border-top: 1px dashed #dcdcdc
    }

    .vcard>ul>li {
    	padding: 8px;
    	border-bottom: 1px dashed #dcdcdc
    }

    .vcard .item-key {
    	float: left;
    	color: #000;
    }

    .vcard .vcard-item {
    	margin-left: 120px
    }

    .vcard .v-heading {
    	background: #F0F9FF;
    	font-weight: 700
    }

    .vcard .v-heading span {
    	font-weight: 100;
    	font-size: 11px;
    	color: #666
    }

    .vcard .item-list-more,
    .vcard .thumbnail.item-list-more {
    	display: none
    }


    /* sidebar scroll */
    .antiScroll {
    	display: inline-block;
    	position: relative;
    	overflow: hidden
    }

    .antiscroll-scrollbar {
    	background: #bbb;
    	background: rgba(0, 0, 0, 0.5);
    	-webkit-border-radius: 7px;
    	-moz-border-radius: 7px;
    	border-radius: 7px;
    	-webkit-box-shadow: 0 0 1px #fff;
    	-moz-box-shadow: 0 0 1px #fff;
    	box-shadow: 0 0 1px #fff;
    	position: absolute;
    	opacity: 0;
    	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    	-webkit-transition: linear 300ms opacity;
    	-moz-transition: linear 300ms opacity;
    	-o-transition: linear 300ms opacity
    }

    .antiscroll-scrollbar-shown {
    	opacity: 1;
    	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
    }

    .antiscroll-scrollbar-horizontal {
    	height: 7px;
    	margin-left: 2px;
    	bottom: 2px;
    	left: 0
    }

    .antiscroll-scrollbar-vertical {
    	width: 7px;
    	margin: 2px 0;
    	left: 2px;
    	top: 0
    }

    .antiscroll-inner {
    	overflow-y: scroll
    }

    .antiScroll,
    .antiscroll-content,
    .antiscroll-inner {
    	width: 240px
    }

    .antiscroll-inner::-webkit-scrollbar,
    .antiscroll-inner::scrollbar {
    	width: 0;
    	height: 0
    }

    /* document view */
    .doc_view {
    	border: 1px solid #ddd;
    	-webkit-border-radius: 6px;
    	-moz-border-radius: 6px;
    	-ms-border-radius: 6px;
    	border-radius: 6px;
    	margin-bottom: 10px
    }

    .doc_view .doc_view_header dl {
    	margin-bottom: 0;
    	-webkit-background-clip: border;
    	-moz-background-clip: border-box;
    	background-clip: border-box;
    	background-color: #f8f8f8;
    	padding: 10px 10px 6px;
    	margin-top: 0;
    	border-bottom: 1px solid #ddd;
    	-webkit-border-radius: 6px 6px 0 0;
    	-moz-border-radius: 6px 6px 0 0;
    	-ms-border-radius: 6px 6px 0 0;
    	border-radius: 6px 6px 0 0
    }

    .doc_view .doc_view_header dd {
    	margin-bottom: 4px
    }

    .doc_view .doc_view_header dd,
    .doc_view .doc_view_header dt {
    	line-height: 20px
    }

    .doc_view .doc_view_content {
    	padding: 20px
    }

    .doc_view .doc_view_footer {
    	line-height: 28px;
    	-webkit-background-clip: border;
    	-moz-background-clip: border-box;
    	background-clip: border-box;
    	background-color: #f8f8f8;
    	padding: 8px 20px;
    	border-top: 1px solid #ddd;
    	-webkit-border-radius: 0 0 6px 6px;
    	-moz-border-radius: 0 0 6px 6px;
    	-ms-border-radius: 0 0 6px 6px;
    	border-radius: 0 0 6px 6px
    }

    /* sortable elements */
    .ui-sortable-placeholder {
    	border: 2px dashed #aaa;
    	background: transparent;
    	visibility: visible !important;
    	height: 50px !important;
    	margin-bottom: 20px
    }

    .ui-sortable-helper {
    	z-index: 2100 !important
    }

    .ui-sortable .w-box-header {
    	cursor: move
    }

    .sort-disabled .w-box-header {
    	cursor: default
    }

    .sort_ph {
    	min-height: 80px !important;
    	background: #f8f8f8;
    	padding-bottom: 20px
    }

    /* submenus */

    .caret-right {
    	display: inline-block;
    	position: absolute;
    	top: 8px;
    	right: 10px;
    	width: 0;
    	height: 0;
    	vertical-align: top;
    	border-left: 4px solid #000;
    	border-top: 4px solid transparent;
    	border-bottom: 4px solid transparent;
    	content: "";
    	opacity: 0.6;
    	filter: alpha(opacity=60)
    }

    .dropdown-menu .sub-menu {
    	left: 100%;
    	position: absolute;
    	top: 0;
    	visibility: hidden;
    	margin-top: -1px
    }

    .dropdown-menu li {
    	position: relative
    }

    .dropdown-menu .sub-open {
    	visibility: visible;
    	display: block
    }

    .navbar .sub-menu:before {
    	border-bottom: 7px solid transparent;
    	border-left: none;
    	border-right: 7px solid rgba(0, 0, 0, 0.2);
    	border-top: 7px solid transparent;
    	left: -7px;
    	top: 5px
    }

    .navbar .sub-menu:after {
    	border-top: 6px solid transparent;
    	border-left: none;
    	border-right: 6px solid #fff;
    	border-bottom: 6px solid transparent;
    	left: 10px;
    	top: 6px;
    	left: -6px;
    }

    .sub-dropdown>a:hover .caret-right,
    .sub-dropdown.active>a .caret-right,
    .sub-dropdown.active>a:hover .caret-right {
    	border-left: 4px solid #fff;
    	opacity: 1;
    	filter: alpha(opacity=100);
    }

    .navHover .dropdown-menu {
    	display: block
    }


    /* backgrounds */
    .ptrn_a .main_content {
    	background-image: url(../img/bg_a.png)
    }

    .ptrn_b .main_content {
    	background-image: url(../img/bg_b.png)
    }

    .ptrn_c .main_content {
    	background-image: url(../img/bg_c.png)
    }

    .ptrn_d .main_content {
    	background-image: url(../img/bg_d.png)
    }

    .ptrn_e .main_content {
    	background-image: url(../img/bg_e.png)
    }

    /* Style switcher */
    .ssw_trigger {
    	position: fixed;
    	top: 62px;
    	right: -1px;
    	z-index: 1001;
    	text-decoration: none;
    	font-size: 12px;
    	color: #fff;
    	width: 15px;
    	padding: 2px 3px;
    	background: #333;
    	display: block;
    	-webkit-border-top-left-radius: 8px;
    	-webkit-border-bottom-left-radius: 8px;
    	-moz-border-radius-topleft: 8px;
    	-moz-border-radius-bottomleft: 8px;
    	border-top-left-radius: 8px;
    	border-bottom-left-radius: 8px;
    	border: 1px solid transparent
    }

    .ssw_trigger.active {
    	border-color: #555
    }

    .style_switcher {
    	font-size: 12px;
    	z-index: 1000;
    	position: fixed;
    	top: 54px;
    	right: 0;
    	display: none;
    	background: #000;
    	background: rgba(0, 0, 0, .8);
    	border: 1px solid #111;
    	-moz-border-radius-topright: 12px;
    	-webkit-border-top-right-radius: 12px;
    	-moz-border-radius-bottomright: 12px;
    	-webkit-border-bottom-right-radius: 12px;
    	width: 180px;
    	height: auto;
    	padding: 30px 30px 30px 50px;
    	color: #f5f5f5
    }

    .style_switcher p {
    	margin: 0 0 6px;
    	font-weight: 700
    }

    .style_item {
    	display: block;
    	margin-right: 6px;
    	height: 20px;
    	width: 20px;
    	border: 2px solid #fff;
    	float: left;
    	text-indent: -9999px
    }

    .style_switcher .ptrn_def {
    	background: #fff
    }

    .style_switcher .ssw_ptrn_a {
    	background: #fff url(../img/bg_a.png)
    }

    .style_switcher .ssw_ptrn_b {
    	background: #fff url(../img/bg_b.png)
    }

    .style_switcher .ssw_ptrn_c {
    	background: #fff url(../img/bg_c.png)
    }

    .style_switcher .ssw_ptrn_d {
    	background: #fff url(../img/bg_d.png)
    }

    .style_switcher .ssw_ptrn_e {
    	background: #fff url(../img/bg_e.png)
    }

    .style_switcher .dark_theme {
    	background: #000
    }

    .style_switcher .blue_theme {
    	background: #067ead
    }

    .style_switcher .brown_theme {
    	background: #b47f44
    }

    .style_switcher .green_theme {
    	background: #8da452
    }

    .style_switcher .eastern_blue_theme {
    	background: #1294af
    }

    .style_switcher .tamarillo_theme {
    	background: #af2c36
    }

    .style_active {
    	border-color: #6fd05b
    }

    .style_switcher label {
    	color: #fff
    }


    /* media queries */

    @media (min-width: 980px) {
    	.sidebar {
    		position: fixed;
    		top: 40px;
    		left: 0;
    		margin-left: 0
    	}

    	.navbar-fixed-top .nav-collapse {
    		height: 40px !important
    	}

    	.navbar .nav>li>a {
    		padding-top: 10px
    	}

    	/* fixed layout */
    	.gebo-fixed {
    		max-width: 940px;
    		margin: 0 auto
    	}

    	.gebo-fixed header .container-fluid {
    		max-width: 940px;
    		margin: 0 auto
    	}

    	.gebo-fixed #maincontainer {
    		border-right: 1px solid #ccc;
    		border-left: 1px solid #ccc
    	}

    	.gebo-fixed .sidebar {
    		left: 50%;
    		margin-left: -469px
    	}

    	.gebo-fixed .sidebar_switch {
    		left: 50%;
    		margin-left: -250px
    	}

    	.gebo-fixed.sidebar_hidden .sidebar_switch {
    		margin-left: -465px;
    		left: 50%
    	}

    	.gebo-fixed .search_page .box_view .search_item {
    		width: 48%;
    		height: 210px;
    		margin: 0 0 2% 2%
    	}

    	.gebo-fixed .activeMediaTable th.optional,
    	.gebo-fixed .activeMediaTable td.optional {
    		display: none
    	}

    	.gebo-fixed .brand {
    		width: 120px
    	}

    	.sidebar_right #maincontainer {
    		background-image: url(../img/main_bg_right.gif);
    		background-position: right 0
    	}

    	.sidebar_right .sidebar {
    		left: auto;
    		right: -1px
    	}

    	.sidebar_right .sidebar_switch {
    		left: auto;
    		right: 6px
    	}

    	.sidebar_right .main_content {
    		margin-right: 240px;
    		margin-left: 0;
    		border-left: none
    	}

    	.sidebar_right.sidebar_hidden #maincontainer {
    		background: #fff
    	}

    	.sidebar_right.sidebar_hidden .main_content {
    		margin: 0
    	}

    	.gebo-fixed.sidebar_right .sidebar {
    		left: auto;
    		right: 50%;
    		margin-left: 0;
    		margin-right: -470px
    	}

    	.gebo-fixed.sidebar_right .sidebar_switch {
    		left: auto;
    		right: 50%;
    		margin-left: 0;
    		margin-right: -465px
    	}

    	.gebo-fixed.sidebar_hidden.sidebar_right .sidebar_switch {
    		laeft: auto;
    		margin-left: 0;
    		margin-right: -465px;
    		right: 50%
    	}

    }

    @media (max-width: 1279px) {
    	.search_page .box_view .search_item {
    		width: 49%
    	}
    }

    @media (max-width: 979px) {
    	#maincontainer {
    		background: #fff
    	}

    	.row>[class*="span"],
    	.navbar-fixed-top {
    		margin: 0 !important
    	}

    	.navbar-fixed-top .container-fluid {
    		padding: 0 !important
    	}

    	.navbar .brand {
    		width: auto;
    		line-height: 18px;
    		margin: 3px 0 6px 34px
    	}

    	.navbar .user_menu {
    		padding-top: 5px
    	}

    	.navbar .user_menu .dropdown-menu {
    		margin: 8px 10px 0 0
    	}

    	.navbar .user_menu>li>a {
    		padding: 0 10px 0 0
    	}

    	.navbar-inner {
    		position: relative;
    		z-index: 990;
    		min-height: 28px
    	}

    	.nav-collapse a {
    		color: #fff !important
    	}

    	.nav-collapse .dropdown-menu li {
    		padding: 0
    	}

    	.nav-collapse .dropdown-menu li a {
    		font-weight: 400
    	}

    	.nav-collapse .sub-menu {
    		display: block;
    		left: 0;
    		right: auto;
    		position: relative;
    		visibility: visible
    	}

    	.nav-collapse .caret-right {
    		display: none
    	}

    	.btn-navbar {
    		margin-top: 2px !important;
    		padding: 2px 8px !important
    	}

    	.user_menu .dropdown {
    		margin-left: 10px
    	}

    	.main_content {
    		margin: 0 !important;
    		border: none !important;
    		padding: 28px 14px 20px
    	}

    	.main_content .row-fluid+.row-fluid {
    		margin-top: 20px
    	}

    	.sidebar {
    		height: 400px;
    		position: absolute;
    		top: 39px;
    		left: 0;
    		background: #f1f1f1;
    		border-width: 0 1px;
    		border-style: solid;
    		border-color: #ccc;
    		margin: 0;
    		-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    		-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    		z-index: 1000;
    		-webkit-border-radius: 0px 5px 5px 0px;
    		border-radius: 0px 5px 5px 0px
    	}

    	.sidebar:after {
    		border-bottom: 6px solid #fff;
    		border-left: 6px solid transparent;
    		border-right: 6px solid transparent;
    		content: "";
    		display: inline-block;
    		left: 15px;
    		position: absolute;
    		top: -6px
    	}

    	.sidebar_hidden .sidebar {
    		border: none
    	}

    	.sidebar_switch {
    		position: absolute;
    		z-index: 1000;
    		left: 5px !important;
    		top: 14px;
    		padding: 0 10px
    	}

    	.off_switch {
    		background-position: center 1px
    	}

    	.on_switch {
    		background-position: center -17px
    	}

    	.sidebar_inner {
    		padding-bottom: 0 !important
    	}

    	div.sticky-queue {
    		z-index: 10000;
    		top: 0
    	}

    	.ms-container {
    		background-position: 160px 83px
    	}

    	.ms-container ul.ms-list {
    		width: 152px;
    	}

    	#multi_search {
    		width: 136px
    	}

    	.btn_menu {
    		display: block;
    		clear: both;
    		padding: 8px 0 6px;
    		border-top: 1px solid rgba(255, 255, 255, .2);
    		box-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    		text-align: center;
    		position: relative;
    		top: 4px;
    		cursor: pointer
    	}

    	.btn_menu span {
    		opacity: .8
    	}

    	.ssw_trigger {
    		display: none
    	}
    }

    @media (max-width: 767px) {
    	.row-fluid>[class*="span"]+[class*="span"] {
    		margin-top: 20px
    	}

    	.row-fluid input[class*="span"],
    	.row-fluid textarea[class*="span"],
    	.row-fluid select[class*="span"] {
    		width: 80%
    	}

    	.input-prepend,
    	.input-append {
    		margin-bottom: 10px
    	}

    	form .row-fluid>[class*="span"]+[class*="span"] {
    		margin-top: 0
    	}

    	.login_page {
    		margin-top: 10px
    	}

    	.login_page .content_b {
    		margin: 0 20px
    	}

    	.search_page .box_view .search_item {
    		width: 99%;
    		margin-bottom: 3%
    	}

    	.error_page .error_box {
    		background: none;
    		width: 100%
    	}

    	.error_page .error_box h1 {
    		padding: 40px 20px 0
    	}

    	.error_page .error_box p {
    		margin: 0 20px 10px
    	}

    	.error_page .error_box .back_link {
    		margin: 0 20px
    	}

    	.style_switcher {
    		display: none
    	}

    	.dshb_icoNav {
    		text-align: center
    	}

    	.dshb_icoNav li {
    		float: none;
    		display: inline-block
    	}

    	#cboxContent .video-js {
    		width: 100% !important;
    		height: 100% !important
    	}

    	.vcard>.thumbnail {
    		display: none
    	}

    	.vcard>ul {
    		margin: 0
    	}

    	.item-list .thumbnail {
    		float: none;
    		display: inline-block;
    		margin: 0 10px 10px 0
    	}

    }

    @media (max-width: 479px) {
    	.login_page .login_box {
    		width: 100%
    	}

    	.login_page .cnt_b {
    		padding: 20px 0;
    		width: 68%;
    		margin: 0 auto
    	}

    	.-list-container {
    		height: 300px
    	}
    }

    @media (min-width: 1681px) {
    	body {
    		max-width: 1680px;
    		margin: 0 auto
    	}

    	header .container-fluid {
    		max-width: 1640px;
    		margin: 0 auto
    	}

    	#maincontainer {
    		border-right: 1px solid #ccc
    	}

    	.main_content {
    		border-left: none
    	}

    	.sidebar {
    		left: 50%;
    		margin-left: -841px;
    		border-left: 1px solid #ccc
    	}

    	.sidebar_switch {
    		left: 50%;
    		margin-left: -620px
    	}

    	.sidebar_hidden .main_content {
    		border-left: 1px solid #ccc
    	}

    	.sidebar_hidden .sidebar_switch {
    		margin-left: -832px;
    		left: 50%
    	}
    }



    .error_style {
    	color: #b94a48;
    	border-color: #b94a48
    }

    .error_style:focus {
    	-webkit-box-shadow: 0 0 6px #B44845;
    	-moz-box-shadow: 0 0 6px #B44845;
    	box-shadow: 0 0 6px #B44845;
    	border-color: #b94a48
    }


    .blue-header {
    	padding: 6px 0 0 15px;
    	color: #FBFBFB;
    	font-family: 'PT Sans', sans-serif;
    	font-weight: 500;
    	font-size: 18px;
    }

    .head-back {
    	/*background: #007abd;
box-shadow: inset 0px 1px 8px -1px #202020;*/
    	background: transparent;
    	border-bottom: 1px solid #007abd;
    }

    .head-back ul {
    	margin: 0px;
    }

    .head-back ul li {
    	display: inline-block;
    	line-height: 20px;
    	padding: 7px 12px;
    	border-right: 1px solid #D8D8D8;
    }

    .head-back ul li a {
    	text-decoration: none;
    }

    .dropdown02 {}

    .dropdown02:hover {}

    .dropdown02 button {
    	border-radius: 0px;
    	padding: 0px;
    	border: 0px !important;
    	box-shadow: inherit;
    	color: #fff;
    	font-size: 16px;
    	text-shadow: none !important;
    	box-shadow: inset -3px 2px 3px -2px #505354;
    	background: #d9e8f2;
    	color: #023247;

    }

    .dropdown02 button:hover {
    	background: #787878;
    	box-shadow: inherit;
    	color: #fff !important;
    	border: 1px solid #7e7d7d;
    	text-shadow: 1px 2px 3px #777;
    	box-shadow: inset -1px 3px 3px -2px #505354;
    	transition: 500ms;
    }

    .dropdown02 .caret {
    	border-top: 6px solid #298CB6;
    	opacity: 5;
    	margin-top: 0px;
    	margin-right: 10px;
    }

    .dropdown02 ul {
    	border-radius: 0px;
    	padding: 0px;
    	min-width: 143px;
    	right: 0;
    	left: auto !important;
    }

    .dropdown02 ul li {
    	display: block;
    	padding: 0px;
    	border: 0px;
    }

    .dropdown02 ul li a {}

    .dropdown02 ul li a:hover {
    	border-radius: 0px;
    	background: #D4D4D4 !important;
    	color: #000;
    }

    .head-inc01 {
    	margin: 0px;
    	border: 0px;
    	float: left;
    	font-size: 13px;
    	font-weight: 600;
    	background: #007ABD;
    	padding: 5px 14px;
    	color: #fff;
    }

    .img-cir {
    	width: 20px;
    	border: 1px solid #fff;
    	border-radius: 54px;
    	height: 20px;
    	background: #fff;
    	margin-right: 8px;
    	padding: 2px;
    }

    .table02 {}

    .button-align {
    	border-bottom: 0px solid #007abd;
    }

    .button-align input {
    	background: transparent;
    	border-radius: 0;
    	color: #fff;
    	text-shadow: 0px 0px 0px #fff;
    	border: 0px;
    	margin: 0px;
    	width: auto !important;
    	box-shadow: inherit;
    }

    .button-align input:hover {
    	background: transparent;
    	color: #fff;
    }

    .button-align td {
    	padding: 0px !important;
    }

    /*.accordion-next .accordion-heading .accordion-toggle:nth-child(2n+1){ background:#000;}*/

    .container-fluid02 {
    	background: #3993ba;
    	background: -moz-linear-gradient(top, #3993ba 0%, #067ead 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3993ba), color-stop(100%, #067ead));
    	background: -webkit-linear-gradient(top, #3993ba 0%, #067ead 100%);
    	background: -o-linear-gradient(top, #3993ba 0%, #067ead 100%);
    	background: -ms-linear-gradient(top, #3993ba 0%, #067ead 100%);
    	background: linear-gradient(top, #3993ba 0%, #067ead 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3993ba', endColorstr='#067ead', GradientType=0);
    }

    .table03 td {
    	/*border-top: 1px solid #3892ba;*/
    }

    .table03 th {
    	border-top: 1px solid #3892ba;
    }

    .button-align {
    	float: right;
    	margin: 0px;
    }

    .button-align li {
    	display: inline-block;
    	background: #007abd;
    	color: #fff;
    	padding: 2px 15px;
    	border-radius: 2px;
    	margin: 2px 0;
    }

    .button-align i {
    	color: #fff;
    	font-size: 15px;
    }

    .button-align li:hover {
    	background: #787878 !important;
    }

    .back-bg01 {
    	background: #3993ba !important;
    	background: -moz-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3993ba), color-stop(100%, #067ead)) !important;
    	background: -webkit-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -o-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -ms-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3993ba', endColorstr='#067ead', GradientType=0) !important;
    }

    .back-ex th {
    	background: #3993ba !important;
    	background: -moz-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3993ba), color-stop(100%, #067ead)) !important;
    	background: -webkit-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -o-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: -ms-linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	background: linear-gradient(top, #3993ba 0%, #067ead 100%) !important;
    	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3993ba', endColorstr='#067ead', GradientType=0) !important;
    	color: #fff;
    	text-shadow: 1px 1px 0 #605f5f;
    }

    .dropdown02 button i {
    	font-weight: 600;
    	line-height: 37px;
    	width: 40px;
    	background: rgb(32, 136, 179);
    	color: #fff;
    	box-shadow: inset -1px 0px 2px #0006;
    	font-size: 14px;
    }

    .table05 tr:nth-child(2n+1) td,
    .table-striped tbody tr:nth-child(2n+1) th {
    	background: #table05 !important;
    }

    .back-panel02 {
    	background: #fff;
    	padding: 12px;
    	margin-bottom: 12px;
    }

    .btn-3 {
    	background: #d9e8f2 !important;
    	color: #023247 !important;
    }

    .col-01 {
    	float: left;
    	width: 20%;
    }

    .col-02 h4 {
    	color: #1e88b3;
    	font-size: 18px;
    	padding-left: 20px;
    	padding-bottom: 6px;
    }

    .col-01 img {
    	width: 100%;
    	padding: 0px;
    	height: 168px;
    	background: #f2f2f2;
    	border: 1px solid #cfcfcf;
    }

    .col-02 {
    	float: left;
    	width: 80%;
    }

    .left-item01 {
    	float: left;
    	width: 17%;
    	text-align: right;
    	padding-right: 10px;
    	font-weight: 600;
    	color: #0079aa;
    }

    .right-item01 {}

    .col-02 ul li {
    	list-style: none;
    	font-size: 13px;
    	padding: 4px 0;
    }

    .col-02 ul {
    	margin: 0px;
    }

    .customer-profile {}

    .cl-03 {
    	background: #f5f5f5;
    	border: 1px solid #d8d8d8;
    	padding: 6px 12px;
    	margin-bottom: 12px;
    }

    .error01 span {
    	color: #F00 !important;
    	padding: 5px;
    	margin-left: 12px;
    	font-weight: 600;
    	border: 1px solid #2c8eb7;
    	font-size: 11px;
    }

    .error01 i {
    	margin-right: 5px;
    }

    .add-select01 select {
    	width: 100% !important;
    }

    .add-select02 select {
    	width: auto !important;
    	margin: 0px !important;
    }

    .no-margin input {
    	margin: 0px !important;
    }

    .no-margin select {
    	margin: 0px !important;
    }

    .scroll-04 {}

    .vcard-hov01 ul li:hover {
    	background: #e1dede;
    	transition: 500ms;
    }

    .add-table02 {}

    .add-table02 th {
    	border-bottom: 1px solid #c7ced2;
    }

    .add-table02 td {}

    .add-table02 a {
    	margin-top: 7px;
    	float: left;
    	margin-left: 6px;
    }

    .add-table02 i {
    	color: #000;
    	font-size: 15px;
    }

    .popup-none {
    	display: none;
    }

    .drop-right {
    	float: right;
    }

    .close02 {
    	width: 28px;
    	background: #fff;
    	text-align: center;
    	border: 1px solid #909090;
    	float: right;
    	cursor: pointer;
    	position: absolute;
    	right: 10px;
    }

    .upload02 img {
    	width: 36px;
    	margin: 0px auto;
    	display: block;
    }

    .information01 i {
    	background: #1986b2;
    	color: #fff;
    	padding: 7px 11px;
    	font-size: 11px;
    	border-radius: 14px;
    	cursor: pointer;
    	border: 1px solid #198fc0;
    }

    .information01 i:hover {
    	background: transparent;
    	color: #000;
    }

    .modal-page01 {
    	border: 8px solid #cbcbcb;
    	background: #fff !important;
    	border-radius: 0px;
    }

    .add-left {
    	width: 30%;
    	float: left;
    	background-color: #d9e8f2 !important;
    	padding: 2px 6px;
    	margin-right: 10px;
    }

    .add-left p {
    	font-weight: 600;
    	margin: 0px;
    	text-align: right;
    	padding-right: 4px;
    }

    .add-right {
    	width: 65%;
    	float: left;
    }

    .add-right p {
    	margin: 0px;
    }

    .add-head {}

    .close02 {
    	margin-top: 18px !important;
    	opacity: 2.5 !important;
    }

    .close02::before {
    	color: rgba(255, 0, 0, 0.9) !important;
    }

    .modal.fade.in {
    	top: 60% !important;
    	left: 60%;
    }

    .close:hover {
    	background-color: transparent !important;
    }

    .multi-select-left .chzn-container {
    	float: left !important;
    	width: 76% !important;
    }

    .multi-select-left02 .chzn-container {
    	float: left !important;
    	width: 78% !important;
    }

    .multi-select-left03 .chzn-container {
    	width: 95% !important;
    }

    .multi-left02 .chzn-drop {
    	width: 100% !important;
    }

    .multi-left02 .chzn-container {
    	float: left !important;
    	width: 68% !important;
    }

    .modal04 {
    	width: 62% !important;
    	top: -50% !important;
    }

    .modal04.fade.in {
    	top: 50% !important;
    	left: 42%;
    	border: 0;
    	border-radius: 0px;
    }

    .close-stock {
    	top: 0px !important;
    	opacity: .8;
    }

    .close-stock:before {}

    .modal04 .modal-body {
    	max-height: none !important;
    	padding: 15px;
    	overflow-y: inherit;
    }


    .top-header-home {}

    .top-header-home h4 {
    	font-size: 24px;
    	font-weight: normal;
    	float: left;
    	padding-right: 8px;
    	padding-bottom: 26px;
    	margin: 0px;
    }

    .top-header-home p {
    	float: left;
    	margin: 0;
    	padding-top: 7px;
    }

    .bg-gray {
    	color: #000;
    	background-color: #d2d6de !important
    }

    .bg-gray-light {
    	background-color: #f7f7f7
    }

    .bg-black {
    	background-color: #111 !important
    }

    .bg-red,
    .callout.callout-danger,
    .alert-danger,
    .alert-error,
    .label-danger,
    .modal-danger .modal-body {
    	background-color: #dd4b39 !important
    }

    .bg-yellow,
    .callout.callout-warning,
    .alert-warning,
    .label-warning,
    .modal-warning .modal-body {
    	background-color: #f39c12 !important
    }

    .bg-aqua,
    .callout.callout-info,
    .alert-info,
    .label-info,
    .modal-info .modal-body {
    	background-color: rgba(0, 192, 239, 0.24) !important;
    }

    .bg-blue {
    	background-color: #0073b7 !important
    }

    .bg-light-blue,
    .label-primary,
    .modal-primary .modal-body {
    	background-color: #0a3483 !important
    }

    .bg-green,
    .callout.callout-success,
    .alert-success,
    .label-success,
    .modal-success .modal-body {
    	background-color: #00a65a !important
    }

    .bg-navy {
    	background-color: #001f3f !important
    }

    .bg-teal {
    	background-color: #39cccc !important
    }

    .bg-olive {
    	background-color: #3d9970 !important
    }

    .bg-lime {
    	background-color: #01ff70 !important
    }

    .bg-orange {
    	background-color: #ff851b !important
    }

    .bg-fuchsia {
    	background-color: #f012be !important
    }

    .bg-purple {
    	background-color: #605ca8 !important
    }

    .bg-maroon {
    	background-color: #d81b60 !important
    }

    .bg-gray-active {
    	color: #000;
    	background-color: #b5bbc8 !important
    }

    .bg-black-active {
    	background-color: #000 !important
    }

    .bg-red-active,
    .modal-danger .modal-header,
    .modal-danger .modal-footer {
    	background-color: #d33724 !important
    }

    .bg-yellow-active,
    .modal-warning .modal-header,
    .modal-warning .modal-footer {
    	background-color: #db8b0b !important
    }

    .bg-aqua-active,
    .modal-info .modal-header,
    .modal-info .modal-footer {
    	background-color: #00a7d0 !important
    }

    .bg-blue-active {
    	background-color: #005384 !important
    }

    .bg-light-blue-active,
    .modal-primary .modal-header,
    .modal-primary .modal-footer {
    	background-color: #357ca5 !important
    }

    .bg-green-active,
    .modal-success .modal-header,
    .modal-success .modal-footer {
    	background-color: #008d4c !important
    }

    .bg-navy-active {
    	background-color: #001a35 !important
    }

    .bg-teal-active {
    	background-color: #30bbbb !important
    }

    .bg-olive-active {
    	background-color: #368763 !important
    }

    .bg-lime-active {
    	background-color: #00e765 !important
    }

    .bg-orange-active {
    	background-color: #ff7701 !important
    }

    .bg-fuchsia-active {
    	background-color: #db0ead !important
    }

    .bg-purple-active {
    	background-color: #555299 !important
    }

    .bg-maroon-active {
    	background-color: #ca195a !important
    }

    .small-box {
    	border-radius: 2px;
    	position: relative;
    	display: block;
    	margin-bottom: 20px;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
    }

    .small-box>.inner {
    	padding: 10px
    }

    .small-box>.small-box-footer {
    	position: relative;
    	text-align: center;
    	padding: 3px 0;
    	color: #fff;
    	color: rgba(255, 255, 255, 0.8);
    	display: block;
    	z-index: 10;
    	background: rgba(0, 0, 0, 0.1);
    	text-decoration: none
    }

    .small-box>.small-box-footer:hover {
    	color: #fff;
    	background: rgba(0, 0, 0, 0.15)
    }

    .small-box h3 {
    	font-size: 38px;
    	font-weight: bold;
    	margin: 0 0 10px 0;
    	white-space: nowrap;
    	padding: 0;
    	color: #fff;
    }

    .small-box p {
    	font-size: 15px;
    	color: #fff;
    }

    .small-box p>small {
    	display: block;
    	color: #f9f9f9;
    	font-size: 13px;
    	margin-top: 5px
    }

    .small-box h3,
    .small-box p {
    	z-index: 5
    }

    .small-box .icon {
    	-webkit-transition: all .3s linear;
    	-o-transition: all .3s linear;
    	transition: all .3s linear;
    	position: absolute;
    	top: -10px;
    	right: 10px;
    	z-index: 0;
    	font-size: 90px;
    	color: rgba(0, 0, 0, 0.15)
    }

    .small-box:hover {
    	text-decoration: none;
    	color: #f9f9f9
    }

    .small-box:hover .icon {
    	font-size: 95px
    }