@charset "utf-8";


/*-----------------------------*/
/*-----------------------------*/
/*----- LIST OPERATIONS -----*/
/*-----------------------------*/
/*-----------------------------*/
.OdacBlockchainNftListOperationsContainer {
	border-bottom: 1px solid #333;
}

.OdacBlockchainNftListOperationsResultContainer {
	border-top: 1px solid #333;
}




#OdacBlockchainNftWaitingAnimatedIcon {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #777777;
  width: 40px;
  height: 40px;
  -webkit-animation: OdacBlockchainNftAnimatedIconSpin 2s linear infinite; /* Safari */
  animation: OdacBlockchainNftAnimatedIconSpin 2s linear infinite;

  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
@-webkit-keyframes OdacBlockchainNftAnimatedIconSpin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes OdacBlockchainNftAnimatedIconSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.OdacBlockchainNftListOperationsResultDeleteButton {
	float: right;
}





/*---------------------------*/
/*---------------------------*/
/*----- FORMS & BUTTONS -----*/
/*---------------------------*/
/*---------------------------*/

  
/*Solve issue of safari on ios zooming in on text boxes when selected*/
/*It does this if text size < 16px, so to cure we'll just set all to 16px*/
.OdacBlockchainNftFormFields input[type=text], .OdacBlockchainNftFormFields input[type=email], .OdacBlockchainNftFormFields input[type=number], .OdacBlockchainNftFormFields select, .OdacBlockchainNftFormFields textarea {
	font-size: 16px;
}

/*----- LABELS -----*/
.OdacBlockchainNftFormFields label.OdacBlockchainNftFormOptionTitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
  
.OdacBlockchainNftFormFields label {
	display: block;
}

/*----- INPUT BOX -----*/
.OdacBlockchainNftFormFields input[type=text] {
	display: inline;    /*Stop its default "block" setting making it left aligned*/
	width: 180px;
	border-radius: 4px 4px 4px 4px;
}

.OdacBlockchainNftFormFields .OdacBlockchainNftFormItem {
	padding-bottom: 20px;
}
 
/* FORM SUBMIT BUTTON */
.OdacBlockchainNftFormFields input[type="submit"], .OdacBlockchainNftFormFields button[type="submit"] {
	background: var(--odac-color-main1);
	border: 1px solid var(--odac-color-main2);
	border-radius: 6px 6px 6px 6px;
	font-size: 14px;
	font-weight: bold;
	min-height: 50px;
	min-width: 160px;
  padding: .5rem 1rem;
	
	/*Outline text effect*/
	color: #fff;
	text-shadow: -1px -1px 0 var(--odac-color-main2), 1px -1px 0 var(--odac-color-main2), -1px 1px 0 var(--odac-color-main2), 1px 1px 0 var(--odac-color-main2);
}



/*-----------------*/
/*-----------------*/
/*----- ADMIN -----*/
/*-----------------*/
/*-----------------*/

.OdacBlockchainNftAdminPage {
  padding-right: 10px;
}


.OdacBlockchainNftAdminPageSectionBox {
  border: 1px solid #ddd;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px;
}

.OdacBlockchainNftAdminPageSectionBox h3 {
  margin-top: 0em;
}

.OdacBlockchainNftAdminPageItemNote {
  margin-top: -8px;
  margin-bottom: 14px;
  color: #666;
}

/*----- FORM FIELDS -----*/
.OdacBlockchainNftAdminPage label {
  display: block;    /*Cause newline after*/
}

.OdacBlockchainNftAdminPage input[type="text"] {
  margin-bottom: 10px;
  display: block;    /*Cause newline after*/
  font-size: 16px;   /*min 16px for safari*/
}

.OdacBlockchainNftAdminPage input[type="file"] {
  margin-bottom: 10px;
  display: block;    /*Cause newline after*/
  font-size: 16px;   /*min 16px for safari*/
}

.OdacBlockchainNftAdminPage textarea {
  margin-bottom: 10px;
  display: block;    /*Cause newline after*/
  font-size: 16px;   /*min 16px for safari*/
}

.OdacBlockchainNftAdminPage input[type="checkbox"] {
  display: inline-block;
  margin-bottom: 8px;
}
.OdacBlockchainNftAdminPage input[type="checkbox"] + label {
  display: inline-block;
  margin-bottom: 10px;
}

.OdacBlockchainNftAdminPage select {
  border: 1px solid #f6f6f6;
  margin-bottom: 10px;
  padding: 2px;
  display: block;    /*Cause newline after*/
  font-size: 16px;   /*min 16px for safari*/
}


/*----- BUTTON -----*/
a.OdacBlockchainNftAdminButton, a.OdacBlockchainNftAdminButton:hover, a.OdacBlockchainNftAdminButton:visited,
 input[type="submit"].OdacBlockchainNftAdminButton {
  background-color: #007cba;
  border: 1px solid #007cba;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  min-height: 20px;
  min-width: 80px;
  margin-top: 8px;
  margin-right: 8px;
  margin-left: 0px;
  margin-bottom: 8px;
  padding-top: 7px;
  padding-right: 6px;
  padding-left: 6px;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

 input[type="submit"].OdacBlockchainNftAdminButton {
   padding-top: 2px;
   line-height: 16px;
   min-height: 34px;
}

a.OdacBlockchainNftAdminButton_Delete, a.OdacBlockchainNftAdminButton_Delete:hover, a.OdacBlockchainNftAdminButton_Delete:visited,
 input[type="submit"].OdacBlockchainNftAdminButton_Delete {
  background-color: #a50011;
  border-color:#6e040f;
}

a.OdacBlockchainNftAdminButton_Attention, a.OdacBlockchainNftAdminButton_Attention:hover, a.OdacBlockchainNftAdminButton_Attention:visited,
 input[type="submit"].OdacBlockchainNftAdminButton_Attention {
  background-color: #ef9300;
  border-color:#935c05;
}




/*----- Messages -----*/
.OdacBlockchainNftAdminPageMessage {
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: left;
  font-weight: bold;
  color: orange;
}