/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 
 .hash-summ {
 	display:none
 }
 
 .opacity01 {
 	opacity: 0.1 !important;
 }
 
 .limits-title {
	font-size: 12px;
	text-shadow: 1px 1px 0px #cdcdcd;
	font-family: Georgia;
}
 
 #loader {
 	position: fixed;
 	z-index: 9999998;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgb(0,0,0,0.05);
 	display: none;
 }
 #loader .spin {
	margin: 0;
    position: absolute;
 	z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 1.3em;
}
#loader .focus {
	position: absolute;
	top: -100px;
}
#loader .fa-spin {
	position: relative;
	top: 8px;  
}
#loader .fa-info {
	padding: 2px 3px 5px 3px;
}

#logo {
	margin-top: 6px;
	font-size: 20px;
	line-height: 34px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #cfcfcf;
}
body.menu-on-top.fixed-header {
    padding-top: 0;
    margin-top:-23px;
}

.fixed-ribbon #ribbon {
    position: fixed;
    right: 0;
    left: 0;
    top: 49px;
    z-index: 901
}

#ribbon {
    min-height: 40px;
    background: #474544;
    padding: 0 13px;
    position: relative;
}

#ribbon .breadcrumb {
    display: inline-block;
    margin: 0;
    padding: 11px 34px 11px 0 !important;
    background: 0 0;
    vertical-align: top
}

#ribbon .breadcrumb,
#ribbon .breadcrumb a {
    color: #BBB !important;
    text-decoration: none !Important
}

#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb>.active {
    color: #E4E4E4
}

.page-title {
	margin-bottom: 14px;	
}
@media (max-width:767px) {
	#content {
		padding-top: 120px !important;
	}
	.page-title {
		display: block;
	}
}

.hand-label {
	display: block;
	cursor: hand;
	cursor: pointer;
}

.padding-top-bottom-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-save .fa-save {
	padding-left: 2px;
}

.displaynone {
	display:none;
}

.breadcrumb li a:hover {
	color: #fff !important;
	opacity: 0.7 !important;
}


.table-th-vtop th {
	vertical-align: top !important;
}

.th-link-sort {
	color: #000 !important;
}

.btn .no-in-button {
	display:none;
}



#helpme-alert {
	position: fixed;
	z-index: 1000000;
	bottom: 0px;
	right: 10px;
	width: 300px;
	box-shadow: 0px 0px 20px #000;
	display: none;
}
#helpme-alert .title {
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}


#paginator {
	position: relative; 
	z-index: 101 !important; 
	top: 34px; 
	margin-top: -34px; 
	height: 30px; 
	float: right; 
	display: inline;
}
#paginator .finded {
	font-size: 12px;
	position: relative; 
	top: 2px; 
	right: 10px;
}


.text-muted {
	color: #777777 !important;
}

.date-create-small {
	font-size: 11px;
	line-height: 21px;
	color: #999;
}

.dropdown-menu {
	z-index: 10101010 !important;
}
.dropdown-menu .checked {
	background: #555;
	color: #fff;
	cursor: default;
	font-weight: bold;
}
.dropdown-menu .checked:hover {
	background: #555;
}

	
	
	
#tableFixHB {
	overflow-y: auto; 
	height: 300px;
}
#tableFixHB .thead-top th { position: sticky; 
							top: 0; 
							z-index: 100;
							border-right: none; 
							border-left:none;
						   }

#tableFixHB table  { border-collapse: collapse; width: 100%; }
#tableFixHB td { padding: 5px 9px !important; }
#tableFixHB th { 
	               padding: 0 !important; 
                 }
#tableFixHB .thead-top .th-container {
	height: 64px !important;
	padding: 4px 7px 4px 7px !important;
	background: #eee !important;
	border-top: 1px solid #cdcdcd !important;
	border-bottom: 1px solid #cdcdcd !important;
	border-right: 1px solid #cdcdcd !important;
}

#tableFixHB .thead-bottom th { position: sticky; bottom: -1px; }

