﻿body {
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../Images/Preloaders/Preloader_21.gif') center no-repeat #fff;
}
.page-header-custom
{
	margin-top:70px;
}
.content-panel
{
	margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 10px;
	padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
    border:solid 1px #dddddd;
}
.row-button
{
	margin-top:5px;
	text-align:center;
}
.alert-margin
{
	margin-bottom:10px;
}
.nav-pills-margin-bottom
{
	margin-bottom:10px;
}
.grid-header
{
	background:#101010;
	color:#ffffff;
}
.grid-row
{
	background:#ffffff !important;
}
.grid-alt-row
{
	background:#f3f3f3 !important;
}
.grid-row:hover,
.grid-alt-row:hover
{
	background:#faebcc !important;
}
.login-footer
{
	text-align:center !important;	
}
.login-header h3
{
	margin-top:10px;
	margin-bottom:5px;
}
.login-footer .help-block
{
	margin-bottom:7px;
}
.login-header .float
{
	float:left !important;
	margin-top:5px;
}
.loading-footer .help-block
{
	margin:0px;
}
.loading-body
{
	margin-bottom:0px;
}
.col-button
{
	margin-top:0px;	
}
.col-margin
{
	margin-top:0px;	
}
.denied
{
	color:#a94442;
}
.grid-row a[data-target*=deniedModal],
.grid-alt-row a[data-target*=deniedModal]
{
	color: #a94442;
	text-decoration:none;
	cursor: not-allowed; 
}
footer li
{
	float:none !important;	
}
.grid-header th
{
	border-bottom:0 !important;
}
.border-radius-0
{
	border-radius:0 !important;
}
#divDocument .col-md-12
{
	margin-bottom:0;
}
.file-zoom-fullscreen .file-preview {
	min-height:400px !important;
	height:100% !important;
}
.file-zoom-fullscreen .file-preview-frame {	
	min-height:450px !important;	
}
.file-preview
{
	border: 1px solid #ddd;
	padding: 8px;
	width: 100%;
    height: 100%;
    height: 400px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.file-preview-frame
{
	width:100%;
	height:100%;
	min-height:400px;	
}
.file-preview-text {
    display: block;
    color: #428bca;    
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    outline: 0 !important;    
    resize: none;    
    font-size: 1.2em;
    background:#fff !important; 
    height:100%; 
    min-height:400px !important;  
}
.file-preview-html {
    overflow: auto;
    height:100%;
    min-height:400px;
}
.file-preview-other {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    height: 100%;
    min-height: 400px;
}
.file-preview-img {
    text-align: center;
    vertical-align: middle;
    width:100%;
    height:100%;
}
.file-other-icon {
    font-size: 55vmin;
}
.file-zoom-fullscreen.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.file-zoom-fullscreen .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.file-zoom-fullscreen .modal-content {
    border-radius: 0;
    box-shadow: none;
}
.file-zoom-fullscreen .modal-body {
    position: relative!important;
    overflow-y: auto;   
}
.file-preview-other:hover {
    opacity: .8;
}
.btn-toggleheader, .btn-fullscreen, .btn-borderless, .btn-close
{
	padding:9px 12px;
	box-shadow:none;
}
#viewModal .btn-first {
    left: 1px;
}
#viewModal .btn-last {
    right: 1px;
}
#viewModal .btn-prev {
    left: 50px;
}
#viewModal .btn-next {
    right: 50px;
}
#viewModal .btn-navigate {
    position: absolute;
    padding: 0;
    margin: 0;
    background: transparent;
    text-decoration: none;
    outline: 0;
    opacity: .7;
    top: 45%;
    font-size: 4em;
    color: #1c94c4;
}
#viewModal .btn-navigate:hover {
	opacity: .5;
}
#viewModal .btn-navigate[disabled] {
    opacity: .3;
}
.doc-count
{
	font-weight: normal; 
	text-align: left; 
	white-space: nowrap;
}
select#docCount
{
	width:75px; 
	display:inline-block; 
	margin-left:5px; 
	margin-right:5px;
}
tr.selected
{
	background-color: #acbad4 !important;
}
.text-disable
{
	background:#fff !important;
	cursor:text;
}
textarea{resize:none !important; min-height:75px !important;}
td.details-control {
	background: url('../App_Themes/details_open.png') no-repeat center center;
	cursor: pointer;
	width:3%;
}
tr.shown td.details-control {
	background: url('../App_Themes/details_close.png') no-repeat center center;
}
.letter-spacings
{
	letter-spacing:1.5px;
}
.valign-middle
{
	vertical-align:middle;
}
.p-l-md
{
	padding-left:15px !important;
}
.p-r-md
{
	padding-right:15px !important;
}
.m-t-n
{
	margin-top:0 !important;
}
.m-b-xs
{
	margin-bottom:5px;
}
.m-b-sm
{
	margin-bottom:10px !important;
}
.m-t-sm
{
	margin-top:10px !important;
}
.m-b-3
{
	margin-bottom:3px !important;
}
.m-b-8
{
	margin-bottom:8px !important;
}
.bb
{
	border-bottom: solid 1px #dddddd;
}
@media(min-width:1280px),(min-width:992px),(min-width:768px)
{
	.content-panel,
	.panel-custom
	{
		padding-right: 60px;
		padding-left: 60px;		
	}
	.login-header .float
	{
		float:right !important;
		margin-top:15px;
	}
	.login-panel,
	.login-alert
	{		
		margin-left:25%;
		margin-right:25%;
	}
	.col-button
	{
		margin-top:23px;
	}
	.col-margin
	{
		margin-top:19px;
	}
	.margin-bottom-0
	{
		margin-bottom:0px;
	}
	textarea.min-height
	{
		min-height:108px !important;
	}
}
@media(max-width:706px)
{
	footer li:nth-child(2)
	{
		display:none;
	}
	footer li:nth-child(2) span.hidden
	{
		display:none !important;
	}
	footer li:nth-child(3) span.hidden
	{
		display:inline-block !important;
		padding-left:3px;
	}
	footer li:nth-child(4)
	{
		clear:both;
		display:block !important;
		padding-top:5px;
	}
}	
@media(max-width:590px)
{	
	footer li:nth-child(2)
	{
		display:inline-block !important;
		float:right !important;
		clear:none;	
	}
	footer li:nth-child(2) span.hidden
	{
		display:inline-block !important;
		padding-left:3px;
	}
	footer li:nth-child(3)
	{
		float:none !important;
		padding-top:5px;
		display:block;
		clear:both;	
	}
	footer li:nth-child(3) span.hidden
	{
		display:none !important;
	}	
	footer li:last-child
	{		
		display:none !important;
	}	
}
@media(max-width:523px)
{
	footer li:nth-child(2) span.hidden
	{
		display:none !important;
	}
}
@media(max-width:479px)
{
	footer li:first-child
	{		
		float:none !important;
	}
	footer li:not(:first-child):not(:last-child)
	{
		float:none !important;
		padding-top:5px;
		display:block;
	}
	footer li:last-child
	{		
		display:none !important;
	}
}