/* TOAST BOXES */
#toastContainer {position: fixed; top: 0; left: 0; right: 0; padding: 0; margin: 0 auto; width: 100%; max-width: 500px; z-index: 9000}
.toastBox {padding: 16px 24px; margin: 10px 0 0; border-radius: 16px; display: grid; grid-template-columns: 48px 1fr; cursor: pointer}
.toastBox {box-shadow: 4px 4px 12px rgba(0,0,0,.4); border-radius: 10px; color: #FFF; font-weight: 400; font-size: .9rem; position: relative; align-items: center}
.toastBox::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 75%); content: ""}
.toastBox * {z-index: 9100;}
.toastBox.info {background: #01579B}
.toastBox.error {background: #A00}
.toastBox.success {background: #266830}
.toastBox .material-icons {color: #fff; font-size: 24px;}

/* CONFIRM BOX */
#confirmBox-container {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2); display: flex; align-content: center; z-index: 999;  justify-content: center; opacity: 0}
.confirmBox {margin: 0 10px; width: 500px; align-self: center; padding: 20px 24px; box-shadow: 0 0 80px -20px rgba(0,0,0,0.5); background: #FFF}
.confirmBox-title {font-weight: 700; padding: 8px 0 0; font-size: 16px}
.confirmBox-content {padding: 16px 0}
.confirmBox-buttons {text-align: right}
.confirmBox-buttons a#CB-Confirm {margin-left: 20px}
.confirmBox .radio-container {padding: 6px 20px}
.boxradio {width: auto; vertical-align: middle; margin-right: 5px}
.confirmBox textarea {border: 1px solid; padding: 2px 6px; resize: none}

/* SPINNER */
#loading-spinner {position: fixed; bottom: 140px; left: 50%; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; z-index: 990}
.lds-facebook{display:inline-block;position:relative;width:80px;height:80px}
.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px; animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite; background: #d36f00}
.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}
.lds-facebook div:nth-child(2){left:32px;animation-delay:-.12s}
.lds-facebook div:nth-child(3){left:56px;animation-delay:0}

@keyframes lds-facebook{0%{top:8px;height:64px}50%,100%{top:24px;height:32px}}

@media (max-width : 680px) {
    #toastContainer {top: auto; bottom: 0; padding: 8px; max-width: 500px}
    .toastBox {margin: 8px 0 0}
    .toastBox .message {font-size: 11px;}
}

@media (min-width:641px) and (max-width : 960px) {
	
}

@media (min-width:961px) and (max-width : 1400px) {
	
}