@CHARSET "UTF-8";

/* Show vertical scroll bars permanently */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 6px; /* controls width of vertical */
	height: 6px;
  }
  
  ::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

/* Main Page Layout */
body {
	/* Adjust padding for header/footer */
	padding-top: 70px;
	padding-bottom: 1.5em;
}

h3 {
	font-weight: 300;
	letter-spacing: .025em;
}
h4 {
	font-weight: 300;
	letter-spacing: .05em;
}

.navbar-fixed-bottom {
	min-height: 3em;
	height: 3em;
	line-height: 3em;
	border: 0;
	font-size: 11px;
	letter-spacing: .05em;
	background-color: #f4f4f4 !important;
}
footer.navbar-fixed-bottom p {
	color: #ababab;
	font-weight: 300;
	letter-spacing: .05em;
}

.bg-docmoto-dark {
	background-color: #64cc00; /* #01951f; */
	color: white;
}

.bg-docmoto-light0 {
    background-color: #01951f;
    color: white;
}

.bg-docmoto-dark li.dropdown>a, .bg-docmoto li.dropdown.open>a {
	background-color: transparent;
	color: white;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #005f00;
    color: #abd3ac;
}
 
.bg-docmoto-dark li.dropdown>a:hover {
	background-color: transparent;
	color: #ccff99;
}

 .nav .open > a:focus {
    background-color: transparent;
    border-color: transparent;
}



/* Without this the main grid view has a zero height */
.content-panel {
	min-height: 600px;
	/* Only do this if not using splitter widget */
	/* display: table-cell; */
}

/* Login Page */
body.login {
	min-height: 100%;
	padding-top: 0vh;
	padding-bottom: 15vh;
	background-color: #33373d;
}

body.login .logo {
	margin-bottom: 50px;
	margin-top: 50px;
}

body.login .form-group {
	text-align: center;
}

body.login footer {
	margin-top: 100px;
	font-size: 11px;
	letter-spacing: .05em;
	color: #adb4ad;
	text-align: center;
	line-height: 17px;
}

body.login footer strong {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}

body.login footer a {
	color: #adb4ad;
	text-decoration: none;
}

body.login footer a:hover {
	color: #01951f;
}

/* Buttons: use with bootstrap btn */
.btn-docmoto-primary {
	color: #fff;
	background: #01951f;
	border-color: #006200;
}

.btn-docmoto-primary:hover {
	color: #fff;
	background: #27bb45; /* 15% lighter */
	border-color: 006f00;
}

/* Displaying pretty paths (Used in upload dialog) */
.pathpart {
	/* border: 1px solid gray; */
	padding: 1px 2px;
	font-weight:normal;
}

.pathpart-hr{
	margin-top:5px;
	margin-bottom:0px;
	border-top: 1px solid #ddd;	
}

.pathpart-prefix{
	font-weight:normal;
	margin-right:5px;
}

.pathseperator {
	padding: 0px 2px;
}

.pathseperator:before {
	content: "\25b8"; /* Right pointing triangle */
	color:black;
}

/*
 * Tabs 
 */

/* Overide bootstrap default blue for links */
.nav-tabs>li>a {
	color: #006c00; /* #01951f; */
	background: #f8f8f8;
}

.docmoto-pad-top {
	padding-top: 15px;
}

/* Menu Icons */
.icon-cancelcheckout {
	background: url(../images/icon-cancelcheckout.png) 50% 50% no-repeat;
}

.icon-checkin {
	background: url(../images/icon-checkin.png) 50% 50% no-repeat;
}

.icon-checkout {
	background: url(../images/icon-checkout.png) 50% 50% no-repeat;
}

.icon-createfolder {
	background: url(../images/icon-createfolder.png) 50% 50% no-repeat;
}

.icon-details {
	background: url(../images/icon-details.png) 50% 50% no-repeat;
}

.icon-download {
	background: url(../images/icon-download.png) 50% 50% no-repeat;
}

.icon-history {
	background: url(../images/icon-history.png) 50% 50% no-repeat;
}

.icon-look {
	background: url(../images/icon-look.png) 50% 50% no-repeat;
}