#tableFixHB .thead-bottom .th-container {
	height: 50px !important;
	padding: 4px 10px 2px 10px !important;
	background: #e9e9e9 !important;
	border-top: 1px solid #cdcdcd !important;
	border-bottom: 1px solid #cdcdcd !important;
}



#tableFixHB .tr-odd td {
	background: #f9f9f9;
}
#tableFixHB .tr-odd:hover td {
	background: #ecf3f8;
}
#tableFixHB .tr-even td {
	background: #f6f6f6;
}
#tableFixHB .tr-even:hover td {
	background: #ecf3f8;
}
#tableFixHB .status-fixed .td-otbor, #tableFixHB .status-fixed .td-title {
	background: #dff0d8;
}
#tableFixHB .status-fixed:hover td {
	background: #d0e9c6;
}
#tableFixHB .success td {
	background: #d0e9c6 !important;
}
#tableFixHB .status-removed .td-otbor, #tableFixHB .status-removed .td-title {
	background: #f2dede;
}
#tableFixHB .status-removed:hover td {
	background: #ebcccc;
}
#tableFixHB .danger td {
	background: #ebcccc !important;
}
#tableFixHB .td-otbor {
	position: sticky;
	left: 0px;
	border-right: none;
	padding: 0px 0px 0px 0px !important;
}
#tableFixHB .td-otbor .data-container {
	position: relative;
	top: 1px;
	width: 58px;
	padding: 2px 4px 3px 2px;
	border-bottom: 1px solid #dddddd;
}
#tableFixHB .td-title {
	position: sticky;
	left: 54px;
	padding: 0px 0px 0px 0px !important;
}
#tableFixHB .th-otbor-top {
	position: sticky;
	z-index: 11223344 !important;
	left: 0px;
}
#tableFixHB .th-otbor-bottom {
	position: sticky;
	left: 0px;
}
#tableFixHB .th-title-top, #tableFixHB .th-title-bottom {
	position: sticky;
	z-index: 11223344 !important;
	left: 54px;
}
#tableFixHB .th-title-top .th-container, #tableFixHB .th-title-bottom .th-container {
	border-right: 1px solid #dddddd;
}
#tableFixHB .td-title .in {
	position: relative;
	top: 1px;
	padding: 2px 8px 3px 8px !important;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;	
}
#tableFixHB td {
	padding: 5px 12px 3px 12px !important;
}
#tableFixHB .st-td {
	padding: 0px 0px !important;
}
.wslink {
	color:#333;  
	display:block; 
	height: 100%;
	line-height: 30px;
	padding-left: 10px;
}
.wslink:hover {
	background: #fcf8e3;
	text-decoration: none;
}

.th-link-sort:hover {
	text-decoration:none;
	color: #555 !important;
}
.th-link-sort {
	text-decoration:none;
}


.tr-light {
	background: #e4e9f0 !important;
}
.tr-light .domain-link {
	color: #000 !important;	
}
.i-percent {
	font-size: 10px; color: #777; padding-left:1px;
}
.st-u {
	position: relative; top: -5px; font-size: 11px; color: green;
	left: -1px;
}
.st-u span {
	margin-left: -2px;
}
.st-d {
	position: relative; top: -5px; font-size: 11px; color: red;
	left: -1px;
}
.st-d span {
	position: relative;
	top: 1px;
}
.st-d .ee {
	position: relative;
	top: 0px;
	padding-left: 0px;
}
.st-d-full {
	position: relative; top: -2px; font-size: 11px; color: red;
}
.st-pos {
	font-size: 14px;
}

.st-td a {
	color: #000 !important;
	text-decoration: none;
	padding: 6px 12px;
	display: block;
}
.st-td a:hover {
	background-color: rgb(0,0,0,0.0555);
}

.fa-sort-st1 {
	position: relative; left: 10.5px; opacity: 0.3;
	margin-left: -10px;
}
.opacity03 {
	opacity: 0.3;
}
.tag-sort {

}

.table-title {
	padding: 0px;
	font-size: 1.7em;
}