/*------------------- Reusables --------------------------*/
.mar10 {
	margin:10px 15px
}

.mar0{
	margin:0px
}
.marT0{
	margin-top: 0px!important;
}
.marTB5 {
	margin:5px 0px
}
.marTB10 {
	margin:10px 0px
}
.marT15{
	margin-top:15px;
	}
.marTB20 {
	margin:20px 0px
}
.marLR5 {
	margin:0px 5px !important;
}
.marLR10 {
	margin:0px 10px;
}
.marL20 {
	margin-left:20px;
}
.marLR20 {
	margin:0px 20px;
}
.marLR70 {
	margin:0px 70px;
}
.marLR15{
	margin:0px 15px;
}
.marR40{
	margin-right:40px;
}
.marR0{
	margin-right:0px!important;
}
.marR8{
	margin-right:8px!important;
}
.marR10{
	margin-right:10px;
}
.marR20{
	margin-right: 20px!important;
}
.marT10 {
	margin-top:10px
}
.marT5 {
	margin-top:5px
}
.marT8 {
	margin-top:8px
}
.marT17 {
	margin-top:17px
}
.marT20 {
	margin-top:20px
}
.marT25 {
	margin-top:25px!important;
}
.marB50 {
	margin-bottom: 50px!important;
}
.padTB5 {
	padding:5px 0px
}
.pad10 {
	padding:10px;
}
.pad7{
	padding:7px;
	}