.icon-favourites {
	background: url(../images/icon-favourites.png) 50% 50% no-repeat;
}


.icon-search {
	background: url(../images/icon-search.png) 50% 50% no-repeat;
}

.icon-trash {
	background: url(../images/icon-trash.png) 50% 50% no-repeat;
}

.icon-upload {
	background: url(../images/icon-upload.png) 50% 50% no-repeat;
}

.operationsMenu a i {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	margin-right: 5px;
	background-size: 26px 26px;
	opacity: 0.6;
}

.operationsMenu a.disabled i {
opacity: 0.25;
}


.operationsMenu a {
	background-color: #fff; /* menu_button_color */
	color: #777; /* menu_text_color */
}


.operationsMenu a:hover {
	background-color: #f3f7f3; /* menu_button_hover_color */
	color: #01951f; /* menu_text_hover_color = primary_color */
}

.operationsMenu a.disabled, .operationsMenu a.disabled:hover {
	background-color: #fff; /* menu_button_color */
	color: #b9b9b9;
}

.operationsMenu a.active,
.operationsMenu a.active:hover {
	color: #fff; /* menu_text_active_color */
	background-color: #01951f; /* menu_button_active_color = primary_color */
}

/* Ajax Panel Busy indicator */

.ajax-panel-loading{
    opacity: 0.4;
	width: 100%;
	background-color: white;
	background-image: url('../images/ajax-loader.gif');
	background-position: top center;
	background-repeat: no-repeat;
	background-origin: content-box;
	}

.ajax-panel-loading tr, .ajax-panel-loading td {
    background: transparent !important;
}

.ajax-panel-loading td {
    border-width: 0px !important;
}

/* Panel Busy indicator */

.panel-loading {
	width: 100%;
	height: 200px;
	padding: 1em;
	background-color: white;
	background-image: url('../images/ajax-loader.gif');
	background-position: top center;
	background-repeat: no-repeat;
	background-origin: content-box;
	margin-top:20px;
}

/* Fixed header */
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}

.navbar-brand{
	padding-top:15px;
	height:65px;
}
.navbar-brand > img {
	max-width: 142px;
}

.navbar-right{
	padding-right:25px;
	padding-top:20px;
}


.welcomeText{
	font-size:20px;
	margin-top:10px;	
}

/*Grid pagination */
.pagination{
	margin-top:10px;
}

.pagination > li > a,
.pagination > li > a:hover,
.pagination > li > a:focus{
	color: #2f302f;
}

.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus{
	background-color: #64cc00;
	border-color:#64cc00 ;
}


/*Gridview rows */
.gridview-row img{
	cursor:pointer;
}

.gridview-body tbody tr:hover td {
    background: #f3f7f3;
}

/*Gridview header */
.gridview-header  th {
	border-bottom: 1px solid #ddd !important;      
	font-size:1.00em;
}

.gridview-header a {
	color: #000; /* menu_text_color */
}

.gridview-header a:hover {
	color: #01951f; /* menu_text_hover_color = primary_color */
}

/* Fix width of first two grid columns */
.gridview-header th:nth-child(-n+2) {
	width: 50px; 
}

.gridview-body tr td:first-child{
	width: 50px; 
}
 
/*Used on grid */
.col-right {
    overflow-y: scroll;
}

.search-hr{
	margin-top:20px;
	margin-bottom:0px;
	border-top: 1px solid #ddd;	
}

.no-results{
	margin-top:20px;
	font-weight:bold;
}

/*Sets the modal's height */
.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 500px;

}

.btn{

  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  background:#64cc00;
  transition-duration: 0.4s;
  cursor: pointer;
  outline: none !important; /*removes default blue border added by chrome */
}


.btn-docmoto-light:hover, .open > .dropdown-toggle.btn-docmoto-light {
    background: #005f00; 
    color: #fff !important; 
}

.modal-header {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #64cc00;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.info-name{
	padding-right:0px;
	font-weight:bold;
}

.info-value{
	padding-left:15px;
}

.info-group{
	margin-bottom:5px;
}

.text-bold {
    font-weight:bold;
}