.pad15 {
	padding:15px !important;
}
.padTB10 {
	padding:10px 0px
}
.padTB20 {
	padding:20px 0px
}
.padLR5 {
	padding:0px 5px
}
.padLR12 {
	padding:0px 12px!important;
}
.padl35{
    padding-left: 35px!important
}
.padLR15 {
	padding:0px 15px !important;
}
.padTB15 {
	padding:15px 0px;
}
.padL15 {
	padding-left:15px;
}
.padL0{
	padding-left: 0px!important;
}
.padR0{
	padding-right: 0px!important;
}
.padR3{
	padding-right: 3px!important;
}
.padLR20 {
	padding:0px 20px !important
}
.padL2 {
	padding-left:2px;
}
.padL5 {
	padding-left:5px;
}
.padLR0{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.marL2 {
	margin-left:2px;
}
.pad0{
	padding:0px !important;
}
.padT10{
    padding-top:10px !important;
}
.padT5{
    padding-top:5px !important;
}
.pad20{
    padding: 20px !important;
}
.pad5{
    padding: 5px !important;
}
.padt8{
    padding-top: 8px !important;
}
.padt13{
    padding-top: 13px !important;
}
.padLR20 {
    padding: 0px 20px !important;
}
.padLR25{
    padding: 0px 25px !important;
}
.marB10{    margin-bottom: 10px;}
.marT35{
    margin-top:35px;
}
.marLR15{
	margin:0px 15px !important;
}
.clearbothPad{
    clear:both;padding:0 15px 10px 15px;
}
.clearfix{
    clear:both
}
.mar0{
    margin:0 !important;
}
.tabArea{
    border: 1px solid #e2e2e2;
    padding: 10px 15px !important;
}

.dInlBlk{
    display:inline-block;
    margin-right: 10px;
    margin-top: 10px;
}
.graysection {
    background-color: #fcfcfc;
    border: 1px solid #e2e2e2;
}
.marTB10{
    margin: 10px 0px
}
.padtb10 {
    padding-top: 10px;
    padding-bottom: 15px;
}

.padt10 {
    padding-top: 10px;
}

.padr10 {
    padding-right: 10px;
}

.marT48 {
    margin-top: 48px;
}

.marl27 {
    margin-left: 27px;
}
.marL3 {
	margin-left:3px
}
.marL10 {
	margin-left:10px
}
.marR100 {
	margin-right:100px;
}
.pad20 {
	padding:20px !important;
}
.fl {
	float:left
}
.fr {
	float:right
}
input::-moz-placeholder{
	font-size: 12px;
	color:#aaa;
}

.overflow-auto{
	overflow:auto
}
.clearfix{
	clear:both;
}
.border-top {
	border-top:1px solid #c1c1c1;
	margin-top:10px;
	overflow:hidden;
	padding:20px 0 0;
}
.fontB {
	font-weight:bold;
}
.inlineDisplay{display:inline}
.underline{text-decoration:underline}

.hideme {
	display:none;
}
.light-grey {
	background-color:#F5F5F5
}
.dark-grey {
	background-color:#E9E9E9
}
.sidebar-active {
	background-color:#369edb !important;
}
.block {
	display:block
}
.col-xs-15 {
	width:20%
}
.pointer {
	cursor:pointer;
}



.noRecord {
	font-weight:bold;
	font-size:15px;
	margin:10px 20px;
	color:#588230
}
.mandatory {
	color:red;
	font-weight:bold;
	font-size:20px;
	padding:10px 5px
}

.file-info-label .mandatory {
	font-size:13px;
}

.detail-header .mandatory {
	font-size:16px;
}
.wid50per {
	width:50%;
}
.overhid {
	overflow:hidden
}
.darkBack{background-color:#d1d1d1 !important;}
.clearBoth {
	clear:both
}
.modal-dialog {
	width: 75% !important;
	margin: 25px auto;
}
/* .btn-primary {
    color: #fff;
    background-color: #F05A24 !important;
    border-color: #F05A24 !important;
    border-radius: 25px;
	padding-left: 20px;
	padding-right: 20px;
	opacity: 0.85;
	font-weight: bold;
} */
/* 
.set-color {
	color: #fff !important;
    background-color: #F05A24 !important;
    border-color: #F05A24 !important;
    padding: 5px 20px !important;
    font-weight: bold;	
}

.set-color:hover {
    color: #fff !important;
    background-color: #F05A24 !important;
    border-color: #F05A24 !important;
    padding: 5px 20px;
    font-weight: bold;
} */
/* 
.btn-primary:hover {
	color: #fff;
	background-color: #F05A24;
	border-color: #F05A24;
	opacity: 1;
    font-weight: bold;
}
.btn-primary:active{
	background-color: #F05A24;
	border-color: #F05A24;
	opacity: 1;
} */

.textCenter{text-align:center}
.blurStack{box-shadow: 7px -7px  0 #c8c8c8, 14px -14px 0 #e1e1e1 !important;}
.bootbox .modal-dialog {font-size:18px;width:60% !important;text-align:center;}
.bootbox .modal-footer{text-align:center;padding:0;}
.red{color:red !important}
.customFont18{font-size:18px}
/*monitor files*/

.mon-container{
	border-bottom: 1px solid #d1d1d1;
	}
.zip-location {
    float: left;
    padding: 5px 15px !important;
    text-align: center;
    width: 10%;
}

.zip-location img{ width:90%;}
.zip-size{font-weight:bold; color:gray;font-size:12px;padding: 5px 0;display:block}
.monitor-progress{width:50%;padding:10px;float:left;padding:0px 15px !important}

 .monitor-progress .progress{
        position:relative;
        width:40%;
        position:relative;
        background-color: #d1d1d1;
        height:20px;
        margin-bottom:0px;
    }
 .colorGray{color:gray;}   
 .monitor-progress .bar{
        background-color: #6f9728;
        width:0%;
        height:20px;
    }
.mon-container .overhid{font-size:12px;}
.monitor-share .marTB20{margin:30px 0px}
.monitor-progress .percent {
    bottom: 0;
    color: #fff;
    display: block;
    font-weight: bold;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 104px;
}

.mom-file-name {
    color: gray;
    font-size: 17px;
    padding-bottom: 0px;
    font-weight:bold;
    text-transform: uppercase;
}
.left-mon{
	float:left;
	width:45%;
	}
	
.right-mon{
	float:left;
	width:45%;
	margin-left:20px
	}

.tags-mon{margin-left:15px;width:50%;}
.tagsMon .colorGray{width:15%}
.tags-bg{ background-color:#6f9728;border-radius:10px;color:#fff;padding:0 5px 1px;font-size:11px;margin-left:2px;float:left;margin-top:2px;}
.mon-tags {
    background-color: #6f9728;
    border-radius: 23px;
    color: white;
    margin: 0 2px;
    padding: 2px 10px;
    display: inline-block;
    margin-top: 2px;
    word-wrap: normal;
}
.monitor-share{
	width:40%;
	float:left;
	margin-right:25px !important;
	}
.shared-mon ul li{
  	background-color: #99c966;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px;
    cursor: pointer;
    float: left;
    height: 25px;
    list-style: outside none none;
    margin: 5px 5px 0 0;
    position: relative;
    width: 25px;
}

.shared-mon{margin-left:30px;width:75%;}
.shared-mon ul{
 	overflow: hidden;
    padding-left: 0;
}
.shared-mon ul li span{
	color: #fff;
    font-size: 15px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 100%;
}

.pinnedResource{margin:15px 5px !important;z-index:999;}
.field-snap img.hideme{display:none;}

.add-farm-multi {
    position: absolute;
    right: 20px;
    top: 55px;
    width: 250px;
}

#fieldMapping .add-farm-multi {
    right: 50px;
    top: 149px;
} 

    
.add-farm-multi li{
	background-color: #8abd32;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-left: 10px;
    overflow:hidden
	}   
.add-farm-multi li span{
	margin:6px;
	}	
	
	/* Moving farm and field*/
	
	#moveResources .modal-body {
    min-height: 450px;
    position: relative;
}

	.move-actions{
    bottom: 10px;
    margin-top: 20px;
    position: absolute;
    right: 10px;
}
	.moving-farm {
	background-color: rgba(153, 76, 0, 0.7);
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    padding: 10px;
	}
	
	.moving-field {
    background-color: rgba(153, 153, 0, 0.8);
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 12px 5px 12px 30px;
    padding: 10px;
}
.moved-success-messages {
    background-color: #d5e0be;
    border-radius: 3px;
    color: #768161;
    font-size: 16px;
    margin: 5px 10px 5px 20px;
    padding: 10px;
}


.moved-error-messages {
    background-color: #fad0d1;
    border-radius: 3px;
    color: #995c5b;
    margin: 5px 10px 5px 20px;
    max-height: 150px;
    overflow: auto;
    padding: 10px;
}

.moved-error-messages ul {
	list-style: disc !important;
}
.move-head {
    border-bottom: 1px solid #d6d6d6;
    color: #709828;
    font-size: 20px;
    margin: 0 5px 20px;
}

.toMove {
    padding: 1px 0;
}

.moveOptions {
    margin: 0px 20px;
    overflow: auto;
}
.source-field-drop {
    margin-left: 30px;
}
.source-field-drop:first-child {
    margin-left: 0;
    }

.moveRadioContainer {
    margin: 0 auto;
    overflow: auto;
}
.moveRadioContainer label{
    margin: 5px 10px 5px 5px;
    color:#70972a
}
	/*-----------------------------Media Queries -----------------------------------*/
@media screen and (max-width:1230px) {
	.f-share {
		width:100%
	}
	.f-data-info {
		width:100%
	}
	.contacts-share ul li {
		height:60px;
		margin:5px 25px 0 0;
		width:60px;
	}
	.contacts-share ul li span {
		top:3px;
	}
	.address-content {
		padding:0px 10px 10px;
	}
	.directory-index tbody tr {
		font-size:11px;
	}

	.logosmall img {
		width:185px;
	}
	
	.zip-location {width:15%;}
	.monitor-progress{width:48%;}
	.monitor-share{ width:37%}
	.mon-container .overhid {
    font-size: 9px;}
    .mom-file-name{font-size:12px;}
    .monitor-share .marTB20{margin:22px 0px}
    .tags-mon{width:70%;}
    .shared-mon{width:58%;margin-top:3px;}
    .monitor-progress .percent {
    top: 1px;
    width: 65px;
	}
	.monitor-progress .bar {
    height: 15px;
	}
	.monitor-progress .progress {
    height: 15px;
    }
    .shared-mon ul li span{
    font-size: 9px;
    top: 1px;
}
	.shared-mon ul li{
    float: left;
    height: 15px;
    width: 15px;
}
	.monitor-share .marTB20{margin:11px 0px}
	.mom-file-name {
    padding-bottom: 3px;}
    .zip-size{font-size:9px;}
}
@media screen and (min-width:768px) and (max-width:960px) and (orientation:portrait) {
	.searchContainer {
		width:32% !important
	}
}
@media screen and (max-width:1220px) {
	.f-data-info {
		padding:20px 15px 20px 0 !important;
	}
	.f-share {
		padding:20px 15px !important;
	}
	.contacts-table {
		width:95%;
	}
	.f-data-info {
		padding:20px !important;
	}
	.modal-dialog {
		width:95% !important;
	}
	.contacts-table tbody td {
				padding:8px 7px !important;
	}
	.contacts-table thead th {
				padding:9px 7px !important;
	}
	.share-contact-container {
		font-size:17px;
		top:10px;
	}
	.name-thumb {
		height:50px;
		width:50px;
	}
	.address-content {
		padding:0 10px 10px;
	}
	.directory-index tbody tr {
		 font-size:11px;
	}

	.contacts-container {
		height:461px;
	}
	#addressBook .close {
		padding:12px 0px
	}
	#addressBook .modal-header {
		padding:0 15px;
	}
		.searchContainer {
		margin-left:0px;
	}
	.search input {
		width:70%;
	}
	.search-btn-main {
		padding:13px 20px;
	}
	.grower-name-data {
		width:26%
	}
	.grower-data {
		margin:0 10px 0 18px
	}
	.resource-type {
		margin:20px
	}
	.grow-name {
		font-size:15px
	}
	.select-farm>select {
		font-size:12px;
	}
}
@media screen and (max-width:820px) {
	.search input {
		width:65%;
	}
	.logosmall img {
		width:185px;
	}
}
@media screen and (max-width:1030px) {
	.logosmall img {
		width:185px;
	}
		.closeSearch {
		margin:15px 4px;
	}
	.uploadRes {
		padding:22px 15px;
	}
		.resources {
		padding:15px 3px;
	}
		.logoutBtn {
		padding:10px;
	}
	.monitor-progress{padding:0px 5px !important}
	.tags-bg{font-size:9px;}
	.drop-down-common span:first-child{width:70%;}
}
@media screen and (max-width:1220px) {
	.privTerm {
		display:block;
	}
	.copy {
		margin-top:8px
	}
	.leftNavHead,.leftNavFilter {
		font-size:12px
	}
	.growerInfo ul li span {
		font-size:12px !important
	}
	.gw-nav-list>li .gw-submenu>li>a {
		font-size:12px !important
	}
	.left-nav-opt {
		font-size:12px
	}
	.share-but,.mul-sel-but {
		display:none;
	}
	.address-content {
		padding:0 10px 10px;
	}
	.directory-index tbody tr {
		 font-size:11px;
	}

	.contacts-container {
		height:461px;
	}
}
@media screen and (min-width:1045px) and (max-width:1120px) {
		.filter-value-text {
	max-width:75%;
}
}
@media screen and (max-width:1050px) {
	.footerContact {
		display:block
	}
	.leftNavHead,.leftNavFilter {
		font-size:11px
	}
	.growerInfo ul {
		font-size:11px !important
	}
	.growerInfo ul li span {
		font-size:11px !important
	}
	.gw-nav-list>li .gw-submenu>li>a {
		font-size:11px !important
	}
	.grower-name-data {
    width: 23%;
	}
	.profContent {
    font-size: 14px;
    margin:25px 0px;
	}
	.profImg {
    padding: 20px 0px;
}
	.profileAvatar {
    margin: 0px 15px;
	}
	.social {
		display:block;
		width:100%;
		margin-left:10px;
	}
	.copy {
		width:100%
	}
	.privTerm {
		display:inline
	}
	.contact {
		float:none;
		width:100%;
		display:block;
	}
	.footerContact {
		display:inline;
	}
	.appContentContainer
	{

    height: 300px;
	}
	.upload-image img {
		margin-left:-3px;
		margin-top:-3px;
	}
	.upload {
		width:40%;
	}
	.add-tags {
		width:42%;
	}
	.uploadRes {
		padding:15px 15px;
	}
		.resources {
		padding:3px 3px;
	}
		.logoutBtn {
		padding:10px;
	}
	.profile-names {
		right:117px;
	}
	.searchContainer{width:35%;}
}
@media screen and (max-width:800px) {
	.displayContent {
		width:70%
	}
	.leftNav {
		width:30%
	}
	.filter-value-text {
	max-width:73%;
}
	.filter-value {
		width:85%;
	}
	.searchContainer {
		width:40% !important;
	}
	.profile-name-value {
    width: 90px;
	}
	.profImg {
    padding: 20px 0px;
}
	.profile-name-select {
    width: 135px;
	}
	.profile {
    width: 195px;
	}
	.profile-names {
    right: 117px;
    width: 194px;
	}
	.detail-header {
		background-color:#f8d543;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		padding:3px
	}
	.detail-value {
		font-size:13px;
		text-align:center;
		padding:3px;
	}
	
	.isAgent{
    background-position: 160px 8px;
	}
	
	.file-info-content {
		width:20%;
		padding:10px;
		float:left;
		font-size:12px
	}
}
@media (min-width:768px) {
	.col-sm-15 {
		width:20%;
		float:left;
	}
	.col-sm-2 {
    width: 19.666667%;
}
}
@media (min-width:992px) {
	.col-md-15 {
		width:20%;
		float:left;
	}
}
@media (min-width:1200px) {
	.col-lg-15 {
		width:16%;
		float:left;
	}
}
.file-info-content {
	width:20%;
	padding:10px;
	float:left;
	font-size:13px;
	height:65px;
	text-align:left;
}

.file-info {
	border-bottom:2px solid #c1c1c1;
	border-top:2px solid #c1c1c1;
	overflow:hidden;
	padding:0 15px !important;
	text-align:center;
	background-color:#d1d1d1;
	width:100%;
}

.file-info .datepicker {background-color:#e8e8e8;border:none;padding:6px;border-radius:3px;}
.file-info-data {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:99%;
	font-size:18px;
}
.file-info-label {
	font-weight:bold;
}
.session-out .modal-title {
	font-weight:bold;
}
.session-out .bootbox-body {
	text-align:left;
	font-size:16px;
}
.session-out .modal-footer {
	text-align:center;
}
.session-out .btn {
	background-color:#467519;
}
.file-res-processed {
	color:green;
	font-size:18px;
	font-weight:bold;
	width:20%;
	text-align:center;
	padding: 15px;
}
.recycle-bin-delete,.recycle-bin-empty,.recycle-bin-restore{
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
}
.clear-notif{
   margin-bottom: 10px;
   float: left;
   border-bottom: 1px solid #999;
   width: 100%;
   position:relative;
}
.file-date-not{
	position:absolute;
	right:5px;
	top: -7px;
	}
	
/* tissue detail page */
.detail-table-head{
    width: 100%;
    border: 1px solid #f6f6f6;
    display: table;
    table-layout: fixed;
}
.detail-head-values {
    border-right: 1px solid #f6f6f6;
    display: table-cell;
    text-align: center;
    background-color: gray;
    color: #fff;
    padding: 10px 0px;
}
.detail-table-values{
    width: 100%;
    display: table;
    table-layout: fixed;
}

.detail-table-values:nth-child(odd){
  background-color:#f6f6f6;
}
.detail-table-values:nth-child(even){
  background-color:#fff;
}
.detail-values-cell{
    display: table-cell;
    text-align:center;
    padding:5px;
}
.details-tables{
	overflow-x: auto;
    max-width: 100%;
	}
.special-width input[type=number] {
	width: 20%;
}
.form-group.reason {
	width: 100%;
}
.reason-field {
    margin-left: 0px !important;
}
.sustain-metric{
	position: relative;
}
.pageLoaderSustain{   
	display: block;
    position: absolute;
    background-color: rgba(255,255,255, 0.5);
    width: 100%;
    height: 100%;
    z-index: 2;
	} 

.pageLoaderSustain div{
    position: absolute;
    top: 45%;
    left: 45%;
	}
	.login-container{ width:100%;}
	.login-container .left-column{
	  float:left;
	  width:75%;
	  height: 100vh;
	  background: #333333;
	}
	
	.login-container .left-column img{
	  width: 100%;
	height: 100%;
	}
	
	.login-container .right-column{
	  text-align: center;
	  float:left;
	  width:25%;
	  height: 100vh;
	  background: #333333;
	}
	
	.login-container .right-column .login-button{
	  background-color: #6FC8C0;
	  border: none;
	  color: #0b3f54;
	  padding: 6px 20px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  width: 116px;
	  cursor: pointer;
	}
	.login-container .right-login-container{
	  margin-top: 80%;
	}
	.login-container .login-wrapper{
	  margin-bottom: 5px;
	}
	.login-container .password-wrapper{
	  margin-bottom: 15px;
	}
	.login-container .login-wrapper label{
	  width: 30%;
	  color: white;
	  font-size: 17px;
	}
	.login-container .password-wrapper label{
	  width: 30%;
	  color: white;
	  font-size: 17px;
	}
	
#modalProfitPDF .exportButton{
    position: absolute;
    bottom: 0;
    margin-top: 10px;
    right: 10px; 
}