.alert-danger-text{
    color:#a94442;
}

.progress{
	height:5px;
    margin-bottom:0px;
    background-color: #fff;
    box-shadow:none;
}

.progress-bar-info {
    background-color: #0099ff;
}

/*Calendar text box*/
.input-group-addon{
	border-right:0px;
}

.breadcrumbContainer{
	margin-top:20px;

}

.pathpart-hr{
	margin-top:20px;
}

/* Take off cell header line */
table.gridview-body tr > td {
	border-top: 1px solid #fff;      
}

/* Used in uploadFile form */
.margin-bottom-zero,
.field-metatagvalidator-hiddenselectedfilename{
	margin-bottom:0px;
}

/* Used for table cell truncation */

table.gridview-body {
    table-layout: fixed;
}

table.gridview-body td {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;        
}

/* Drop down menus. Fill as necessary */
.dropdown-menu{
	min-width: 250px;
}

.dropdown-menu > li > a {
 
 }

/* Controls highlight on autocomplete */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
 }


/* Control menu items with images */ 
.menu-item{
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;

	margin-bottom: 0px;
}
 
.selected-menu-item{
	background-color: #f5f5f5;
}


.dropdown-menu-link {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.dropdown-menu-link:hover, .dropdown-menu-link:focus{
	text-decoration: none;
}
 
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #AAA5A5;
    white-space: nowrap;
}

/* advanced search */
.dropdown-md > .dropdown-menu {
    min-width:800px;
}

.dropdown-lg > .dropdown-menu {
    min-width:1000px;
}


/* clear text from search input */
::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
  color: #b4b4b7;
}

/* button used on + - advanced search */
.btn-transparent
{
	-webkit-appearance: none;
	outline: none;
	border: 0;
	background: transparent;
}

.btn-transparent:focus, .btn-transparent:active:focus, .btn-transparent.active:focus {
    outline: 0 none;
}
  
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active, .open > .dropdown-toggle.btn-transparent {
    background: transparent;
}
 
.btn-transparent:active, .btn-transparent.active {
    background: transparent;
    box-shadow: none;
}

.text-light-grey{
	color:#b4b4b7;
}

.text-inactive-notice{
	color: floralwhite;
}

/* used in drop down menus to delete things like views and favourites */
.disabled-link-glyphicon{
	color: #e0e0e0;
    cursor: not-allowed;
}

.glyphicon-delete:hover {
    color:  #8c2525;
}

/* Sharing */
.info-panel{
	margin-bottom:15px;
	margin-top:-5px;
	padding:15px;
}

.info-header-link a,
.info-header-link a.active,
.info-header-link a.active:hover,
.info-header-link a.active:focus {
	color: #fff;
	text-decoration: none;
}
.info-header-link h3 a {
	color: #555;
}

.div-centered{
text-align: center;
}

#criteriaRows {
    min-height: 37px;
}



/* Style NavigationPanel Header */
/* No longer need to load a separate css file for this! */
.navPanelContainer {
	position: relative;
	height: 100%;
}

.navPanelLayer {
	height: 100%;
	width: 100%;
	background-color: #fff;
	top: 0;
	bottom: 0;
}

.navPanelHeader {
	position: relative;
	height: 36px;
	margin-bottom: 5px;
	font-size: larger;
	font-weight: 300;
	color: #fff;
}

.navPanelHeader>div
 {
	position: absolute;
	padding: 0 1em;
	letter-spacing: .05em;
	line-height: 36px; /* Same as .navPanelHeader Height */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.navPanelBack {
	text-align: left;
	left: 0;
	width: 15%;
	font-size: smaller;
	opacity: 1;
}

.navPanelTitle {
	text-align: center;
	left: 0;
	right: 0;
	margin-left: 15%;
	margin-right: 15%;
}

.navPanelTools {
	text-align: right;
	right: 0;
	width: 15%;
}

.kv-grid-container {
	overflow-y: scroll;
	Height:30em;	
	border-style: ridge;
	border-width: thin;
}

.detailPanelLightText {
	color: #777;
}

.detailPanelDarkText {
	color: #373837
}